@charset "utf-8";

.home-wrapper .container-01 {
  width: 100%;
  height: 900px;
  background: url("../images/pc/home_bg1.png") no-repeat center;
  background-size: cover;
}

.home-wrapper .container-01 .inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-wrapper .container-01 .inner .cont-txt {
  text-align: center;
  color: var(--color-grey-800);
}

.home-wrapper .container-01 .inner .cont-txt h2 {
  font-family: var(--font-family-code);
  font-size: 70px;
  line-height: 104px;
  font-weight: 900;
  letter-spacing: -1.75px;
}

.home-wrapper .container-01 .inner .cont-txt p {
  font-size: 35px;
  letter-spacing: -0.875px;
  padding-top: 26px;
}

.home-wrapper .container-01 .inner .cont-txt .btn {
  margin-top: 60px;
}

.home-wrapper .container-02 .inner {
  padding: 90px 0 95px;
}

.home-wrapper .container-02 .inner .cont-title h3 {
  font-family: var(--font-family-code);
  font-size: 48px;
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: -1.15px;
}

.home-wrapper .container-02 .inner .cont-title h3 strong {
  font-weight: 800;
  color: var(--color-primary-300);
}

.home-wrapper .container-02 .inner .cont-desc {
  margin-top: var(--space-10);
}

.home-wrapper .container-02 .inner .cont-desc ul {
  display: flex;
}

.home-wrapper .container-02 .inner .cont-desc ul li {
  position: relative;
  background-color: var(--color-yellow-50);
  border-radius: 20px;
}

.home-wrapper .container-02 .inner .cont-desc ul li .li-tit {
  padding-top: 34px;
  color: var(--color-grey-800);
}

.home-wrapper .container-02 .inner .cont-desc ul li .li-tit h4 {
  font-size: 30px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.75px;
}

.home-wrapper .container-02 .inner .cont-desc ul li .li-tit p {
  font-size: 19px;
  line-height: 1.4;
  padding-top: var(--space-4);
  letter-spacing: -0.475px;
}

.home-wrapper .container-02 .inner .cont-desc ul li .img {
  position: absolute;
  bottom: 0;
  left: 0;
}

.home-wrapper .container-02 .inner .cont-desc ul li .img img {
  width: 100%;
  height: auto;
}

.home-wrapper .container-02 .inner .cont-desc ul.ul-01 {
  gap: 33px;
}

.home-wrapper .container-02 .inner .cont-desc ul.ul-01 li {
  height: 490px;
  width: 33.333333%;
}

.home-wrapper .container-02 .inner .cont-desc ul.ul-01 li .li-tit {
  padding-left: 33px;
}

.home-wrapper .container-02 .inner .cont-desc ul.ul-02 {
  gap: var(--space-9);
  margin-top: 30px;
}

.home-wrapper .container-02 .inner .cont-desc ul.ul-02 li {
  height: 456px;
  width: 50%;
}

.home-wrapper .container-02 .inner .cont-desc ul.ul-02 li .li-tit {
  padding-left: 43px;
}

.home-wrapper .container-03 {
  position: relative;
  background-color: var(--color-primary-300);
  width: 100%;
  height: 760px;
}

.home-wrapper .container-03 .img {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -758px;
  width: 633px;
}

.home-wrapper .container-03 .img img {
  width: 100%;
  height: auto;
}

.home-wrapper .container-03 .inner {
  display: flex;
  justify-content: space-between;
  padding-top: 120px;
}

.home-wrapper .container-03 .inner .cont-title {
  font-family: var(--font-family-code);
  color: #fff;
  line-height: 1.4;
}

.home-wrapper .container-03 .inner .cont-title h3 {
  font-size: 28px;
  letter-spacing: -0.7px;
}

.home-wrapper .container-03 .inner .cont-title strong {
  display: block;
  font-size: 46px;
  padding-top: 10px;
  letter-spacing: -1.15px;
}

.home-wrapper .container-03 .inner .cont-desc {
  position: relative;
  width: 840px;
}

.home-wrapper .container-03 .inner .cont-desc ul {
  display: flex;
}

.home-wrapper .container-03 .inner .cont-desc ul li {
  width: 410px;
  height: 425px;
  background-color: #fff;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}

.home-wrapper .container-03 .inner .cont-desc ul li:nth-child(1) {
  background-image: url("../images/pc/home_review_bg1.png");
}

.home-wrapper .container-03 .inner .cont-desc ul li:nth-child(2) {
  background-image: url("../images/pc/home_review_bg2.png");
}

.home-wrapper .container-03 .inner .cont-desc ul li:nth-child(3) {
  background-image: url("../images/pc/home_review_bg3.png");
}

.home-wrapper .container-03 .inner .cont-desc ul li:nth-child(4) {
  background-image: url("../images/pc/home_review_bg4.png");
}

.home-wrapper .container-03 .inner .cont-desc ul li:nth-child(5) {
  background-image: url("../images/pc/home_review_bg5.png");
}

.home-wrapper .container-03 .inner .cont-desc ul li:nth-child(6) {
  background-image: url("../images/pc/home_review_bg6.png");
}

.home-wrapper .container-03 .inner .cont-desc ul li .wrap {
  padding: 50px 28px var(--space-10);
  color: var(--color-grey-800);
}

.home-wrapper .container-03 .inner .cont-desc ul li .wrap .txt {
  font-size: 22px;
  line-height: 1.4;
  letter-spacing: -0.55px;
  height: 226px;
}

.home-wrapper .container-03 .inner .cont-desc ul li .wrap .rv-tit {
  margin-top: 37px;
  color: var(--color-white);
}

.home-wrapper .container-03 .inner .cont-desc ul li .wrap .rv-tit > * {
  text-shadow: 0 0 20px rgba(0,0,0,1);
}

.home-wrapper .container-03 .inner .cont-desc ul li .wrap .rv-tit h4 {
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: -0.65px;
  font-weight: 600;
}

.home-wrapper .container-03 .inner .cont-desc ul li .wrap .rv-tit p {
  font-size: 19px;
  line-height: 1.4;
  letter-spacing: -0.475px;
  padding-top: var(--space-2);
}

.home-wrapper .container-03 .inner .cont-desc .arrows {
  position: absolute;
  bottom: -100px;
  right: 0;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}

.home-wrapper .container-03 .inner .cont-desc .swiper-button-prev-1 {
  right: 74px;
  background-image: url("../images/pc/home_prev.png");
}

.home-wrapper .container-03 .inner .cont-desc .swiper-button-next-1 {
  background-image: url("../images/pc/home_next.png");
}

.home-wrapper .container-03 .inner .swiper {
  margin: 0;
}

.home-wrapper .container-04 {
  width: 100%;
  height: 806px;
  background-color: var(--color-yellow-50);
}

.home-wrapper .container-04 .inner .cont-title {
  text-align: center;
  color: var(--color-grey-800);
  line-height: 1.4;
  padding-top: 100px;
}

.home-wrapper .container-04 .inner .cont-title h3 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -1.2px;
}

.home-wrapper .container-04 .inner .cont-title p {
  font-size: 28px;
  letter-spacing: -0.7px;
  padding-top: var(--space-2);
}

.home-wrapper .container-04 .inner .video {
  width: 800px;
  margin: 38px auto 0;
}

.home-wrapper .container-04 .inner .video video {
  width: 100%;
  height: auto;
}

.home-wrapper .container-05 {
  padding: 110px 0;
}

.home-wrapper .container-05 .inner {
  display: flex;
  justify-content: space-between;
}

.home-wrapper .container-05 .inner .left {
  width: 620px;
}

.home-wrapper .container-05 .inner .left .cont-title > strong {
  display: block;
  width: 130px;
  height: 46px;
  line-height: 46px;
  background-color: var(--color-primary-50);
  border-radius: 8px;
  font-size: 28px;
  font-weight: 700;
  color: var(--color-primary-300);
  text-align: center;
}

.home-wrapper .container-05 .inner .left .cont-title h3 {
  font-family: var(--font-family-code);
  font-size: 46px;
  line-height: 1.4;
  letter-spacing: -1.15px;
  font-weight: 800;
  padding-top: var(--space-6);
}

.home-wrapper .container-05 .inner .left .cont-title h3 strong {
  font-weight: 800;
  color: var(--color-primary-300);
}

.home-wrapper .container-05 .inner .left .cont-title p {
  font-size: 22px;
  line-height: 1.4;
  letter-spacing: -0.55px;
  padding-top: var(--space-4);
}

.home-wrapper .container-05 .inner .left .cont-desc {
  margin-top: 123px;
}

.home-wrapper .container-05 .inner .left .cont-desc ul {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  row-gap: 10px;
  column-gap: var(--space-3);
  min-height: calc((11 * var(--li-height, 50px)) + (10 * 10px));
  max-height: calc((11 * var(--li-height, 50px)) + (10 * 10px));
  overflow-y: auto;
}

.home-wrapper .container-05 .inner .left .cont-desc ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 146px;
  height: 48px;
  border: 1px solid var(--color-primary-300);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
}

.home-wrapper .container-05 .inner .left .cont-desc ul li:hover {
  background-color: var(--color-primary-50);
}

.home-wrapper .container-05 .inner .left .cont-desc ul li p {
  font-size: 17px;
  font-weight: 700;
  color: var(--color-primary-300);
}

.home-wrapper .container-05 .inner .right {
  position: relative;
  width: 580px;
  background: url("../images/pc/home_map.png") no-repeat top  center;
  background-size: contain;
}

.home-wrapper .container-05 .inner .right .map ul li {
  position: absolute;
  width: 134px;
  height: 83px;
  background-image: url("../images/common/btn_pin.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.home-wrapper .container-05 .inner .right .map ul li:hover,
.home-wrapper .container-05 .inner .right .map ul li.active {
  background-image: url("../images/common/btn_pin_on.png");
}

.home-wrapper .container-05 .inner .right .map ul li p {
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  padding-top: var(--space-6);
}

.home-wrapper .container-05 .inner .right .map ul li:hover p,
.home-wrapper .container-05 .inner .right .map ul li.active p {
  color: var(--color-white);
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(1) {
  top: 131px;
  left: 131px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(2) {
  top: 187px;
  left: 63px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(3) {
  top: 201px;
  left: 196px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(4) {
  top: 128px;
  left: 332px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(5) {
  top: 259px;
  left: 297px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(6) {
  top: 309px;
  left: 162px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(7) {
  top: 356px;
  left: 63px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(8) {
  top: 406px;
  left: 196px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(9) {
  top: 349px;
  left: 406px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(10) {
  top: 515px;
  left: 162px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(11) {
  top: 485px;
  left: 332px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(12) {
  top: 580px;
  left: 63px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(13) {
  top: 645px;
  left: 131px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(14) {
  top: 565px;
  left: 297px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(15) {
  top: 535px;
  left: 460px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(16) {
  top: 604px;
  left: 406px;
}

.home-wrapper .container-05 .inner .right .map ul li:nth-child(17) {
  top: 818px;
  left: 131px;
}


.usage-wrapper .container-01 {
  background-image: url("../images/pc/usage_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--color-yellow-50);
  background-size: cover;
  padding-top: 186px;
  padding-bottom: 76px;
}

.usage-wrapper .container-01 .inner .cont-title {
  text-align: center;
}

.usage-wrapper .container-01 .inner .cont-title h2 {
  font-family: var(--font-family-code);
  font-size: 46px;
  font-weight: 800;
  letter-spacing: -1.5px;
}

.usage-wrapper .container-01 .inner .cont-title h2 strong {
  font-weight: 800;
  color: var(--color-primary-300);
}

.usage-wrapper .container-01 .inner .cont-desc {
  display: flex;
  justify-content: space-between;
  margin-top: 44px;
}

.usage-wrapper .container-01 .inner .cont-desc .box {
  width: 584px;
  height: 608px;
  background-color: var(--color-white);
  border-radius: 20px;
  box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.05);
}

.usage-wrapper .container-01 .inner .cont-desc .box > div {
  width: calc(100% - 86px);
  margin: 0 auto;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-tit {
  line-height: 1.4;
  padding-top: 35px;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--color-grey-400);
  box-sizing: border-box;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-tit > * {
  padding-left: 37px;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-tit h4 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.7px;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-tit p {
  font-size: var(--font-size-xl);
  letter-spacing: -0.5px;
  padding-top: 10px;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt {
  padding-top: 35px;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt > * {
  padding-left: 37px;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt .sale-wrap {
  display: flex;
  gap: var(--space-2);
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt .sale-wrap .percent {
  width: 67px;
  height: 30px;
  line-height: 30px;
  background-color: var(--color-primary-50);
  border-radius: 8px;
  font-size: 23px;
  font-weight: 600;
  color: var(--color-primary-300);
  text-align: center;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt .sale-wrap .bf {
  font-size: var(--font-size-xxl);
  color: var(--color-grey-600);
  text-decoration: line-through;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt .aft {
  font-size: 58px;
  font-weight: 600;
  letter-spacing: -1.45px;
  padding-top: var(--space-2);
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt .aft span {
  font-size: var(--font-size-m);
  color: var(--color-grey-600);
  font-weight: 400;
  letter-spacing: -0.35px;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt ul {
  margin-top: var(--space-6);
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt ul li {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: var(--space-3);
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt ul li:first-child {
  margin-top: 0;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt ul li .icon {
  width: 26px;
  height: 26px;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt ul li .icon img {
  width: 100%;
  height: auto;
}

.usage-wrapper .container-01 .inner .cont-desc .box .box-txt ul li p {
  font-size: var(--font-size-l);
  line-height: 1.4;
  letter-spacing: -0.45px;
}

.usage-wrapper .container-01 .inner .btn {
  display: block;
  margin: var(--space-10) auto 0;
}

.usage-wrapper .container-02 {
  padding-top: 100px;
}

.usage-wrapper .container-02 .inner {
  background-color: var(--color-grey-100);
  border: 1px solid var(--color-grey-200);
  box-sizing: border-box;
  border-radius: 20px;
  padding: 60px 0 90px;
}

.usage-wrapper .container-02 .inner .cont-title {
  text-align: center;
  line-height: 1.4;
}

.usage-wrapper .container-02 .inner .cont-title h3 {
  font-family: var(--font-family-code);
  font-size: 46px;
  font-weight: 800;
  letter-spacing: -1.15px;
}

.usage-wrapper .container-02 .inner .cont-title p {
  font-size: 22px;
  letter-spacing: -0.55px;
  padding-top: 10px;
}

.usage-wrapper .container-02 .inner .cont-desc {
  padding: 0 90px;
  margin-top: 78px;
}

.usage-wrapper .container-02 .inner .cont-desc ul li {
  padding: 30px 0;
  border-top: 1px solid var(--color-grey-400);
  box-sizing: border-box;
}

.usage-wrapper .container-02 .inner .cont-desc ul li:first-child {
  border-top: 0;
  padding-top: 0;
}

.usage-wrapper .container-02 .inner .cont-desc ul li:last-child {
  padding-bottom: 0;
}

.usage-wrapper .container-02 .inner .cont-desc ul li .qus {
  display: flex;
  gap: 15px;
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: -0.7px;
  font-weight: 600;
  padding-left: 50px;
}

.usage-wrapper .container-02 .inner .cont-desc ul li .qus strong {
  font-weight: 900;
  color: var(--color-primary-300);
}

.usage-wrapper .container-02 .inner .cont-desc ul li .answ {
  font-size: 22px;
  line-height: 1.4;
  letter-spacing: -0.55px;
  padding-left: 93px;
  padding-top: 6px;
}

.usage-wrapper .container-03 {
  padding-top: 46px;
}

.usage-wrapper .container-03 .inner {
  background-color: var(--color-grey-100);
  border: 1px solid var(--color-grey-200);
  box-sizing: border-box;
  border-radius: 20px;
  padding: 60px 0 90px;
}

.usage-wrapper .container-03 .inner .cont-title {
  text-align: center;
  line-height: 1.4;
}

.usage-wrapper .container-03 .inner .cont-title h3 {
  font-family: var(--font-family-code);
  font-size: 46px;
  font-weight: 800;
  letter-spacing: -1.15px;
}

.usage-wrapper .container-03 .inner .cont-title p {
  font-size: 22px;
  letter-spacing: -0.55px;
  padding-top: 10px;
}

.usage-wrapper .container-03 .inner .cont-desc {
  padding: 0 90px;
}

.usage-wrapper .container-03 .inner .cont-desc ul li {
  margin-top: 22px;
}

.usage-wrapper .container-03 .inner .cont-desc ul li:first-child {
  margin-top: 0;
}

.usage-wrapper .container-03 .inner .cont-desc ul li h4 {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-grey-700);
}

.usage-wrapper .container-03 .inner .cont-desc .agree-wrap {
  margin-top: 47px;
}

.usage-wrapper .container-03 .inner .cont-desc .agree-wrap > p {
  font-size: var(--font-size-mm);
  line-height: 1.4;
  letter-spacing: -0.375px;
  padding-top: 14px;
}

.usage-wrapper .container-03 .inner .btn {
  display: block;
  margin: 54px auto 0;
}

.usage-wrapper .container-join {
  margin-top: 124px;
}


.function-wrapper .container-01 {
  padding-top: 186px;
}

.function-wrapper .container-01 .inner .cont-title {
  text-align: center;
}

.function-wrapper .container-01 .inner .cont-title h2 {
  font-family: var(--font-family-code);
  font-size: 46px;
  line-height: 60px;
  font-weight: 800;
  color: var(--color-grey-900);
  letter-spacing: -1.15px;
}

.function-wrapper .container-01 .inner .cont-title h2 strong {
  font-weight: 800;
  color: var(--color-primary-300);
}

.function-wrapper .container-01 .inner .cont-title p {
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: -0.65px;
  padding-top: 26px;
}

.function-wrapper .container-01 .inner .cont-desc {
  margin-top: 48px;
}

.function-wrapper .container-01 .inner .cont-desc ul {
  display: flex;
  justify-content: space-between;
}

.function-wrapper .container-01 .inner .cont-desc ul li {
  width: 380px;
  height: 400px;
  background-color: var(--color-yellow-50);
  border-radius: 20px;
}

.function-wrapper .container-01 .inner .cont-desc ul li .icon {
  display: block;
  width: 188px;
  height: 188px;
  margin: 53px auto 0;
}

.function-wrapper .container-01 .inner .cont-desc ul li .icon img {
  width: 100%;
  height: auto;
}

.function-wrapper .container-01 .inner .cont-desc ul li p {
  font-family: var(--font-family-code);
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: -0.7px;
  text-align: center;
  font-weight: 800;
  padding-top: 25px;
}

.function-wrapper .container-01 .inner .cont-desc ul li p strong {
  font-weight: 800;
  color: var(--color-primary-400);
}

.function-wrapper .container-01 .inner .btn {
  display: block;
  margin: 48px auto 0;
}

.function-wrapper .container-02 .cont-desc ul li {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-top: 100px;
}

.function-wrapper .container-02 .cont-desc ul li:first-child {
  margin-top: 0;
}

.function-wrapper .container-02 .cont-desc ul li.odd {
  justify-content: right;
}

.function-wrapper .container-02 .cont-desc ul li.even {
  justify-content: start;
}

.function-wrapper .container-02 .cont-desc ul li .li-tit {
  width: 572px;
}

.function-wrapper .container-02 .cont-desc ul li .li-tit h3 {
  font-family: var(--font-family-code);
  font-size: 44px;
  line-height: 1.4;
  letter-spacing: -1.1px;
  font-weight: 800;
}

.function-wrapper .container-02 .cont-desc ul li .li-tit h3 strong {
  font-weight: 800;
  color: var(--color-primary-400);
}

.function-wrapper .container-02 .cont-desc ul li .li-tit p {
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: -0.65px;
  padding-top: 34px;
}

.function-wrapper .container-02 .cont-desc ul li .img {
  width: 960px;
}

.function-wrapper .container-02 .cont-desc ul li .img img {
  width: 100%;
  height: auto;
}

.function-wrapper .container-join {
  background-image: url("../images/pc/features_bg.png");
  margin-top: var(--space-10);
}


.exp-wrapper .container-01 {
  padding-top: 190px;
  padding-bottom: 94px;
}

.exp-wrapper .container-01 .inner .wrap2 {
  margin-top: 100px;
}

.exp-wrapper .container-01 .inner .wrap .cont-title {
  padding-bottom: 30px;
  border-bottom: 3px solid var(--color-primary-300);
  box-sizing: border-box;
}

.exp-wrapper .container-01 .inner .wrap .cont-title h3 {
  font-family: var(--font-family-code);
  font-size: 46px;
  line-height: 60px;
  font-weight: 800;
  letter-spacing: -1.15px;
}

.exp-wrapper .container-01 .inner .wrap .cont-desc ul li {
  display: flex;
  align-items: center;
  gap: 36px;
  padding: 60px 0;
  border-bottom: 1px solid var(--color-grey-400);
  box-sizing: border-box;
}

.exp-wrapper .container-01 .inner .wrap .cont-desc ul li .img {
  width: 460px;
}

.exp-wrapper .container-01 .inner .wrap .cont-desc ul li .img img {
  width: 100%;
  height: auto;
}

.exp-wrapper .container-01 .inner .wrap .cont-desc ul li .li-tit h4 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.9px;
}

.exp-wrapper .container-01 .inner .wrap .cont-desc ul li .li-tit h4 span {
  font-size: var(--font-size-l);
  letter-spacing: -0.45px;
  color: var(--color-grey-600);
  font-weight: 400;
  padding-left: var(--space-4);
}

.exp-wrapper .container-01 .inner .wrap .cont-desc ul li .li-tit p {
  font-size: var(--font-size-xxl);
  line-height: 1.4;
  letter-spacing: -0.6px;
  padding-top: var(--space-7);
}

.exp-wrapper .container-01 .inner .wrap .cont-desc ul li .li-tit .btn {
  margin-top: var(--space-10);
}


.arch-wrapper {
  padding-bottom: 112px;
}

.arch-wrapper .container-01 {
  padding-top: 190px;
}

.arch-wrapper .container-01 .inner .cont-title {
  text-align: center;
}

.arch-wrapper .container-01 .inner .cont-title h2 {
  font-family: var(--font-family-code);
  font-size: 46px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -1.15px;
}

.arch-wrapper .container-01 .inner .cont-desc {
  margin-top: 44px;
}

.arch-wrapper .container-01 .inner .cont-desc .table {
  width: 100%;
  border-top: 2px solid var(--color-grey-800);
  box-sizing: border-box;
}

.arch-wrapper .container-01 .inner .cont-desc .table li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  border-bottom: 1px solid var(--color-grey-400);
  box-sizing: border-box;
}

.arch-wrapper .container-01 .inner .cont-desc .table li.th {
  text-align: center;
  border-bottom: 1px solid var(--color-grey-800);
}

.arch-wrapper .container-01 .inner .cont-desc .table li.th h4 {
  font-size: var(--font-size-xl);
  font-weight: 600;
  letter-spacing: -0.5px;
}

.arch-wrapper .container-01 .inner .cont-desc .table li.th h4:nth-child(1),
.arch-wrapper .container-01 .inner .cont-desc .table li.td .num {
  width: 160px;
}

.arch-wrapper .container-01 .inner .cont-desc .table li.th h4:nth-child(2),
.arch-wrapper .container-01 .inner .cont-desc .table li.td .arch-info .arch-tit {
  width: 800px;
}

.arch-wrapper .container-01 .inner .cont-desc .table li.th h4:nth-child(3),
.arch-wrapper .container-01 .inner .cont-desc .table li.td .arch-info .arch-date {
  width: 240px;
}

.arch-wrapper .container-01 .inner .cont-desc .table li.td {
  cursor: pointer;
}

.arch-wrapper .container-01 .inner .cont-desc .table li.td p {
  font-size: var(--font-size-l);
  letter-spacing: -0.45px;
}

.arch-wrapper .container-01 .inner .cont-desc .table li.td:hover {
  background-color: var(--color-grey-100);
  transition: 0.2s;
}

.arch-wrapper .container-01 .inner .cont-desc .table li.td .num {
  text-align: center;
}

.arch-wrapper .container-01 .inner .cont-desc .table li.td .arch-info {
  display: flex;
  align-items: center;
}

.arch-wrapper .container-01 .inner .cont-desc .table li.td .arch-info .arch-date {
  text-align: center;
}


.qna-wrapper {
  padding-bottom: 112px;
}

.qna-wrapper .container-01 {
  padding-top: 190px;
}

.qna-wrapper .container-01 .inner {
  background-color: var(--color-grey-100);
  border: 1px solid var(--color-grey-200);
  box-sizing: border-box;
  border-radius: 20px;
  padding: 60px 0 90px;
}

.qna-wrapper .container-01 .inner .cont-title {
  text-align: center;
  line-height: 1.4;
}

.qna-wrapper .container-01 .inner .cont-title h3 {
  font-family: var(--font-family-code);
  font-size: 46px;
  font-weight: 800;
  letter-spacing: -1.15px;
}

.qna-wrapper .container-01 .inner .cont-title p {
  font-size: 22px;
  letter-spacing: -0.55px;
  padding-top: 10px;
}

.qna-wrapper .container-01 .inner .cont-desc {
  padding: 0 90px;
  margin-top: 48px;
}

.qna-wrapper .container-01 .inner .cont-desc ul.depth-1 > li {
  margin-top: 22px;
}

.qna-wrapper .container-01 .inner .cont-desc ul.depth-1 > li:first-child {
  margin-top: 0;
}

.qna-wrapper .container-01 .inner .cont-desc ul.depth-1 > li .ip-box h4 {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-grey-700);
}

.qna-wrapper .container-01 .inner .cont-desc ul.depth-1 > li.desc-li-01 {
  display: flex;
  justify-content: space-between;
}

.qna-wrapper .container-01 .inner .cont-desc ul.depth-1 > li.desc-li-01 .ip-box-01 {
  width: 280px;
}

.qna-wrapper .container-01 .inner .cont-desc ul.depth-1 > li.desc-li-01 .ip-box-02 {
  width: 722px;
}

.qna-wrapper .container-01 .inner .btn {
  display: block;
  margin: 54px auto 0;
}

.qna-wrapper .container-02 {
  padding-top: 100px;
}

.qna-wrapper .container-02 .inner .cont-title {
  text-align: center;
}

.qna-wrapper .container-02 .inner .cont-title h2 {
  font-family: var(--font-family-code);
  font-size: 46px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -1.15px;
}

.qna-wrapper .container-02 .inner .cont-desc {
  margin-top: 44px;
}

.qna-wrapper .container-02 .inner .cont-desc .table {
  width: 100%;
  border-top: 2px solid var(--color-grey-800);
  box-sizing: border-box;
}

.qna-wrapper .container-02 .inner .cont-desc .table li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  border-bottom: 1px solid var(--color-grey-400);
  box-sizing: border-box;
}

.qna-wrapper .container-02 .inner .cont-desc .table li.th {
  text-align: center;
  border-bottom: 1px solid var(--color-grey-800);
}

.qna-wrapper .container-02 .inner .cont-desc .table li.th h4 {
  font-size: var(--font-size-xl);
  font-weight: 600;
  letter-spacing: -0.5px;
}

.qna-wrapper .container-02 .inner .cont-desc .table li.th h4:nth-child(1),
.qna-wrapper .container-02 .inner .cont-desc .table li.td .num {
  width: 160px;
}

.qna-wrapper .container-02 .inner .cont-desc .table li.th h4:nth-child(2),
.qna-wrapper .container-02 .inner .cont-desc .table li.td .qus-info .qus-ctgr {
  width: 220px;
}

.qna-wrapper .container-02 .inner .cont-desc .table li.th h4:nth-child(3),
.qna-wrapper .container-02 .inner .cont-desc .table li.td .qus-info .qus-tit {
  width: 420px;
}

.qna-wrapper .container-02 .inner .cont-desc .table li.th h4:nth-child(4),
.qna-wrapper .container-02 .inner .cont-desc .table li.td .qus-info .qus-writer {
  width: 160px;
}

.qna-wrapper .container-02 .inner .cont-desc .table li.th h4:nth-child(5),
.qna-wrapper .container-02 .inner .cont-desc .table li.td .qus-info .qus-date {
  width: 240px;
}

.qna-wrapper .container-02 .inner .cont-desc .table li.td {
  cursor: pointer;
}

.qna-wrapper .container-02 .inner .cont-desc .table li.td:hover {
  background-color: var(--color-grey-100);
}

.qna-wrapper .container-02 .inner .cont-desc .table li.td p {
  font-size: var(--font-size-l);
  letter-spacing: -0.45px;
}

.qna-wrapper .container-02 .inner .cont-desc .table li.td .num {
  text-align: center;
}

.qna-wrapper .container-02 .inner .cont-desc .table li.td .qus-info {
  display: flex;
  align-items: center;
  text-align: center;
}

.qna-wrapper .container-02 .inner .cont-desc .table li.td .qus-info .qus-tit {
  text-align: left;
}


.qna-sub-wrapper {
  padding-top: 192px;
  padding-bottom: 120px;
}

.qna-sub-wrapper .container-01 .inner .cont-title h3 {
  font-family: var(--font-family-code);
  font-size: 46px;
  font-weight: 800;
  text-align: center;
  letter-spacing: -0.5px;
  line-height: 60px;
}

.qna-sub-wrapper .container-01 .inner .cont-desc {
  margin-top: 44px;
}

.qna-sub-wrapper .container-01 .inner .cont-desc > div .cmn-tit {
  display: flex;
  align-items: center;
  height: 64px;
  border-top: 3px solid var(--color-grey-800);
  border-bottom: 1px solid var(--color-grey-800);
  font-size: var(--font-size-l);
}

.qna-sub-wrapper .container-01 .inner .cont-desc > div .cmn-tit h4 {
  font-size: var(--font-size-base);
  color: var(--color-white);
  font-weight: 600;
  padding: 4.5px 14px;
  border-radius: var(--space-3);
  margin: 0 20px 0 52px;
}

.qna-sub-wrapper .container-01 .inner .cont-desc > div .cmn-tit p.p1 {
  width: 672px;
  font-weight: 600;
}

.qna-sub-wrapper .container-01 .inner .cont-desc > div .cmn-tit p.p2 {
  width: 160px;
  text-align: center;
}

.qna-sub-wrapper .container-01 .inner .cont-desc > div .cmn-tit p.p3 {
  width: 240px;
  text-align: center;
}

.qna-sub-wrapper .container-01 .inner .cont-desc > div .cmn-txt {
  padding: var(--space-10) var(--space-11) var(--space-11);
  font-size: var(--font-size-l);
  line-height: 1.6;
}

.qna-sub-wrapper .container-01 .inner .btn {
  display: block;
  margin: 60px auto 0;
}

.qna-sub-wrapper .container-01 .inner .cont-desc .qus-wrap .cmn-tit h4 {
  background-color: var(--color-primary-300);
}

.qna-sub-wrapper .container-01 .inner .cont-desc .answ-wrap {
  margin-top: 80px;
}

.qna-sub-wrapper .container-01 .inner .cont-desc .answ-wrap .cmn-tit h4 {
  background-color: var(--color-blue-600);
}

.qna-sub-wrapper .container-01 .inner .cont-desc .answ-wrap .cmn-txt {
  border-bottom: 1px solid var(--color-grey-400);
}


.addsvc-wrapper .container-01 {
  padding-top: 186px;
}

.addsvc-wrapper .container-01 .inner .cont-title {
  text-align: center;
}

.addsvc-wrapper .container-01 .inner .cont-title h2 {
  font-family: var(--font-family-code);
  font-size: 46px;
  line-height: 60px;
  font-weight: 800;
  color: var(--color-grey-900);
  letter-spacing: -1.15px;
}

.addsvc-wrapper .container-01 .inner .cont-title h2 strong {
  font-weight: 800;
  color: var(--color-primary-300);
}

.addsvc-wrapper .container-01 .inner .cont-title p {
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: -0.65px;
  padding-top: 26px;
}

.addsvc-wrapper .container-01 .inner .cont-desc {
  margin-top: 48px;
}

.addsvc-wrapper .container-01 .inner .cont-desc ul {
  display: flex;
  justify-content: space-between;
}

.addsvc-wrapper .container-01 .inner .cont-desc ul li {
  font-family: var(--font-family-code);
  width: 380px;
  height: 400px;
  background-color: var(--color-yellow-50);
  border-radius: 20px;
  text-align: center;
}

.addsvc-wrapper .container-01 .inner .cont-desc ul li .icon {
  display: block;
  width: 188px;
  aspect-ratio: 1;
  margin: 34px auto 0;
}

.addsvc-wrapper .container-01 .inner .cont-desc ul li .icon img {
  width: 100%;
  height: auto;
}

.addsvc-wrapper .container-01 .inner .cont-desc ul li p {
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: -0.7px;
  font-weight: 800;
  padding-top: 23px;
}

.addsvc-wrapper .container-01 .inner .cont-desc ul li p strong {
  font-weight: 800;
  color: var(--color-primary-400);
}

.addsvc-wrapper .container-01 .inner .cont-desc ul li .sub-text {
  display: block;
  font-size: 19px;
  line-height: 1.4;
  letter-spacing: -0.475px;
  font-weight: 700;
  padding-top: 11px;
}

.addsvc-wrapper .container-01 .inner .btn {
  display: block;
  margin: 56px auto 0;
}

.addsvc-wrapper .container-02 {
  margin-top: 217px;
}

.addsvc-wrapper .container-02 .cont-desc ul li {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-top: 100px;
}

.addsvc-wrapper .container-02 .cont-desc ul li:first-child {
  margin-top: 0;
}

.addsvc-wrapper .container-02 .cont-desc ul li.odd {
  justify-content: start;
}

.addsvc-wrapper .container-02 .cont-desc ul li.even {
  justify-content: right;
}

.addsvc-wrapper .container-02 .cont-desc ul li .li-tit {
  width: 572px;
}

.addsvc-wrapper .container-02 .cont-desc ul li .li-tit h3 {
  font-family: var(--font-family-code);
  font-size: 44px;
  line-height: 1.4;
  letter-spacing: -1.1px;
  font-weight: 800;
}

.addsvc-wrapper .container-02 .cont-desc ul li .li-tit h3 strong {
  font-weight: 800;
  color: var(--color-primary-400);
}

.addsvc-wrapper .container-02 .cont-desc ul li .li-tit p {
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: -0.65px;
  padding-top: 34px;
}

.addsvc-wrapper .container-02 .cont-desc ul li .img {
  width: 960px;
}

.addsvc-wrapper .container-02 .cont-desc ul li .img img {
  width: 100%;
  height: auto;
}

.addsvc-wrapper .container-charge {
  background-color: var(--color-blue-50);
  padding: 120px 0;
}

.addsvc-wrapper .container-charge .inner .cont-title {
  text-align: center;
  line-height: 1.4;
}

.addsvc-wrapper .container-charge .inner .cont-title h3 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -1.2px;
}

.addsvc-wrapper .container-charge .inner .cont-title p {
  font-size: 28px;
  letter-spacing: -0.7px;
  padding-top: 18px;
}

.addsvc-wrapper .container-charge .inner .cont-desc {
  margin-top: 50px;
}

.addsvc-wrapper .container-charge .inner .cont-desc .box {
  width: 718px;
  height: 265px;
  background-color: var(--color-white);
  margin: var(--space-8) auto 0;
  border-radius: 34px;
  border: 2px solid var(--color-grey-400);
  box-sizing: border-box;
}

.addsvc-wrapper .container-charge .inner .cont-desc .box:first-child {
  margin-top: 0;
}

.addsvc-wrapper .container-charge .inner .cont-desc .box.on {
  border: 4px solid var(--color-blue-300);
  box-shadow: 0 0 30px 0 rgba(0,108,226,0.5);
}

.addsvc-wrapper .container-charge .inner .cont-desc .box > div {
  margin: 0 48px;
}

.addsvc-wrapper .container-charge .inner .cont-desc .box .box-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 46px;
  padding-bottom: 19px;
  border-bottom: 1px solid var(--color-grey-500);
  box-sizing: border-box;
}

.addsvc-wrapper .container-charge .inner .cont-desc .box .box-tit h4 {
  font-size: 34px;
  font-weight: 600;
  letter-spacing: -0.85px;
  padding-left: var(--space-4);
}

.addsvc-wrapper .container-charge .inner .cont-desc .box .box-tit p {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1px;
  padding-right: var(--space-4);
}

.addsvc-wrapper .container-charge .inner .cont-desc .box .box-txt {
  margin: 0 10px;
}

.addsvc-wrapper .container-charge .inner .cont-desc .box .box-txt .p-wrap {
  display: flex;
  align-items: center;
  font-size: 22px;
  color: var(--color-grey-600);
}

.addsvc-wrapper .container-charge .inner .cont-desc .box .box-txt .p-wrap:first-child {
  margin-top: 0;
}

.addsvc-wrapper .container-charge .inner .btn {
  display: block;
  margin: 60px auto 0;
}

.addsvc-wrapper .container-charge .inner .cont-desc .box1 .box-txt {
  padding-top: 18px;
}

.addsvc-wrapper .container-charge .inner .cont-desc .box1 .box-txt .p-wrap {
  gap: var(--space-4);
  margin-top: var(--space-3);
}

.addsvc-wrapper .container-charge .inner .cont-desc .box2 .box-txt {
  padding-top: 28px;
}

.addsvc-wrapper .container-charge .inner .cont-desc .box2 .box-txt .p-wrap {
  justify-content: space-between;
  margin-top: 14px;
}

.addsvc-wrapper .container-charge .inner .cont-desc .box2 .box-txt .p-wrap p {
  font-size: var(--font-size-xxl);
  color: var(--color-grey-800);
  font-weight: 600;
}


.acnt-wrapper .container-01 .inner .cont-title h2 strong {
  color: var(--color-blue-600);
}

.acnt-wrapper .container-01 .inner .cont-desc ul {
  flex-wrap: wrap;
}

.acnt-wrapper .container-01 .inner .cont-desc ul li {
  background-color: var(--color-blue-50);
}

.acnt-wrapper .container-01 .inner .cont-desc ul li:nth-child(1) .icon {
  width: 170px;
  margin-top: 43px;
}

.acnt-wrapper .container-01 .inner .cont-desc ul li:nth-child(3) .icon {
  width: 165px;
  margin-top: 46px;
}

.acnt-wrapper .container-01 .inner .cont-desc ul li:nth-child(1) p {
  padding-top: var(--space-9);
}

.acnt-wrapper .container-01 .inner .cont-desc ul li:nth-child(3) p {
  padding-top: 34px;
}

.acnt-wrapper .container-01 .inner .cont-desc ul li.li-4 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 56px;
  width: 100%;
  height: 257px;
  margin-top: 30px;
  text-align: left;
}

.acnt-wrapper .container-01 .inner .cont-desc ul li.li-4 .icon {
  margin: 0;
  width: 165px;
}

.acnt-wrapper .container-01 .inner .cont-desc ul li.li-4 p {
  padding-top: 0;
}

.acnt-wrapper .container-03 {
  background-color: var(--color-grey-100);
  margin-top: 104px;
  padding: 96px 0;
}

.acnt-wrapper .container-03 .inner .cont-title {
  text-align: center;
  line-height: 1.4;
}

.acnt-wrapper .container-03 .inner .cont-title h3 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -1.2px;
}

.acnt-wrapper .container-03 .inner .cont-title h3 strong {
  font-weight: 700;
  color: var(--color-blue-600);
}

.acnt-wrapper .container-03 .inner .cont-title p {
  font-size: 28px;
  letter-spacing: -0.7px;
  padding-top: var(--space-3);
}

.acnt-wrapper .container-03 .inner .cont-desc {
  position: relative;
  margin-top: 50px;
}

.acnt-wrapper .container-03 .inner .cont-desc .swiper {
  width: 1022px;
  padding: 10px;
}

.acnt-wrapper .container-03 .inner .cont-desc .swiper-slide {
  width: 330px;
  height: 467px;
  background-color: var(--color-white);
  border-radius: var(--space-7);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.08);
}

.acnt-wrapper .container-03 .inner .cont-desc .swiper-slide .box-inner {
  padding: var(--space-6);
}

.acnt-wrapper .container-03 .inner .cont-desc .swiper-slide .box-inner .img {
  width: 100%;
  height: 188px;
  background-image: url("../images/pc/acnt_cont3_img.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.acnt-wrapper .container-03 .inner .cont-desc .swiper-slide .box-inner h4 {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.7px;
  line-height: 1.4;
  padding-top: var(--space-7);
}

.acnt-wrapper .container-03 .inner .cont-desc .swiper-slide .box-inner .hash-group {
  display: flex;
  justify-content: center;
  gap: var(--space-4);
  margin-top: var(--space-2);
  padding-bottom: var(--space-7);
  border-bottom: 1px solid var(--color-grey-400);
}

.acnt-wrapper .container-03 .inner .cont-desc .swiper-slide .box-inner .hash-group p {
  font-size: 17px;
  color: var(--color-blue-600);
  background-color: var(--color-blue-50);
  border-radius: var(--space-2);
  padding: var(--space-1) var(--space-3);
}

.acnt-wrapper .container-03 .inner .cont-desc .swiper-slide .box-inner .btn {
  width: 100%;
  margin-top: var(--space-8);
}

.acnt-wrapper .container-03 .inner .cont-desc .swiper-slide .box-inner > span {
  display: block;
  text-align: center;
  color: var(--color-grey-600);
  padding-top: var(--space-6);
}

.acnt-wrapper .container-03 .inner .cont-desc .arrows {
  position: absolute;
  top: 50%;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px auto;
  cursor: pointer;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: var(--border-radius-l);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.08);
}

.acnt-wrapper .container-03 .inner .cont-desc .swiper-button-prev-1 {
  left: 0;
  background-image: url("../images/pc/acnt_prev.png");
}

.acnt-wrapper .container-03 .inner .cont-desc .swiper-button-next-1 {
  right: 0;
  background-image: url("../images/pc/acnt_next.png");
}


.sb-wrapper .container-01 .inner .cont-desc ul li p {
  color: var(--color-primary-400);
}

.sb-wrapper .container-01 .inner .cont-desc ul li:nth-child(1) .icon {
  width: 170px;
  margin-top: 43px;
}

.sb-wrapper .container-01 .inner .cont-desc ul li:nth-child(3) .icon {
  width: 165px;
  margin-top: 46px;
}

.sb-wrapper .container-01 .inner .cont-desc ul li:nth-child(1) p {
  padding-top: var(--space-9);
}

.sb-wrapper .container-01 .inner .cont-desc ul li:nth-child(3) p {
  padding-top: 34px;
}

.sb-wrapper .container-03 {
  background-color: var(--color-grey-100);
  padding: 96px 0 156px;
  margin-top: 136px;
}

.sb-wrapper .container-03 .inner .cont-title {
  text-align: center;
}

.sb-wrapper .container-03 .inner .cont-title h3 {
  font-family: var(--font-family-code);
  font-size: 46px;
  line-height: 60px;
  font-weight: 800;
  color: var(--color-grey-900);
  letter-spacing: -1.15px;
}

.sb-wrapper .container-03 .inner .cont-title h3 strong {
  font-weight: 800;
  color: var(--color-primary-300);
}

.sb-wrapper .container-03 .inner .cont-title p {
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: -0.65px;
  padding-top: 26px;
}

.sb-wrapper .container-03 .inner .cont-desc {
  margin-top: 48px;
}

.sb-wrapper .container-03 .inner .cont-desc ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-7) 0;
}

.sb-wrapper .container-03 .inner .cont-desc ul li {
  background-color: #fff;
  width: 590px;
  height: 380px;
}

.sb-wrapper .container-03 .inner .cont-desc ul li.full{
  background-color: #fff;
  width: 1200px;
  height: 380px;
}

.sb-wrapper .container-03 .inner .cont-desc ul li .img-wrap {
  display: flex;
  gap: 14px;
  justify-content: center;
  margin-top: 44px;
}

.sb-wrapper .container-03 .inner .cont-desc ul li .img-wrap .img {
  width: 170px;
}

.sb-wrapper .container-03 .inner .cont-desc ul li .img-wrap .img img {
  width: 100%;
  height: auto;
}

.sb-wrapper .container-03 .inner .cont-desc ul li p {
  display: block;
  width: fit-content;
  margin: 28px auto 0;
  font-weight: 500;
  color: var(--color-white);
  letter-spacing: -0.4px;
  background-color: var(--color-grey-700);
  padding: var(--space-3) 39px;
  border-radius: var(--border-radius-l);
}

.sb-wrapper .container-charge {
  background: url("../images/pc/charge_bg.png") no-repeat center / cover;
}

.sb-wrapper .container-charge .inner .cont-desc .box {
  height: 236px;
}

.sb-wrapper .container-charge .inner .cont-desc .box.on {
  border: 4px solid var(--color-primary-300);
  box-shadow: 0 0 30px 0 rgba(255,106,0,0.5);
}

.sb-wrapper .container-charge .inner .cont-title h3 strong {
  font-weight: 700;
  color: var(--color-primary-300);
}


.cms-wrapper .container-charge {
  margin-top: 100px;
}