@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
}

*,
:after,
:before {
  box-sizing: border-box;
}

:root {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  cursor: default;
  overflow-wrap: break-word;
  -moz-tab-size: 4;
  tab-size: 4;
}
/*
html,
body {
height: 100%;
}*/

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../../images/icon/icon_arrow_bottom.svg");
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 1.8rem;
  padding-right: 2rem;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  width: 100%;
}

button {
  background: none;
  border: 0;
  cursor: pointer;
}

a {
  text-decoration: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* font-size 테스트 */
html {
  font-size: 10px;
}
@media (max-width: 359px) {
  html {
    font-size: 8.8px;
  }
}
@media (min-width: 768px) {
  html {
    font-size: clamp(8.8px, 0.95vw, 9.4px);
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 9.4px;
  }
}
@media (min-width: 1600px) {
  html {
    font-size: 10px;
  }
}

/*
html {
  font-size: 10px;
}
@media (max-width: 359px) {
  html {
    font-size: 8.8px;
  }
}
@media (min-width: 768px) {
  html {
    font-size: clamp(10px, 1.08vw, 12.8px);
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 9.4px;
  }
}
@media (min-width: 1600px) {
  html {
    font-size: 10px;
  }
}
*/

body {
  font-family: "Pretendard", "-apple-system";
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
  background: #fff;
  color: #111111;
  overflow-x: clip;
}

li {
  list-style: none;
}

[hidden] {
  display: none;
}

/* 추가 */
input,
textarea {
  appearance: none;
  border: none;
  outline: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  vertical-align: middle;
  box-sizing: border-box;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

input[type="password"] {
  font-size: 3.5rem;
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

textarea {
  resize: none;
}

input,
textarea {
  caret-color: #000;
  /* 텍스트 커서의 색상을 빨간색으로 설정합니다. */
}

input[type="radio"],
input[type="checkbox"] {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.color-red {
  color: #e9161f !important;
}

@font-face {
  font-family: "SCDream";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local("SCDream Thin"),url("../../font/SCDream1") format("woff2");
}
@font-face {
  font-family: "SCDream";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("SCDream Light"), url("../../font/SCDream3") format("woff2");
}
@font-face {
  font-family: "SCDream";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("SCDream Normal"), url("../../font/SCDream4") format("woff2");
}
@font-face {
  font-family: "SCDream";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("SCDream Medium"), url("../../font/SCDream5") format("woff2");
}
@font-face {
  font-family: "SCDream";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("SCDream SemiBold"), url("../../font/SCDream6") format("woff2");
}
@font-face {
  font-family: "SCDream";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("SCDream Bold"), url("../../font/SCDream7") format("woff2");
}
@font-face {
  font-family: "SCDream";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("SCDream Black"), url("../../font/SCDream9") format("woff2");
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src:
    local("Pretendard Thin"),
    url("../../font/Pretendard-Thin.woff") format("woff"),
    url("../../font/Pretendard-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:
    local("Pretendard Light"),
    url("../../font/Pretendard-Light.woff") format("woff"),
    url("../../font/Pretendard-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("Pretendard Regular"),
    url("../../font/Pretendard-Regular.woff") format("woff"),
    url("../../font/Pretendard-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local("Pretendard Medium"),
    url("../../font/Pretendard-Medium.woff") format("woff"),
    url("../../font/Pretendard-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src:
    local("Pretendard SemiBold"),
    url("../../font/Pretendard-SemiBold.woff") format("woff"),
    url("../../font/Pretendard-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src:
    local("Pretendard Bold"),
    url("../../font/Pretendard-Bold.woff") format("woff"),
    url("../../font/Pretendard-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src:
    local("Pretendard Black"),
    url("../../font/Pretendard-Black.woff") format("woff"),
    url("../../font/Pretendard-Black.woff2") format("woff2");
}
.accordion__item {
  padding: 2.4rem;
  background: #f9f9f9;
  border-radius: 2rem;
}
@media (min-width: 1440px) {
  .accordion__item {
    padding: 7.4rem 8rem;
  }
}
.accordion__item ~ .accordion__item {
  margin-top: 1.6rem;
}
.accordion__item.is-open .accordion__head::after {
  background-image: url("../../images/icon/icon_accordion_active.svg");
}
.accordion__item.is-open .accordion__title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #0080fb;
}
@media (min-width: 1440px) {
  .accordion__item.is-open .accordion__title {
    font-size: 2.4rem;
  }
}
.accordion__item.is-open .accordion__content {
  padding-top: 1.8rem;
}
@media (min-width: 1440px) {
  .accordion__item.is-open .accordion__content {
    padding-top: 1.4rem;
  }
}
.accordion__head {
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 1440px) {
  .accordion__head {
    align-items: center;
  }
}
.accordion__head::after {
  content: "";
  margin-left: 5rem;
  display: inline-block;
  background: url("../../images/icon/icon_accordion.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
}
@media (min-width: 1440px) {
  .accordion__head::after {
    min-width: 5rem;
    height: 5rem;
  }
}
.accordion__title {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
  color: #666666;
}
@media (min-width: 1440px) {
  .accordion__title {
    font-size: 2.4rem;
  }
}
.accordion__content {
  display: none;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
  color: #666666;
}
@media (min-width: 1440px) {
  .accordion__content {
    padding-right: 10rem;
    font-size: 2rem;
  }
}

.icon-arrow-round {
  display: inline-block;
  background: url("../../images/icon/icon_arrow.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 3.4rem;
  height: 3.4rem;
}
@media (min-width: 1440px) {
  .icon-arrow-round {
    width: 5rem;
    height: 5rem;
  }
}
.icon-arrow-round.red {
  background-image: url("../../images/icon/icon_arrow_red.svg");
}
.icon-arrow-round.black {
  background-image: url("../../images/icon/icon_arrow_black.svg");
}
.icon-arrow-round.small {
  width: 3rem;
  height: 3rem;
}
@media (min-width: 1440px) {
  .icon-arrow-round.small {
    width: 5rem;
    height: 5rem;
  }
}

.round-arrow-link {
  display: inline-flex;
  align-items: center;
  height: 5rem;
  padding: 0 0.8rem 0 2rem;
  background: #111111;
  border-radius: 5rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ffffff;
}
@media (min-width: 1440px) {
  .round-arrow-link {
    padding: 0 1.2rem 0 4rem;
    height: 7.2rem;
    font-size: 2rem;
  }
  .round-arrow-link:hover .icon-arrow-round {
    transform: translateX(0.4rem);
  }
}
.round-arrow-link .icon-arrow-round {
  margin-left: 1.2rem;
}
@media (min-width: 1440px) {
  .round-arrow-link .icon-arrow-round {
    margin-left: 1.8rem;
    transition: all 0.4s ease;
  }
}
.round-arrow-link.red {
  background: #0e52dc;
}

.link--underline {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #0080fb;
  text-decoration: underline;
}
@media (min-width: 1440px) {
  .link--underline {
    font-size: 2rem;
  }
}

.popup-button {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.4rem;
  border-radius: 0.8rem;
  border: 1px solid #e1e1e1;
}
@media (min-width: 1440px) {
  .popup-button {
    height: 5.2rem;
    font-size: 1.6rem;
  }
}
.popup-button--black {
  background: #393939;
  color: #ffffff;
}
.popup-button i {
  margin-right: 0.8rem;
}
.popup-button i.icon-cancel {
  display: inline-block;
  background: url("../../images/icon/icon_cancel.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 2rem;
  height: 2rem;
}
.popup-button i.icon-confirm {
  display: inline-block;
  background: url("../../images/icon/icon_confirmcheck.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 2rem;
  height: 2rem;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.2rem;
  width: fit-content;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}
.btn--primary {
  background: #0080fb;
  color: #fff;
}
.btn--large {
  width: 26rem;
  height: 6rem;
  font-size: 2rem;
}
.btn--medium {
  width: 20rem;
  height: 6rem;
  font-size: 2rem;
}
.btn--small {
  padding: 0 1.6rem;
  height: 3.2rem;
  font-size: 1.6rem;
  border-radius: 0.4rem;
}
.btn--outline-black {
  border: 1px solid #333;
  background: #fff;
  color: #333;
}
.btn--dark-gray {
  background: #31373a;
  color: #fff;
}
.btn--navy {
  background: #203378;
  color: #fff;
}
.btn--light-blue {
  background: #d9e9f9;
  color: #0080fb;
}
.btn--outline-blue {
  border: 1px solid #0080fb;
  background: #fff;
  color: #0080fb;
}
.btn--outline-gray {
  border: 1px solid #aeb2b4;
  background: #fff;
  color: #717171;
}

.sub-title {
  margin-bottom: 4.2rem;
}
.sub-title.vn_subtitle {
  margin-bottom: 0;
}
@media (min-width: 1440px) {
  .sub-title {
    margin-bottom: 8rem;
  }
}
.sub-title__title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 1440px) {
  .sub-title__title {
    font-size: 6rem;
  }
}
.sub-title__title ~ .sub-paragraph {
  margin-top: 0.8rem;
}
@media (min-width: 1440px) {
  .sub-title__title ~ .sub-paragraph {
    margin-top: 4rem;
  }
}
.sub-title__desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0.8rem;
  color: #888888;
}
@media (min-width: 1440px) {
  .sub-title__desc {
    font-size: 2.4rem;
    margin-top: 1.8rem;
  }
}
.sub-title.mb-0 {
  margin-bottom: 0;
}

.content__paragraph {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.34;
  color: #666666;
}
@media (min-width: 1440px) {
  .content__paragraph {
    font-size: 2rem;
  }
}

.sub-paragraph {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
  color: #666666;
}
@media (min-width: 1440px) {
  .sub-paragraph {
    font-size: 2rem;
  }
}
.sub-paragraph ~ .sub-paragraph {
  margin-top: 2.8rem;
}
@media (min-width: 1440px) {
  .sub-paragraph ~ .sub-paragraph {
    margin-top: 4rem;
  }
}
.sub-paragraph .bold {
  font-weight: 700;
  color: #111111;
}

.etc-paragraph {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
  color: #999999;
}
@media (min-width: 1440px) {
  .etc-paragraph {
    font-size: 1.8rem;
  }
}

.sub__content-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.33;
}
@media (min-width: 1440px) {
  .sub__content-title {
    font-size: 4rem;
  }
}

.important {
  color: #0080fb;
}

.ellipsis_2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 2.4rem;
}

.list-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.44;
}
@media (min-width: 1440px) {
  .list-title {
    font-size: 3.2rem;
  }
}

.text-list__item {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
  color: #666666;
}
@media (min-width: 1440px) {
  .text-list__item {
    font-size: 2rem;
    line-height: 1.8;
  }
}
.text-list__item ~ .text-list__item {
  margin-top: 1.4rem;
}
@media (min-width: 1440px) {
  .text-list__item ~ .text-list__item {
    margin-top: 2rem;
  }
}
.text-list__item .bold {
  font-weight: 600;
}
.text-list.text-list--number {
  counter-reset: list-counter;
}
.text-list.text-list--number .text-list__item {
  display: flex;
}
.text-list.text-list--number .text-list__item::before {
  counter-increment: list-counter;
  content: counter(list-counter) ".";
  margin-right: 0.4rem;
}
.text-list.text-list--dot .text-list__item {
  position: relative;
  padding-left: 2.4rem;
}
.text-list.text-list--dot .text-list__item ~ .text-list__item {
  margin-top: 0;
}
.text-list.text-list--dot .text-list__item::before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  width: 3px;
  height: 3px;
  background: #666666;
  border-radius: 50%;
}
@media (min-width: 1440px) {
  .text-list.text-list--dot .text-list__item::before {
    top: 1.5rem;
  }
}

.definition-list__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eeeeee;
}
@media (min-width: 1440px) {
  .definition-list__title {
    padding-bottom: 2rem;
    font-size: 2.8rem;
    line-height: 1.28;
  }
}
.definition-list__content {
  margin-top: 1.6rem;
}
@media (min-width: 1440px) {
  .definition-list__content {
    margin-top: 2.4rem;
  }
}
.definition-list__item {
  position: relative;
  padding-left: 1.8rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.1;
  color: #666666;
}
@media (min-width: 1440px) {
  .definition-list__item {
    font-size: 2rem;
    line-height: 1.8;
    padding-left: 2.4rem;
  }
}
.definition-list__item::before {
  content: "";
  position: absolute;
  top: 1.3rem;
  right: auto;
  bottom: auto;
  left: 0.6rem;
  width: 0.3rem;
  height: 0.3rem;
  background: #666666;
  border-radius: 50%;
}
@media (min-width: 1440px) {
  .definition-list__item::before {
    width: 0.4rem;
    height: 0.4rem;
    top: 1.6rem;
    left: 1rem;
  }
}

input:read-only {
  background: #f1f1f2;
  color: #8a8e95;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.2;
  apperance: none;
}

.select-wrap {
  display: inline-block;
  width: 18rem;
  height: 4.2rem;
  position: relative;
  position: relative;
}

.select-wrap.native-select::after {
  content:"";
  display:none;
}

.select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform:translateY(-50%);
  width: 2rem;
  height: 2rem;
  background: url("../../images/icon/icon_arrow_bottom.svg") no-repeat
    center/contain;
  transition: transform 0.3s;
  pointer-events: none;
}
.select-wrap.is-open::after {
  transform: translateY(-50%) rotate(180deg);
}
.select-wrap.w-full {
  width: 100%;
  max-width: 100%;
}
.select-wrap .select-box {
  width: 100%;
  max-width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  color: #484848;
  border-radius: 0.4rem;
  padding: 0 1.5rem 0 1.2rem;
  background-color: #fff;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
}
.select-wrap .select-box .selected-value {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  display: block;
  width: 100%;
  font-size: inherit;
  color: inherit;
}
.select-wrap .select-box.large {
  width: 26rem;
}
.select-wrap .select-box:focus {
  outline: none;
  border-color: #0080fb;
}
.select-wrap .select-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 0.4rem);
  left: 0;
  width: 100%;
  min-width: 100%;
  background: #fff;
  border: 1px solid #0080fb;
  border-radius: 0.4rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 100;
  overflow: hidden;
}
.select-wrap .select-options {
  max-height: 25rem;
  overflow-y: auto;
}
.select-wrap .select-options::-webkit-scrollbar {
  width: 0.6rem;
}
.select-wrap .select-options::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.select-wrap .select-options::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 1rem;
}
.select-wrap .option-item {
  padding: 1.2rem 2rem;
  color: #333333;
  cursor: pointer;
  transition: background 0.2s;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
}
.select-wrap .option-item:hover {
  background-color: #f6fbff;
  color: #0080fb;
}
.select-wrap .option-item.is-selected {
  background-color: #eaf4ff;
  color: #0080fb;
  font-weight: 500;
}
.select-wrap.is-open .select-dropdown {
  display: block;
}

.select-wrap.up .select-dropdown {
  top: auto;
  bottom: calc(100% + 0.4rem);
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
}

.tab {
  margin-top: 2rem;
}
@media (min-width: 1440px) {
  .tab {
    margin-top: 8rem;
  }
}
.tab .tab__buttons {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 10;
}
@media (min-width: 1440px) {
  .tab .tab__buttons {
    padding: 0 7.6%;
  }
}
.tab .tab__inner {
  display: flex;
  border-bottom: 1px solid #dddddd;
  white-space: nowrap;
  overflow: auto;
}
@media (min-width: 1600px) {
  .tab .tab__inner {
    padding: 0;
    max-width: 160rem;
    margin: 0 auto;
  }
}
.tab .tab__button {
  position: relative;
  padding: 0 2rem;
  height: 6.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
  color: #888888;
}
.tab .tab__button br {
  display: none;
}
@media (min-width: 1440px) {
  .tab .tab__button {
    height: 9.4rem;
    font-size: 2.6rem;
  }
}
@media (max-width: 767px) {
  .tab .tab__button br {
    display: block;
  }
}
.tab .tab__button.is-active {
  color: #0080fb;
  font-weight: 700;
}
.tab .tab__button.is-active::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0080fb;
  border-radius: 2px;
}
@media (min-width: 1440px) {
  .tab .tab__button.is-active::before {
    height: 0.4rem;
  }
}
.tab .tab__content {
  display: none;
}
.tab .tab__content.is-active {
  display: block;
}
.tab.tab--list2 .tab__button {
  width: 50%;
}
@media (min-width: 1440px) {
  .tab.tab--list3 .tab__button {
    width: 33.3333333333%;
  }
}

.table {
  border-top: 1px solid #e5e5e5;
}
.table th,
.table td {
  padding: 1.6rem 2rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.42;
  border-bottom: 1px solid #e5e5e5;
}
@media (min-width: 1440px) {
  .table th,
  .table td {
    padding: 2.4rem 4rem;
    font-size: 2rem;
  }
}
.table th {
  min-width: 15rem;
  background: #f8f8f8;
  text-align: left;
}
@media (min-width: 1440px) {
  .table th {
    width: 20%;
  }
}
.table td {
  min-width: 27rem;
  font-weight: 400;
  color: #666666;
}

.row-table .row-table__content {
  margin-right: -1.6rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .row-table .row-table__content {
    margin-right: 0;
  }
}
.row-table .row-table__wrap {
  width: 100%;
  overflow-x: auto;
}

.table-type-a {
  overflow: hidden;
}
@media (min-width: 1440px) {
  .table-type-a {
    width: 100%;
    margin-right: 0;
  }
}
.table-type-a table {
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
.table-type-a table caption {display:none;}
.table-type-a table thead tr:first-child th:first-child {
  border-top-left-radius: 0.8rem;
}
.table-type-a table thead tr:first-child th:last-child {
  border-top-right-radius: 0.8rem;
}
.table-type-a table tbody th,
.table-type-a table tbody th:first-child {border-top-left-radius: 0;}
.table-type-a table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.8rem;
}
.table-type-a table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.8rem;
}
.table-type-a table tbody tr:last-child th:first-child {
  border-bottom-left-radius: 0.8rem;
}

@media (min-width: 1440px) {
  .table-type-a table {
    min-width: 100%;
  }
}
.table-type-a table th,
.table-type-a table td {
  padding: 1.8rem;
  text-align: center;
  font-size: 1.4rem;
  color: #333333;
  background-clip: padding-box;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.table-type-a table thead th {padding: 1.4rem  1.5rem;}
.table-type-a table tbody td {color:#484848;}
.table-type-a table td.align-r {text-align:right;}
.table-type-a table td.align-l {text-align:left;}

@media (min-width: 1440px) {
  .table-type-a table th,
  .table-type-a table td {
    font-size: 1.8rem;
    padding: 1.4rem 1.5rem;
  }
  
  .table-type-a table thead th {padding: 1.4rem  1.5rem;}
}
.table-type-a table tr th:first-child,
.table-type-a table tr td:first-child {
  border-left: 1px solid #d0d0d0;
}
.table-type-a table thead tr:first-child th {
  border-top: 1px solid #d0d0d0;
}
.table-type-a table th {
  background-color: #f1f3f5;
  font-weight: 500;
  color: #444444;
}


@media (min-width: 1440px) {
  .table-type-a table th:first-child {
    border-top-left-radius: 1.2rem;
  }
  .table-type-a table th:last-child {
    border-top-right-radius: 1.2rem;
  }
}
.table-type-a table .domain-link {
  color: #333333;
  text-decoration: underline;
}
.table-type-a table .domain-link:hover {
  color: #0080fb;
}

.bar-banner {
  background: #0080fb;
  margin-top: 8rem;
}
@media (min-width: 1440px) {
  .bar-banner {
    margin-top: 16rem;
  }
}
.bar-banner .bar-banner__inner {
  padding: 2.8rem 1.6rem;
  text-align: center;
}
@media (min-width: 1440px) {
  .bar-banner .bar-banner__inner {
    position: relative;
    text-align: left;
    padding: 5rem 7.6%;
    margin: 0 auto;
    max-width: 160rem;
  }
}
@media (min-width: 1600px) {
  .bar-banner .bar-banner__inner {
    padding: 5rem 0;
  }
}
.bar-banner .bar-banner__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  color: #ffffff;
}
@media (min-width: 1440px) {
  .bar-banner .bar-banner__title {
    display: block;
    max-width: 74%;
    font-size: 3.4rem;
  }
}
.bar-banner .bar-banner__desc {
  margin-top: 0.4rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
  color: #efefef;
}
@media (min-width: 1440px) {
  .bar-banner .bar-banner__desc {
    margin-top: 0.8rem;
    max-width: 73%;
    font-size: 2.4rem;
  }
}
.bar-banner .round-arrow-link {
  margin-top: 1.6rem;
}
@media (min-width: 1440px) {
  .bar-banner .round-arrow-link {
    margin-top: 0;
    position: absolute;
    top: 50%;
    right: 7.6%;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
  }
}
@media (min-width: 1600px) {
  .bar-banner .round-arrow-link {
    right: 0;
  }
}

.icon-list-content .icon-list-content__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-items: flex-start;
  gap: 3.2rem;
}
@media (min-width: 1440px) {
  .icon-list-content .icon-list-content__wrap {
    flex-direction: row;
    gap: 4.4%;
  }
}
@media (min-width: 1440px) {
  .icon-list-content .icon-list-content__wrap.item--row3 {
    flex-wrap: wrap;
    margin-top: -8rem;
  }
  .icon-list-content
    .icon-list-content__wrap.item--row3
    .icon-list-content__item {
    margin-top: 8rem;
    width: 30.4%;
  }
}
.icon-list-content .icon-list-content__wrap.item-column {
  flex-direction: column;
  gap: 3.2rem;
}
@media (min-width: 1440px) {
  .icon-list-content .icon-list-content__wrap.item-column {
    gap: 8rem;
  }
}
.icon-list-content .icon-list-content__item {
  width: 100%;
}
.icon-list-content .icon-list-content__icon {
  display: inline-block;
  background: url("../../images/icon/icon_science.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 4.8rem;
  height: 4.8rem;
}
@media (min-width: 1440px) {
  .icon-list-content .icon-list-content__icon {
    width: 7rem;
    height: 7rem;
  }
}
.icon-list-content .icon-list-content__icon.data {
  background-image: url("../../images/icon/icon_data.svg");
}
.icon-list-content .icon-list-content__icon.analysis {
  background-image: url("../../images/icon/icon_analysis.svg");
}
.icon-list-content .icon-list-content__icon.nutrition {
  background-image: url("../../images/icon/icon_nutrition.svg");
}
.icon-list-content .icon-list-content__icon.nephrology {
  background-image: url("../../images/icon/icon_nephrology.svg");
}
.icon-list-content .icon-list-content__icon.cardiology {
  background-image: url("../../images/icon/icon_cardiology.svg");
}
.icon-list-content .icon-list-content__icon.geriatrics {
  background-image: url("../../images/icon/icon_geriatrics.svg");
}
.icon-list-content .icon-list-content__icon.rehabilitation {
  background-image: url("../../images/icon/icon_rehabilitation.svg");
}
.icon-list-content .icon-list-content__icon.bariatric {
  background-image: url("../../images/icon/icon_bariatric.svg");
}
.icon-list-content .icon-list-content__icon.diabetes {
  background-image: url("../../images/icon/icon_diabetes.svg");
}
.icon-list-content .icon-list-content__icon.unit {
  background-image: url("../../images/icon/icon_unit.svg");
}
.icon-list-content .icon-list-content__icon.health {
  background-image: url("../../images/icon/icon_health.svg");
}
.icon-list-content .icon-list-content__icon.services {
  background-image: url("../../images/icon/icon_service.svg");
}
.icon-list-content .icon-list-content__icon.loyalty {
  background-image: url("../../images/icon/icon_loyalty.svg");
}
.icon-list-content .icon-list-content__icon.revenue {
  background-image: url("../../images/icon/icon_revenue.svg");
}
.icon-list-content .icon-list-content__icon.clean {
  background-image: url("../../images/icon/icon_clean.svg");
}
.icon-list-content .icon-list-content__icon.hand {
  background-image: url("../../images/icon/icon_hand.svg");
}
.icon-list-content .icon-list-content__icon.electrodes {
  background-image: url("../../images/icon/icon_electrodes.svg");
}
.icon-list-content .icon-list-content__icon.impedance {
  background-image: url("../../images/icon/icon_impedance.svg");
}
.icon-list-content .icon-list-content__icon.frequencies {
  background-image: url("../../images/icon/icon_frequencies.svg");
}
.icon-list-content .icon-list-content__icon.estimations {
  background-image: url("../../images/icon/icon_estimations.svg");
}
.icon-list-content .icon-list-content__icon.tests {
  background-image: url("../../images/icon/icon_clock.svg");
}
.icon-list-content .icon-list-content__icon.touchscreen {
  background-image: url("../../images/icon/icon_touch.svg");
}
.icon-list-content .icon-list-content__icon.cloud {
  background-image: url("../../images/icon/icon_cloud.svg");
}
.icon-list-content .icon-list-content__icon.qrcode {
  background-image: url("../../images/icon/icon_qrcode.svg");
}
.icon-list-content .icon-list-content__icon.interface {
  background-image: url("../../images/icon/icon_interface.svg");
}
.icon-list-content .icon-list-content__icon.hand_electrode {
  background-image: url("../../images/icon/icon_hand_electrode.svg");
}
.icon-list-content .icon-list-content__icon.design {
  background-image: url("../../images/icon/icon_design.svg");
}
.icon-list-content .icon-list-content__icon.mhz {
  background-image: url("../../images/icon/icon_mhz.svg");
}
.icon-list-content .icon-list-content__icon.evaluation {
  background-image: url("../../images/icon/icon_evaluation.svg");
}
.icon-list-content .icon-list-content__icon.sheet {
  background-image: url("../../images/icon/icon_sheet.svg");
}
.icon-list-content .icon-list-content__icon.laying-down {
  background-image: url("../../images/icon/icon_lay_down.svg");
}
.icon-list-content .icon-list-content__icon.portable {
  background-image: url("../../images/icon/icon_portable.svg");
}
.icon-list-content .icon-list-content__icon.clinical {
  background-image: url("../../images/icon/icon_clinical.svg");
}
.icon-list-content .icon-list-content__icon.convenent {
  background-image: url("../../images/icon/icon_convenent.svg");
}
.icon-list-content .icon-list-content__icon.one-touch {
  background-image: url("../../images/icon/icon_onetouch.svg");
}
.icon-list-content .icon-list-content__icon.pulse {
  background-image: url("../../images/icon/icon_pulse.svg");
}
.icon-list-content .icon-list-content__icon.cuff {
  background-image: url("../../images/icon/icon_cuff.svg");
}
.icon-list-content .icon-list-content__icon.pressure {
  background-image: url("../../images/icon/icon_pressure.svg");
}
.icon-list-content .icon-list-content__icon.user {
  background-image: url("../../images/icon/icon_user.svg");
}
.icon-list-content .icon-list-content__icon.screen {
  background-image: url("../../images/icon/icon_screen.svg");
}
.icon-list-content .icon-list-content__icon.hypertension {
  background-image: url("../../images/icon/icon_hypertension.svg");
}
.icon-list-content .icon-list-content__icon.movement {
  background-image: url("../../images/icon/icon_movement.svg");
}
.icon-list-content .icon-list-content__icon.testing {
  background-image: url("../../images/icon/icon_testing.svg");
}
.icon-list-content .icon-list-content__icon.advice {
  background-image: url("../../images/icon/icon_advice.svg");
}
.icon-list-content .icon-list-content__icon.monitoring {
  background-image: url("../../images/icon/icon_monitoring.svg");
}
.icon-list-content .icon-list-content__icon.durability {
  background-image: url("../../images/icon/icon_durability.svg");
}
.icon-list-content .icon-list-content__icon.handle {
  background-image: url("../../images/icon/icon_handle.svg");
}
.icon-list-content .icon-list-content__icon.wireless {
  background-image: url("../../images/icon/icon_wireless.svg");
}
.icon-list-content .icon-list-content__icon.obesity {
  background-image: url("../../images/icon/icon_obesity.svg");
}
.icon-list-content .icon-list-content__icon.profiles {
  background-image: url("../../images/icon/icon_profiles.svg");
}
.icon-list-content .icon-list-content__icon.muscle {
  background-image: url("../../images/icon/icon_muscle.svg");
}
.icon-list-content .icon-list-content__icon.growth {
  background-image: url("../../images/icon/icon_growth.svg");
}
.icon-list-content .icon-list-content__title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.44;
  margin-top: 1.2rem;
}
@media (min-width: 1440px) {
  .icon-list-content .icon-list-content__title {
    font-size: 3.2rem;
    margin-top: 2.6rem;
    line-height: 1.25;
  }
}
.icon-list-content .sub-paragraph {
  margin-top: 0.6rem;
}
@media (min-width: 1440px) {
  .icon-list-content .sub-paragraph {
    margin-top: 1.6rem;
  }
}

iframe,
video {
  width: 100%;
  border-radius: 1.8rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  iframe,
  video {
    border-radius: 2.4rem;
  }
}

.video-wrap.video-wrap--iframe {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 비율*/
}
.video-wrap.video-wrap--iframe iframe {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-row .video-row__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 3.2rem;
  margin-top: 3.2rem;
}
@media (min-width: 1440px) {
  .video-row .video-row__wrap {
    flex-direction: row;
    align-items: flex-start;
    gap: 3%;
    margin-top: 8rem;
  }
}
@media (min-width: 1440px) {
  .video-row .video-row__item {
    width: 100%;
  }
}
.video-row .video-row__video-box {
  margin-bottom: 1.8rem;
}
@media (min-width: 1440px) {
  .video-row .video-row__video-box {
    margin-bottom: 3.4rem;
  }
}
.video-row .sub__content-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
@media (min-width: 1440px) {
  .video-row .sub__content-title {
    font-size: 4rem;
  }
}
@media (min-width: 1440px) {
  .video-row .sub-title {
    margin-bottom: 1.8rem;
  }
}
@media (min-width: 1440px) {
  .video-row .sub-paragraph {
    max-width: 60%;
  }
}

@media (min-width: 1440px) {
  .video-section .align-box {
    align-items: center;
    gap: 7.5%;
  }
}
.video-section .video-area {
  margin-bottom: 2.8rem;
}
@media (min-width: 1440px) {
  .video-section .video-area {
    min-width: 68rem;
    margin-bottom: 0;
  }
}

.img-text-column .img-text-column__box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 3.2rem;
}
@media (min-width: 1440px) {
  .img-text-column .img-text-column__box {
    margin-top: -6.6rem;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 3.7%;
  }
}
.img-text-column .img-text-column__item {
  width: 100%;
}
@media (min-width: 1440px) {
  .img-text-column .img-text-column__item {
    width: 48.1%;
    margin-top: 7.4rem;
  }
}
.img-text-column .img-text-column__img {
  margin-bottom: 2rem;
  border-radius: 2rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .img-text-column .img-text-column__img {
    margin-bottom: 3.4rem;
    border-radius: 3.4rem;
  }
  .img-text-column .img-text-column__img:hover img {
    transform: scale(1.09);
  }
}
@media (min-width: 1440px) {
  .img-text-column .img-text-column__img img {
    transition: transform 0.8s ease;
  }
}
.img-text-column .sub-paragraph {
  margin-top: 0.8rem;
}
@media (min-width: 1440px) {
  .img-text-column .sub-paragraph {
    margin-top: 1.6rem;
    font-size: 2.4rem;
  }
}

.img-text-row {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2.8rem;
}
@media (min-width: 1440px) {
  .img-text-row {
    flex-direction: row;
    align-items: center;
    gap: 7.4%;
  }
}
.img-text-row__img {
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .img-text-row__img {
    min-width: 42.4%;
    border-radius: 3.4rem;
  }
}
.img-text-row .etc-paragraph {
  margin-top: 2.4rem;
}
@media (min-width: 1440px) {
  .img-text-row .etc-paragraph {
    margin-top: 4rem;
  }
}
@media (min-width: 1440px) {
  .img-text-row.align-top {
    align-items: flex-start;
  }
}

.img-text-list .img-text-list__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 1440px) {
  .img-text-list .img-text-list__wrap {
    gap: 6.5%;
    flex-direction: row;
  }
}
.img-text-list .img-text-list__img {
  border-radius: 3.2rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .img-text-list .img-text-list__img {
    min-width: 45%;
  }
}
.img-text-list .img-text-list__item ~ .img-text-list__item {
  margin-top: 1.4rem;
}
@media (min-width: 1440px) {
  .img-text-list .img-text-list__item ~ .img-text-list__item {
    margin-top: 3.2rem;
  }
}
.img-text-list
  .img-text-list__item
  ~ .img-text-list__item
  .sub__content-title::before {
  content: "";
  position: absolute;
  top: 20%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(0);
}
.img-text-list .sub__content-title {
  position: relative;
  padding-left: 1.6rem;
  margin-bottom: 0.8rem;
}
@media (min-width: 1440px) {
  .img-text-list .sub__content-title {
    padding-left: 3rem;
    margin-bottom: 1.6rem;
  }
}
.img-text-list .sub__content-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  transform: translateY(-50%);
  background: #0080fb;
  border-radius: 50%;
}
@media (min-width: 1440px) {
  .img-text-list .sub__content-title::before {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.img-text-list .sub-paragraph {
  padding-left: 1.6rem;
}
@media (min-width: 1440px) {
  .img-text-list .sub-paragraph {
    padding-left: 3rem;
  }
}

.number-content {
  padding-left: 3.8rem;
}
@media (min-width: 1440px) {
  .number-content {
    padding-left: 8.8rem;
  }
}
.number-content .number-content__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.6rem;
}
@media (min-width: 1440px) {
  .number-content .number-content__item {
    flex-direction: row;
    align-items: center;
    gap: 3.6rem;
  }
}
.number-content .number-content__item::before {
  content: "";
  position: absolute;
  top: -3rem;
  left: -2.5rem;
  width: 1px;
  height: 100%;
  background: #eee;
}
@media (min-width: 1440px) {
  .number-content .number-content__item::before {
    left: -6.4rem;
  }
}
.number-content .number-content__item:first-child::before {
  top: 3rem;
}
@media (min-width: 1440px) {
  .number-content .number-content__item:first-child::before {
    top: 8rem;
  }
}
.number-content .number-content__item:last-child::before {
  bottom: 13rem;
  height: auto;
}
@media (min-width: 1440px) {
  .number-content .number-content__item:last-child::before {
    bottom: 8rem;
  }
}
.number-content .number-content__item ~ .number-content__item {
  padding-top: 3rem;
}
@media (min-width: 1440px) {
  .number-content .number-content__item ~ .number-content__item {
    padding-top: 4.8rem;
  }
}
.number-content .number-content__img {
  position: relative;
}
.number-content .number-content__img .img-box {
  display: block;
  width: 11.6rem;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .number-content .number-content__img .img-box {
    width: 25rem;
  }
}
.number-content .number-content__number {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: -3.8rem;
  width: 2.6rem;
  height: 2.6rem;
  line-height: 2.6rem;
  transform: translateY(-50%);
  background: #111111;
  border-radius: 50%;
  font-size: 1.4rem;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
}
@media (min-width: 1440px) {
  .number-content .number-content__number {
    left: -8.8rem;
    width: 4.8rem;
    height: 4.8rem;
    line-height: 4.8rem;
    font-size: 2.4rem;
  }
}
.number-content .number-content__title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.33;
}
@media (min-width: 1440px) {
  .number-content .number-content__title {
    font-size: 4rem;
  }
}
.number-content .number-content__desc {
  margin-top: 0.8rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
  color: #666666;
}
@media (min-width: 1440px) {
  .number-content .number-content__desc {
    margin-top: 1.6rem;
    font-size: 2rem;
  }
}

.device-list__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 3.2rem;
}
@media (min-width: 768px) {
  .device-list__wrap {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3%;
    margin-top: -3.6rem;
  }
}
.device-list__wrap.brochure {
  gap: 4.2rem;
}
@media (min-width: 768px) {
  .device-list__wrap.brochure {
    gap: 3%;
  }
}
.device-list__wrap.brochure .device-list__name {
  font-size: 2.8rem;
}
@media (min-width: 1440px) {
  .device-list__wrap.brochure .device-list__name {
    font-size: 3.2rem;
  }
}
.device-list__wrap.brochure .device-list__img {
  padding-top: 0;
  border-radius: 0;
  background: none;
}
@media (min-width: 1440px) {
  .device-list__wrap.brochure .device-list__img:hover img {
    transform: none;
  }
}
.device-list__wrap.brochure img {
  position: static;
  width: 100%;
  transform: none;
}
@media (min-width: 768px) {
  .device-list__item {
    width: 48.5%;
    margin-top: 3.6rem;
  }
}
@media (min-width: 1440px) {
  .device-list__item {
    width: 22.75%;
  }
}
.device-list__item.device_bpbio img {
  top: -30%;
  width: 80%;
}
@media (min-width: 1440px) {
  .device-list__item.device_bpbio img {
    width: 100%;
    top: auto;
    bottom: 0;
  }
}
.device-list__img {
  position: relative;
  padding-top: 61%;
  height: auto;
  background: #f7f7f7;
  border-radius: 2rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .device-list__img:hover img {
    transform: translateX(-50%) scale(1.1);
  }
}
@media (min-width: 1440px) {
  .device-list__img {
    padding-top: 115%;
    border-radius: 3.4rem;
  }
}
.device-list__img img {
  position: absolute;
  left: 50%;
  top: -12%;
  transform: translateX(-50%);
  width: 96%;
}
@media (min-width: 1440px) {
  .device-list__img img {
    width: 100%;
    top: auto;
    bottom: 0;
    transition: transform 0.8s ease;
  }
}
.device-list__img.device_s10 {
  padding-top: 1.6rem;
}
.device-list__text {
  margin-top: 2rem;
}
@media (min-width: 1440px) {
  .device-list__text {
    margin-top: 3.4rem;
  }
}
.device-list__name {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.33;
}
@media (min-width: 1440px) {
  .device-list__name {
    font-size: 3.2rem;
  }
}
.device-list__desc {
  margin-top: 0.8rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
  color: #666666;
}
@media (min-width: 1440px) {
  .device-list__desc {
    margin-top: 1.6rem;
    font-size: 2rem;
  }
}
@media (min-width: 1440px) {
  .device-list--download .device-list__wrap {
    flex-wrap: wrap;
  }
}
.device-list--download .device-list__text {
  margin-top: 3rem;
}
@media (min-width: 1440px) {
  .device-list--download .device-list__text {
    margin-top: 3.4rem;
  }
}
.device-list--download .product_970 .device-list__img img {
  width: 90%;
  top: 5%;
}
@media (min-width: 1440px) {
  .device-list--download .product_970 .device-list__img img {
    top: auto;
    bottom: 0;
  }
}
.device-list--download .device-list__download {
  margin-top: 1.4rem;
}
@media (min-width: 1440px) {
  .device-list--download .device-list__download {
    margin-top: 1.6rem;
  }
}
.device-list--download .download-item.request-link .download-link::after {
  width: 1.8rem;
  height: 1.8rem;
  background-color: #666666;
  -webkit-mask-image: url("../../images/icon/icon_arrowlink.svg");
  mask-image: url("../../images/icon/icon_arrowlink.svg");
}
@media (min-width: 1440px) {
  .device-list--download .download-item.request-link .download-link::after {
    width: 2.2rem;
    height: 2.2rem;
  }
}
@media (min-width: 1440px) {
  .device-list--download
    .download-item.request-link
    .download-link:hover::after {
    background-color: #ffffff;
  }
}
.device-list--download .download-item ~ .download-item {
  margin-top: 0.8rem;
}
.device-list--download .download-link {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 3rem;
  height: 5.4rem;
  background: #f8f8f8;
  flex-basis: 100%;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.46;
  color: #aaa;
}
@media (min-width: 1440px) {
  .device-list--download .download-link {
    padding: 0 3.4rem;
    height: 6rem;
    font-size: 2rem;
  }
}
.device-list--download .download-link::after {
  content: "";
  width: 2rem;
  height: 2rem;
  background-color: #666666;
  -webkit-mask-image: url("../../images/icon/icon_download.svg");
  mask-image: url("../../images/icon/icon_download.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  transition: background-color 0.3s ease;
}
@media (min-width: 1440px) {
  .device-list--download .download-link::after {
    width: 2.2rem;
    height: 2.2rem;
  }
}
@media (min-width: 1440px) {
  .device-list--download .download-link:hover {
    background-color: #0080fb;
    color: #ffffff;
    font-weight: 700;
  }
  .device-list--download .download-link:hover::after {
    background-color: #ffffff;
  }
}
.device-list ~ .device-list {
  margin-top: 7.2rem;
  padding-top: 7.2rem;
  border-top: 1px solid #111111;
}
@media (min-width: 1440px) {
  .device-list ~ .device-list {
    margin-top: 8rem;
    padding-top: 8rem;
  }
}

.img-text-bg {
  background: #f8f8f8;
  margin-top: 8rem;
  padding-bottom: 8rem;
}
@media (min-width: 1440px) {
  .img-text-bg {
    margin-top: 16rem;
    padding-bottom: 16rem;
  }
}
.img-text-bg__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 2.8rem;
}
@media (min-width: 1440px) {
  .img-text-bg__inner {
    flex-direction: row;
  }
}
.img-text-bg__text {
  width: 100%;
}
.img-text-bg__img {
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .img-text-bg__img {
    border-radius: 3.4rem;
  }
}
@media (min-width: 1440px) {
  .img-text-bg .sub-title__desc {
    margin-top: 4rem;
    font-size: 2rem;
  }
}
.img-text-bg.bg--pink {
  background: #e8d8db;
  padding: 6.6rem 0;
}
@media (min-width: 1440px) {
  .img-text-bg.bg--pink {
    padding: 0;
    height: 60rem;
  }
}
.img-text-bg.bg--pink .inner-box {
  padding-top: 0;
}
.img-text-bg.bg--pink .img-text-bg__inner {
  gap: 4%;
  position: relative;
}
@media (min-width: 1440px) {
  .img-text-bg.bg--pink .img-text-bg__inner {
    gap: 6%;
  }
}
.img-text-bg.bg--pink .img-text-bg__img {
  height: 29rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 1440px) {
  .img-text-bg.bg--pink .img-text-bg__img {
    height: 60rem;
  }
}
.img-text-bg.bg--pink .img-text-bg__img img {
  height: 96%;
  width: auto;
  max-width: none;
}
@media (min-width: 1440px) {
  .img-text-bg.bg--pink .img-text-bg__img img {
    margin-top: 6.4rem;
  }
}
@media (min-width: 1440px) {
  .img-text-bg.bg--pink .img-text-bg__text {
    min-width: 46.2%;
  }
}
.img-text-bg.bg--pink .round-arrow-link {
  margin-top: 3.2rem;
}
@media (min-width: 1440px) {
  .img-text-bg.bg--pink .round-arrow-link {
    margin-top: 8rem;
  }
}

/* alert-popup 관련 css 삭제
.alert-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1101;
}
.alert-popup.is-open {
  display: block;
}
.alert-popup .alert-popup__dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.alert-popup .alert-popup__layer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88.8%;
  background: #ffffff;
  border-radius: 0.8rem;
  box-shadow: 5px 8px 26px 0px rgba(0, 0, 0, 0.12);
  padding: 7.2rem 3.6rem 2.8rem;
}
.alert-popup .alert-popup__title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.44;
  color: #0080fb;
}
.alert-popup .alert-popup__desc {
  margin-top: 1rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
  color: #666666;
}
.alert-popup .alert-popup__close {
  position: absolute;
  top: 2.8rem;
  right: 2.4rem;
  bottom: auto;
  left: auto;
  display: inline-block;
  background: url("../../images/icon/icon_popup_close.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 2.4rem;
  height: 2.4rem;
}
.alert-popup .alert-popup__button-box {
  display: flex;
  gap: 1.2rem;
}
.alert-popup .alert-popup__button-box .popup-button {
  width: 100%;
}
*/

.breadcrumb {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
@media (min-width: 1440px) {
  .breadcrumb {
    display: block;
  }
}
.breadcrumb__list {
  display: flex;
  align-items: center;
}
.breadcrumb__item {
 display: none;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  color: #93969b;
}
.breadcrumb__item * {cursor:default;}
.breadcrumb__item:first-child {display: flex;}
.breadcrumb__item.on {display: flex;}
.breadcrumb__item + .breadcrumb__item::before {
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background: #a4a7ad;
  border-radius: 50%;
  margin: 0 1.2rem;
}
.breadcrumb__item:last-child {
  color: #5e6063;
}
.breadcrumb__link {
  color: inherit;
  text-decoration: none;
  cursor:default;
}
.breadcrumb__link--home .icon-home {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../../images/icon/icon_home.svg") no-repeat center;
  background-size: contain;
}
.breadcrumb__item.on:last-child,
.breadcrumb__item.on:last-child ~ .breadcrumb__item.on {
  font-weight: 500;  color:#5e6063;
}

.wrap.animated {
  padding-top: 6.4rem;
}
@media (min-width: 1440px) {
  .wrap.animated {
    padding-top: 10rem;
  }
}

.inner-box {
  padding: 4rem 1.6rem 0;
}
@media (min-width: 1440px) {
  .inner-box {
    padding: 6rem 12rem 0;
    margin: 0 auto;
    max-width: 160rem;
  }
}

.subpage-top {
  position: relative;
  text-align: center;
}
.subpage-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  padding-top: 0;
  color: #222222;
}
@media (min-width: 1440px) {
  .subpage-title {
    font-size: 4.2rem;
    padding-top: 6.5rem;
  }
}

.subpage-desc {
  font-size: 1.6rem;
  color: #777777;
  margin-top: 1.6rem;
}
.subpage-desc .text-point {
  color: #444444;
  font-weight: 700;
}

.subpage .ml-10 {
  margin-left: 1rem;
}
.subpage .mt-10 {
  margin-top: 1rem;
}
.subpage .mt-16 {
  margin-top: 1.6rem;
}
.subpage .mt-34 {
  margin-top: 3.4rem;
}
.subpage .mb-10 {
  margin-bottom: 1rem;
}
.subpage .mb-20 {
  margin-bottom: 2rem;
}

.subpage .align-box {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1440px) {
  .subpage .align-box {
    flex-direction: row;
  }
}

.scr-x {
  margin: 0 -1.6rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0 1.6rem;
}

/* reset 성격 */
.wrap-header *,
.wrap-header *::before,
.wrap-header *::after {
  box-sizing: border-box;
}

/* =========================
header
========================= */
.wrap-header {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e8ecf4;
  z-index: 1000;
  transition: transform 0.4s ease;
  position:relative;
}

.wrap-header.animated {
  position: fixed;
  top: 0;
  left: 0;
}

.wrap-header.hidden {
  transform: translateY(-100%);
}

.wrap-header > .container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 6.4rem;
  padding: 0 1.6rem;
  margin: 0 auto;
}

@media (min-width: 1440px) {
  .wrap-header > .container {
    height: 10rem;
    max-width: 160rem;
  }
}

.wrap-header #_globalNavi #_globalUl li {
  position: relative;
}

.wrap-header #_globalNavi #_globalUl li::before  {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
}
.wrap-header #_globalNavi #_globalUl li.sign::before {
  content:"";
  width:1rem;
  height:1.3rem;
  background:url('../../images/icon/icon_lock.svg')no-repeat center / contain;
}
.wrap-header #_globalNavi #_globalUl li.membership::before {
  content:"";
  width:1.3rem;
  height:1.3rem;
  background:url('../../images/icon/icon_people.svg')no-repeat center / contain;
}


/* =========================
logo
========================= */
.wrap-header.on .head-logo {
  position:fixed;
  z-index:1;
}

.wrap-header .head-logo {
  margin-right: 4rem;
  text-align: center;
}
@media (min-width: 1440px) {
  .wrap-header .head-logo {
	margin-right: 5.4rem;
  }
}

.wrap-header .head-logo a {
  display: inline-block;
  color: #333;
}
.wrap-header .head-logo .logo {
  width: 20rem;
  height: auto;
  transition: width 0.3s ease;
}
@media (min-width: 1440px) {
  .wrap-header .head-logo .logo {
	width: 30rem;
  }
}
.wrap-header .head-logo .logo path {
  fill: currentColor;
  transition: color 0.3s ease;
}
.wrap-header .head-logo a:hover {
  color: #0080fb;
}

/* =========================
gnb 영역
========================= */

@media (max-width:1024px) {
	.wrap-header  .head-navi {
   position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
   	transform: translateX(100%);
	opacity:0;
    transition: transform 0.4s ease, opacity 0.4s ease;
  }   
}

  .wrap-header.on  .head-navi.on {
	transform:translateX(0);
	opacity:1;
  }

.wrap-header.on .head-navi.on .menuUItop  {
  margin-top:6.4rem;
  border-top:1px solid #eeeeee;
  overflow-y:auto;
  height: calc(100% - 6.4rem);
}

.wrap-header #menuUItop .top_div.div_1,
.wrap-header #menuUItop .top_k2wiz_GNB.ul_1 {
  height: 100%;
}

.wrap-header #menuUItop .top_k2wiz_GNB.ul_1 {
  display: flex;
  align-items: center;
}

/* 1depth */
.wrap-header #menuUItop .li_1 {
  position: relative;
  padding: 1.5rem 0;
  width:100%;
}
.wrap-header #menuUItop .li_1.eQ13 {
  display: none;
}

.wrap-header #menuUItop .li_1 > .a_1 {
  display: inline-block;
  padding: 1.6rem 4rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  transition: padding .3s ease;
}

@media (min-width:1024px) {
  .wrap-header #menuUItop .li_1 > .a_1 {
    padding: 1rem 2rem;
	font-size: 1.8rem;
  }
}

@media (min-width:1440px) {
  .wrap-header #menuUItop .li_1 > .a_1 {
    padding: 1.6rem 3rem;
  }
}

@media (min-width: 1600px) {
  .wrap-header #menuUItop .li_1 > .a_1 {
	padding: 1.6rem 4rem;
	font-size: 2rem;
  }
}

.wrap-header #menuUItop .li_1 > .a_1:hover,
.wrap-header #menuUItop .li_1._active > .a_1,
.wrap-header #menuUItop .li_1._menuOn > .a_1 {
  color: #0080fb;
}

/* 2depth */
.wrap-header #menuUItop .li_1 > .div_2 {
  display: none;
  position: absolute;
  top: 7.2rem;
  left: 4rem;
  width: 16.5rem;
  padding: 2rem 0;
  background: #0c3276;
  border-radius: 1rem;
  box-shadow: 10px 10px 32px 0 rgba(34, 34, 34, 0.24);
  z-index: 30;
}

.wrap-header #menuUItop .li_1:hover > .div_2 {
  display: block;
}

.wrap-header #menuUItop .li_2 {
  position: relative;
  padding: 0 2.4rem;
}

.wrap-header #menuUItop .li_2 > .a_2 {
  display: inline-block;
  width: 100%;
  padding: 1rem 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.4s ease;
}

.wrap-header #menuUItop .li_2:hover > .a_2,
.wrap-header #menuUItop .li_2._active > .a_2 {
  color: #ffffff;
}

/* 3depth 있는 메뉴 화살표 */
.wrap-header #menuUItop .li_2._useChildDiv::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../../images/icon/icon_arrow_sub.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  transform: translateY(-50%) rotate(-90deg);
  opacity: 0.4;
}

.wrap-header #menuUItop .li_2._useChildDiv:hover::after {
  opacity: 1;
}

/* 3depth */
.wrap-header #menuUItop .li_2 > .div_3 {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 16.5rem;
  padding: 1rem 0;
  background: #2955a5;
  border-radius: 0.8rem;
  box-shadow: 10px 10px 32px 0 rgba(34, 34, 34, 0.24);
}

.wrap-header #menuUItop .li_2:hover > .div_3 {
  display: block;
}

.wrap-header #menuUItop .li_3 {
  padding: 0 2.4rem;
}

.wrap-header #menuUItop .li_3 > .a_3 {
  display: inline-block;
  width: 100%;
  padding: 1rem 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.4s ease;
}

.wrap-header #menuUItop .li_3:hover > .a_3,
.wrap-header #menuUItop .li_3._active > .a_3 {
  color: #ffffff;
}

.wrap-header #menuUItop .li_2 .div_4 {
  display: none;
}

/* 숨김 input/span 처리 */
.wrap-header #menuUItop input[type="hidden"] {
  display: none;
}

.wrap-header #menuUItop a > span {
  display: inline-block;
}

/* navGab 제거 */
.wrap-header #menuUItop .navGab {
  display: none;
}

/* =========================
util
========================= */
.wrap-header .header-top {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.wrap-header .header-top .util-menu-btn {
  display:inline-flex;
  align-items:center;
  gap:0.6rem;
  height: 2.8rem;
    line-height: 2.8rem;
    padding: 0 1rem;
    margin-right: 1.2rem;
    border-radius: 1.4rem;
    background: #0080fb;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
  	transition: background .3s ease;
}
.wrap-header .header-top .util-menu-btn:hover {
  background:#0051E7;
}
.wrap-header .header-top .util-menu-btn::before {
  content:"";
  display:inline-flex;
  width:1.6rem;
  height:1.6rem;
  background: url('../../images/icon/icon_paper_white.svg')no-repeat center / contain;
}

/* 로그인 / 회원정보수정 */
.wrap-header #_globalUl {
  display: flex;
  align-items: center;
}
.wrap-header #_globalUl li {
  display: flex;
  align-items: center;
  padding: 0 0 !important;
  background: none !important;
}
.wrap-header #_globalUl li a {
  display: none;
  font-size: 1.4rem;
  padding: 1.6rem;
  color: #505050;
}

@media (min-width: 1024px) {
  .wrap-header #_globalUl li a {
    display: block;
  }
}

.wrap-header #_globalUl li.btn a {
  display: none;
  align-items: center;
  justify-content: center;
  margin-left: 1.4rem;
  height: 2.8rem;
  padding: 0 1.2rem;
  background: #0080fb;
  border-radius: 5rem;
  color: #fff;
}

@media (min-width: 1440px) {
  .wrap-header #_globalUl li.btn a {
    display: inline-flex;
  }
}

/* =========================
mobile menu button
========================= */
.wrap-header .head-util {
  margin-left: auto;
}

.wrap-header .head-util ul {
  display: flex;
  align-items: center;
}

.wrap-header .head-util .btn-mgnb {
  display: flex;
  align-items: center;
}

.wrap-header .head-util .btn-mgnb button {
  width: 2.8rem;
  height: 2.8rem;
  font-size: 0;
  color: transparent;
  border: 0;
  background: url("../../images/icon/icon_menu.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  cursor: pointer;
}

@media (max-width:1024px) {
  .wrap-header .head-util .btn-mgnb button {
	display: inline-block;
  }
}

@media (min-width: 1025px) {
  .wrap-header .head-util .btn-mgnb button {
    display: none;
  }

  .wrap-header .head-util {
    margin-left: 0;
  }
}

/* 닫기 버튼 기본 숨김 */
.wrap-header .btn-mgnb-close {
  display: none;
}
  
@media (max-width: 1024px) {
  .wrap-header {
    position: relative;
    background: #fff;
    z-index: 1002;
  }

  .wrap-header .header-top {
    display: none !important;
  }

  .wrap-header #menuUItop .top_div.div_1,
  .wrap-header #menuUItop .top_k2wiz_GNB.ul_1 {
	flex-direction: column;
	align-items:flex-start;
  }

  /* 1depth 노출 우선 */
  .wrap-header .head-navi .li_1.eQ06,
  .wrap-header .head-navi .li_1.eQ08,
  .wrap-header .head-navi .li_1.eQ09,
  .wrap-header .head-navi .li_1.eQ10,
  .wrap-header .head-navi .li_1.eQ11,
  .wrap-header .head-navi .li_1.eQ12 {
    display: block !important;
  }

  .wrap-header .head-navi .a_1 {
    display: block;
    position: relative;
    padding: 12px 0 12px 30px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: #101010;
    text-align: left;
  }

  .wrap-header .head-navi .li_1.eQ06 > .a_1.on,
  .wrap-header .head-navi .li_1.eQ08 > .a_1.on,
  .wrap-header .head-navi .li_1.eQ09 > .a_1.on,
  .wrap-header .head-navi .li_1.eQ10 > .a_1.on,
  .wrap-header .head-navi .li_1.eQ11 > .a_1.on,
  .wrap-header .head-navi .li_1.eQ12 > .a_1.on {
    display: block !important;
  }

  .wrap-header .head-navi .div_2 {
    display: none;
    width: 100% !important;
    top: 0;
    right: 0;
    left: auto;
    min-width: auto;
    padding: 0;
    transform: none;
    transition-property: none;
  }

  /* 2depth는 모바일에서 펼쳐진 구조 우선 */
  .wrap-header #menuUItop .li_1 > .div_2 {
    display: block;
    position: unset;
    background: #fff;
    box-shadow: none;
    padding: 0;
  }

  .wrap-header .head-navi .div_2.on {
    display: block;
    height: 100%;
    background: #fff;
  }

  .wrap-header #menuUItop .li_2 {
    display: block;
    padding: 0 4rem;
  }

  .wrap-header .head-navi .a_2 {
    display: block;
    padding: 10px 15px 10px 20px;
    margin: 0;
    font-size: 14px;
    color: #000;
  }

  .wrap-header #menuUItop .li_2 > .a_2,
  .wrap-header #menuUItop .li_2:hover > .a_2,
  .wrap-header #menuUItop .li_2._active > .a_2 {
    color: #000;
  }

  .wrap-header .head-navi .div_3 {
    display: block;
    position: static;
    overflow: hidden;
    width: 100%;
    padding: 0;
    background: #f5f5f5;
    border-radius: 0;
    box-shadow: none;
    transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);
  }

  /* 3depth도 노출 우선 */
  .wrap-header #menuUItop .li_2 > .div_3 {
    display: block;
    position: unset;
    box-shadow: none;
    background: unset;
    padding: 0;
  }

  .wrap-header .head-navi .div_3.on {
    max-height: 500px;
  }

  .wrap-header .head-navi .a_3 {
    display: block;
    padding: 6px 0 6px 20px;
    font-size: 13px;
    color: #666;
  }

  .wrap-header #menuUItop .li_3 > .a_3,
  .wrap-header #menuUItop .li_3:hover > .a_3,
  .wrap-header #menuUItop .li_3._active > .a_3 {
    color: #666;
  }

  .wrap-header .btn-mgnb-close.on {
    display: block;
    position: absolute;
    top: 25px;
    right: 20px;
    width: 19px;
    height: 19px;
	background: url("../../images/icon/icon_close.svg") no-repeat 50% 50%;
	button {
	  text-indent:-9999px;
	}
  }
}

/*
@media all and (max-width: 460px) {
  .wrap-header .head-navi {
    width: 100%;
  }
}
/*

/*
.header {
position: fixed;
top: 0;
width: 100%;
background: #ffffff;
border-bottom: 1px solid #e8ecf4;
z-index: 11;
}
.header.hidden {
transform: translateY(-100%);
}
.header .header__inner {
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
height: 6.4rem;
padding: 0 1.6rem;
}
@media (min-width: 1440px) {
.header .header__inner {
height: 10rem;
max-width: 160rem;
margin: 0 auto;
}
}
.header .header__logo {
margin-right: 5.4rem;
width: 140px;
height: 20px;
}
@media (min-width: 1440px) {
.header .header__logo {
width: 240px;
height: 32px;
}
}
.header .header__gnb {
display: none;
}
@media (min-width: 1440px) {
.header .header__gnb {
display: block;
}
}
.header .header__util {
margin-left: auto;
}
.header .header__contact {
display: none;
}
@media (min-width: 1440px) {
.header .header__contact {
display: block;
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
padding: 0 2.8rem;
margin-right: 4rem;
height: 4.4rem;
line-height: 4.4rem;
background: #eeeeee;
border-radius: 50px;
}
}
.header .util__item {
display: flex;
align-items: center;
}
@media (min-width: 1440px) {
.header .util__item a,
.header .util__item button {
background-size: 100% auto;
}
}
.header .util__menu {
font-size: 1.4rem;
padding: 1.2rem;
display: none;
}
@media (min-width: 1440px) {
.header .util__menu {
display: block;
}
}
.header .util__menu.btn {
display: none;
align-items: center;
justify-content: center;
margin-left: 1.4rem;
height: 2.8rem;
padding: 0 1.2rem;
background: #0080fb;
border-radius: 5rem;
color: #ffffff;
display: none;
}
@media (min-width: 1440px) {
.header .util__menu.btn {
display: inline-flex;
}
}
.header .util__menu-button {
display: block;
display: inline-block;
background: url("../../images/icon/icon_menu.svg") no-repeat 50% 50%;
background-size: 100% auto;
width: 2.8rem;
height: 2.8rem;
}
@media (min-width: 1440px) {
.header .util__menu-button {
display: none;
}
}
.header.is-open .header__logo {
z-index: 10;
}
.header.is-open .header__util {
z-index: 10;
}
.header.is-open .all-gnb {
transform: translateX(0);
}
.header.is-open .util__menu-button {
display: inline-block;
background: url("../../images/icon/icon_close.svg") no-repeat 50% 50%;
background-size: 100% auto;
width: 2.8rem;
height: 2.8rem;
background-size: 2.8rem auto;
}
@media (min-width: 1440px) {
.header.is-open .util__menu-button {
background-size: 100% auto;
}
}

.gnb {
display: flex;
}
.gnb__depth {
display: none;
position: absolute;
top: 7.2rem;
right: auto;
bottom: auto;
left: 4rem;
width: 16.5rem;
padding: 2rem 0;
background: #0c3276;
border-radius: 1rem;
box-shadow: 10px 10px 32px 0px rgba(34, 34, 34, 0.24);
}
.gnb__item {
position: relative;
padding: 1rem 0;
}
.gnb__item:hover .gnb__depth {
display: block;
}
.gnb__link {
display: inline-block;
font-size: 2rem;
font-weight: 500;
line-height: 1;
padding: 1.6rem 4rem;
text-transform: uppercase;
}
.gnb__link:hover {
color: #0080fb;
}
.gnb__link:hover ~ .gnb__depth {
display: block;
}
.gnb__depth-item {
position: relative;
padding: 0 2.4rem;
}
.gnb__depth-item.has-sub::after {
content: "";
position: absolute;
top: 50%;
right: 1.2rem;
bottom: auto;
left: auto;
display: inline-block;
background: url("../../images/icon/icon_arrow_sub.svg") no-repeat 50% 50%;
background-size: 100% auto;
width: 1.2rem;
height: 1.2rem;
transform: translateY(-50%) rotate(-90deg);
opacity: 0.4;
}
.gnb__depth-item:hover .gnb__depth-link {
color: #ffffff;
}
.gnb__depth-item:hover .gnb__depth3 {
display: block;
}
.gnb__depth-item:hover::after {
opacity: 1;
}
.gnb__depth-link {
display: inline-block;
padding: 1rem 0;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.2;
color: rgba(255, 255, 255, 0.7);
transition: all 0.4s ease;
}
.gnb__depth3 {
display: none;
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 100%;
width: 16.5rem;
padding: 1rem 0;
background: #2955a5;
border-radius: 0.8rem;
box-shadow: 10px 10px 32px 0px rgba(34, 34, 34, 0.24);
}
.gnb__depth3-item {
padding: 0 2.4rem;
}
.gnb__depth3-item:hover .gnb__depth3-link {
color: #ffffff;
}
.gnb__depth3-link {
display: inline-block;
padding: 1rem 0;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.2;
color: rgba(255, 255, 255, 0.7);
transition: all 0.4s ease;
}

.all-gnb {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
transform: translateX(100%);
transition: transform 0.4s ease;
}
.all-gnb .all-gnb__category {
margin-top: 6.4rem;
padding: 0 2.6rem 8rem;
border-top: 1px solid #eeeeee;
overflow-y: auto;
height: calc(100% - 6.4rem);
}
@media (min-width: 1440px) {
.all-gnb .all-gnb__category {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
gap: 3.2%;
margin: 9.2vh auto 0;
padding: 7vh 12% 0;
height: calc(100% - 10rem);
border-top: 0;
overflow: visible;
}
}
.all-gnb .all-gnb__category-item {
padding-top: 2.6rem;
}
@media (min-width: 1440px) {
.all-gnb .all-gnb__category-item {
padding-top: 0;
width: 25%;
}
.all-gnb .all-gnb__category-item:hover .all-gnb__title::before {
opacity: 1;
}
}
.all-gnb .all-gnb__category-item .all-gnb__title {
position: relative;
}
@media (min-width: 1440px) {
.all-gnb .all-gnb__category-item .all-gnb__title::before {
opacity: 0;
content: "";
position: absolute;
top: auto;
right: -1.8rem;
bottom: 0.8rem;
left: auto;
width: 1.1rem;
height: 1.1rem;
border-radius: 50%;
background: #0080fb;
}
}
.all-gnb .all-gnb__title {
font-size: 1.6rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
@media (min-width: 1440px) {
.all-gnb .all-gnb__title {
font-size: 3.2rem;
}
}
.all-gnb .all-gnb__menu {
margin-top: 3rem;
}
@media (min-width: 1440px) {
.all-gnb .all-gnb__menu {
margin-top: 5.4vh;
}
}
.all-gnb .all-gnb__side-link {
margin-top: 2.6rem;
}
@media (min-width: 1440px) {
.all-gnb .all-gnb__side-link {
display: none;
}
}
.all-gnb .menu-list {
padding-bottom: 1rem;
border-bottom: 1px solid #eeeeee;
}
@media (min-width: 1440px) {
.all-gnb .menu-list {
border-bottom: 0;
}
}
.all-gnb .menu-list__link {
display: inline-block;
padding: 1.6rem 0;
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
color: #999999;
}
@media (min-width: 1440px) {
.all-gnb .menu-list__link {
padding: 1.2rem 0;
font-size: 2rem;
transition: all 0.4s ease;
}
}
.all-gnb .menu-list__link:hover {
color: #0080fb;
}
*/

.footer {
  margin-top: 10rem;
  border-top: 1px solid #e8ecf4;
}

.footer .footer__inner {
  padding: 0 1.6rem;
}
@media (min-width: 1440px) {
  .footer .footer__inner {
    padding: 0 7.6%;
    max-width: 160rem;
    margin: 0 auto;
  }
}
@media (min-width: 1600px) {
  .footer .footer__inner {
    padding: 0;
  }
}
.footer .footer__top {
  position: relative;
}
@media (min-width: 1440px) and (min-width: 1440px) {
  .footer .footer__top .footer__inner {
    display: flex;
  }
}
.footer .footer__bottom .footer__inner {
  padding: 2rem 1.6rem;
  border-top: 1px solid #e8ecf4;
}
@media (min-width: 1440px) {
  .footer .footer__bottom .footer__inner {
    padding: 2rem 7.6% 4rem;
  }
}
@media (min-width: 1600px) {
  .footer .footer__bottom .footer__inner {
    padding: 2rem 0 4rem;
  }
}
.footer .footer__menu {
  display: flex;
}
.footer .footer__menu-link {
  font-size: 1.3rem;
  font-weight: 400;
  padding: 2rem 1rem 2rem;
  line-height: 1;
  color: #333333;
}
.footer .footer__menu-link + .footer .footer__menu-link__menu-link::before {
  content: "";
  display: inline-flex;
  width: 1px;
  height: 1rem;
  background: #a7a7a7;
}
@media (min-width: 1440px) {
  .footer .footer__menu-link {
    padding: 2.5rem 1.25rem 2.5rem;
    font-size: 1.6rem;
  }
}
.footer .footer__menu-link:first-child {
  position: relative;
  padding-left: 0;
}
.footer .footer__content {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 2.4rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: #888888;
  line-height: 2.2rem;
}
@media (min-width: 1440px) {
  .footer .footer__content {
    gap: 0;
    flex-direction: row;
    justify-content: space-between;
    font-size: 1.8rem;
  }
}
.footer .footer__left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 1440px) {
  .footer .footer__left {
    flex-direction: row;
    gap: 6rem;
  }
}
.footer .footer__left .info-text {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4;
  color: #888888;
}
.footer .footer__logo {
  width: 140px;
  height: 20px;
}
@media (min-width: 1440px) {
  .footer .footer__logo {
    width: 230px;
    height: 32px;
  }
}
.footer .footer__company-info {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4;
}
@media (min-width: 1440px) {
  .footer .footer__company-info {
    margin-top: 0;
    line-height: 2.6rem;
  }
}
.footer .footer__family {
  width: 20.5rem;
  height: 3.2rem;
}
.footer .footer__family .select-box {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1;
  color: #777777;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.footer .footer__family .option-item {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1;
}

.sub-intro {
  position: relative;
  margin: 0 1.6rem;
  height: 21rem;
  background: url("../../images/sub/sub_intro01.jpg") no-repeat 50%;
  background-size: cover;
  border-radius: 2rem;
  overflow: hidden;
}
.sub-intro.technology {
  background-image: url("../../images/sub/sub_intro_learn02.jpg");
}
.sub-intro.procedures {
  background-image: url("../../images/sub/sub_intro_learn03.jpg");
}
.sub-intro.interpretation {
  background-image: url("../../images/sub/sub_intro_learn04.jpg");
}
.sub-intro.composition {
  background-image: url("../../images/sub/sub_intro_learn05.jpg");
}
.sub-intro.immune-system {
  background-image: url("../../images/sub/sub_intro_learn06.jpg");
  background-position: 74% 50%;
}
.sub-intro.immune-system::before {
  opacity: 0.2;
}
.sub-intro.safety-tips {
  background-image: url("../../images/sub/sub_intro_learn07.jpg");
}
.sub-intro.sectors01 {
  background-image: url("../../images/sub/sub_intro_sector01.jpg");
}
.sub-intro.sectors02 {
  background-image: url("../../images/sub/sub_intro_sector02.jpg");
  background-position: 68% 50%;
}
.sub-intro.sectors03 {
  background-image: url("../../images/sub/sub_intro_sector03.jpg");
}
.sub-intro.sectors04 {
  background-image: url("../../images/sub/sub_intro_sector04.jpg");
  background-position: 66% 50%;
}
.sub-intro.sectors05 {
  background-image: url("../../images/sub/sub_intro_sector05.jpg");
  background-position: 74% 50%;
}
.sub-intro.download-centre {
  background-image: url("../../images/sub/sub_intro_support01.jpg");
  background-position: 74% 50%;
}
.sub-intro.data-integration {
  background-image: url("../../images/sub/sub_intro_support02.jpg");
  background-position: 74% 50%;
}
.sub-intro.brochure-download {
  background-image: url("../../images/sub/sub_intro_support03.jpg");
  background-position: 74% 50%;
}
@media (min-width: 1440px) {
  .sub-intro {
    height: 47rem;
    margin: 0 4rem;
  }
}
.sub-intro::before {
  content: "";
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
}
.sub-intro .sub-intro__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 2.4rem 2.4rem;
}
@media (min-width: 1440px) {
  .sub-intro .sub-intro__inner {
    padding: 0 8rem 8rem;
  }
}
.sub-intro .sub-intro__content {
  margin-top: auto;
  color: #ffffff;
  z-index: 1;
}
.sub-intro .sub-intro__title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.26;
}
@media (min-width: 1440px) {
  .sub-intro .sub-intro__title {
    font-size: 6.6rem;
  }
}
.sub-intro .sub-intro__desc {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
  margin-top: 0.4rem;
  color: #e3e3e3;
}
@media (min-width: 1440px) {
  .sub-intro .sub-intro__desc {
    margin-top: 2rem;
    font-size: 2.6rem;
  }
}

section.section--bg {
  margin-top: 8rem;
  padding-bottom: 8rem;
  background: #f8f8f8;
}
@media (min-width: 1440px) {
  section.section--bg {
    margin-top: 16rem;
    padding-bottom: 16rem;
  }
}

.main {
  /* //banner-swiper */
}
.main .main-wrapper {
  overflow: hidden;
}

/* 메인 반응형 (visual 부분) */
#multipleContentsDiv_bhs_7004 {
  padding: 0;
  max-width: 100%;
  box-sizing: border-box;
  display:grid;
  grid-template-columns: 1fr;
  gap:2rem;
}

  #menu623_obj7174 {
    height: 18rem;
	padding:0 1.6rem;
  }

#menu623_obj7005 {
  padding: 2rem 1.6rem 0;
}
#menu623_obj7110 {
  padding: 0 1.6rem;
  height:33rem;
}

/* 메인 공지사항 배너 */
.wrap-notice .title a  {
  	font-size: 2rem !important;
  	font-weight: 700 !important;
    color: #333 !important;
}

  .wrap_popup .text_1 {
	font-size:1.4rem !important;
  }
  .wrap_popup .text_2 {
	font-size:2.4rem !important;
  }

@media (min-width: 1440px) {
  .wrap-notice .title a {
	font-size:2.8rem !important;
  }
  
  .wrap_popup .text_1 {
	font-size:2rem !important;
  }
  .wrap_popup .text_2 {
	font-size:3rem !important;
  }
}



@media (min-width: 1440px) {
  #multipleContentsDiv_bhs_7004 {
    padding-top: 4rem;
    margin: 0 auto;
    max-width: 160rem;
    grid-template-columns: 70.625% 1fr;
    /* grid-template-rows: 432px 238px; */
    gap: 3rem;
    /* column-gap: 1.991%; */
  }
  #menu623_obj7005 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    width: 100%;
	padding: 0;
    /* height: 700px; */
  }
  #menu623_obj7110 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    width: 100%;
    height: 43rem;
	padding:0;
  }
  #menu623_obj7174 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    width: 100%;
    height: 23.8rem;
	padding: 0;
  }
  #menu623_obj7005 .wrap_visual {
    position: relative;
	height:70rem !important;
	transition: height 0.3s ease;
  }
  #menu623_obj7110 .wrap_popup {
    position: relative;
  }
}

@media(max-width: 768px) {
   #menu623_obj7005 .wrap_visual, 
  #menu623_obj7005 .wrap_visual .slick-list,
  #menu623_obj7005 .wrap_visual .slick-slide {
		height:50rem !important;
	}
}
 

/* .main .inner-box:last-child {
padding-bottom: 6rem;
}
@media (min-width: 1440px) {
.main .inner-box:last-child {
padding-bottom: 0;
}
} */
.main-visual {
  position: relative;
  border-radius: 2rem;
}
.main-visual.inner-box {
  padding: 0;
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1440px) {
  .main-visual.inner-box {
    padding-top: 4rem;
    flex-direction: row;
  }
}
.main-visual__hero {
  width: 100%;
  height: 37.8rem;
  background: #ccc;
  border-radius: 1.8rem;
}
.main-visual__right {
  width: 100%;
}
.main-visual__right .main-visual__notice {
  margin-top: 2rem;
}
.main-visual__right .main-visual__bannerSlide {
  margin-top: 2rem;
  border-radius: 1.8rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .main-visual {
    border-radius: 2.4rem;
    justify-content: space-between;
  }
  .main-visual__hero {
    width: 70.625%;
    height: 70rem;
    border-radius: 2.4rem;
  }
  .main-visual__right {
    width: 27.384%;
  }
  .main-visual__right .main-visual__notice {
    margin-top: 0;
  }
  .main-visual__right .main-visual__bannerSlide {
    margin-top: 3rem;
    border-radius: 2.4rem;
  }
}
.wrap-notice .more {
  transform: rotate(0deg);
  transition: transform .3s ease;
}

.wrap-notice .more:hover {
  transform: rotate(180deg);
}

.main .notice-box {
  padding: 2.4rem 2rem;
  background: #f5f6f8;
  border-radius: 1.8rem;
}
.main .notice-box__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main .notice-box__title {
  font-size: 2rem;
  font-weight: 700;
  color: #333;
}
.main .notice-box__more {
  display: inline-block;
  background: url("../../images/icon/icon_plus_black.png") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 1.6rem;
  height: 1.6rem;
}
.main .notice-box__item {
  border-top: 1px solid #e8ecf4;
}
.main .notice-box__item:first-child {
  border-top: none;
}
.main .notice-box__item-title {
  display: block;
  font-size: 1.4rem;
  color: #3f3f3f;
  line-height: 1;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main .notice-box__item-date {
  display: block;
  font-size: 1.2rem;
  color: #888888;
  margin-top: 1rem;
}
.main .notice-box__link {
  display: block;
  padding: 1.8rem 0;
}
@media (min-width: 1440px) {
  .main .notice-box {
    padding: 4rem;
    border-radius: 2.4rem;
    max-height: 43rem;
  }
  .main .notice-box__link .notice-box__item-title {
    font-size: 1.8rem;
  }
  .main .notice-box__link .notice-box__item-date {
    font-size: 1.4rem;
    margin-top: 1.4rem;
  }
  .main .notice-box__more {
    width: 1.9rem;
    height: 1.9rem;
  }
}

.main .banner-swiper {
  position: relative;
}
.main .banner-swiper__item {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.main .banner-swiper__item.swiper-slide-active .banner-swiper__sub,
.main .banner-swiper__item.swiper-slide-active .banner-swiper__title {
  opacity: 1;
  transform: none;
}
.main .banner-swiper__text-box {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: auto;
  top: 2.4rem;
  left: 2rem;
  width: 100%;
  color: #333333;
}
@media (min-width: 1440px) {
  .main .banner-swiper__text-box {
    top: 4rem;
    left: 4rem;
  }
}
.main .banner-swiper__title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.19;
  opacity: 0;
  transform: translateY(-2.4rem);
  transition: all 1s ease;
  transition-delay: 0.3s;
}
@media (min-width: 1440px) {
  .main .banner-swiper__title {
    font-size: 3.4rem;
  }
}
.main .banner-swiper__sub {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  opacity: 0;
  transform: translateY(-2.4rem);
  transition: all 1s ease;
}
@media (min-width: 1440px) {
  .main .banner-swiper__sub {
    font-size: 2.2rem;
  }
}
.main .banner-swiper__img {
  height: 18rem;
  background: no-repeat 50%;
  background-size: cover;
  border-radius: 24px;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .main .banner-swiper__img {
    height: 23.8rem;
  }
}
.main .banner-swiper__img.main_bannerSlide01 {
  background-image: url("../../images/main/main_bannerSlide01_mo.png");
}
@media (min-width: 1440px) {
  .main .banner-swiper__img.main_bannerSlide01 {
    background-image: url("../../images/main/main_bannerSlide01_pc.png");
  }
}
.main .banner-swiper__pagination {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 2.4rem;
  left: 2rem;
  width: auto !important;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.7rem 1.2rem;
  border-radius: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 500;
  z-index: 10;
  letter-spacing: 0.1rem;
}
@media (min-width: 1440px) {
  .main .banner-swiper__pagination {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 2rem;
    left: 4rem;
    bottom: 4rem;
    font-size: 1.8rem;
    padding: 0.9rem 1.4rem;
  }
}
.main .banner-swiper__pagination .swiper-pagination-current {
  font-weight: 700;
}
.main__title {
  margin-top: 2.4rem;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.15;
  color: #111111;
}
@media (min-width: 1440px) {
  .main__title {
    margin-top: 1.8rem;
    font-size: 4.2rem;
  }
  .main__title br {
    display: none;
  }
}
.main__sub-text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.33;
  color: #555555;
}
@media (min-width: 1440px) {
  .main__sub-text {
    font-size: 2.2rem;
  }
}


.main-intro .align-box {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 1.6rem 9rem;
  margin: 0 -1.6rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .main-intro .align-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 0 0 4rem;
    margin: 0;
    overflow: hidden;
  }
}
@media (min-width: 1440px) {
  .main-intro .content__paragraph {
    margin-top: -3rem;
  }
}
.main-intro .round-arrow-link {
  margin-top: 4rem;
}
@media (min-width: 1440px) {
  .main-intro .round-arrow-link {
    margin-top: 9rem;
  }
}
@media (min-width: 1440px) {
  .main-intro__text {
    width: 52.5625%;
  }
}
.main-intro__img {
  position: absolute;
  right: -7rem;
  bottom: 0;
  width: 22rem;
  height: 21rem;
  z-index: -1;
  background: url("../../images/main/intro_bg.png") no-repeat 100%;
  background-size: auto 100%;
}
@media (min-width: 1440px) {
  .main-intro__img {
    position: static;
    right: 0;
    margin-left: auto;
    width: 44.625%;
    height: 64rem;
    background-size: contain;
  }
}

/* main-products */
.main-products .inner-box {
  padding: 8rem 1.6rem !important;
}
@media (min-width: 1440px) {
  .main-products .inner-box {
    padding: 14rem 0 !important;
  }
}
.main-products .main__section-title {
  text-align: center;
  margin-bottom: 4rem;
  word-break: keep-all;
}
@media (min-width: 1440px) {
  .main-products .main__section-title {
    margin-bottom: 8rem;
  }
}
.main-products .product-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.main-products .product-list {
  display: grid;
  grid-template-columns: repeat(1fr);
  gap: 2rem;
}
@media (min-width: 1024px) {
  .main-products .product-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1440px) {
  .main-products .product-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.main-products .product-list__item {
  position: relative;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 2.4rem;
  overflow: hidden;
  transition: all 0.4s ease;
  flex: 1;
}
.main-products .product-list__item:hover {
  border-color: #0080fb;
  box-shadow:
    inset 0 0 0 1px #0080fb,
    0 2rem 5rem rgba(0, 0, 0, 0.06);
}
.main-products .product-list__item:hover .product-list__label {
  color: #0080fb;
}
.main-products .product-list__item:hover .product-list__arrow {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 18.406V0H18.406V18.406H0Z' fill='white'/%3E%3Cpath d='M5.89 15.696L12.357 9.566L5.89 3.435' stroke='%230080fb' stroke-width='2'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: contain;
}
@media (min-width: 1440px) {
  .main-products .product-list__item {
    height: auto;
  }
}
.main-products .product-list__link {
  display: flex;
  flex-direction: column;
  padding: 2.8rem 2rem;
  height: 100%;
}
@media (min-width: 1440px) {
  .main-products .product-list__link {
    padding: 3.2rem;
  }
}
.main-products .product-list__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
@media (min-width: 1440px) {
  .main-products .product-list__header {
    margin-bottom: 3rem;
  }
}
.main-products .product-list__tag {
  padding: 0.5rem 0.6rem;
  font-size: 1.3rem;
  font-weight: 600;
  border-radius: 0.4rem;
}
@media (min-width: 1440px) {
  .main-products .product-list__tag {
    padding: 0.5rem 0.7rem;
  }
}
.main-products .product-list__tag.type-blue {
  color: #3965e6;
  background: #e3e9ff;
}
.main-products .product-list__tag.type-sky {
  color: #0193e7;
  background: #e0f4ff;
}
.main-products .product-list__tag.type-orange {
  color: #eaa500;
  background: #fff5e4;
}
.main-products .product-list__tag.type-green {
  color: #1da26b;
  background: #daf6ed;
}
@media (min-width: 1440px) {
  .main-products .product-list__tag {
    font-size: 1.4rem;
  }
}
.main-products .product-list__labels {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.main-products .product-list__label {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  color: #333333;
  transition: all 0.4s ease;
}
@media (min-width: 1440px) {
  .main-products .product-list__label {
    font-size: 2.2rem;
  }
}
.main-products .product-list__arrow {
  width: 1.6rem;
  height: 1.6rem;
  background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 18.406V0H18.406V18.406H0Z' fill='white'/%3E%3Cpath d='M5.89 15.696L12.357 9.566L5.89 3.435' stroke='%23484848' stroke-width='2'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: contain;
  transition: all 0.4s ease;
}
@media (min-width: 1440px) {
  .main-products .product-list__arrow {
    width: 2rem;
    height: 2rem;
  }
}
.main-products .product-list__img {
  width: 100%;
  height: auto;
  background: #f5f6f8;
  border-radius: 0.8rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.8rem;
}
.main-products .product-list__img img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
@media (min-width: 1440px) {
  .main-products .product-list__img {
    height: 16.9rem;
    margin-bottom: 3rem;
  }
}
.main-products .product-list__content {
  text-align: left;
}
.main-products .product-list__title {
  font-size: 1.8rem;
  font-weight: 600;
  color: #222222;
}
@media (min-width: 1440px) {
  .main-products .product-list__title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
.main-products .product-list__desc {
  font-size: 1.4rem;
  color: #666666;
  line-height: 1.5;
  word-break: keep-all;
}
@media (min-width: 1440px) {
  .main-products .product-list__desc {
    font-size: 1.6rem;
  }
}

.main-contact .main-contact__wrap {
  background: url("../../images/main/contact_bg.jpg") no-repeat 50%;
  background-size: cover;
  padding: 8rem 0;
}
@media (min-width: 1440px) {
  .main-contact .main-contact__wrap {
    padding: 14rem 0;
  }
}

 .main-contact .main-contact__wrap .inner-box {
	padding: 0 1.6rem;
  }

.main-contact .main-contact__content {
  position: relative;
  height: 100%;
  padding-bottom: 6rem;
}
@media (min-width: 1440px) {
  .main-contact .main-contact__content {
    padding-bottom: 13.9rem;
  }
}
.main-contact .main-contact__img {
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 1440px) {
  .main-contact .main-contact__img {
    padding-top: 28.1%;
  }
}
@media (min-width: 1440px) {
  .main-contact .main-contact__img .img-mo {
    display: none;
  }
}
.main-contact .main-contact__img .img-pc {
  display: none;
}
@media (min-width: 1440px) {
  .main-contact .main-contact__img .img-pc {
    display: block;
    width: auto;
    max-width: none;
    height: 100%;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
  }
}
@media (min-width: 1900px) {
  .main-contact .main-contact__img .img-pc {
    left: 0;
  }
}
.main-contact .main-contact__text-box {
  color: #ffffff;
}
.main-contact .main-contact__sub {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
}
@media (min-width: 1440px) {
  .main-contact .main-contact__sub {
    font-size: 2.4rem;
  }
}
.main-contact .main-contact__title {
  margin-top: 1.8rem;
  font-size: 2.6rem;
  font-weight: 700;
}
@media (min-width: 1440px) {
  .main-contact .main-contact__title {
    margin-top: 2.8rem;
    font-size: 4.8rem;
  }
}
.main-contact .main-contact__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2rem;
  margin-top: 3rem;
}
@media (min-width: 1440px) {
  .main-contact .main-contact__list {
    flex-direction: row;
    gap: 3rem;
    margin-top: 10rem;
    justify-content: flex-end;
  }
}
.main-contact .main-contact__item {
  flex: 1;
  border-radius: 1.8rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(1rem);
  height: 17.5rem;
}
@media (min-width: 1440px) {
  .main-contact .main-contact__item {
    border-radius: 2.4rem;
    height: 22.2rem;
  }
  .main-contact .main-contact__item:first-child {
    flex: 65rem 0 0;
  }
  .main-contact .main-contact__item:not(:first-child) {
    flex: 33.6rem 0 0;
  }
}
.main-contact .main-contact__item-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap:2rem;
  padding: 2.5rem 0 2.5rem 3rem;
}
@media (min-width: 1440px) {
  .main-contact .main-contact__item-inner {
    height: 100%;
    padding: 0 0 0 10%;
  }
}
.main-contact .main-contact__item-sub {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 1440px) {
  .main-contact .main-contact__item-sub {
    font-size: 1.6rem;
  }
}
.main-contact .main-contact__text {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 1.5rem;
}
.main-contact .main-contact__text .main-contact__item-number {
  margin-top: 0;
}
@media (min-width: 1440px) {
  .main-contact .main-contact__text {
    align-items: center;
    gap: 4rem;
    flex-direction: row;
  }
}
.main-contact .main-contact__item-number {
  display: flex;
  align-items: flex-end;
  color: #ffffff;
}
.main-contact .main-contact__item-number .num {
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 1440px) {
  .main-contact .main-contact__item-number .num {
    font-size: 6.2rem;
  }
}
.main-contact .main-contact__item-number .unit {
  font-size: 2.2rem;
  font-weight: 500;
  margin-left: 2rem;
}
@media (min-width: 1440px) {
  .main-contact .main-contact__item-number .unit {
    margin-left: 2.4rem;
    font-size: 4.2rem;
  }
}
.main-contact .main-contact__item-desc {
  font-size: 1.4rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 1440px) {
  .main-contact .main-contact__item-desc {
    font-size: 2rem;
  }
}
.main-contact .round-arrow-link {
  position: absolute;
  top: -6.6rem;
  right: auto;
  bottom: auto;
  left: 1.6rem;
}
@media (min-width: 1440px) {
  .main-contact .round-arrow-link {
    top: 0;
    left: auto;
    right: 0;
    padding: 0 1rem 0 4.8rem;
    font-size: 3.2em;
    height: 9.2rem;
    z-index: 1;
  }
  .main-contact .round-arrow-link .icon-arrow-round {
    width: 7.2rem;
    height: 7.2rem;
    margin-left: 8.2rem;
  }
}

.main-media .inner-box {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 3.5rem 1.6rem 8rem;
}
@media (min-width: 1440px) {
  .main-media .inner-box {
    gap: 3rem;
    padding: 14rem 0 13.5rem !important;
  }
}
.main-media__info-cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}
@media (min-width: 1440px) {
  .main-media__info-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }
}
.main-media .media-info-card {
  position: relative;
  background: #f5f6f8;
  border-radius: 2.4rem;
  padding: 2.8rem 2rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 4.2rem;
}
.main-media .media-info-card::before {
  content: "";
  position: absolute;
  left: 1.2rem;
  top: -1rem;
  width: 7.8rem;
  height: 7.5rem;
  background: url("../../images/icon/icon_question.svg") no-repeat center/cover;
}
@media (min-width: 1440px) {
  .main-media .media-info-card::before {
    left: 2rem;
    top: -0.6rem;
    width: 14.2rem;
    height: 13.8rem;
  }
}
@media (min-width: 1440px) {
  .main-media .media-info-card {
    padding: 6rem;
    gap: 4.8rem;
  }
}
@media (min-width: 1440px) {
  .main-media .media-info-card.full {
    grid-column: span 2;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .main-media .media-info-card.full .media-info-card__content {
    width: 45%;
  }
  .main-media .media-info-card.full .media-info-card__inner-box {
    width: 48%;
    margin-top: 0;
  }
  
}
.main-media .media-info-card__bg {
  position: absolute;
  top: 1.4rem;
  left: 2rem;
  width: 10rem;
  opacity: 0.4;
  z-index: 1;
}
.main-media .media-info-card__bg img {
  width: 100%;
}
@media (min-width: 1440px) {
  .main-media .media-info-card__bg {
    top: 3.4rem;
    left: 4.8rem;
    width: 12rem;
  }
}
.main-media .media-info-card__content {
  position: relative;
  z-index: 2;
}
.main-media .media-info-card__title {
  font-size: 2.2rem;
  font-weight: 600;
  color: #0080fb;
  line-height: 1.3;
}
@media (min-width: 1440px) {
  .main-media .media-info-card__title {
    font-size: 3.4rem;
  }
}
.main-media .media-info-card__desc {
  margin-top: 1.8rem;
  font-size: 1.6rem;
  color: #555555;
  line-height: 1.5;
  word-break: keep-all;
}
@media (min-width: 1440px) {
  .main-media .media-info-card__desc {
    font-size: 2rem;
    margin-top: 2rem;
  }
}
.main-media .media-info-card__inner-box {
  position: relative;
  z-index: 2;
  background: #ffffff;
  border-radius: 0.8rem;
  padding: 2.8rem 2rem;
  transition: all .3s ease;
}
.main-media .media-info-card__inner-box:hover {
  transform: translateY(-6px); 
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

@media (min-width: 1440px) {
  .main-media .media-info-card__inner-box {
    padding: 3rem;
  }
}
.main-media .media-info-card__inner-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333333;
  line-height: 1.4;
  word-break: keep-all;
}
@media (min-width: 1440px) {
  .main-media .media-info-card__inner-title {
    font-size: 2rem;
  }
}
.main-media .media-info-card__inner-desc {
  margin-top: 1.8rem;
  font-size: 1.3rem;
  color: #666666;
  line-height: 1.6;
  word-break: keep-all;
}
@media (min-width: 1440px) {
  .main-media .media-info-card__inner-desc {
    font-size: 1.6rem;
    margin-top: 2rem;
  }
}
.main-media .media-info-card__tags {
  margin-top: 2.4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.main-media .media-info-card__tags .tag {
  display: inline-flex;
  align-items: center;
  padding: 0 1.1rem;
  height: 3.2rem;
  border: 1px solid #3965e6;
  border-radius: 1.6rem;
  font-size: 1.3rem;
  color: #3965e6;
}
@media (min-width: 1440px) {
  .main-media .media-info-card__tags .tag {
    padding: 0 1.2rem;
    font-size: 1.4rem;
  }
}
.main-media .media-info-card__list-box {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1440px) {
  .main-media .media-info-card__list-box {
    gap: 1.5rem;
  }
}

  .main-media .media-info-card__list-box .item {
	background: #ffffff;
	border-radius: 0.8rem;
	padding: 2rem;
	transition: all .3s ease;
  }
.main-media .media-info-card__list-box .item:hover {
  transform: translateY(-6px);  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.main-media .media-info-card__list-box .item strong {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 1.2rem;
}
@media (min-width: 1440px) {
  .main-media .media-info-card__list-box .item strong {
    font-size: 2rem;
  }
}
.main-media .media-info-card__list-box .item p {
  font-size: 1.3rem;
  color: #717171;
  line-height: 1.6;
  word-break: keep-all;
}
@media (min-width: 1440px) {
  .main-media .media-info-card__list-box .item p {
    font-size: 1.6rem;
  }
}
@media (min-width: 1440px) {
  .main-media .media-info-card__list-box .item {
    padding: 3rem;
    border-radius: 0.8rem;
  }
}
.main-media__promo {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 1440px) {
  .main-media__promo {
    flex-direction: row;
    gap: 3rem;
  }
}
.main-media__promo-text {
  padding: 2.8rem 2rem;
  border-radius: 1.8rem;
  background: #f5f6f8;
  height:24rem;
}
.main-media__promo-text .title {
  font-size: 2.2rem;
  color: #111;
  line-height: 1.3;
  font-weight:700;
}
.main-media__promo-text .btn-download {
  margin-top: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 0 1.8rem;
  height: 3rem;
  background: #1a3a6d;
  color: #ffffff;
  border-radius: 1.5rem;
  font-size: 1.3rem;
  font-weight:500;
}
@media (min-width: 1440px) {
  .main-media__promo-text .btn-download {
    margin-top: 4.8rem;
    height: 3.8rem;
	border-radius:1.8rem;
    padding: 0 2.4rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 1440px) {
  .main-media__promo-text {
    width: 30%;
    padding: 6rem;
    border-radius: 2.4rem;
	height:auto;
  }
  .main-media__promo-text .title {
    font-size: 3.2rem;
  }
}
.main-media__promo-video {
  width: 100%;
  height: 38rem;
  background: #000;
  border-radius: 1.8rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .main-media__promo-video {
    width: 70%;
    height: 60rem;
    border-radius: 2.4rem;
  }
}
.main-media__promo-video .video-thumb {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-media__promo-video .video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-media__promo-video .video-thumb .btn-play {
  position: absolute;
  top: 50%;
  right: 50%;
  bottom: auto;
  left: auto;
  transform: translate(-50%, -50%);
  width: 6rem;
  height: 6rem;
  background: url("../../images/icon/icon/icon_play.svg") no-repeat center;
  background-size: contain;
}
@media (min-width: 1440px) {
  .main-media__promo-video .video-thumb .btn-play {
    width: 10rem;
    height: 10rem;
  }
}

.main-service .inner-box {
  padding-bottom: 6rem;
}
@media (min-width: 1440px) {
  .main-service .inner-box {
    padding-bottom: 10rem;
  }
}
.main-service__title {
  font-size: 3rem;
  color: #111;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 1440px) {
  .main-service__title {
    font-size: 4.8rem;
  }
}
.main-service__desc {
  margin-top: 1.8rem;
  font-size: 1.4rem;
  color: #555555;
  text-align: center;
}
@media (min-width: 1440px) {
  .main-service__desc {
    margin-top: 2.8rem;
    font-size: 2rem;
  }
}
.main-service__info {
  margin-top: 4.8rem;
  text-align: center;
}
.main-service__info-time {
  font-size: 1.8rem;
  color: #444444;
  font-weight: 600;
}
.main-service__info-contact {
  margin: 2.8rem auto 0;
  padding: 2.8rem 2rem;
  background: #f6f7f8;
  border-radius: 3rem;
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  text-align: left;
}
@media (min-width: 1440px) {
  .main-service__info-contact {
    padding: 4rem 4rem;
  }
}
.main-service__info-contact .contact-list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.main-service__info-contact .contact-list li {
  display: flex;
  align-items: center;
}
@media (min-width:1440px) {
  .main-service__info-contact .contact-list li {
	gap:1.2rem;
  }
}

@media(max-width:768px) {
  .main-service__info-contact .contact-list li {
	gap:0.8rem;
  }
}

.main-service__info-contact .contact-list li .icon {
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1440px) {
  .main-service__info-contact .contact-list li .icon {
    width: 4.2rem;
    height: 4.2rem;
  }
}
.main-service__info-contact .contact-list li .icon img {
  width: 1.6rem;
  height: 1.6rem;
}
@media (min-width: 1440px) {
  .main-service__info-contact .contact-list li .icon img {
    width: 2rem;
    height: 2rem;
  }
}
.main-service__info-contact .contact-list li .text .title {
  display: block;
  font-weight: 600;
  color: #333333;
  line-height: 1.2;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.3;
}
@media (min-width: 1440px) {
  .main-service__info-contact .contact-list li .text .title {
    font-size: 2rem;
  }
}
.main-service__info-contact .contact-list li .text .tel {
  display: block;
  margin-top: 0.6rem;
  color: #777777;
  font-weight: 400;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
}
@media (min-width: 1440px) {
  .main-service__info-contact .contact-list li .text .tel {
    font-size: 2rem;
  }
}
@media (min-width: 1440px) {
  .main-service__info {
    margin-top: 6rem;
  }
  .main-service__info-time {
    font-size: 2.4rem;
  }
  .main-service__info-contact {
    margin-top: 2.4rem;
  }
}
.main-service__btn {
  display: flex;
  justify-content: center;
  margin-top: 4.8rem;
}
@media (min-width: 1440px) {
  .main-service__btn {
    margin-top: 6rem;
  }
}
.main-service__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 5.7rem;
  width: 100%;
  border-radius: 1.2rem;
  font-size: 1.6rem;
  color: #ffffff;
  background: #0080fb;
  transition: background .3s ease;
}
.main-service__cta:hover {
  background:#0051E7;
}
@media (min-width: 1440px) {
  .main-service__cta {
    height: 6.2rem;
    padding: 0 4rem;
    width: fit-content;
    font-size: 2rem;
  }
}

.mypage__section {
  margin-top: 6rem;
  padding-bottom: 0;
}
#menu4237_obj4850 .mypage__section {
  margin-top: 0;
}
@media (min-width: 1440px) {
  .mypage__section {
    margin-top: 10rem;
    padding-bottom: 10rem;
  }
  #menu4237_obj4850 .mypage__section {
  margin-top: 0;
}
}


.mypage__section .inner-box {
  padding: 0;
}

.mypage__helper {
  margin-bottom: 2rem;
}
.mypage__helper-text {
  font-size: 1.4rem;
  color: #666666;
  line-height: 1.6;
}
@media (min-width: 1440px) {
  .mypage__helper-text {
    font-size: 1.6rem;
  }
}
.mypage .btn--xsmall {
  height: 3.2rem;
  padding: 0 1.2rem;
  font-size: 1.4rem;
  line-height: 3rem;
  border-radius: 0.4rem;
}

.about-us .bar-banner {
  margin-top: 8rem;
}
@media (min-width: 1440px) {
  .about-us .bar-banner {
    margin-top: 16rem;
  }
}

@media (min-width: 1440px) {
  .overview .img-text-content {
    display: flex;
    gap: 7.5%;
  }
}
.overview .img-text-content__img {
  margin-top: 2.8rem;
  border-radius: 2rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .overview .img-text-content__img {
    margin-bottom: 0;
    margin-top: -4rem;
    min-width: 42%;
  }
}

@media (min-width: 1440px) {
  .vision .sub-title {
    margin-bottom: 10.5rem;
  }
}
.vision .vision-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1440px) {
  .vision .vision-content {
    flex-direction: row;
    justify-content: center;
    gap: 8.7%;
  }
}
.vision .vision-content__item {
  position: relative;
  width: 23rem;
  height: 23rem;
  background: #ffffff;
  border: 1px solid #0080fb;
  border-radius: 50%;
}
@media (min-width: 1440px) {
  .vision .vision-content__item {
    width: 26.2%;
    height: auto;
    padding-top: 26.2%;
  }
}
.vision .vision-content__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.vision .vision-content__item--center {
  position: relative;
  margin: 5.2rem 0;
  border: 0;
}
@media (min-width: 1440px) {
  .vision .vision-content__item--center {
    margin: 0;
    width: 30%;
    padding-top: 0;
  }
}
.vision .vision-content__item--center::before {
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: 28rem;
  height: 28rem;
  transform: translate(-50%, -50%);
  background: #0080fb;
  opacity: 0.05;
  border-radius: 50%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
@media (min-width: 1440px) {
  .vision .vision-content__item--center::before {
    width: calc(100% + 9rem);
    padding-top: calc(100% + 9rem);
  }
}
.vision .vision-content__item--center::after {
  content: "";
  position: absolute;
  top: -1px;
  right: auto;
  bottom: auto;
  left: 50%;
  background: #0080fb;
  margin: -5.2rem 0;
  width: 1px;
  height: calc(100% + 10.6rem);
}
@media (min-width: 1440px) {
  .vision .vision-content__item--center::after {
    top: 50%;
    transform: translateX(-50%);
    width: 200%;
    margin: 0;
    height: 1px;
    z-index: -1;
  }
}
.vision .vision-content__icon {
  display: inline-block;
  background: url("../../images/icon/icon_mission.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 3.6rem;
  height: 3.6rem;
}
@media (min-width: 1440px) {
  .vision .vision-content__icon {
    width: 7.4rem;
    height: 7.4rem;
  }
}
.vision .vision-content__icon.icon-vision {
  background-image: url("../../images/icon/icon_vision.svg");
}
.vision .vision-content__title {
  margin-top: 0.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.44;
}
@media (min-width: 1440px) {
  .vision .vision-content__title {
    margin-top: 1.4rem;
    font-size: 3.2rem;
  }
}
.vision .vision-content__desc {
  margin-top: 0.4rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  color: #666666;
  text-align: center;
}
@media (min-width: 1440px) {
  .vision .vision-content__desc {
    margin-top: 1.4rem;
    font-size: 2rem;
  }
}

@media (min-width: 1440px) {
  .representative .img-text-content {
    display: flex;
    gap: 7.5%;
  }
}
.representative .img-text-content__img {
  position: relative;
  margin-bottom: 2.8rem;
  width: 100%;
  padding-top: 100%;
  background: url("../../images/sub/img_representative.jpg") no-repeat 50% 0;
  background-size: cover;
  border-radius: 2rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .representative .img-text-content__img {
    padding-top: 0;
    min-width: 48rem;
    height: 52.6rem;
  }
}
.representative .img-text-content__desc {
  margin-top: 2rem;
}
.representative .img-text-content .sub-title br {
  display: none;
}
@media (min-width: 1440px) {
  .representative .img-text-content .sub-title br {
    display: block;
  }
}
@media (min-width: 1440px) {
  .representative .img-text-content .deco {
    position: relative;
  }
  .representative .img-text-content .deco::before {
    content: "";
    position: absolute;
    top: -0.6rem;
    right: -71%;
    bottom: auto;
    left: auto;
    display: inline-block;
    background: url("../../images/icon/double_quotation.svg") no-repeat 50% 50%;
    background-size: 100% auto;
    width: 10.2rem;
    height: 6.6rem;
  }
}

.company-values__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}
@media (min-width: 1440px) {
  .company-values__list {
    flex-direction: row;
    gap: 1.4%;
  }
}
.company-values__item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  padding: 2.8rem 2.4rem;
  width: 100%;
  color: #ffffff;
  border-radius: 2rem;
  text-align: center;
  overflow: hidden;
  transition: all 0.6s ease;
}
@media (min-width: 1440px) {
  .company-values__item {
    width: 17%;
    height: 58rem;
    padding: 38rem 5rem 5rem;
    transition: none;
  }
}
.company-values__item.is-active {
  padding: 10.6rem 2.4rem 2.4rem;
  min-height: 28rem;
}
@media (min-width: 1440px) {
  .company-values__item.is-active {
    padding: 38rem 5rem 5rem;
  }
}
.company-values__item.is-active .company-values__deco-title {
  display: none;
}
.company-values__item.is-active .company-values__info {
  opacity: 1;
}
.company-values__item.is-active .company-values__title {
  font-size: 2.4rem;
  line-height: 1.3;
}
@media (min-width: 1440px) {
  .company-values__item.is-active .company-values__title {
    font-size: 4rem;
  }
}
.company-values__img {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.company-values__img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 17.19%,
    rgba(0, 0, 0, 0.5) 40.27%,
    rgba(0, 0, 0, 0.7) 54.7%
  );
  opacity: 0.9;
}
.company-values__img-box {
  width: 100%;
  height: 100%;
  background: no-repeat 50%;
  background-size: cover;
}
.company-values__img-box.value01 {
  background-image: url("../../images/sub/value_01.jpg");
}
.company-values__img-box.value02 {
  background-image: url("../../images/sub/value_02.jpg");
}
.company-values__img-box.value03 {
  background-image: url("../../images/sub/value_03.jpg");
}
.company-values__img-box.value04 {
  background-image: url("../../images/sub/value_04.jpg");
}
.company-values__info {
  position: absolute;
  top: auto;
  right: 2.4rem;
  bottom: 2.4rem;
  left: 2.4rem;
  text-align: left;
  opacity: 0;
  transition: 0.2s ease;
}
@media (min-width: 1440px) {
  .company-values__info {
    left: 5rem;
    right: 5rem;
    bottom: 5rem;
    min-width: 61.8rem;
    max-height: 18rem;
    overflow: hidden;
  }
}
.company-values__deco-title {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 1440px) {
  .company-values__deco-title {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.8rem;
  }
}
.company-values__title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .company-values__title {
    font-size: 2.8rem;
    font-weight: 700;
  }
}
.company-values__desc {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
  margin-top: 0.8rem;
}
@media (min-width: 1440px) {
  .company-values__desc {
    font-size: 2rem;
  }
}

.history {
  padding-top: 0;
}
@media (min-width: 1440px) {
  .history {
    padding-top: 14rem;
  }
}
@media (min-width: 1440px) {
  .history__control-box {
    padding: 0 7.6%;
    max-width: 160rem;
    margin: 0 auto;
  }
}
@media (min-width: 1600px) {
  .history__control-box {
    padding: 0;
  }
}
.history__control-box.sticky {
  position: sticky;
  top: 6rem;
  left: 0;
  right: 0;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(12px);
}
@media (min-width: 1440px) {
  .history__control-box.sticky {
    padding: 0;
    top: 9.2rem;
    width: 100%;
    max-width: 100%;
  }
}
.history__control-box.sticky .history__control {
  background: #ffffff;
}
@media (min-width: 1440px) {
  .history__control-box.sticky .history__control {
    border-radius: 0;
  }
}
.history__control {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.2rem 0;
  width: 100%;
  height: 6.8rem;
  background: #f8f8f8;
}
@media (min-width: 1440px) {
  .history__control {
    padding: 0 2.6rem;
    height: 13rem;
    border-radius: 2.6rem;
  }
}
.history__control-buttons {
  padding: 0 1.6rem;
  font-size: 0;
  overflow: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.history__control-buttons::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1440px) {
  .history__control-buttons {
    padding: 0;
    -ms-overflow-style: auto;
    scrollbar-width: auto;
  }
  .history__control-buttons::-webkit-scrollbar {
    display: block;
    width: 1rem;
    height: 1rem;
  }
  .history__control-buttons::-webkit-scrollbar-thumb {
    background-color: #dfdfdf;
    border-radius: 2rem;
  }
  .history__control-buttons::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 2rem;
  }
}
.history__control-button {
  display: inline-block;
  height: 4.4rem;
  padding: 0 2.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 4.4rem;
  color: #aaa;
  z-index: 1;
}
@media (min-width: 1440px) {
  .history__control-button {
    padding: 0 1.6rem;
    height: 6.2rem;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 3.4rem;
  }
}
.history__control-button.is-active {
  position: relative;
  color: #ffffff;
}
.history__control-button.is-active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  height: 100%;
  background: #0080fb;
  border-radius: 4rem;
  z-index: -1;
}
@media (min-width: 1440px) {
  .history__wrap {
    display: flex;
  }
}
.history__img {
  display: none;
}
@media (min-width: 1440px) {
  .history__img {
    display: block;
    min-width: 51%;
    padding-right: 9.3%;
  }
}
.history__img-item.history_00 {
  border: 0;
}
@media (min-width: 1440px) {
  .history__img-item.history_01 {
    margin-top: 45.6rem;
  }
}
@media (min-width: 1600px) {
  .history__img-item.history_01 {
    margin-top: 30.6rem;
  }
}
@media (min-width: 1440px) {
  .history__img-item.history_02 {
    margin-top: 38.6rem;
  }
}
@media (min-width: 1600px) {
  .history__img-item.history_02 {
    margin-top: 26rem;
  }
}
@media (min-width: 1440px) {
  .history__img-item.history_03 {
    margin-top: 38rem;
  }
}
@media (min-width: 1600px) {
  .history__img-item.history_03 {
    margin-top: 26rem;
  }
}
@media (min-width: 1440px) {
  .history__img-item.history_04 {
    margin-top: 71.6rem;
  }
}
@media (min-width: 1600px) {
  .history__img-item.history_04 {
    margin-top: 52.6rem;
  }
}
.history__img-item.history_05 {
  margin-top: 77.6rem;
}
@media (min-width: 1600px) {
  .history__img-item.history_05 {
    margin-top: 62.6rem;
  }
}
.history__img-item.history_06 {
  margin-top: 89rem;
}
@media (min-width: 1600px) {
  .history__img-item.history_06 {
    margin-top: 73.6rem;
  }
}
.history__img-item.history_07 {
  margin-top: 62.6rem;
}
@media (min-width: 1600px) {
  .history__img-item.history_07 {
    margin-top: 43.6rem;
  }
}
@media (min-width: 1440px) {
  .history__content {
    margin-top: 2.8rem;
    padding-right: 6.2%;
  }
}
.history__content-item ~ .history__content-item {
  margin-top: 1rem;
}
@media (min-width: 1440px) {
  .history__content-item ~ .history__content-item {
    margin-top: 0;
  }
}
.history__content-title {
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
  margin-left: -0.6rem;
}
@media (min-width: 1440px) {
  .history__content-title {
    font-size: 10.2rem;
    margin-left: -2rem;
  }
}
.history__content-desc {
  margin-top: 1rem;
  padding: 0.8rem 0 4rem 2.2rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: #666666;
  border-left: 1px solid #eeeeee;
}
@media (min-width: 1440px) {
  .history__content-desc {
    margin-top: 3rem;
    padding: 3.8rem 0 22rem 4rem;
    font-size: 2.4rem;
  }
}
.procedures .align-box {
  gap: 3.6rem;
}
@media (min-width: 1440px) {
  .procedures .align-box {
    gap: 8rem;
  }
}
.procedures .video-area {
  min-width: 44%;
}

.guidance .img-text-row__img {
  position: relative;
}
.guidance .img-text-row__img img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1440px) {
  .guidance .img-text-row__img img {
    position: static;
    transform: none;
  }
}
.guidance .icon-list-content {
  margin-top: 3.2rem;
}
@media (min-width: 1440px) {
  .guidance .icon-list-content {
    margin-top: 6rem;
  }
}
.guidance .guidance_01 .img-text-row__img {
  height: 25rem;
}
@media (min-width: 1440px) {
  .guidance .guidance_01 .img-text-row__img {
    height: auto;
  }
}
.guidance .guidance_01 .img-text-row__img img {
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 1440px) {
  .guidance .guidance_01 .img-text-row__img img {
    transform: none;
  }
}
.guidance .guidance_01 .line-box-content {
  margin-top: 2.4rem;
}
@media (min-width: 1440px) {
  .guidance .guidance_01 .line-box-content {
    margin-top: 4rem;
  }
}
.guidance .guidance_02 {
  margin-top: 8rem;
}
.guidance .guidance_02 .img-text-row__img {
  height: 25rem;
}
@media (min-width: 1440px) {
  .guidance .guidance_02 .img-text-row__img {
    height: auto;
  }
}
.guidance .guidance_02 .img-text-row__img img {
  top: -2rem;
}
@media (min-width: 1440px) {
  .guidance .guidance_02 .img-text-row__img img {
    top: auto;
  }
}
.guidance .guidance_02 .sub-paragraph {
  margin: 1.4rem 0;
}
@media (min-width: 1440px) {
  .guidance .guidance_02 .sub-paragraph {
    margin: 2rem 0;
  }
}
.guidance .guidance_02 .sub-paragraph.etc {
  margin: 2.4rem 0 0;
}
@media (min-width: 1440px) {
  .guidance .guidance_02 .sub-paragraph.etc {
    margin-top: 4rem;
  }
}
.guidance .guidance_02 .line-box-content {
  margin-top: 4.2rem;
}
@media (min-width: 1440px) {
  .guidance .guidance_02 .line-box-content {
    margin-top: 6rem;
  }
}
.guidance .text-list__item {
  margin-top: 1.4rem;
}
@media (min-width: 1440px) {
  .guidance .text-list__item {
    margin-top: 2rem;
  }
}

.experience .sub__content-title.sub-etc {
  margin-bottom: 3rem;
}
@media (min-width: 1440px) {
  .experience .sub__content-title.sub-etc {
    margin-bottom: 4.8rem;
  }
}

.line-box-content {
  padding: 2rem;
  border-radius: 1.6rem;
  border: 1px solid #dddddd;
}
@media (min-width: 1440px) {
  .line-box-content {
    padding: 4rem;
  }
}
.line-box-content__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.46;
}
@media (min-width: 1440px) {
  .line-box-content__title {
    font-size: 2rem;
  }
}
.line-box-content__title.heading-number {
  display: flex;
}
.line-box-content__title.heading-number::before {
  margin-right: 0.4rem;
}
.line-box-content__title.number_01::before {
  content: "1.";
}
.line-box-content__title.number_02::before {
  content: "2.";
}

.composition .img-text-row ~ .img-text-row {
  margin-top: 8rem;
}
@media (min-width: 1440px) {
  .composition .img-text-row ~ .img-text-row {
    margin-top: 7.2rem;
  }
}
.composition .icon-list-content {
  margin-top: 3.2rem;
}
@media (min-width: 1440px) {
  .composition .icon-list-content {
    margin-top: 10rem;
  }
}
.composition .complications .align-box {
  gap: 3.2rem;
}
@media (min-width: 1440px) {
  .composition .complications .align-box {
    gap: 0;
  }
}
@media (min-width: 1440px) {
  .composition .complications .item-division {
    gap: 7.2%;
  }
}
@media (min-width: 1440px) {
  .composition .complications .list-division {
    gap: 12%;
  }
}
@media (min-width: 1440px) {
  .composition .complications .item-box:first-child {
    min-width: 36%;
  }
}
@media (min-width: 1440px) {
  .composition .complications .item-box:nth-child(2) {
    width: 100%;
  }
}
.composition .definition-list__content.align-box {
  gap: 0;
}
@media (min-width: 1440px) {
  .composition .definition-list__content.align-box {
    gap: 3.2rem;
  }
}
.composition .link--underline {
  display: flex;
  align-items: center;
  margin-top: 1.6rem;
  font-size: 1.6rem;
}
@media (min-width: 1440px) {
  .composition .link--underline {
    font-size: 2.4rem;
  }
}
.composition .link--underline::after {
  content: "";
  display: inline-block;
  background: url("../../images/icon/icon_link.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 1.8rem;
  height: 1.8rem;
}
@media (min-width: 1440px) {
  .composition .link--underline::after {
    position: relative;
    top: 0.2rem;
    width: 2.4rem;
    height: 2.4rem;
  }
}

@media (min-width: 1440px) {
  .box-link {
    display: flex;
  }
}
.box-link__item {
  background: no-repeat 50%;
  background-size: cover;
}
@media (min-width: 1440px) {
  .box-link__item {
    width: 50%;
  }
}
.box-link__item.box-link__item--01 {
  background-image: url("../../images/sub/composition_link_img.jpg");
}
.box-link__item.box-link__item--02 {
  background-image: url("../../images/sub/composition_link_img02.jpg");
}
.box-link__link {
  position: relative;
  display: block;
  padding: 4.2rem 0;
  z-index: 1;
}
@media (min-width: 1440px) {
  .box-link__link {
    padding: 10rem 0;
  }
}
.box-link__link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0.7) 100%
    )
    no-repeat 50%;
  background-size: cover;
}
@media (min-width: 1440px) {
  .box-link__link:hover::before {
    background-image: none;
    background-color: #0080fb;
    opacity: 0.7;
  }
}
@media (min-width: 1440px) {
  .box-link__link:hover .box-link__icon {
    background-image: url("../../images/icon/icon_plus_primary.svg");
  }
}
.box-link__content {
  position: relative;
  text-align: center;
  color: #ffffff;
}
.box-link__sub {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.46;
}
@media (min-width: 1440px) {
  .box-link__sub {
    font-size: 2rem;
  }
}
.box-link__title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.33;
}
@media (min-width: 1440px) {
  .box-link__title {
    font-size: 4rem;
  }
}
.box-link__desc {
  margin-top: 1.8rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
}
@media (min-width: 1440px) {
  .box-link__desc {
    margin-top: 3.6rem;
    font-size: 2rem;
  }
}
.box-link__icon {
  display: inline-block;
  background: url("../../images/icon/icon_plus_white.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0.8rem;
}
@media (min-width: 1440px) {
  .box-link__icon {
    margin-top: 1.8rem;
    width: 4.6rem;
    height: 4.6rem;
  }
}

@media (min-width: 1440px) {
  .technology .bar-banner .bar-banner__title {
    max-width: 69%;
  }
  .technology .bar-banner .bar-banner__desc {
    max-width: 67%;
  }
}

.bia-device {
  padding-bottom: 8rem;
}
@media (min-width: 1440px) {
  .bia-device {
    padding-bottom: 16rem;
  }
}
.bia-device .line-box-content {
  margin-top: 4.2rem;
}
.bia-device .sub-paragraph {
  margin-top: 2.4rem;
}
@media (min-width: 1440px) {
  .bia-device .sub-paragraph {
    margin-top: 4rem;
  }
}
@media (min-width: 1440px) {
  .bia-device .img-text-row__img {
    height: 87.6rem;
    background: url("../../images/sub/bia_device_pc.jpg") no-repeat 50%;
  }
}
@media (min-width: 1440px) {
  .bia-device .img-text-row__img img {
    display: none;
  }
}

.tech-history .img-text-row {
  gap: 2rem;
}
@media (min-width: 1440px) {
  .tech-history .img-text-row {
    gap: 7.4%;
  }
}
.tech-history .img-text-row ~ .img-text-row {
  margin-top: 3.2rem;
}
@media (min-width: 1440px) {
  .tech-history .img-text-row ~ .img-text-row {
    margin-top: 10rem;
  }
}
.tech-history .history-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.33;
  margin-bottom: 0.8rem;
}
@media (min-width: 1440px) {
  .tech-history .history-title {
    margin-bottom: 4rem;
    font-size: 4rem;
  }
}

.row-side-content {
  margin-bottom: 3.2rem;
}
@media (min-width: 1440px) {
  .row-side-content {
    margin-bottom: 8rem;
  }
}
.row-side-content__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 3.2rem;
  padding: 5rem 2rem;
  background: #f8f8f8;
  border-radius: 2rem;
}
@media (min-width: 1440px) {
  .row-side-content__inner {
    padding: 6rem 4.4%;
    gap: 1.3%;
    flex-direction: row;
    justify-content: space-between;
  }
}
.row-side-content__text {
  text-align: center;
}
@media (min-width: 1440px) {
  .row-side-content__text {
    width: 27%;
  }
}
.row-side-content__title {
  margin-bottom: 0.8rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.33;
}
@media (min-width: 1440px) {
  .row-side-content__img {
    width: 42%;
  }
}

.tech-evolution .img-text-row__img {
  position: relative;
  height: 25vh;
}
@media (min-width: 1440px) {
  .tech-evolution .img-text-row__img {
    height: auto;
  }
}
.tech-evolution .img-text-row__img img {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1440px) {
  .tech-evolution .img-text-row__img img {
    position: static;
    transform: none;
  }
}
@media (min-width: 1440px) {
  .tech-evolution
    .text-list.text-list--dot
    .text-list__item
    ~ .text-list__item {
    margin-top: 2rem;
  }
}

.img-step {
  margin-top: 3.2rem;
}
@media (min-width: 1440px) {
  .img-step {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 7.4%;
  }
}
@media (min-width: 1440px) {
  .img-step__img-wrap {
    min-width: 42.4%;
  }
}
.img-step__img {
  border-radius: 2rem;
  overflow: hidden;
}
.img-step__img ~ .img-step__img {
  margin-top: 2rem;
}
@media (min-width: 1440px) {
  .img-step__img ~ .img-step__img {
    margin-top: 4rem;
  }
}
.img-step__text {
  margin-top: 2rem;
}
@media (min-width: 1440px) {
  .img-step__text {
    margin-top: 0;
  }
}
.img-step .line-box-content {
  margin-top: 2.4rem;
}

.result-sheet .bar-banner {
  margin-top: 0;
}
.result-sheet .sheet-info {
  position: relative;
  margin: 0 3.8%;
}
@media (min-width: 768px) {
  .result-sheet .sheet-info {
    margin: 0 8%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .sheet-info__img {
    margin: 2rem auto 0;
    max-width: 58.6rem;
  }
}
@media (min-width: 1440px) {
  .result-sheet .sheet-info__container {
    width: 58.6rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
.result-sheet .tooltip {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: -1.2rem;
}
@media (min-width: 768px) {
  .result-sheet .tooltip {
    left: -0.7rem;
  }
}
.result-sheet .tooltip.right {
  left: auto;
  right: -0.6rem;
}
@media (min-width: 768px) {
  .result-sheet .tooltip.right {
    right: 0;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip.right {
    right: -0.4rem;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip.right .tooltip__box {
    left: auto;
    right: calc(-23.1vw - 4.6rem);
  }
}
.result-sheet .tooltip--1 {
  top: 8.4%;
}
@media (min-width: 768px) {
  .result-sheet .tooltip--1 {
    top: 10.6%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip--1 {
    top: 10.4%;
  }
}
.result-sheet .tooltip--2 {
  top: 24.4%;
}
@media (min-width: 768px) {
  .result-sheet .tooltip--2 {
    top: 26.6%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip--2 {
    top: 26.4%;
  }
}
.result-sheet .tooltip--3 {
  top: 37.1%;
}
@media (min-width: 768px) {
  .result-sheet .tooltip--3 {
    top: 39%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip--3 {
    top: 38.8%;
  }
}
.result-sheet .tooltip--4 {
  top: 47.4%;
}
@media (min-width: 768px) {
  .result-sheet .tooltip--4 {
    top: 48.6%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip--4 {
    top: 48.4%;
  }
}
.result-sheet .tooltip--5 {
  top: 66.2%;
}
@media (min-width: 768px) {
  .result-sheet .tooltip--5 {
    top: 67.6%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip--5 {
    top: 68%;
  }
}
.result-sheet .tooltip--6 {
  top: 74.2%;
}
@media (min-width: 768px) {
  .result-sheet .tooltip--6 {
    top: 75.8%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip--6 {
    top: 75.4%;
  }
}
.result-sheet .tooltip--7 {
  top: 20%;
}
@media (min-width: 768px) {
  .result-sheet .tooltip--7 {
    top: 22%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip--7 {
    top: 21.8%;
  }
}
.result-sheet .tooltip--8 {
  top: 37.8%;
}
@media (min-width: 768px) {
  .result-sheet .tooltip--8 {
    top: 39.6%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip--8 {
    top: 39.2%;
  }
}
.result-sheet .tooltip--9 {
  top: 54.3%;
}
@media (min-width: 768px) {
  .result-sheet .tooltip--9 {
    top: 55.8%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip--9 {
    top: 55.4%;
  }
}
.result-sheet .tooltip--10 {
  top: 65%;
}
@media (min-width: 768px) {
  .result-sheet .tooltip--10 {
    top: 67%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip--10 {
    top: 66.2%;
  }
}
.result-sheet .tooltip--11 {
  top: 74%;
}
@media (min-width: 768px) {
  .result-sheet .tooltip--11 {
    top: 77.8%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip--11 {
    top: 77%;
  }
}
.result-sheet .tooltip--12 {
  top: 81.4%;
}
@media (min-width: 768px) {
  .result-sheet .tooltip--12 {
    top: 82%;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip--12 {
    top: 81.6%;
  }
}
.result-sheet .tooltip__button {
  display: inline-block;
  background: url("../../images/icon/icon_tooltip.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 3rem;
  height: 3rem;
}
@media (min-width: 1440px) {
  .result-sheet .tooltip__button {
    width: 3.2rem;
    height: 3.2rem;
  }
}
@media (min-width: 1440px) {
  .result-sheet .tooltip__button:hover {
    background-image: url("../../images/icon/icon_tooltip_open.svg");
    background-size: 3.2rem auto;
  }
  .result-sheet .tooltip__button:hover + .tooltip__box {
    display: block;
  }
}
.result-sheet .tooltip__box {
  display: none;
}
@media (min-width: 1440px) {
  .result-sheet .tooltip__box {
    display: none;
    position: absolute;
    top: -2.4rem;
    right: auto;
    bottom: auto;
    left: calc(-23.1vw - 4.6rem);
    padding: 2.4rem;
    width: 23.1vw;
    background: #f7f7f7;
    border-radius: 2rem;
    overflow: hidden;
  }
}
.result-sheet .tooltip__title {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.18;
  color: #0080fb;
}
.result-sheet .tooltip__desc {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  color: #666666;
}
.result-sheet .sheet .sub-paragraph {
  margin-top: 4.2rem;
}
@media (min-width: 1440px) {
  .result-sheet .sheet .sub-paragraph {
    margin-top: 8rem;
  }
}

.tech-evolution {
  padding-bottom: 8rem;
}
@media (min-width: 1440px) {
  .tech-evolution {
    padding-bottom: 16rem;
  }
}

@media (min-width: 1440px) {
  .contact__form {
    padding: 0 7.6%;
    max-width: 160rem;
    margin: 0 auto;
  }
}
@media (min-width: 1600px) {
  .contact__form {
    padding: 0;
  }
}
.contact .form {
  padding: 4rem 1.6rem 4rem;
  background: #f8f8f8;
}
@media (min-width: 1440px) {
  .contact .form {
    padding: 8rem;
    border-radius: 5rem;
  }
}
@media (min-width: 1440px) {
  .contact .form__group {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5rem;
  }
}
.contact .form__group ~ .form__group {
  margin-top: 2.8rem;
}
@media (min-width: 1440px) {
  .contact .form__group ~ .form__group {
    margin-top: 5rem;
  }
}
@media (min-width: 1440px) {
  .contact .form__item {
    flex-basis: 100%;
  }
}
.contact .form__item ~ .form__item {
  margin-top: 2.8rem;
}
@media (min-width: 1440px) {
  .contact .form__item ~ .form__item {
    margin-top: 0;
  }
}
.contact .input-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.46;
}
@media (min-width: 1440px) {
  .contact .input-title {
    font-size: 2rem;
  }
}
.contact .description {
  margin-top: 2.8rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
}
@media (min-width: 1440px) {
  .contact .description {
    margin-top: 5rem;
    font-size: 2.4rem;
  }
}
.contact__button-box {
  margin-top: 2.8rem;
  text-align: center;
}
@media (min-width: 1440px) {
  .contact__button-box {
    margin-top: 6rem;
  }
}
.contact__etc-text {
  padding: 2.8rem 1.6rem 0;
}
@media (min-width: 1440px) {
  .contact__etc-text {
    padding: 4rem 7.6% 0;
    max-width: 160rem;
    margin: 0 auto;
  }
  .contact__etc-text .sub-paragraph {
    max-width: 64%;
    font-size: 2rem;
  }
}
@media (min-width: 1600px) {
  .contact__etc-text {
    padding: 4rem 0 0;
  }
}

.privacy .content-section {
  padding: 3.2rem 0 8rem;
  background: #f8f8f8;
}
@media (min-width: 1440px) {
  .privacy .content-section {
    padding: 8rem 0 16rem;
  }
}
.privacy .content-wrap {
  padding: 0 1.6rem 0;
}
@media (min-width: 1440px) {
  .privacy .content-wrap {
    padding: 0 7.6%;
    max-width: 160rem;
    margin: 0 auto;
  }
}
@media (min-width: 1600px) {
  .privacy .content-wrap {
    padding: 0;
  }
}
.privacy .content-box ~ .content-box {
  margin-top: 4rem;
}
@media (min-width: 1440px) {
  .privacy .content-box ~ .content-box {
    margin-top: 6rem;
  }
}
.privacy .content-title {
  margin-bottom: 1.2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.46;
}
@media (min-width: 1440px) {
  .privacy .content-title {
    font-size: 2.4rem;
    margin-bottom: 2.4rem;
  }
}
.privacy .content-subtitle {
  margin-top: 2.4rem;
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.46;
}
@media (min-width: 1440px) {
  .privacy .content-subtitle {
    font-size: 2rem;
    margin-bottom: 1.6rem;
  }
}
.privacy .content-desc {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.6;
  color: #666666;
}
@media (min-width: 1440px) {
  .privacy .content-desc {
    font-size: 2rem;
  }
}
.privacy .content-desc .text-title {
  display: block;
  font-weight: 700;
  color: #111111;
}
.privacy .important {
  color: #666666;
  font-weight: 700;
}
.privacy .primary {
  color: #0080fb;
}

.product {
  overflow: hidden;
}

.product-visual {
  background: #f8f8f8;
}
.product-visual .product-visual__inner {
  position: relative;
  padding: 6.4rem 1.6rem 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-items: flex-start;
  gap: 4.2rem;
}
@media (min-width: 1440px) {
  .product-visual .product-visual__inner {
    flex-direction: row;
    padding: 14rem 7.6%;
    margin: 0 auto;
    max-width: 160rem;
    gap: 0;
  }
}
@media (min-width: 1600px) {
  .product-visual .product-visual__inner {
    padding: 14rem 0;
  }
}
@media (min-width: 1440px) {
  .product-visual .product-visual__inner::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 79.2rem;
    height: 19.5rem;
    background: url("../../images/sub/inbody_decotext.png") no-repeat 0 0;
    background-size: 100% auto;
  }
}
@media (min-width: 1440px) {
  .product-visual .product-visual__content {
    width: 63%;
  }
}
.product-visual .product-visual__text {
  margin-bottom: 4rem;
}
@media (min-width: 1440px) {
  .product-visual .product-visual__text {
    margin-bottom: 9rem;
  }
}
.product-visual .product-visual__title {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1rem;
  color: #0080fb;
}
@media (min-width: 1440px) {
  .product-visual .product-visual__title {
    font-size: 8.8rem;
    margin-bottom: 1.4rem;
  }
}
.product-visual .product-visual__sub {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.44;
  margin-bottom: 2.8rem;
}
@media (min-width: 1440px) {
  .product-visual .product-visual__sub {
    font-size: 3.2rem;
    margin-bottom: 5rem;
  }
}
.product-visual .product-visual__img {
  width: 100%;
  height: 34.7rem;
  margin: 0 auto;
  background: no-repeat 50% 100%;
  background-size: contain;
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
  }
}
.product-visual .product-visual__img.inbody-970 {
  height: 33.5rem;
  background-image: url("../../images/product/visual_970.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.inbody-970 {
    background-image: url("../../images/product/visual_970_pc.png");
    width: 55rem;
    height: 76.4rem;
  }
}
.product-visual .product-visual__img.inbody-770 {
  background-image: url("../../images/product/visual_770.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.inbody-770 {
    background-image: url("../../images/product/visual_770_pc.png");
    width: 55rem;
    height: 67rem;
  }
}
.product-visual .product-visual__img.inbody-580 {
  height: 34.5rem;
  background-image: url("../../images/product/visual_580.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.inbody-580 {
    background-image: url("../../images/product/visual_580_pc.png");
    width: 55rem;
    height: 65.6rem;
  }
}
.product-visual .product-visual__img.inbody-380 {
  background-image: url("../../images/product/visual_380.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.inbody-380 {
    background-image: url("../../images/product/visual_380_pc.png");
    width: 55rem;
    height: 68rem;
  }
}
.product-visual .product-visual__img.inbody-270 {
  background-image: url("../../images/product/visual_270.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.inbody-270 {
    background-image: url("../../images/product/visual_270_pc.png");
    width: 55rem;
    height: 62.4rem;
  }
}
.product-visual .product-visual__img.inbody-bwa {
  background-image: url("../../images/product/visual_bwa.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.inbody-bwa {
    background-image: url("../../images/product/visual_bwa_pc.png");
    width: 55rem;
    height: 71.1rem;
  }
}
.product-visual .product-visual__img.inbody-s10 {
  background-image: url("../../images/product/visual_s10.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.inbody-s10 {
    background-image: url("../../images/product/visual_s10_pc.png");
    width: 55rem;
    height: 65.2rem;
  }
}
.product-visual .product-visual__img.bpbio_750 {
  background-image: url("../../images/product/visual_bpbio750.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.bpbio_750 {
    background-image: url("../../images/product/visual_bpbio750_pc.png");
    width: 55rem;
    height: 65.2rem;
  }
}
.product-visual .product-visual__img.bpbio_320 {
  background-image: url("../../images/product/visual_bpbio320.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.bpbio_320 {
    background-image: url("../../images/product/visual_bpbio320_pc.png");
    width: 55rem;
    height: 76.4rem;
  }
}
.product-visual .product-visual__img.inbody-bp170 {
  background-image: url("../../images/product/visual_bp170.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.inbody-bp170 {
    background-image: url("../../images/product/visual_bp170_pc.png");
    width: 55rem;
    height: 79.2rem;
  }
}
.product-visual .product-visual__img.inbody-fra {
  background-image: url("../../images/product/visual_fra.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.inbody-fra {
    background-image: url("../../images/product/visual_fra_pc.png");
    width: 55rem;
    height: 93.2rem;
  }
}
.product-visual .product-visual__img.ingrip {
  background-image: url("../../images/product/visual_ingrip.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.ingrip {
    background-image: url("../../images/product/visual_ingrip_pc.png");
    width: 55rem;
    height: 65.2rem;
  }
}
.product-visual .product-visual__img.lookinbody-web {
  height: 34.6rem;
  background-image: url("../../images/product/visual_lookinbody.png");
}
@media (min-width: 1440px) {
  .product-visual .product-visual__img.lookinbody-web {
    width: 55rem;
    height: 73.6rem;
  }
}

.product .bar-banner {
  margin-top: 6.4rem;
}
@media (min-width: 1440px) {
  .product .bar-banner {
    margin-top: 16rem;
  }
}
@media (min-width: 1440px) {
  .product .product-sheet {
    gap: 5%;
  }
}
.product .product-sheet .img-text-row__img {
  padding: 2.5rem 0;
  background: #f8f8f8;
  border-radius: 3.2rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .product .product-sheet .img-text-row__img {
    min-width: 45%;
    padding: 4.4rem 0;
  }
}
.product .product-sheet .img-text-row__img img {
  margin: 0 auto;
  width: 80%;
}
@media (min-width: 1440px) {
  .product .product-sheet .img-text-row__img img {
    width: 68%;
  }
}
.product .product-sheet.bpbio320 .img-text-row__img {
  padding: 13% 0;
}
@media (min-width: 1440px) {
  .product .product-sheet.bpbio320 .img-text-row__img {
    padding: 7.6rem 0;
  }
}
@media (min-width: 1440px) {
  .product .product-detail {
    gap: 5%;
  }
}
.product .product-detail .img-text-row__img {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  padding: 2rem 2rem 0;
  background: #f8f8f8;
  border-radius: 3.2rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .product .product-detail .img-text-row__img {
    padding-top: 3rem;
    height: auto;
    min-width: 45%;
  }
}
.product .product-detail .img-text-row__img img {
  width: auto;
  height: 100%;
}
@media (max-width: 359px) {
  .product .product-detail .img-text-row__img img {
    height: auto;
  }
}
.product .product-detail.fra .img-text-row__img {
  padding: 3rem 10% 0;
}
@media (min-width: 1440px) {
  .product .product-detail.fra .img-text-row__img {
    padding: 7rem 8.4rem 0;
  }
}
@media (min-width: 1440px) {
  .product .product-detail.ingrip .img-text-row__img {
    padding: 5.4rem 0 0;
  }
}

.lookinweb .img-text-row {
  gap: 3.2rem;
}
@media (min-width: 1440px) {
  .lookinweb .img-text-row {
    gap: 5%;
  }
}
.lookinweb .img-text-row .sub-text {
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.44;
}
@media (min-width: 1440px) {
  .lookinweb .img-text-row .sub-text {
    margin-top: 1.6rem;
    font-size: 3.2rem;
  }
}
.lookinweb .img-text-row__img {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 3.2rem;
  background: #f8f8f8;
  height: 40.8rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .lookinweb .img-text-row__img {
    height: auto;
    max-width: 45%;
    min-height: 82rem;
    border-radius: 3.4rem;
  }
}
.lookinweb .img-text-row__img img {
  width: 88.4%;
}
@media (min-width: 1440px) {
  .lookinweb .img-text-row__img img {
    width: 76.6%;
  }
}
.lookinweb .img-text-row .sub-title {
  margin-bottom: 0;
}
.lookinweb .img-text-row .sub-title__title ~ .sub-paragraph {
  margin-top: 1.4rem;
  color: #888888;
}
@media (min-width: 1440px) {
  .lookinweb .img-text-row .sub-title__title ~ .sub-paragraph {
    margin-top: 3.2rem;
    color: #666666;
  }
}
@media (min-width: 1440px) {
  .lookinweb .img-text-row.application .img-text-row__img {
    padding: 5% 0;
  }
}
.lookinweb .img-text-row.application .img-text-row__img img {
  width: auto;
  height: 85.2%;
}
.lookinweb .img-text-row.health-analysis .img-text-row__img img {
  width: auto;
  height: 100%;
}
.lookinweb .app-down {
  display: flex;
  gap: 0.8rem;
  margin-top: 1.6rem;
}
@media (min-width: 1440px) {
  .lookinweb .app-down {
    margin-top: 8rem;
    gap: 2.4rem;
  }
}
.lookinweb .app-down .google-play {
  width: 13.6rem;
}
@media (min-width: 1440px) {
  .lookinweb .app-down .google-play {
    width: 24.4rem;
  }
}
.lookinweb .app-down .apple-store {
  width: 12rem;
}
@media (min-width: 1440px) {
  .lookinweb .app-down .apple-store {
    width: 21.6rem;
  }
}

.sectors-medical .sheet-link__img {
  margin-top: 4rem;
}
@media (min-width: 1440px) {
  .sectors-medical .sheet-link__img {
    margin-top: 0;
  }
}
.sectors-dietitian .sheet-link__img {
  margin-top: 4rem;
}
@media (min-width: 1440px) {
  .sectors-dietitian .sheet-link__img {
    margin-top: 0;
  }
}

.sheet-link__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 1440px) {
  .sheet-link__inner {
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
  }
}
.sheet-link .sub-title {
  margin-bottom: 3.2rem;
}
@media (min-width: 1440px) {
  .sheet-link .sub-title {
    margin-bottom: 9rem;
  }
}
.sheet-link__img {
  padding: 0 1rem;
  width: 100%;
}
@media (min-width: 1440px) {
  .sheet-link__img {
    padding: 7rem 0 0;
    min-width: 47.2%;
  }
}
.sheet-link__text {
  width: 100%;
}

.bg-round-box {
  padding: 3.2rem 2.4rem;
  background: #f9f9f9;
  border-radius: 2rem;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .bg-round-box {
    padding: 12rem 5.6% 8rem;
  }
}
.bg-round-box__title {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.23;
  text-align: center;
}
@media (min-width: 1440px) {
  .bg-round-box__title {
    font-size: 4rem;
  }
}
.bg-round-box .etc-text {
  margin-top: 2rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  color: #666666;
  text-align: center;
}
@media (min-width: 1440px) {
  .bg-round-box .etc-text {
    margin-top: 4rem;
    font-size: 2rem;
    text-align: right;
  }
}

.sub .quotation {
  padding-top: 4rem;
}
@media (min-width: 1440px) {
  .sub .quotation {
    padding-top: 6rem;
  }
}

.support .text-list {
  margin-top: 1.4rem;
}
@media (min-width: 1440px) {
  .support .text-list {
    margin-top: 1.8rem;
  }
}
.support .number-list {
  margin-top: 4.2rem;
}
.support .number-list .list-title {
  display: flex;
  align-items: center;
}
.support .number-list .text-list {
  margin-top: 0.6rem;
}
@media (min-width: 1440px) {
  .support .number-list .text-list {
    margin-top: 1.6rem;
  }
}
.support .number-list .number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.6rem;
  border-radius: 50%;
  background: #0080fb;
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  top: -1px;
}
@media (min-width: 1440px) {
  .support .number-list .number {
    padding-top: 2px;
  }
}
.support .align-box {
  gap: 0.8rem;
  margin-top: 4.2rem;
}
@media (min-width: 1440px) {
  .support .align-box {
    gap: 2rem;
    margin-top: 8rem;
  }
}
.support .align-box .bg-round-box {
  margin-top: 0;
}
.support .bg-round-box {
  margin-top: 4.2rem;
  padding: 8rem 5.4rem;
  background: #f7f7f7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 359px) {
  .support .bg-round-box {
    padding: 4rem 3rem;
  }
}
@media (min-width: 1440px) {
  .support .bg-round-box {
    margin-top: 8rem;
    padding: 6rem 6.5rem;
  }
}
@media (max-width: 359px) {
  .support .bg-round-box .img-box {
    height: auto;
  }
}
.support .bg-round-box img {
  width: auto;
  height: 100%;
}
@media (min-width: 1440px) {
  .support .bg-round-box img {
    height: auto;
  }
}
@media (min-width: 1440px) {
  .support .bg-round-box .img--mo {
    display: none;
  }
}
.support .bg-round-box .img--pc {
  display: none;
}
@media (min-width: 1440px) {
  .support .bg-round-box .img--pc {
    display: block;
  }
}
.support .bg-round-box .integration_img01 {
  height: 81.5rem;
}
@media (min-width: 1440px) {
  .support .bg-round-box .integration_img01 {
    height: auto;
  }
}
.support .bg-round-box .integration_img02 {
  height: 70rem;
}
@media (min-width: 1440px) {
  .support .bg-round-box .integration_img02 {
    height: auto;
  }
}
.support .bg-round-box .integration_img03 {
  height: 45.2rem;
}
@media (min-width: 1440px) {
  .support .bg-round-box .integration_img03 {
    height: auto;
  }
}
.support .bg-round-box .integration_img04 {
  height: 73.4rem;
}
@media (min-width: 1440px) {
  .support .bg-round-box .integration_img04 {
    height: auto;
  }
}
.support .bg-round-box .integration_img05 {
  height: 78.7rem;
}
@media (min-width: 1440px) {
  .support .bg-round-box .integration_img05 {
    height: auto;
  }
}
.support .bg-round-box .integration_img06 {
  height: 78.7rem;
}
@media (min-width: 1440px) {
  .support .bg-round-box .integration_img06 {
    height: auto;
  }
}
.support .bg-round-box .img-title {
  margin-top: 1.4rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.33;
  text-align: center;
}
@media (min-width: 1440px) {
  .support .bg-round-box .img-title {
    font-size: 2.8rem;
    margin-top: 4rem;
  }
}
.support .bg-round-box--scroll {
  padding: 8rem 0;
  align-items: flex-start;
}
@media (min-width: 1440px) {
  .support .bg-round-box--scroll {
    padding: 6rem 6.7%;
  }
}
.support .bg-round-box--scroll .scroll-wrap {
  padding-left: 2rem;
  overflow-x: auto;
  width: 100%;
}
@media (min-width: 1440px) {
  .support .bg-round-box--scroll .scroll-wrap {
    padding-left: 0;
  }
}
.support .bg-round-box--scroll img {
  padding-right: 2rem;
  width: auto;
  max-width: none;
  height: 100%;
}
@media (min-width: 1440px) {
  .support .bg-round-box--scroll img {
    width: 100%;
    margin: 0 auto;
    padding-right: 0;
  }
}
@media (min-width: 1440px) {
  .support .data-bar-banner .round-arrow-link {
    min-width: 26.6rem;
  }
  .support .data-bar-banner .icon-arrow-round {
    margin-left: 10.8rem;
  }
}

.request-page {
  background: #fff;
}
/*
.request-page .inner-box {
  padding-bottom: 10rem;
}
*/
.request-page__header {
  padding-top: 6.4rem;
}
.request-page .subpage-title {
  padding-top: 0;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  padding-top: 0;
  color: #222222;
}
@media (min-width: 1440px) {
  .request-page .subpage-title {
    font-size: 4.2rem;
  }
}
.request-page__bottom {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 6rem;
}
.request-page__bottom .flex-group {
  display: flex;
  align-items: center;
}
.request-page__bottom .btn--medium {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.request-page .checkbox-custom {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.request-page .checkbox-custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.request-page .checkbox-custom input:checked ~ .checkmark {
  background: url("../../images/icon/icon_check_active.svg") no-repeat center;
  background-size: contain;
}
.request-page .checkbox-custom .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 2.1rem;
  width: 2.1rem;
  background: url("../../images/icon/icon_check.svg") no-repeat center;
  background-size: contain;
}
.request-page .request-check {
  margin-top: 2.3rem;
  margin-left: 3rem;
}
.request-page .request-check .checkbox-custom {
  display: flex;
  align-items: center;
  padding-left: 3rem;
  color: #444444;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}
.request-page .agree__content {
  word-break: keep-all;
}
.form-table {
  margin-top: 1.8rem;
  border: 1px solid #e7e7e7;
  border-radius: 0.7rem;
  overflow: hidden;
}
.form-table__row {
  display: flex;
}
.form-table__row:last-child {
  border-bottom: none;
}
.form-table__label {
  width: 32rem;
  padding: 0 4rem;
 /*  background: #e5e7e9; */
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.form-table__label::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background: #e5e7e9;
  border-bottom:1px solid #d0d0d0;
}

.form-table__label .name {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  color: #333333;
  display: flex;
  gap: 0.5rem;
  position: relative;
  z-index: 1;
}
.form-table__label.required .name::before {
  content: "*";
  color: #e9161f;
  font-size: 2rem;
}
.form-table__content {
  flex: 1;
  padding: 2rem 4rem;
  background: #fff;
  overflow: hidden;
  display:inline-flex;
  align-items:center;
  border-bottom:1px solid #e7e7e7;
}
.form-table__content.ty02 {
  display: flex;
  flex-direction:column;
}
/* 개발에서 마크업에 붙여야 함.  select box 잘리는 문제.*/
.form-table__content.select-visible {
  	overflow: visible;
}

.form-table__content:has(.input-text) {
  padding: 1.3rem 4rem;
  flex-direction:column;
  align-items:flex-start;
}
.form-table .flex-group {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width:100%;
}
.form-table .flex-group .title {
  color: #333333;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}
.form-table .flex-group .ex {
  font-size: 1.8rem;
  color: #666666;
}
.form-table .flex-group .label {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
  color: #484848;
}

.form-table .visual-text-row {
  width:100%;
}

.form-table .visual-text-row + .visual-text-row {
  margin-top: 3rem;
}

.info-text {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
  color: #484848;
}
.info-text em.helper-text {
  margin-left: 2rem;
}

.input-text {
  width: 18rem;
  height: 4.2rem !important;
  border: 1px solid #ddd;
  border-radius: 0.4rem !important;
  padding: 0 2rem !important;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1 !important;
}
.input-text.w-full {
  width: 100%;
}
.input-text::placeholder {
  color: #ccc;
}

.textarea-field {
  width: 100%;
  height: 20rem;
  border: 1px solid #ddd;
  border-radius: 0.4rem;
  padding: 2rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  resize: none;
}

.flex-group {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.url-selection-group {
  border: none;
  padding: 0;
  margin: 0;
  width:100%;
}

.radio-wrap {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 8.5rem;
}
.radio-wrap .radio-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
  color: #333;
}
.radio-wrap .radio-label::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
  background: url("../../images/icon/icon_radio.svg") no-repeat center/contain;
}
.radio-wrap input:checked + .radio-label::before {
  background-image: url("../../images/icon/icon_radio_active.svg");
}
.radio-wrap input:focus + .radio-label {
  outline: 2px solid #0080fb;
  outline-offset: 2px;
  border-radius: 0.4rem;
}

.url-input-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.url-input-row .input-wrap {
  display: flex;
  align-items: center;
  flex: 1;
}
.url-input-row .input-wrap input {
  width: 18rem;
  height: 4.2rem;
}
.url-input-row .input-wrap .url-suffix {
  margin-left: 1rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
  color: #333;
}

.url-input-row .radio-wrap.ty02 {
  min-width: 16rem;
}

.helper-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  color: #999;
}
.helper-text .icon-drag {
  display: inline-block;
  vertical-align: middle;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 0.4rem;
  vertical-align: middle;
  background: url("../../images/icon/icon_drag.svg") no-repeat center/contain;
}
.helper-text.color-red {
  color: #e9161f;
  font-weight:300;
}

.template-selector-wrap {
  position: relative;
  width: 100%;
}
.template-selector-wrap .btn-prev,
.template-selector-wrap .btn-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #808080;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
}
.template-selector-wrap .btn-prev::after,
.template-selector-wrap .btn-next::after {
  content: "";
  width: 0.8rem;
  height: 1.4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.template-selector-wrap .btn-prev:hover,
.template-selector-wrap .btn-next:hover {
  border-color: #0080fb;
  background-color: #0080fb;
}
.template-selector-wrap .btn-prev:hover::after,
.template-selector-wrap .btn-next:hover::after {
  filter: brightness(0) invert(1);
  background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.71954 14.5017L1.45354 7.61374L8.71954 0.725739' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.template-selector-wrap .btn-prev.is-disabled,
.template-selector-wrap .btn-next.is-disabled {
  opacity: 0;
  pointer-events: none;
  right: -2rem;
}
.template-selector-wrap .btn-prev {
  left: -2rem;
}
.template-selector-wrap .btn-prev::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.71954 14.5017L1.45354 7.61374L8.71954 0.725739' stroke='%23A4A7AD' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.template-selector-wrap .btn-next {
  right: -2rem;
}
.template-selector-wrap .btn-next::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.71954 14.5017L1.45354 7.61374L8.71954 0.725739' stroke='%23A4A7AD' stroke-width='2'/%3E%3C/svg%3E%0A");
  transform: scale(-1);
}

.template-selector {
  position: relative;
  display: flex;
  gap: 1rem;
  padding-bottom: 2rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  width:100%;
}
.template-selector.visual {
  margin-top: 3.3rem;
}
.template-selector::-webkit-scrollbar {
  height: 7px;
}
.template-selector::-webkit-scrollbar-thumb {
  background-color: #0080fb;
  width: 32rem;
  border-radius:10rem;
}
.template-selector::-webkit-scrollbar-track {
  background-color: #ccc;
  border-radius:10rem;
}

.template-item {
  position:relative;
  cursor: pointer;
  flex: 0 0 22rem;
}
.template-item.visual {
  flex: 0 0 30rem;
}
.template-item.visual .template-item__img {
  margin-top: 1rem;
  position: relative;
  aspect-ratio: 2/1;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  overflow: hidden;
}
.template-item.visual .template-item__img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
}
.template-item.visual .template-item__img:hover::before {
  content: "";
  opacity: 1;
}
.template-item.visual .template-item__img:hover .btn-zoom {
  visibility: visible;
  opacity: 1;
}
.template-item.visual .template-item__img .btn-zoom {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 3.2rem;
  height: 3.2rem;
}
.template-item.visual .template-item__img .btn-zoom img {
  width: 100%;
  object-fit: cover;
}
.template-item.visual
  input[type="checkbox"]:checked
  + .template-item__box
  .template-item__img {
  border-color: #0080fb;
}
.template-item.visual
  input[type="checkbox"]:checked
  + .template-item__box
  .template-item__name {
  color: #0080fb;
}
.template-item.visual .template-item__name::before {
  background-image: url("../../images/icon/icon_check.svg");
}
.template-item.visual
  input:checked
  + .template-item__box
  .template-item__name::before {
  background-image: url("../../images/icon/icon_check_active.svg");
}

.template-item
  input[type="radio"]:checked
  + .template-item__box
.template-item__card::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:1px solid #0080fb;

}

.template-item
  input[type="radio"]:checked
  + .template-item__box
  .template-item__name {
  color: #0080fb;
}
.template-item
  input[type="radio"]:checked
  + .template-item__box
  .template-item__name::before {
  background-image: url("../../images/icon/icon_radio_active.svg");
}
.template-item__box {
  display: flex;
  flex-direction: column;
}
.template-item__name {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  color: #333;
}
.template-item__name::before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../../images/icon/icon_radio.svg") no-repeat center;
  background-size: contain;
  margin-right: 0.8rem;
}
.template-item__card {
  position: relative;
  margin-top: 1.5rem;
  border: 1px solid #d1d9dd;
  border-radius: 0.8rem;
  overflow:hidden;
}
.template-item__img {
  position: relative;
  width: 100%;
  aspect-ratio: 3/4;
  overflow: hidden;
}
.template-item__device {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #fff;
  padding: 1.2rem 0;
  border-radius: 0 0 0.8rem 0.8rem;
  display: flex;
  justify-content: center;
  gap: 0.8rem;
}
.template-item__device .btn-device {
  width: 3.2rem;
  height: 3.2rem;
}
.template-item__device .btn-device img {
  object-fit: cover;
}
.template-item__device .btn-device:hover,
.template-item__device .btn-device.is-active {
  border-color: #0080fb;
}
.template-item__device .btn-device:hover img,
.template-item__device .btn-device.is-active img {
  opacity: 1;
}

.image-order-box {
  background: #f8f9fa;
  border: 1px solid #e7e7e7;
  border-radius: 1.2rem;
  margin-top: 5rem;
  padding: 4rem;
  width:100%;
}
.image-order-box__title {
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: #222222;
  margin-bottom: 3rem;
}
.image-order-box .helper-text {
  margin-top: 0;
}

.image-order-list {
  margin-bottom: 3rem;
  counter-reset: image-order;
}

.image-order-item {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  counter-increment: image-order;
}
.image-order-item__label {
  margin-left: 0.6rem;
  color: #484848;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}
.image-order-item .select-box {
  margin-left: 1rem;
  height: 4.8rem;
  background: #ffffff;
}

.icon-drag-handle {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../../images/icon/icon_drag.svg") no-repeat center;
  background-size: 1.8rem;
  margin-left: 1.3rem;
  cursor: grab;
  z-index: 10;
  border: none;
  padding: 0;
}
.icon-drag-handle:active {
  cursor: grabbing;
}

.image-order-info .helper-text {
  color: #717171;
  margin-bottom: 0.6rem;
}

.step-indicator {
  margin-bottom: 3rem;
}
.step-indicator__list {
  display: flex;
  justify-content: center;
  gap: 1.2rem;
}
.step-indicator__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  background: #e4e9ec;
  border-radius: 50%;
  color: #a5adb1;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}
.step-indicator__item.is-active {
  background: #0080fb;
  color: #fff;
}

.request-section + .request-section {
  margin-top: 4.8rem;
}
.request-section:first-of-type {
  margin-top: 10rem;
}
.request-section.step01 .request-section__box {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  gap: 2rem;
}
.request-section.step01 .request-sub-section + .request-sub-section {
  margin-top: 0;
}
.request-section.step01 .request-sub-section__title {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1;
}
.request-section.step01 .request-sub-section__inner {
  position: relative;
  background: #f6f8f9;
  border: 1px solid #dce4e8;
  padding: 3.3rem;
  border-radius: 2.4rem;
}
.request-section.step01 .request-sub-section.left {
  flex: 0 0 60rem;
}
.request-section.step01 .request-sub-section.left .request-sub-section__inner {
  height: 43.7rem;
}
.request-section.step01 .request-sub-section.left .alert-box {
  margin-top: 2.8rem;
}
.request-section.step01 .request-sub-section.right {
  flex: 1;
}
.request-section.step01 .request-sub-section.right .request-sub-section__inner {
  height: 64rem;
}
.request-section .request-section__box.agree {
  margin: 0;
  background: none;
}
.request-section .request-section__box.agree.box-scroll {
  height: 60rem;
  overflow-y: auto;
}
.request-section .request-section__box.notice {
  background: #f5f5f7;
  border: none;
}
.request-section .request-section__box .agree__title {
  color: #333333;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1;
}
.request-section .request-section__box .agree__subTitle {
  margin-top: 2rem;
  color: #333333;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1;
}
.request-section .request-section__box .agree__list {
  margin-top: 2rem;
  color: #717171;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.8;
}
.request-section .request-section__box .agree__item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.request-section .request-section__box .agree__item::before {
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  background: #737373;
  border-radius: 50%;
}
.request-section .request-section__box .agree__content {
  margin-top: 2.4rem;
  color: #717171;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.8;
}
.request-section .request-section__box .agree__ol {
  margin-top: 2.4rem;
  color: #717171;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.8;
}
.request-section .request-section__box .agree-etc {
  padding-left: 1.3rem;
  color: #e9161f;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.8;
}
.request-section .request-section__box .agree__table {
  margin-top: 1.5rem;
  width: 100%;
  position: relative;
}
.request-section .request-section__box .agree__table::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: transparent;
  z-index: 10;
}
.request-section .request-section__box .agree__table::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: transparent;
  z-index: 10;
}
.request-section .request-section__box .agree__table th {
  background: #FBFBFB;
  border: 1px solid #dddee0;
  border-top: 2px solid #0080fb;
  border-bottom: none;
  color: #333;
  font-weight: 600 !important;
}
.request-section .request-section__box .agree__table th:first-child {
  border-left: none;
}
.request-section .request-section__box .agree__table th:last-child {
  border-right: none;
}
.request-section .request-section__box .agree__table td {
  color: #717171;
  border: 1px solid #dddee0;
}
.request-section .request-section__box .agree__table td:first-child {
  border-left: none;
}
.request-section .request-section__box .agree__table td:last-child {
  border-right: none;
}
.request-section .request-section__box .agree__table td.row-header {
  text-align: center;
  background: #f9f9f9;
  color: #333;
}
.request-section .request-section__box .agree__table th,
.request-section .request-section__box .agree__table td {
  padding: 1.8rem;
  font-weight: 400;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
}
.request-section .request-section__box .notice__title {
  color: #5b5b5b;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
}
.request-section .request-section__box .notice__list {
  margin-top: 2.5rem;
  color: #717171;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.8;
}
.request-section .request-section__box .notice__item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.request-section .request-section__box .notice__item::before {
  content: "-";
  display: inline-block;
  color: #888888;
}
.request-section .request-section__box .notice__item em {
  color: #e9161f;
}
.request-section.complete {
  text-align: center;
}
.request-section.complete .img__area {
  margin: auto;
  width: 19.7rem;
  height: 15rem;
}
.request-section.complete .complete__title {
  margin-top: 5rem;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1;
}
.request-section.complete .complete__desc {
  margin-top: 3rem;
  color: #606060;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
}
.request-section.complete .complete__desc em {
  color: #333333;
  text-decoration: underline;
}
.request-section.complete .request-page__bottom {
  margin-top: 6rem;
}
.request-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}
.request-section__header.flex-end {
  justify-content: flex-end;
}
.request-section__header .helper-text {
  margin: 0;
}
.request-section__footer {
  margin-top: 1.6rem;
}
.request-section__footer .helper-text {
  display: block;
  font-size: 1.6rem;
}
@media (min-width: 1024px) {
  .request-section__footer .helper-text {
	font-size: 1.7rem;
  }
}
.request-section__footer .helper-text + .helper-text {
  margin-top: 1rem;
}

.request-section__title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  margin-left: 3rem;
  color: #333333;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.request-section__title i {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
}
.request-section__title i.icon-check {
  background: url("../../images/icon/icon_check_green.svg") no-repeat
    center/contain;
}
.request-section__title.ic-people::before {
  content: "";
  display: inline-block;
  background: url("../../images/icon/icon_people.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 2rem;
  height: 2rem;
  background-position: 0 0;
}
.request-section__title.ic-paper::before {
  content: "";
  display: inline-block;
  background: url("../../images/icon/icon_paper.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 2rem;
  height: 2rem;
}
.request-section__box {
  margin-top: 2.4rem;
  background: #f6f8f9;
  border: 1px solid #dce4e8;
  border-radius: 2.4rem;
  padding: 4rem;
  margin-bottom: 2rem;
}

.request-sub-section + .request-sub-section {
  margin-top: 4rem;
}
.request-sub-section__title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 2rem;
  color: #333;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.request-sub-section__title i {
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
}
.request-sub-section__title i.icon-transfer {
  background: url("../../images/icon/icon_paper02.svg") no-repeat center/contain;
}

.switch {
  position: relative;
  display: inline-block;
  width: 4.4rem;
  height: 2.4rem;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #0080fb;
}
.switch input:checked + .slider:before {
  transform: translateX(2rem);
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 2.4rem;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 1.8rem;
  width: 1.8rem;
  left: 0.3rem;
  bottom: 0.3rem;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.request-section__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.request-section__empty i {
  width: 4.8rem;
  height: 4.8rem;
  margin-bottom: 2rem;
}
.request-section__empty i.icon-info {
  background: url("../../images/icon/icon_info.svg") no-repeat center/contain;
}
.request-section__empty i.icon-warning {
  background: url("../../images/icon/icon_warning.svg") no-repeat center/contain;
}
.request-section__empty p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  color: #9d9d9d;
}

.radio-cards {
  position: relative;
  display: grid;
  grid-auto-columns: auto;
  gap: 1.2rem;
}
.radio-cards--vertical {
  grid-template-columns: 1fr;
}
.radio-cards--vertical .radio-card__label {
  padding: 2rem 2.4rem;
}
.radio-cards--vertical .radio-card__header {
  margin-bottom: 0;
}
.radio-cards--vertical .radio-card__content {
  margin-top: 1.2rem;
}

.radio-card__input:checked + .radio-card__label {
  border-color: #0080fb;
  background: #fff;
 /*  box-shadow: 0 0 0 1px #0080fb; */
}
.radio-card__input:checked + .radio-card__label .radio-card__status {
  background-image: url("../../images/icon/icon_radio_active.svg");
}
.radio-card__label {
  display: block;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 1.6rem;
  padding: 3rem 2.4rem;
  cursor: pointer;
  transition: all 0.2s;
  height: 100%;
}
.radio-card__label:hover {
  border-color: #0080fb;
}
.radio-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.4rem;
}
.radio-card__category {
  display: inline-block;
  padding: 0.6rem 1.2rem;
  background: #e0e7ee;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  color: #4d5462;
}
.radio-card__category--orange {
  background: #f9eee5;
  color: #f46d0a;
}
.radio-card__category--pink {
  background: #f9e9e9;
  color: #ee4141;
}
.radio-card__category--purple {
  background: #e8ebf9;
  color: #2e4aca;
}
.radio-card__category--blue {
  background: #e5f0fa;
  color: #0080fb;
}
.radio-card__category--navy {
  background: #e0e7ee;
  color: #1a3a6d;
}
.radio-card__status {
  width: 2.4rem;
  height: 2.4rem;
  background: url("../../images/icon/icon_radio.svg") no-repeat center;
  background-size: contain;
}
.radio-card__title {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.6rem;
  color: #333;
}
.radio-card__url {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: #999;
}
.radio-card__url::before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../../images/icon/icon_global.svg") no-repeat center;
  background-size: contain;
}
.radio-card__desc {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.6;
  color: #777;
  margin-top: 1.6rem;
  word-break: keep-all;
}

.alert-box {
  display: flex;
  align-items: center;
  background: #f6f8f9;
  gap: 3.2rem;
  border: 1px solid #dce4e8;
  border-radius: 2.4rem;
  padding: 2.8rem 4rem;
}
.alert-box__icon {
  width: 10rem;
  height: 10rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.alert-box__icon i.icon-headset {
  width: 5.3rem;
  height: 5rem;
  background: url("../../images/icon/icon_call.svg") no-repeat center/contain;
}
.alert-box__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
.alert-box__text {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  color: #484848;
  word-break: keep-all;
}
.alert-box__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1a3a6d;
  color: #fff;
  padding: 0 2rem;
  height: 4.2rem;
  border-radius: 0.6rem;
  font-size: 1.6rem;
  line-height: 1;
  text-decoration: none;
  transition: background 0.2s;
}
.alert-box__button:hover {
  background: #0A194F;
}

.completion-card {
  border: 1px solid #e5e5e5;
  border-radius: 2rem;
  padding: 2.6rem 2.4rem;
}
.completion-card__header {
  margin-bottom: 0.8rem;
}
.completion-card__category {
  display: inline-block;
  padding: 0.5rem 0.7rem;
  background: #e0e7ee;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  color: #4d5462;
}
.completion-card__category--orange {
  background: #fff1e6;
  color: #ff8c32;
}
.completion-card__category--pink {
  background: #ffebee;
  color: #ff5252;
}
.completion-card__category--purple {
  background: #f3e5f5;
  color: #9c27b0;
}
.completion-card__category--blue {
  background: #e3f2fd;
  color: #2196f3;
}
.completion-card__category--navy {
  background: #e0e7ee;
  color: #1a3a6d;
}
.completion-card__title {
  margin-top: 1rem;
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}
.completion-card__url {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1;
  margin-top: 1rem;
  color: #707172;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.completion-card__url::before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../../images/icon/icon_global.svg") no-repeat center;
  background-size: contain;
}
.completion-card__link {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  margin-top: 3.5rem;
  color: #0080fb;
}
.completion-card__link::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url("../../images/icon/icon_link.svg") no-repeat center;
  background-size: contain;
}

.hyphen,
.at {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  color: #717171;
}

.menu-transfer-table {
  width: 100%;
  margin-top: 1rem;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  /* depth별 들여쓰기 */
  /* 가로선 (항상 표시) */
  /* 세로선 (닫혔을 때만 표시 → + 모양) */
  /* 열렸을 때 세로선 숨김 → - 모양 */
  /* depth별 들여쓰기 및 배경색 */
}
.menu-transfer-table thead tr:first-child th:first-child {
  border-top-left-radius: 0.8rem;
}
.menu-transfer-table thead tr:first-child th:last-child {
  border-top-right-radius: 0.8rem;
}
.menu-transfer-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.8rem;
}
.menu-transfer-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.8rem;
}
.menu-transfer-table th,
.menu-transfer-table td {
  padding: 1.5rem;
  font-size: 1.4rem;
  text-align: center;
  line-height:1;
  background-clip: padding-box;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

@media (min-width: 1440px) {
	.menu-transfer-table th,
	.menu-transfer-table td {
  		padding: 1.8rem;
  		font-size: 1.8rem;
	}  
}



.menu-transfer-table tr th:first-child,
.menu-transfer-table tr td:first-child {
  border-left: 1px solid #d0d0d0;
}
.menu-transfer-table thead tr:first-child th {
  border-top: 1px solid #d0d0d0;
}
.menu-transfer-table th {
  background-color: #e5e7e9;
  color: #484848;
  font-weight: 500;
}
.menu-transfer-table td {
  font-weight: 500;
  color: #484848;
  vertical-align: middle;
  word-break: keep-all;
}
.menu-transfer-table td.price {
  text-align: right;
}
.menu-transfer-table .category-row td {
  background-color: #f6fbff;
  font-weight: 700;
  color: #0080fb;
  padding-left: 2rem;
}

.menu-transfer-table .category-row td:first-child {
  text-align: left;
}

.menu-transfer-table .menu-name {
  text-align: left;
  padding-left: 50px;
}
.menu-transfer-table .text-red {
  color: #ff4d4f;
  font-weight: 500;
}
.menu-transfer-table .checkbox-custom {
  display: inline-block;
  position: relative;
  width: 2.1rem;
  height: 2.1rem;
  cursor: pointer;
}
.menu-transfer-table .checkbox-custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.menu-transfer-table .checkbox-custom input:checked ~ .checkmark {
  background: url("../../images/icon/icon_check_active.svg") no-repeat center;
  background-size: contain;
}
.menu-transfer-table .checkbox-custom .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 2.1rem;
  width: 2.1rem;
  background: url("../../images/icon/icon_check.svg") no-repeat center;
  background-size: contain;
}
.menu-transfer-table .depth-indicator {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  margin-right: 0.8rem;
  margin-bottom: 0.3rem;
}
.menu-transfer-table .price--blue {
  background-color: #eaf4ff !important;
  color: #0080fb;
}
.menu-transfer-table .info-icon {
  display: inline-flex;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../../images/icon/icon_info_blue.svg") no-repeat center;
  background-size: contain;
  margin-left: 0.4rem;
}
.menu-transfer-table .tooltip-wrap {
  position: relative;
  display: inline-flex;
  align-items:center;
}
.menu-transfer-table .tooltip-wrap .tooltip-box {
  position: absolute;
  bottom: 3rem;
  right: -1.5rem;
  width: 21rem;
  background: #424242;
  color: #fff;
  padding: 2rem;
  border-radius: 1.2rem;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  z-index: 10;
  word-break: keep-all;
  display: none;
}

.menu-transfer-table .tooltip-wrap .tooltip-box.incl-btn {
  right: 10rem;
  bottom: 4rem;
}

.menu-transfer-table .tooltip-wrap .tooltip-btn {
      display: inline-flex;
    align-items: center;
    margin-left: 1rem;
  	line-height: 1.4;
    height: 2.6rem;
    border: 1px solid rgb(174, 178, 180);
    background: rgb(255, 255, 255);
    border-radius: 0.4rem;
    padding: 0px 1.3rem;
    color: rgb(113, 113, 113);
    font-size: 1.4rem;
    font-weight: 500;
}
@media (min-width: 1440px) {
  .menu-transfer-table .tooltip-wrap .tooltip-btn {
	font-size: 1.6rem;
  height: 3.2rem;
  padding:0px 1.6rem;
  }
}

.menu-transfer-table .tooltip-wrap .tooltip-box::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 1.8rem;
  border: 0.8rem solid transparent;
  border-top-color: #424242;
}
.menu-transfer-table .tooltip-wrap:hover .tooltip-box {
  display: block;
}
.menu-transfer-table .text-red {
  color: #ff4d4f;
}
.menu-transfer-table .accordion-toggle__icon {
  display: block;
  width: 10px;
  height: 10px;
  position: relative;
}
.menu-transfer-table .accordion-toggle__icon::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #666;
  transform: translateY(-50%);
}
.menu-transfer-table .accordion-toggle__icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #666;
  transform: translateX(-50%);
  transition: opacity 0.15s;
}
.menu-transfer-table
  .accordion-toggle[aria-expanded="true"]
  .accordion-toggle__icon::after {
  opacity: 0;
}
.menu-transfer-table tr:has(.depth-2),
.menu-transfer-table tr:has(.depth-3),
.menu-transfer-table tr:has(.depth-4),
.menu-transfer-table tr:has(.depth-5),
.menu-transfer-table tr:has(.depth-6) {
  background-color: #f8f9fa;
}
.menu-transfer-table .menu-name.depth-1 {
  padding-left: 5.8rem;
}
.menu-transfer-table .menu-name.depth-2 {
  padding-left: 7rem;
}
.menu-transfer-table .menu-name.depth-3 {
  padding-left: 8rem;
}
.menu-transfer-table .menu-name.depth-4 {
  padding-left: 10rem;
}
.menu-transfer-table .menu-name.depth-5 {
  padding-left: 11.7rem;
}
.menu-transfer-table .menu-name.depth-6 {
  padding-left: 14rem;
}

.subscription-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-bottom: 5rem;
}

.subscription-card {
  background: #fff;
  border: 1px solid #eef1f4;
  border-radius: 2.4rem;
  overflow: visible;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.subscription-card__header {
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.4rem;
  background: #0080fb;
  border-radius: 2.4rem 2.4rem 0 0;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  position: relative;
}
.subscription-card__header.header--dark-blue {
  background: #0e52dc;
}
.subscription-card__header .tooltip-btn {
  cursor: pointer;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscription-card__header .tooltip-btn img {
  width: 1.8rem;
  height: 1.8rem;
  filter: brightness(0) invert(1);
}
.subscription-card__header .tooltip-content {
  position: absolute;
  bottom: calc(100% - 0.5rem);
  right: 1rem;
  width: 21rem;
  background: #424242;
  color: #fff;
  padding: 2rem;
  border-radius: 1.2rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  z-index: 10;
  word-break: keep-all;
  display: none;
}
.subscription-card__header .tooltip-content::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 1.8rem;
  border: 0.8rem solid transparent;
  border-top-color: #424242;
}
.subscription-card__header:hover .tooltip-content {
  display: block;
}
.subscription-card__body {
  padding: 2.4rem;
  flex: 1;
}

.subscription-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.subscription-item {
  background: #edf6ff;
  border: 1px solid #e7e7e7;
  border-radius: 0.8rem;
  padding: 1.6rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  color: #484848;
  cursor: grab;
}
.subscription-item.fix {
  flex-direction: column;
  align-items: stretch;
  gap: 2rem;
  background: none;
  padding: 0;
  border: none;
  cursor: default;
}
.subscription-item.fix .item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}
.subscription-item.fix .item-bottom {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 1.6rem 2rem;
  border-radius: 0.8rem;
  background: #f6f8f9;
  color: #6e6e6e;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
}
.subscription-item .btn-delete {
  width: 1.8rem;
  height: 1.8rem;
  background: url("../../images/icon/icon_close.svg") no-repeat center;
  background-size: contain;
  border: none;
  cursor: pointer;
  opacity: 0.4;
}
.subscription-item .btn-delete:hover {
  opacity: 1;
}
.subscription-item .icon-arrow-sub {
  display: inline-block;
  width: 1.4rem;
  height: 1.7rem;
  background: url("../../images/icon/icon_arrow_sub.svg") no-repeat center;
  background-size: contain;
}
.subscription-item .btn-modify {
  display: inline-flex;
  align-items: center;
  height: 2.8rem;
  background: #31373a;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  padding: 0 1.4rem;
  border-radius: 0.4rem;
}

.menu-config-container {
  background: #f6f8f9;
  border: 1px solid #dce4e8;
  border-radius: 2.4rem;
  padding: 6rem 4rem;
  margin-top: 3.2rem;
}

.menu-config-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem 2.4rem;
}

.menu-box {
  background: #fff;
  border: 1px solid #eef1f4;
  border-radius: 0.8rem;
  display: flex;
  flex-direction: column;
  min-height: 36.8rem;
}
.menu-box__header {
  height: 5rem;
  padding: 0 1.2rem 0 2rem;
  background: #e5e7e9;
  border: 1px solid #d0d0d0;
  border-radius: 0.8rem 0.8rem 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-box__header .title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #333;
}
.menu-box__header .btn-add-menu {
  background: #333;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  padding: 0.6rem 1rem;
  border-radius: 0.4rem;
  border: none;
  cursor: pointer;
}
.menu-box__body {
  flex: 1;
}
.menu-box.box--add {
  border: 2px dashed #dce4e8;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-box.box--add .btn-add-main-menu {
  background: #1a3a6d;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  padding: 1.6rem 3.2rem;
  border-radius: 0.4rem;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
}
.menu-box.box--add .btn-add-main-menu:hover {
  background: #0b2958;
}

.menu-list {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.menu-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  position: relative;
  padding: 1.6rem 1rem;
  cursor: grab;
}
.menu-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e7e7e7;
}
.menu-item:last-child::after {
  content: "";
  background: none;
}
.menu-item .name {
  flex: 1;
  height: 3.2rem;
  display: flex;
  align-items: center;
  padding: 0 1.6rem;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 0.4rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  color: #484848;
}
.menu-item .name.onContent {
  border: 1px solid #e9161f;
}
.menu-item .btn-group {
  display: flex;
  gap: 0.4rem;
}
.menu-item .btn-depth,
.menu-item .btn-remove {
  width: 2.4rem;
  height: 2.4rem;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.menu-item .btn-depth:hover,
.menu-item .btn-remove:hover {
  background: #f8f9fa;
}
.menu-item .btn-depth::before {
  content: "";
  width: 1.4rem;
  height: 1.7rem;
  background: url("../../images/icon/icon_arrow_sub.svg") no-repeat
    center/contain;
  opacity: 0.3;
  transition: opacity 0.3s;
}
.menu-item.has-sub {
  padding-left: 3.2rem;
  background: #f7f8f8;
}
.menu-item.has-sub .btn-depth {
  background: #eef1f4;
  border-color: #0080fb;
}
.menu-item.has-sub .btn-depth::before {
  opacity: 1;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../../images/icon/icon_reset.svg") no-repeat center/contain;
}
.menu-item .btn-remove::after {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 0.1rem;
  background: #666666;
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  height: 2.8rem;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
}
.badge--blue {
  background: #1a3a6d;
  color: #fff;
}

.order-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #0080fb;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
}
.order-num::before {
  content: counter(image-order);
}

.order-num2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #0080fb;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
}

.order-inputs {
  display: flex;
  gap: 1rem;
  margin-left: 2rem;
}
.order-inputs .input-text {
  background: #f1f3f5;
  border-color: #e5e7e9;
}

.summary-details {
  background: #fff;
  border: 1px solid #dce4e8;
  border-radius: 2.4rem;
  padding: 4rem;
  margin-top: 1.5rem;
}
.summary-details__title {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  color: #333;
  margin-bottom: 1.9rem;
}
.summary-details .summary-section + .summary-section {
  margin-top: 3rem;
}
.summary-details .summary-section__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f6f8f9;
  padding: 1.8rem 3rem;
  border-radius: 1.2rem;
  margin-bottom: 2rem;
}
.summary-details .summary-section__header-title {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  color: #484848;
}
.summary-details .summary-section__header-title .label {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
}
.summary-details .summary-section__header-title .vat {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
}
.summary-details .summary-section__header .subtotal {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  color: #717171;
}
.summary-details .summary-section__header .subtotal strong {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: #0080fb;
  margin-left: 1rem;
}
.summary-details .summary-section__list {
  padding: 0 3rem;
}
.summary-details .summary-section__item {
  margin-bottom: 2.7rem;
}
.summary-details .summary-section__item .item-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
  margin-top: 3rem;
}
.summary-details .summary-section__item .item-name {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #0080fb;
}
.summary-details .summary-section__item .item-name.color-gray {
  color: #222222;
}
.summary-details .summary-section__item .item-name--sub {
  display: block;
   margin-left: 2rem;
    padding-left: 2rem;
  color: #222222;
  position: relative;
  font-size: 2rem;
}

.summary-details .summary-section__item .item-name--sub .small {
  color: #717171;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1;
}
@media (min-width: 1440px) {
  .summary-details .summary-section__item .item-name--sub .small {
    font-size: 1.8rem;
  }
}
.summary-details .summary-section__item .item-name--sub::before {
  content: "ㄴ";
  position: absolute;
  left: 0;
  top: 0;
}
.summary-details .summary-section__item .item-price {
  text-align:right;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1;
  color: #484848;
}
@media (max-width:768px) {
  .summary-details .summary-section__item .item-price  {
	font-size: 1.8rem;
  }
}
.summary-details .summary-section__item .item-price .original {
  text-decoration: line-through;
  color: #999;
  margin-right: 1rem;
  font-size: 1.6rem;
}
.summary-details__total {
  margin-top: 4rem;
  background: #313741;
  border-radius: 1.2rem;
  padding: 2.4rem 3rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2.4rem;
}
.summary-details__total .label {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}
.summary-details__total .price {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.summary-details__total .price span {
  font-size: 2rem;
  margin-left: 0.5rem;
}

.btn--print::before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../../images/icon/icon_print.svg") no-repeat center/contain;
  margin-right: 0.6rem;
}

input[type="password"] {
  font-size: 3.5rem;
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.btn--outline-navy {
  border: 1px solid #1a3a6d;
  background: #fff;
  color: #1a3a6d;
}

.btn--outline-navy:hover {
  background: #f8f9fb;
}

.btn--exel::before {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 2.8rem;
  background: url("../../images/icon/icon_exel.svg") no-repeat center/contain;
  margin-right: 0.6rem;
}

.img-text-list
  .img-text-list__item
  ~ .img-text-list__item
  .sub__content-title::before {
  content: "";
  position: absolute;
  top: 20%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(0);
}

/* alert-popup 관련 css 삭제
.alert-popup .alert-popup__content {
  margin-bottom: 4rem;
}

.alert-popup .alert-popup__text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  color: #626a7a;
  word-break: keep-all;
}

.alert-popup .alert-popup__text .text-blue {
  color: #0080fb;
  font-weight: 500;
}

.alert-popup .alert-popup__text .text-red {
  color: #e9161f;
  font-weight: 500;
}

.alert-popup .alert-popup__button-box .popup-button--blue {
  background: #0080fb;
  color: #fff;
}

.alert-popup .alert-popup__button-box .popup-button--blue:hover {
  background: #0073e2;
}

.alert-popup .alert-popup__button-box .popup-button--black {
  background: #333;
  color: #fff;
}

.alert-popup .alert-popup__button-box .popup-button--center {
  background: #0080fb;
  flex: 1;
  color: #fff;
}

.alert-popup .alert-popup__info-box {
  background: #f6f8f9;
  border-radius: 0.8rem;
  padding: 2rem 1.1rem;
  margin-bottom: 1.6rem;
}

.alert-popup .alert-popup__info-box .info-item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.8rem;
}

.alert-popup .alert-popup__info-box .info-item:last-child {
  margin-bottom: 0;
}

.alert-popup .alert-popup__info-box .info-item .label {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1;
  color: #999;
  background: #eee;
  padding: 0.4rem 0.6rem;
  border-radius: 0.4rem;
  height: fit-content;
}

.alert-popup .alert-popup__info-box .info-item .icon-domain {
  display: inline-block;
  background: url("../../images/icon/icon_global.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 1.8rem;
  height: 1.8rem;
  opacity: 0.6;
}

.alert-popup .alert-popup__info-box .info-item .value {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #222222;
}

.alert-popup .alert-popup__info-box .info-item .value .domain {
  color: #707172;
  font-weight: 400;
}

.alert-popup .alert-popup__list {
  list-style: none;
  padding: 0;
  margin: 4rem 0 0;
}

.alert-popup .alert-popup__list li {
  position: relative;
  padding-left: 1.2rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  color: #626a7a;
}

.alert-popup .alert-popup__list li + li {
  margin-top: 0.8rem;
}

.alert-popup .alert-popup__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.3rem;
  height: 0.3rem;
  background: #626a7a;
  border-radius: 50%;
}

.alert-popup .alert-popup__list li .text-red {
  color: #e9161f;
}

.alert-popup .alert-popup__input-wrap {
  margin-top: 1.6rem;
}

.alert-popup .alert-popup__input-wrap .input__label {
  display: none;
}

.alert-popup .alert-popup__input-wrap .input__box {
  margin-top: 0;
}

.alert-popup .alert-popup__input-wrap .input__field {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.46;
  width: 100%;
  height: 4.2rem;
  padding: 0 1.6rem;
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 0.8rem;
  outline: none;
}

.alert-popup .alert-popup__input-wrap .input__field::placeholder {
  color: #bbb;
}

.alert-popup .alert-popup__input-wrap .input__field:focus {
  border-color: #0080fb;
}

.alert-popup .alert-popup__input-wrap .input-hint {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  color: #999;
  padding-left: 0.4rem;
}

.alert-popup .alert-popup__image-wrap {
  margin-top: 2rem;
  border: 1px solid #eee;
  padding: 3rem;
  border-radius: 1.2rem;
  overflow: hidden;
}

.alert-popup .alert-popup__image-wrap img {
  width: 100%;
  display: block;
}

.alert-popup--info .alert-popup__layer {
  max-width: 120rem;
}

.alert-popup--image .alert-popup__layer {
  max-width: 120rem;
}
*/
.tutorial-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 3000;
  overflow-x: hidden;
  overflow-y: auto;
}
.tutorial-overlay.is-open {
  display: block;
}
.tutorial-overlay .mask {
  position: fixed;
  display: flex;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  pointer-events: none;
}
.tutorial-overlay .left_mask,
.tutorial-overlay .right_mask {
  width: 50%;
  height: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  position: relative;
  pointer-events: auto;
}
.tutorial-overlay .left_mask button,
.tutorial-overlay .right_mask button {
  position: absolute;
  width: 100px;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: 300;
  color: #f7f7f7;
  text-align: center;
  letter-spacing: 1px;
  background: none;
  border: none;
  cursor: pointer;
}
.tutorial-overlay .left_mask button i,
.tutorial-overlay .right_mask button i {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  border-radius: 50%;
}
.tutorial-overlay .left_mask button {
  left: 10%;
}
.tutorial-overlay .left_mask button i {
  background: #000 url("../../images/icon/icon_arrow_white.svg") no-repeat center center;
}
.tutorial-overlay .left_mask.first button {
  display: none;
}
.tutorial-overlay .right_mask button {
  right: 10%;
}
.tutorial-overlay .right_mask button i {
  background: #000 url("../../images/icon/icon_arrow_white.svg") no-repeat center center;
  transform: scale(-1);
}
.tutorial-overlay .right_mask.last button {
  display: none;
}
.tutorial-overlay .tutorial {
  width: 100%;
  height: 100%;
  position: relative;
}
.tutorial-overlay .tutorial img {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  display: none;
}
.tutorial-overlay .tutorial img.is-active {
  display: block;
}
.tutorial-overlay .btn-close {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  width: 26rem;
  height: 6.2rem;
  border-radius: 1.2rem;
  background: #0080fb;
  cursor: pointer;
  pointer-events: auto;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}
@media all and (max-width: 1800px) {
  .tutorial-overlay .tutorial img {
    width: 100%;
    min-width: 1680px;
  }
}
.tutorial-overlay .btn-close__white {
  position: fixed;
  right: 16.5%;
  top: 12.5%;
  background: url("../../images/icon/icon_close_white.svg") no-repeat center/contain;
  width: 2.4rem;
  height: 2.4rem;
  z-index: 10;
}

/* 로딩바 */
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255, 0.7);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
.loading-overlay.is-hidden {
  opacity: 0;
  visibility: hidden;
}
.loading-overlay .spinner {
  width: 70px;
  height: 70px;
  border: 4px solid #4FB4F2;
  border-top: 4px solid #0080fb;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*
.wrap {
  padding-top: 6.4rem;
}
*/

.main .inner-box {
  padding: 4rem 1.6rem 0;
  
}

.ml-10 {
  margin-left: 1rem;
}

.mt-10 {
  margin-top: 1rem;
}

.mt-20 {
  margin-top: 2rem;
}

.mt-16 {
  margin-top: 1.6rem;
}

.mt-34 {
  margin-top: 3.4rem;
}

.mb-10 {
  margin-bottom: 1rem;
}

.mb-20 {
  margin-bottom: 2rem;
}

.mo-br {
	  display: none;
	}
.pc-br {
  display: block;
}  

@media (max-width:768px) {
	.mo-br {
	  display: block;
	}
	.pc-br {
	  display: none;
	}  
}

.main-visual .inner-box {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.mypage-detail .subpage-top {
  margin-bottom: 4rem;
}
@media (min-width: 1440px) {
  .mypage-detail {
    margin-top: 10rem;
    padding-bottom: 10rem;
  }
}
.mypage-detail .inner-box {
  padding-top: 4rem;
  padding-bottom: 5rem;
}
.mypage-detail > .inner-box {
  padding-bottom:0;
}
@media (min-width: 1440px) {
  .mypage-detail > .inner-box {
	padding-top:0;
	padding-bottom:5rem;
  }
}

.mypage-detail .status-section {
  margin-bottom: 6rem;
}
.mypage-detail .request-section {
  margin-top: 4rem;
}
@media (min-width: 1440px) {
  .mypage-detail .request-section {
    margin-top: 6rem;
  }
}
.mypage-detail .request-section.border-box {
  border: 1px solid #e7e7e7;
  border-radius: 2.4rem;
  padding: 2rem;
}
@media (min-width: 1440px) {
  .mypage-detail .request-section.border-box {
    padding: 4rem;
  }
}
@media (max-width: 767px) {
  .mypage-detail .summary-details {
    padding: 2.4rem 2rem;
    border-radius: 1.6rem;
  }
}
@media (max-width: 767px) {
  .mypage-detail .summary-details__title {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .mypage-detail .summary-details .summary-section__header {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem 2rem;
    gap: 1.8rem;
  }
}
@media (max-width: 767px) {
  .mypage-detail .summary-details .summary-section__header-title .label {
    font-size: 1.8rem;
  }
  .mypage-detail .summary-details .summary-section__header-title .vat {
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .mypage-detail .summary-details .summary-section__header .subtotal {
    align-self: flex-end;
    font-size: 1.3rem;
  }
  .mypage-detail .summary-details .summary-section__header .subtotal strong {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .mypage-detail .summary-details .summary-section__list {
    padding: 0 1rem;
  }
}
@media (max-width: 767px) {
  .mypage-detail .summary-details .summary-section__item {
    margin-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .mypage-detail .summary-details .summary-section__item .item-name {
    font-size: 1.6rem;
  }
}
.mypage-detail .summary-details .summary-section__item .item-name--sub {
  padding-left: 2rem;
  margin-left: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
}
.mypage-detail .summary-details .summary-section__item .item-name--sub .small {
  font-size: 1.4rem;
}

@media (min-width: 1440px) {
  .mypage-detail .summary-details .summary-section__item .item-name--sub {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
  }
  .mypage-detail .summary-details .summary-section__item .item-name--sub .small {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .mypage-detail .summary-details .summary-section__item .item-price {
    font-size: 1.6rem;
  }
  .mypage-detail .summary-details .summary-section__item .item-price .price {
    margin-top: 1.5rem;
  }
}
@media (max-width: 767px) {
  .mypage-detail .summary-details__total {
    height: 5rem;
    padding: 0 2.4rem;
    border-radius: 0.8rem;
  }
  .mypage-detail .summary-details__total .label {
    font-size: 1.3rem;
  }
  .mypage-detail .summary-details__total .price {
    font-size: 2rem;
  }
  .mypage-detail .summary-details__total .price span {
    font-size: 1.6rem;
  }
}
.mypage-detail .form-table {
  min-width: 100rem;
}
@media (min-width: 1440px) {
  .mypage-detail .form-table {
    min-width: auto;
  }
}
.mypage-detail .form-table__label {
  background: #f6f8f9;
  width: 24rem;
  padding: 2rem;
}
@media (min-width: 1440px) {
  .mypage-detail .form-table__label {
    width: 32rem;
    padding: 2.4rem 4rem;
  }
}
.mypage-detail .form-table__label .name {
  font-size: 1.4rem;
}
@media (min-width: 1440px) {
  .mypage-detail .form-table__label .name {
    font-size: 1.8rem;
  }
}
.mypage-detail .form-table .info-text {
  font-size: 1.4rem;
}
@media (min-width: 1440px) {
  .mypage-detail .form-table .info-text {
    font-size: 1.8rem;
  }
}
.mypage-detail .form-table__content {
  padding: 2rem;
}
@media (min-width: 1440px) {
  .mypage-detail .form-table__content {
    padding: 2rem 4rem;
  }
}
.mypage-detail .form-table__content .flex-group {
  gap: 0;
}
.mypage-detail .form-table .visual-list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.mypage-detail .form-table .visual-list__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #484848;
  font-size: 1.4rem;
}
@media (min-width: 1440px) {
  .mypage-detail .form-table .visual-list__item {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.4;
  }
}
.mypage-detail .form-table .visual-list__item .num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: #0080fb;
  border-radius: 50%;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
}
.mypage-detail .btn-zoom {
  margin-left:1rem;
  width: 2.4rem;
  height: 2.4rem;
}
@media (min-width: 1440px) {
  .mypage-detail .btn-zoom {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.mypage-detail .btn-zoom img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mypage-detail .btn-download {
  width: 2.4rem;
  height: 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.8rem;
  border: 1px solid #d0d0d0;
  border-radius: 0.4rem;
  background: #fff;
  flex-shrink: 0;
}
@media (min-width: 1440px) {
  .mypage-detail .btn-download {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.mypage-detail .btn-download img {
  width: 1.5rem;
  height: 1.5rem;
}
@media (min-width: 1440px) {
  .mypage-detail .btn-download img {
    width: 1.8rem;
    height: 1.9rem;
  }
}
.mypage-detail .btn-download:hover {
  background: #f8f9fb;
}
.mypage-detail .btn-download {
  margin-left: auto;
}
.mypage-detail .menu-transfer-table {
  min-width: 100rem;
}
@media (min-width: 1440px) {
  .mypage-detail .menu-transfer-table {
    width: 100%;
  }
}
.mypage-detail .request-page__bottom {
  margin-top: 4rem;
}
@media (min-width: 1440px) {
  .mypage-detail .request-page__bottom {
    margin-top: 6rem;
  }
}
.mypage-detail .request-page__bottom .flex-group {
  width: 100%;
  gap: 0.8rem;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1440px) {
  .mypage-detail .request-page__bottom .flex-group {
    gap: 1.2rem;
    flex-direction: row;
  }
}
.mypage-detail .helper-text {
  margin-top: 1.2rem;
  color: #717171;
  word-break: keep-all;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 1440px) {
  .mypage-detail .helper-text {
    margin-top: 1.6rem;
    font-size: 1.6rem;
  }
}
.mypage-detail .icon-none::after {
    display: none !important;
}
.mypage-detail .btn--large::after {
  content: "";
  display: inline-block;
  margin-left: 0.8rem;
  width: 1.5rem;
  height: 1.5rem;
}
@media (min-width: 1440px) {
  .mypage-detail .btn--large::after {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.mypage-detail .btn--large.btn--light-blue::after {
  content: "";
  background: url("../../images/icon/icon_download_blue.svg") no-repeat center/contain;
}
.mypage-detail .btn--large.btn--primary::after {
  content: "";
  background: url("../../images/icon/icon_download_white.svg") no-repeat center/contain;
}

.status-step {
  background: #f8f9fb;
  border: 1px solid #e7e7e7;
  border-top-left-radius: 2.4rem;
  border-top-right-radius: 2.4rem;
  padding: 3.2rem 2.4rem;
}
@media (min-width: 1440px) {
  .status-step {
    padding: 4rem;
  }
}
.status-step__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
}
@media (min-width: 1440px) {
  .status-step__list {
    flex-direction: row;
    gap: 1.6rem;
  }
}
.status-step__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 100%;
}
@media (min-width: 1440px) {
  .status-step__item {
    flex-direction: row;
    width: auto;
    gap: 1.6rem;
  }
}
.status-step__item.is-active .status-step__box {
  border-color: #0080fb;
  box-shadow: 0 0.8rem 1.6rem rgba(0, 128, 251, 0.1);
}
.status-step__item.is-active .status-step__tag {
  background: #0080fb;
  color: #fff;
}
.status-step__item.is-active .status-step__name {
  color: #0080fb;
  font-weight: 700;
}
.status-step__item.is-wait .status-step__tag {
  color: #b1b9c5;
}
.status-step__item.is-wait .status-step__name {
  color: #888;
}
.status-step__box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 8rem;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 1.6rem;
  padding: 1rem 0 0 0;
}
@media (min-width: 1440px) {
  .status-step__box {
    padding: 0 3rem;
    height: 9.6rem;
  }
}
.status-step__tag {
  position: absolute;
  top: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 6.4rem;
  height: 2.6rem;
  padding: 0 1rem;
  background: #e0e7ee;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  color: #8a96a6;
}
.status-step__name {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  color: #717171;
}
@media (min-width: 1440px) {
  .status-step__name {
    font-size: 1.8rem;
  }
}
.status-step__arrow {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../img/icon/icon_arrow_double.svg") no-repeat center/contain;
  transform: rotate(90deg);
  margin: 0.8rem 0;
}
@media (min-width: 1440px) {
  .status-step__arrow {
    transform: rotate(0);
    margin: 0;
  }
}

.status-info-card {
  margin-top: -0.1rem;
  padding: 3.2rem 2.4rem 2.8rem;
  text-align: center;
  border: 1px solid #e7e7e7;
  border-bottom-left-radius: 2.4rem;
  border-bottom-right-radius: 2.4rem;
}

.status-info-card__title {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  color: #111;
  margin-bottom: 2.3rem;
}
@media (min-width: 1440px) {
  .status-info-card__title {
	font-size: 2.6rem;
  }
}
.status-info-card__text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
  color: #717171;
  word-break: keep-all;
}

.status-info-card__text-blue {
  font-size: 1.4rem;
  font-weight: 600;
  color: #0080FB;
  max-width:430px;
  margin:4rem auto 0;
}

@media(min-width: 1440px) {
  .status-info-card__text-blue {
	font-size:1.8rem;
  }
}

@media (min-width: 1440px) {
    .status-info-card__text {
	font-size:1.8rem;
  }
}

.status-info-card__text strong {
  color: #333;
  font-weight: 700;
}

.status-info-card__buttons {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
}
@media (min-width: 1440px) {
  .status-info-card__buttons {
    flex-direction: row;
    justify-content: center;
    margin-top: 4.8rem;
  }
}

.status-info-card__buttons .mo-buttons__wrap {
  display: flex;
  gap: 0.8rem;
  width: 100%;
}
@media (min-width: 1440px) {
  .status-info-card__buttons .mo-buttons__wrap {
    width: auto;
    gap: 1.2rem;
  }
}

.status-info-card__buttons .btn {
  width: 100%;
  height: 4.2rem;
  font-size: 1.3rem;
}

@media (min-width: 1440px) {
  .status-info-card__buttons .btn {
    width: 24rem;
    font-size: 1.6rem;
  }
}

.form-table__content:has(.input-text, .select-wrap, .btn) {
  padding: 1.3rem 4rem;
}

.template-item.visual
  input[type="checkbox"]:checked
  + .template-item__box
  .template-item__img {
  border-color: #0080fb;
}

.template-item.visual
  input[type="checkbox"]:checked
  + .template-item__box
  .template-item__name {
  color: #0080fb;
}

.template-item.visual
  input:checked
  + .template-item__box
  .template-item__name::before {
  background-image: url("../../images/icon/icon_check_active.svg");
}

.template-item
  input[type="radio"]:checked
  + .template-item__box
  .template-item__card {
  border-color: #0080fb;
}

.template-item
  input[type="radio"]:checked
  + .template-item__box
  .template-item__name {
  color: #0080fb;
}

.template-item
  input[type="radio"]:checked
  + .template-item__box
  .template-item__name::before {
  background-image: url("../../images/icon/icon_radio_active.svg");
}

.template-item__device .btn-device:hover,
.template-item__device .btn-device.is-active {
  border-color: #0080fb;
}

.template-item__device .btn-device:hover img,
.template-item__device .btn-device.is-active img {
  opacity: 1;
}

.request-section__title.ic-magazine::before {
  content: "";
  display: inline-block;
  background: url("../../images/icon/icon_magazine.svg") no-repeat 50% 50%;
  background-size: 100% auto;
  width: 2.4rem;
  height: 2.4rem;
}

.completion-card__wrap {
  margin-top: 2.4rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(25%, auto));
  gap: 3rem;
}

.menu-transfer-table
  .accordion-toggle[aria-expanded="true"]
  .accordion-toggle__icon::after {
  opacity: 0;
}

.sitemap-manage-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3rem;
  margin-top: 4rem;
  position: relative;
}

.sitemap-manage-container .sitemap-left {
  position: sticky;
  top: 10rem;
  right: auto;
  bottom: auto;
  left: auto;
  flex: 0 0 58.4rem;
}

.sitemap-manage-container .sitemap-right {
  flex: 1;
}

.sitemap-tree-box .sitemap-info-text {
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #edf1f3;
  border-radius: 2.4rem 2.4rem 0 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  color: #717171;
}

.sitemap-tree-box .sitemap-info-text em {
  display: inline-block;
  margin-left: 0.4rem;
  color: #e9161f;
  font-style: normal;
}

.sitemap-tree-box .sitemap-tree-content {
  position: relative;
  min-height: 66.4rem;
  max-height: 66.4rem;
  padding: 2.5rem;
  border-radius: 0 0 2.4rem 2.4rem;
  background: #f8f9fa;
  border: 1px solid #e8ecf4;
  overflow-y: auto;
}
.sitemap-tree-box .sitemap-tree-content .btn-refresh {
  position: absolute;
  top: 2rem;
  right: 2rem;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  background: url("../../images/icon/icon_refresh.svg") no-repeat center/contain;
}

.sitemap-tree-box .sitemap-tree-content::-webkit-scrollbar {
  width: 0.5rem;
}

.sitemap-tree-box .sitemap-tree-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.sitemap-tree-box .sitemap-tree-content::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

.sitemap-tree-box .sitemap-tree-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.sitemap-header {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding: 0 3rem;
  margin-bottom: 1.4rem;
}

.sitemap-header .title-group {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.sitemap-header .title-group .icon-sitemap {
  display: inline-block;
  width: 2rem;
  height: 1.8rem;
  background: url("../../images/icon/icon_sitemap.svg") contain no-repeat;
}

.sitemap-header .title {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: #333333;
}

.sitemap-header .tip-badge {
  background: #1a418d;
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 1.4;
  padding: 0.4rem 0.8rem;
  border-radius: 0.4rem;
  cursor: pointer;
}

.jstree-default .jstree-anchor {
  display: inline-flex !important;
  align-items: center;
  height: auto !important;
  padding: 4px 6px;
}

.jstree-default .jstree-themeicon {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  width: 2.6rem;
  height: 2.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.6rem !important;
}

.node-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
  padding: 0.2rem 0.4rem;
  border-radius: 0.4rem;
}

.status-badge {
  border-radius: 0.2rem;
  padding: 0 0.6rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2rem;
}

.status-transfer {
  color: #e63fed;
  background: #fff;
  border: 1px solid #f69efa;
}

.status-new {
  color: #0080fb;
  background: #fff;
  border: 1px solid #8fc7fc;
}

.status-basic {
  color: #4d5462;
  background: #fff;
  border: 1px solid #8a91a0;
}

.status-sub {
  color: #ff8b23;
  background: #fff;
  border: 1px solid #f4be89;
}

.menu-name {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
  color: #333333;
}

.menu-func-type {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  color: #808080;
}

.summary-card {
  border: 1px solid #d0d0d0;
  border-radius: 0.8rem;
  overflow: hidden;
  background: #ffffff;
 margin-top: 5rem;
}

.summary-card__header {
  background: #e5e7e9;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d0d0d0;
  height: 5.2rem;
}

.summary-card__header h4 {
  flex: 1;
  padding: 0 2.4rem;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
  color: #333333;
}

.summary-card__header .total-price {
  width: 20rem;
  padding: 0 2.4rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  color: #333333;
  gap: 1rem;
}

.summary-card .info-icon {
  display: inline-flex;
  width: 1.8rem;
  height: 1.8rem;
  background: url("../../images/icon/icon_info.svg") no-repeat center;
  background-size: contain;
  margin-left: 0.4rem;
}
.summary-card .tooltip-wrap {
  position: relative;
  display: inline-flex;
  align-items:center;
}
.summary-card .tooltip-wrap .tooltip-box {
  position: absolute;
  bottom: 3rem;
  left: 7rem;
  width: 25.5rem;
  background: #424242;
  color: #fff;
  padding: 2rem;
  border-radius: 1.2rem;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  z-index: 10;
  word-break: keep-all;
  display: none;
}

.summary-card .tooltip-wrap .tooltip-btn {
      display: inline-flex;
    align-items: center;
    margin-left: 1rem;
  	line-height: 1.4;
    height: 2.6rem;
    border: 1px solid rgb(174, 178, 180);
    background: rgb(255, 255, 255);
    border-radius: 0.4rem;
    padding: 0px 1.3rem;
    color: rgb(113, 113, 113);
    font-size: 1.4rem;
    font-weight: 500;
}
@media (min-width: 1440px) {
.summary-card .tooltip-wrap .tooltip-btn {
	font-size: 1.6rem;
  height: 3.2rem;
  padding:0px 1.6rem;
  }
}

.summary-card .tooltip-wrap .tooltip-box::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 1rem;
  border: 0.8rem solid transparent;
  border-top-color: #424242;
}
.summary-card .tooltip-wrap:hover .tooltip-box {
  display: block;
}


.summary-card__header .total-price strong {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  color: #333333;
}

.summary-card__body table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.summary-card__body tr.is-active .icon-toggle {
  transform: rotate(180deg);
}

.summary-card__body tr.sub-row {
  background: #f8f9fa;
  display: none;
}

.summary-card__body tr.sub-row.is-show {
  display: table-row;
}

.summary-card__body tr.sub-row td:first-child {
  padding-left: 4.8rem;
}

.summary-card__body tr.accordion-header {
  cursor: pointer;
}

.summary-card__body td {
  padding: 1.5rem 4rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
  border-bottom: 1px solid #d0d0d0;
  color: #484848;
  border-right: 1px solid #d0d0d0;
  vertical-align: middle;
  height: 6rem;
}

.summary-card__body td:last-child {
  border-right: none;
  text-align: right;
  padding-right: 2rem;
}

.summary-card__body td.price-col {
  font-size: 1.8rem;
  line-height: 1.4;
  color: #484848;
}

.summary-card__body td.price-col .sub-label {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
  color: #484848;
  margin-right: 0.5rem;
}

.summary-card__body td.price-col .blue {
  color: #0080fb;
}

.summary-card__body tr:last-child td {
  border-bottom: none;
}

.summary-card__body .icon-toggle {
  width: 1.6rem;
  height: 1.6rem;
  margin-left: auto;
  transition: transform 0.2s;
  background: url("../../images/icon/icon_arrow_bottom.svg") no-repeat
    center/contain;
  display: inline-block;
}

.summary-card__body .icon-toggle .num-desc {
  color: #484848;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}

.summary-card__body .flex-group {
  display: flex;
  align-items: center;
  gap: 4.8rem;
  width: 100%;
}

.summary-card__body .flex-group.select {
  gap: 0.8rem;
}

.summary-card__body .input-text {
  height: 4.2rem;
  font-size: 1.6rem;
  flex: 1;
}

.summary-card__body .select-wrap {
  font-size: 1.6rem;
  width: 15rem;
}

.summary-card__body .radio-wrap {
  min-width: auto;
}

.summary-card__body .radio-wrap .radio-label {
  font-size: 1.8rem;
}

.summary-card__body .checkbox-custom {
  padding-left: 3rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #333;
}

#summary-shop .flex-group {
  gap:0.8rem;
}

#summary-shop  td:nth-of-type(2) {
  padding:0.7rem 4rem;
}

.depth-error-banner {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  background: #fef2f2;
  border: 1px solid #f87171;
  color: #333333;
  width: 130rem;
  padding: 3rem 4rem;
  border-radius: 1.2rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1.2rem;
  display: none;
}

.depth-error-banner em {
  color: #e9161f;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
}

@keyframes continuous-red-blink {
  0%,
  100% {
    border: 2px solid #fee2e2;
  }
  50% {
    border: 2px solid #e9161f;
  }
}

.jstree {
  border: none !important;
  background-color: transparent !important;
}

.depth-error-node > .jstree-anchor .node-wrapper {
  animation: continuous-red-blink 1.2s infinite !important;
}

@keyframes add-blink {
  0%,
  40%,
  80% {
    background: #ffad50;
  }

  20%,
  60%,
  100% {
    background: transparent;
  }
}

.add-blink-highlight {
  animation: add-blink 2s ease-in-out;
}

.modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.modal-content {
  width: 120rem;
  max-height: 90vh;
  background: #ffffff;
  padding: 4rem;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
}

.modal-header {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.2rem;
}

.modal-body {
  flex: 1;
  overflow-y: auto;
  padding-right: 1rem;
}

.modal-body::-webkit-scrollbar {
  width: 0.6rem;
}

.modal-body::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 1rem;
}

.modal-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 1rem;
}

.modal-body::-webkit-scrollbar-thumb:hover {
  background: #bbb;
}

.summary-details .request-section__title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  color: #333333;
  margin-left: 0;
  margin-bottom: 1.4rem;
}

.m-accordion-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.m-accordion-item {
  background: #f6f8f9;
  border-radius: 1.2rem;
  overflow: hidden;
  border: 1px solid #dce4e8;
}

.m-accordion-item.is-open .m-accordion-header {
  border-bottom: 1px solid #dce4e8;
}

.m-accordion-item.is-open .m-accordion-content {
  background: #fff;
  border-color: #eef1f4;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.05);
}

.m-accordion-item.is-open .m-icon-arrow {
  transform: rotate(180deg);
  opacity: 1;
}

.m-accordion-header {
  padding: 2.4rem 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background 0.2s;
  border-radius: 1.2rem;
}

.m-accordion-header:hover {
  background: #f1f3f5;
}

.m-accordion-title-group {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.m-accordion-title-group .m-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #111;
}

.m-accordion-title-group .m-desc {
  font-size: 1.4rem;
  color: #999;
}

.m-icon-arrow {
  width: 2.4rem;
  height: 2.4rem;
  background: url("../../images/icon/icon_arrow_bottom.svg") no-repeat
    center/contain;
  transition: transform 0.3s;
  opacity: 0.4;
}

.m-accordion-content {
  display: none;
  padding: 0 3rem 3rem;
}

.m-service-list {
  padding-top: 1rem;
}

.m-service-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 0;
}

.m-service-item + .m-service-item {
  border-top: 1px solid #f8f9fa;
}

.m-radio-wrap {
  display: flex;
  align-items: center;
  flex: 1;
}

.m-radio-wrap input[type="radio"] {
  display: none;
}

.m-radio-wrap input[type="radio"]:checked + .m-radio-label::before {
  background-image: url("../../images/icon/icon_radio_active.svg");
}

.m-radio-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 1.5rem;
  width: 100%;
}

.m-radio-label::before {
  content: "";
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../../images/icon/icon_radio.svg") no-repeat center/contain;
}

.m-service-info .m-name {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  color: #505050;
  margin-bottom: 1rem;
}

.m-service-info .m-text {
  font-size: 1.4rem;
  color: #888;
}

.m-service-meta {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

.m-service-meta .m-price {
  font-size: 2rem;
  font-weight: 700;
  color: #0080fb;
  min-width: 8rem;
  text-align: right;
}

.m-service-meta .m-btn-detail {
  height: 2.7rem;
  padding: 0 1.2rem;
  border: 1px solid #717171;
  border-radius: 0.4rem;
  background: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  color: #717171;
  cursor: pointer;
  white-space: nowrap;
  transition: all ease-in-out 0.2s;
}

.m-service-meta .m-btn-detail:hover {
  background: #f8f8f8;
  border-color: #ccc;
}

/* 제작신청 - step2 사방넷 관련  */
.input__ex-sopmal-url:disabled {
	color: #f1f1f2;
}
.ty02.ty02__align-start {
	align-items: start;
}


/* 메인 반응형 관련  */
#menu623_obj7143, #menu623_obj7143, #menu623_obj7184, #menu623_obj7193, #menu623_obj7229 {
  width: 100% !important;
}
#multipleContentsDiv_bhs_6621, #multipleContentsDiv_bhs_6629, #multipleContentsDiv_bhs_6643, #menu623_obj7143 {
  height: 100% !important;
}

/* #multipleDiv_bhs_6629 {display:none;} */

/*# sourceMappingURL=map/style.css.map */