/****************************************
// Mobile First Approach
//  375px ~ 767px (기본 스타일)
//  - 모바일을 기본으로 설계
//  - 태블릿(768px+)은 부분 지원 (추후 완성 예정)
//  - 데스크톱(1440px+) 최적화 완료
****************************************/

.section.hero {
  text-align: center;
  padding: 19.2vw 0 21.33vw;
}

.section.hero .text-page-common-title {
  margin: 12.8vw 0 0 0;
}

.error-content {
  margin: 44vw 0 38vw;
  padding: 5.33vw;
}

.error-content .error-box img {
  display: block;
  margin: 0 auto;
  margin-bottom: 18.67vw;
  width: 64vw;
  height: auto;
}

.error-content .error-box .txt-box h2 {
  margin-bottom: 5.33vw;
  font-weight: 700;
  font-size: 5.87vw;
  line-height: 1.4;
  word-break: break-word;
}

.error-content .error-box .txt-box p {
  font-weight: 500;
  font-size: 4.27vw;
  line-height: 1.44;
  color: #777;
  word-break: break-word;
}

.error-content .error-box .txt-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38vw;
  height: 12vw;
  margin-top: 7.47vw;
  border-radius: 2.67vw;
  background-color: #068c90;
  font-weight: 500;
  font-size: 3.73vw;
  color: #fff;
}

.footer-404 {
  background-color: #f7f7f7;
}

.footer-404 .address em {
  font-size: 4.8vw;
  color: #5f5f5f;
  text-transform: uppercase;
}

.footer-404 .address p {
  font-size: 4.27vw;
  color: #777;
  word-break: break-word;
}

.footer-404 .copyright {
  font-size: 3.73vw;
  color: #929292;
}

.footer-404 .info li {
  font-size: 4vw;
  color: #777 !important;
}

.footer-404 .info li span {
  color: #999;
}

/********************
// COMPONENT
//  - Header
********************/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 17.07vw;
  padding: 5.33vw 6.4vw;
  background-color: #fff;
  border-bottom: 0.27vw solid #d9d9d9;
  z-index: 999;
}

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

header .logo a {
  display: block;
  width: 27.2vw;
  height: 6.4vw;
  background: url('/content/image/img/img_co_logo.png') no-repeat center / contain;
}

header .pc-nav-list {
  display: none;
}

header .menu-btn span {
  display: block;
  width: 4.8vw;
  height: 0.53vw;
  border-radius: 0.26vw;
  background-color: #000;
}

header .menu-btn span+span {
  margin-top: 1.6vw;
}

header .mo-nav {
  display: none;
  position: absolute;
  top: 17.07vw;
  left: 0;
  width: 100%;
  height: calc(100vh - 17.07vw);
  border-top: 0.27vw solid #d9d9d9;
  background-color: #fff;
}

header .mo-nav.show {
  display: block;
}

header .mo-nav ul>li>a {
  display: block;
  height: 19.2vw;
  padding: 0 6.4vw;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 19.2vw;
  color: #888;
  letter-spacing: -0.11vw;
}

header .mo-nav ul>li:nth-child(2)>a {
  background: url('/content/image/ico/ico_toggle_down.svg') no-repeat top 6.4vw right 6.4vw / 6.4vw;
}

header .mo-nav ul>li ol {
  display: none;
  background-color: #f8f8f8;
}

header .mo-nav ul>li ol.toggle {
  display: block;
}

header .mo-nav ul>li ol li a {
  display: block;
  height: 14.4vw;
  padding: 0 6.4vw;
  font-size: 4.27vw;
  font-weight: 700;
  line-height: 14.4vw;
  color: #888;
  letter-spacing: -0.11vw;
}

header .mo-nav ul>li>a.active,
header .mo-nav ul>li ol li a.active {
  color: #000;
}

header .mo-nav ul>li:nth-child(2)>a.toggle {
  background-image: url('/content/image/ico/ico_toggle_up.svg');
}

/********************
// COMPONENT
//  - Footer
********************/
.footer {
  padding: 8vw 4.27vw 10.67vw;
  background-color: #f8f8f8;
}

.footer .pc-ft-inner {
  display: none;
}

.footer .mo-ft-inner ul li+li {
  margin-top: 2.13vw;
}

.footer .mo-ft-inner ul li span {
  position: relative;
  font-size: 3.2vw;
  color: #4f4f4f;
}

.footer .mo-ft-inner ul li span+span {
  margin-left: 4.53vw;
}

.footer .mo-ft-inner ul li span+span::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0.27vw;
  left: -2.67vw;
  width: 0.27vw;
  height: 3.2vw;
  background-color: #d9d9d9;
}

/********************
// COMPONENT
//  - Top-button
********************/

#main .sec01 .tit-box h3 {
  text-align: center;
  font-size: 7.2vw;
  line-height: 1.4;
  font-weight: 600;
}

#main .sec02 .tit-box h3 {
  margin: 3.2vw 0 2.13vw;
}


#main .sec03 .tit-box h3 {
  margin-bottom: 10.67vw;
  text-align: center;
}

#main .sec04 .tit-box h3 {
  text-align: center;
}

#company .sec01 .tit-box h3 {
  color: #fff;
}

#company .sec02 .tit-box .caption {
  display: block;
  text-align: center;
  color: #00a3a9;
}

#company .sec02 .tit-box h3 {
  margin-top: 3.2vw;
  text-align: center;
}

#company .sec02 .life-box .tit-box h4 {
  margin: 8.53vw 0 0;
}

#company .sec03 .tit-box .caption {
  display: block;
  text-align: center;
  color: #00a3a9;
}

#company .sec03 .tit-box h3 {
  margin-top: 3.2vw;
  text-align: center;
}

#company .sec03 .slider-box .tit-box h4 {
  font-size: 6.4vw;
  margin-bottom: 4.27vw;
  color: #fff;
}

#company .sec03 .slider-box .tit-box p {
  color: rgba(255, 255, 255, 0.8);
}

#company .sec04 .tit-box {
  gap: 0;
}

#company .sec04 .tit-box .caption {
  display: block;
  text-align: center;
  color: #00a3a9;
}

#company .sec04 .tit-box h3 {
  margin-top: 3.2vw;
  text-align: center;
}

#company .sec04 .benefit-box .tit-box .caption {
  display: block;
  text-align: center;
  color: #929292;
}

#company .sec04 .benefit-box .tit-box h4 {
  margin-top: 1.07vw;
  text-align: center;
}

#company .sec05 .tit-box h3 {
  margin-bottom: 8.53vw;
  text-align: center;
}

#company .sec06 .tit-box h3 {
  margin-bottom: 5.33vw;
  text-align: center;
}

#company .sec06 .tit-box p.pc {
  display: none;
}

#company .sec06 .tit-box p {
  text-align: center;
}

#ebank .sec01 .tit-box h3 {
  margin-bottom: 5.33vw;
  color: #fff;
}

#ebank .sec01 .tit-box p {
  color: #fff;
}

#ebank .sec02 .list-box .tit-box.item h4 {
  margin-bottom: 6.4vw;
  padding-bottom: 6.4vw;
  border-bottom: 0.27vw dashed #fff;
  color: #fff;
}

#ebank .sec02 .list-box .tit-box.item h4::before {
  display: block;
  margin-bottom: 2.13vw;
  color: rgba(255, 255, 255, 0.8);
}

#ebank .sec02 .list-box .tit-box.item:nth-child(1) h4::before {
  content: '01';
}

#ebank .sec02 .list-box .tit-box.item:nth-child(2) h4::before {
  content: '02';
}

#ebank .sec02 .list-box .tit-box.item:nth-child(3) h4::before {
  content: '03';
}

#ebank .sec02 .list-box .tit-box.item:nth-child(4) h4::before {
  content: '04';
}

#ebank .sec02 .list-box .tit-box.item p {
  color: #fff;
}

#ebank .sec03 .tit-box .caption {
  display: block;
  text-align: center;
}

#ebank .sec03 .tit-box h3 {
  margin-top: 3.2vw;
  text-align: center;
}

#ebank .sec03 .tit-box h3 .pc {
  display: none;
}

#ebank .sec04 .tit-box h3 {
  text-align: center;
}

#ebank .sec05 .tit-box {
  text-align: center;
}

#ebank .sec05 .tit-box button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.07vw;
  width: 45.33vw;
  height: 11.73vw;
  margin: 6.4vw auto 0;
  background-color: #00a3a9;
  font-size: 3.73vw;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.11vw;
  border-radius: 13.33vw;
}

#ebank .sec05 .tit-box button::before {
  content: '';
  display: inline-block;
  width: 5.33vw;
  height: 5.33vw;
  background: url('/content/image/ico/ico_send.png') no-repeat center left / 100%;
}

#mystore .sec01 .tit-box p br {
  display: none;
}

/********************
// COMPONENT
//  - Solution-link
********************/
.solution-link {
  margin-top: 17.07vw;
  background-color: #fff;
  position: sticky;
  top: 16.53vw;
  z-index: 99;
  transition: all 0.4s;
}

.solution-link .scroll-box {
  overflow-x: scroll;
  padding: 3.2vw 0;
}

.solution-link .link-wrap {
  display: flex;
  justify-content: center;
  gap: 2.13vw;
  width: 177.07vw;
}

.solution-link .link {
  width: 32vw;
  height: 10.67vw;
  background-color: #ebebeb;
  border-radius: 5.33vw;
  transition: all 0.2s;
}

.solution-link .link a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: -0.27vw;
  font-size: 2.93vw;
  border-radius: 5.33vw;
  letter-spacing: -0.11vw;
}

.solution-link .link.active,
.solution-link .link:hover {
  background-color: #00a3a9;
}

.solution-link .link.active a,
.solution-link .link:hover a {
  color: #fff;
}

/********************
// Visual
********************/
.visual {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 17.19vw);
  margin-top: 17.07vw;
  padding: 0 4.27vw;
  position: relative;
  overflow: hidden;
}

.visual .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

#main .visual::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
  z-index: 1;
}

.visual .tit-box {
  text-align: center;
  position: relative;
  z-index: 2;
}

#main .visual {
  background-color: #bbb;
}

#main .visual .tit-box h2 {
  font-size: 8.53vw;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
}

#main .visual .tit-box p {
  font-size: 4.27vw;
  color: #fff;
  font-weight: 400;
  line-height: 1.4;
}

#company .visual {
  height: 77.33vw;
  background-color: #fff;
}

.solution .visual {
  height: auto;
  margin-top: 0;
  padding: 19.2vw 4.27vw 21.33vw;
  background: #fff;
}

/********************
// partners
********************/
.partners {
  display: none;
}

.partners-mo {
  display: flex;
  flex-wrap: wrap;
  gap: 2.13vw;
  margin-top: 10.67vw;
}

.partners-mo img {
  width: calc((100% - 2.13vw) / 2);
  background-color: #fff;
}

/********************
// PAGE
//  - main
********************/
#main .sec01 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 59.2vw;
  background: url('/content/image/bg/bg_main_sec01.png') no-repeat center / cover;
  position: relative;
}

#main .sec01::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(2px);
  z-index: 1;
}

#main .sec01>* {
  position: relative;
  z-index: 2;
}

#main .sec02 .container {
  margin: 0 4.27vw;
}

#main .sec02 .solution-box {
  position: relative;
}

#main .sec02 .solution-box+.solution-box {
  margin-top: 19.2vw;
}

#main .sec02 .solution-box li {
  position: relative;
  padding-left: 3.2vw;
}

#main .sec02 .solution-box li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 2.13vw;
  left: 0;
  width: 1.07vw;
  height: 1.07vw;
  background-color: #999;
  border-radius: 50%;
}

#main .sec02 .solution-box .img-box {
  width: 100%;
  height: 70.4vw;
  margin-top: 8.53vw;
}

#main .sec02 .solution-box .img-box .img {
  width: 100%;
  height: 100%;
}

#main .sec02 .solution-box:nth-child(1) .img-box .img {
  background: url('/content/image/img/img_main_sec02_05.png') no-repeat center / cover;
}

#main .sec02 .solution-box:nth-child(2) .img-box .img {
  background: url('/content/image/img/img_main_sec02_02.png') no-repeat center / cover;
}

#main .sec02 .solution-box:nth-child(3) .img-box .img {
  background: url('/content/image/img/img_main_sec02_03.png') no-repeat center / cover;
}

#main .sec02 .solution-box:nth-child(4) .img-box .img {
  background: url('/content/image/img/img_main_sec02_04.png') no-repeat center / cover;
}

#main .sec02 .solution-box:nth-child(5) .img-box .img {
  background: url('/content/image/img/img_main_sec02_01.png') no-repeat center / cover;

}

#main .sec02 .solution-box a {
  position: absolute;
  left: 6.4vw;
  bottom: -4.8vw;
  padding: 3.2vw 6.4vw;
  background: #f3f3f3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.15);
  z-index: 2;
}

#main .sec02 .solution-box a img {
  margin-left: 1.6vw;
}

#main .sec02 .solution-box:nth-child(odd) a {
  border-radius: 2.13vw 0 2.13vw 2.13vw;
}

#main .sec02 .solution-box:nth-child(even) a {
  border-radius: 0 2.13vw 2.13vw 2.13vw;
}


#main .sec03 {
  background-color: #f8f8f8;
}

#main .sec04.pc {
  display: none;
}

#main .sec04 {
  padding: 21.33vw 0;
}

#main .sec04 .container {
  margin: 0 4.27vw;
}

#main .sec04 p {
  margin: 5.33vw 0 8.53vw;
  text-align: center;
}

#main .sec04 .contact-info li {
  display: flex;
  align-items: center;
  gap: 4.27vw;
  height: 21.33vw;
  padding: 0 6.4vw;
  font-size: 4.27vw;
  background-color: #f8f8f8;
  border-radius: 4.27vw;
}

#main .sec04 .contact-info li+li {
  margin-top: 3.2vw;
}

#main .sec04 .contact-info li span {
  width: 10.67vw;
  height: 10.67vw;
  border-radius: 50%;
}

#main .sec04 .contact-info li:nth-child(1) span {
  background: #068c90 url('/content/image/ico/ico_tel.png') no-repeat top 1.87vw left 2.13vw / 6.4vw;
}

#main .sec04 .contact-info li:nth-child(2) span {
  background: #068c90 url('/content/image/ico/ico_email.png') no-repeat top 2.4vw left 2.4vw / 6.4vw;
}

/********************
// PAGE
//  - company
********************/
#company .sec01 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 65.07vw;
  padding: 0 4.27vw;
  background: linear-gradient(135.47deg, rgba(0, 0, 0, 0.64) 10.57%, rgba(255, 255, 255, 0.48) 114.38%),
    url('/content/image/bg/bg_company_sec01_mobile.png') no-repeat center / cover;
}

#company .sec02 {
  padding: 21.33vw 0 4.27vw;
}

#company .sec02 .tit-box .caption {
  color: #00a3a9;
}

#company .sec02 .life-box {
  margin-top: 19.2vw;
}

#company .sec02 .life-box.second .img,
#company .sec02 .life-box.third .img {
  width: 100%;
  height: 96vw;
}

#company .sec02 .life-box.second .img {
  background: url('/content/image/bg/bg_company_sec02_2.png') no-repeat center / cover;
}

#company .sec02 .life-box.third .img {
  background: url('/content/image/bg/bg_company_sec02_3.png') no-repeat center / cover;
}

#company .sec02 .life-box.first .img,
#company .sec02 .life-box.fourth .img {
  height: 113.07vw;
}

#company .sec02 .life-box.first .img {
  background: url('/content/image/bg/bg_company_sec02_1.png') no-repeat center / cover;
}

#company .sec02 .life-box.fourth .img {
  background: url('/content/image/bg/bg_company_sec02_4.png') no-repeat center / cover;
}

#company .sec03 {
  padding: 21.33vw 0 21.33vw;
  background-color: #f8f8f8;
}

#company .sec03 .slider-wrap {
  overflow-x: hidden;
  width: 100%;
  margin-top: 21.33vw;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

#company .sec03 .slider {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 222.93vw;
  margin-right: auto;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

#company .sec03 .slider-box {
  width: 71.47vw;
  height: 77.87vw;
  padding: 12.8vw 10.67vw;
  border-radius: 8.53vw;
  transition: opacity 0.4s;
}

#company .sec03 .slider-box.purple {
  background: linear-gradient(0deg, #7f6ff6, #7f6ff6),
    linear-gradient(347.61deg, rgba(255, 255, 255, 0) 36.87%, rgba(255, 255, 255, 0.2) 98.56%);
}

#company .sec03 .slider-box.blue {
  background: linear-gradient(0deg, #0872e6, #0872e6),
    linear-gradient(347.61deg, rgba(255, 255, 255, 0) 36.87%, rgba(255, 255, 255, 0.2) 98.56%);
}

#company .sec03 .slider-box.green {
  background: linear-gradient(0deg, #03af83, #03af83),
    linear-gradient(347.61deg, rgba(255, 255, 255, 0) 36.87%, rgba(255, 255, 255, 0.2) 98.56%);
}

#company .sec03 .slider-box+.slider-box {
  margin-left: 4.27vw;
}

#company .sec03 .cultureSwiper .swiper-slide-prev {
  opacity: 0;
}

#company .sec04 {
  padding: 21.33vw 0;
}

#company .sec04 .benefit-box-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 2.13vw;
  margin-top: 21.33vw;
}

#company .sec04 .benefit-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - 2.13vw) / 2);
  height: 20vw;
  border: 0.27vw solid #d9d9d9;
}

#company .sec04 .benefit-box .ico {
  display: none;
}

#company .sec05.pc {
  display: none;
}


#company .sec05 .history .btn-list-wrap {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
}

#company .sec05 .history .btn-list-wrap:-webkit-scrollbar {
  display: none;
}

#company .sec05 .history .btn-list {
  display: flex;
  align-items: center;
  width: 149.33vw;
  border-bottom: 0.27vw solid #d9d9d9;
  gap: 2.67vw;
  padding: 0 2.67vw;
}

#company .sec05 .history .btn-list li {
  width: 21.33vw;
  flex-shrink: 0;
}

#company .sec05 .history .btn-list li button,
#ebank .sec03 .history .btn-list li button {
  width: 100%;
  height: 13.87vw;
  font-size: 5.33vw;
  font-weight: 500;
  color: #d9d9d9;
  letter-spacing: -0.11vw;
  padding: 0 2.67vw;
  box-sizing: border-box;
}

#company .sec05 .history .btn-list li.active button,
#ebank .sec03 .history .btn-list li.active button {
  border-bottom: 0.53vw solid #000;
  color: #000;
}

#company .sec05 .history .cont-wrap {
  margin: 0 4.27vw;
}

#company .sec05 .history .cont {
  display: none;
  padding: 10.67vw 0;
}

#company .sec05 .history .cont.show {
  display: block;
}

#company .sec05 .history .cont dl+dl {
  margin-top: 13.87vw;
}

#company .sec05 .history .cont dl dt {
  font-size: 4.53vw;
  margin-bottom: 2.13vw;
  font-weight: 600;
  color: #929292;
}

#company .sec05 .history .cont dl dd {
  font-size: 4.53vw;
  font-weight: 500;
  line-height: 1.4;
}

#company .sec05 .history .cont dl dd+dd {
  margin-top: 2.13vw;
}

#company .sec06 {
  background-color: #f8f8f8;
}

#company .sec06 .ci-box {
  margin-top: 10.67vw;
}

#company .sec06 .ci-box .img {
  width: 100%;
  height: 38.67vw;
  margin-top: 3.2vw;
  background: url('/content/image/img/img_brick_ci.png') no-repeat center / cover;
}

#company .sec06 .point-color-box {
  margin-top: 12.8vw;
}

#company .sec06 .point-color-box .flex-box {
  margin-top: 3.2vw;
}

#company .sec06 .point-color-box .point-color {
  width: 100%;
  margin-bottom: 8.53vw;
  padding: 8.53vw 6.4vw;
  background-color: #00a3a9;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.11vw;
}

#company .sec06 .point-color-box .point-color dl+dl {
  margin-top: 3.2vw;
}

#company .sec06 .point-color-box .point-color dt {
  margin-bottom: 1.07vw;
}

/********************
// PAGE
//  - ebank
********************/
#ebank .sec01 {
  display: flex;
  align-items: center;
  height: 83.2vw;
  padding: 0 4.27vw;
  background: url('/content/image/bg/bg_ebank_sec01_mobile.png') no-repeat center / cover;
}

#ebank .sec02 .list-box {
  margin-top: 8.53vw;
  padding: 10.67vw 8.53vw;
  border-radius: 4.27vw;
  background-color: #00a3a9;
}

#ebank .sec02 .list-box .item+.item {
  margin-top: 12.8vw;
}

#ebank .sec03 {
  background-color: #f8f8f8;
}

#ebank .sec03 .service-list {
  width: 100%;
  margin: 0 auto;
}

#ebank .sec03 .service-list .service-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4.27vw;
  list-style: none;
  padding: 0;
  margin: 0;
}

#ebank .sec03 .service-list .service-item {
  width: calc((100% - 4.27vw) / 2);
}

#ebank .sec03 .service-list .service-card {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20vw;
  padding: 4.27vw;
  background-color: #f8f8f8;
  border-radius: 4.27vw;
  text-align: center;
  transition: all 0.3s ease;
}

#ebank .sec03 .service-list .service-item:nth-child(1) .service-card {
  background-image: url('/content/image/img/img_ebank_sec03_1.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

#ebank .sec03 .service-list .service-item:nth-child(1) .service-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4.27vw;
}

#ebank .sec03 .service-list .service-item:nth-child(2) .service-card {
  background-image: url('/content/image/img/img_ebank_sec03_2.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

#ebank .sec03 .service-list .service-item:nth-child(2) .service-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4.27vw;
}

#ebank .sec03 .service-list .service-item:nth-child(3) .service-card {
  background-image: url('/content/image/img/img_ebank_sec03_3.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

#ebank .sec03 .service-list .service-item:nth-child(3) .service-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4.27vw;
}

#ebank .sec03 .service-list .service-item:nth-child(4) .service-card {
  background-image: url('/content/image/img/img_ebank_sec03_4.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

#ebank .sec03 .service-list .service-item:nth-child(4) .service-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4.27vw;
}

#ebank .sec03 .service-list .service-title {
  font-size: 3.73vw;
  font-weight: 600;
  color: #fff;
  position: relative;
  z-index: 2;
  text-shadow: 0 0.27vw 0.53vw rgba(0, 0, 0, 0.5), 0 0.13vw 0.27vw rgba(0, 0, 0, 0.3);
}

#ebank .sec03 .list-group {
  display: none;
}

#ebank .sec03 .list-toggle {
  margin-top: 8.53vw;
}

#ebank .sec03 .list-toggle .tog-btn button {
  width: 100%;
  height: 12.8vw;
  padding: 0 6.4vw;
  background: #21212f url('/content/image/ico/ico_fill_arr_white.png') no-repeat center right 6.4vw / 6.4vw;
  font-size: 3.73vw;
  font-weight: 600;
  text-align: left;
  color: #fff;
}

#ebank .sec03 .list-toggle .tog-btn.on button {
  background-image: url('/content/image/ico/ico_fill_arr_white_on.png');
}

#ebank .sec03 .list-toggle .tog-cont {
  padding: 6.4vw 4.27vw;
  background-color: #fff;
}

#ebank .sec03 .list-toggle .item-toggle {
  background-color: #f5f5f5;
}

#ebank .sec03 .list-toggle .item-toggle+.item-toggle {
  margin-top: 4.27vw;
}

#ebank .sec03 .list-toggle .item-toggle button {
  width: 100%;
  height: 10.67vw;
  padding: 0 6.4vw;
  background: #f1f2f6 url('/content/image/ico/ico_fill_arr.png') no-repeat center right 6.4vw / 6.4vw;
  font-size: 3.73vw;
  font-weight: 600;
  text-align: left;
  border: 0.27vw solid #d9d9d9;
}

#ebank .sec03 .list-toggle .item-toggle button.on {
  background-image: url('/content/image/ico/ico_fill_arr_on.png');
}

#ebank .sec03 .list-toggle .item-toggle .item-wrap {
  margin-top: 1.07vw;
  border: 0.27vw solid #d9d9d9;
}

#ebank .sec03 .list-toggle .item-toggle .item {
  padding: 2.13vw 6.4vw;
  font-size: 3.2vw;
  color: #4f4f4f;
}

#ebank .sec03.pc {
  display: none;
}

#ebank .sec03.mo {
  display: block;
  padding: 21.33vw 4.27vw;
}


#ebank .sec03 .history .btn-list-wrap {
  margin-top: 10.67vw;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

#ebank .sec03 .history .btn-list-wrap::-webkit-scrollbar {
  display: none;
}

#ebank .sec03 .history .btn-list {
  display: flex;
  align-items: center;
  width: 213.33vw;
  border-bottom: 0.27vw solid #d9d9d9;
  gap: 2.67vw;
}

#ebank .sec03 .history .btn-list li {
  width: 21.33vw;
  flex-shrink: 0;
}

#ebank .sec03 .history .cont-wrap {
  margin-top: 8.53vw;
}

#ebank .sec03 .history .cont {
  display: none;
}

#ebank .sec03 .history .cont.show {
  display: block;
}

#ebank .sec03 .history .cont dl+dl {
  margin-top: 5.33vw;
}

#ebank .sec03 .history .cont dl dt {
  font-size: 3.2vw;
  font-weight: 600;
  color: #929292;
  margin-bottom: 1.07vw;
}

#ebank .sec03 .history .cont dl dd {
  font-size: 3.73vw;
  line-height: 1.8;
  color: #1a1a1a;
}

#ebank .sec03 .history .cont dl dd+dd {
  margin-top: 2.13vw;
}

#ebank .sec04 {
  padding: 21.33vw 4.27vw;
}

#ebank .sec05 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 83.2vw;
  padding: 0 4.27vw;
  background: url('/content/image/bg/bg_ebank_sec05_mobile.png') no-repeat center / cover;
}

/********************
// PAGE
//  - mystore
********************/
#mystore .sec01 {
  padding: 17.07vw 0 21.33vw;
  background-color: #222b3f;
}

#mystore .sec01 .img {
  width: 100%;
  height: 83.2vw;
  margin-bottom: 10.67vw;
  background: url('/content/image/img/img_mystore_sec01.png') no-repeat center / cover;
}

#mystore .sec01 .btn-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8.53vw;
}

#mystore .sec01 .btn-box a {
  width: calc((100% - 2.13vw) / 2);
  height: 14.93vw;
  background: rgba(255, 255, 255, 0.1) url('/content/image/img/img_btn_googleplay.png') no-repeat center / 32vw 6.4vw;
  border: 0.27vw solid rgba(255, 255, 255, 0.8);
  border-radius: 7.47vw;
}

#mystore .sec01 .btn-box a:nth-child(2) {
  background-image: url('/content/image/img/img_btn_appstore.png');
  background-size: 27.2vw 8.53vw;
}

#mystore .sec02 {
  background-color: #f8f8f8;
}

#mystore .sec02 .box,
#warpbrick .sec02 .box,
#mystore .sec05 .box {
  padding: 12.8vw 4.27vw;
  background-color: #f1f3f5;
  border-radius: 8.53vw;
}

#mystore .sec02 .box.first,
#warpbrick .sec02 .box.first,
#mystore .sec05 .box.first {
  margin-top: 21.33vw;
}

#mystore .sec02 .box+.box,
#mystore .sec05 .box+.box {
  margin-top: 8.53vw;
}

#mystore .sec02 .box h4,
#mystore .sec02 .box p,
#warpbrick .sec02 .box h4,
#warpbrick .sec02 .box p,
#mystore .sec05 .box h4,
#mystore .sec05 .box p {
  padding: 0 4.27vw;

}

#mystore .sec02 .box h4 .gray {
  color: #767676;
}

#mystore .sec02 .box .img.pc {
  display: none;
}

#mystore .sec02 .box .img.mo,
#mystore .sec05 .box .img.mo {
  margin: 8.53vw 0;
}

#mystore .sec02 .box.first .img.mo {
  width: 100%;
  height: 56.53vw;
  background: url('/content/image/img/img_mystore_sec02_1.png') no-repeat center / contain;
}

#mystore .sec02 .box.second .img.mo {
  width: 100%;
  height: 89.6vw;
  background: url('/content/image/img/img_mystore_sec02_2.png') no-repeat center / contain;
}

#mystore .sec02 .box.third .img.mo {
  width: 100%;
  height: 57.33vw;
  background: url('/content/image/img/img_mystore_sec02_3.png') no-repeat center / contain;
}

#mystore .sec03 .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 5.33vw;
}

#mystore .sec03 .img {
  width: 69.33vw;
  height: 133.87vw;
  background: url('/content/image/img/img_mystore_sec03.png') no-repeat center/ contain;
  margin-top: 10.67vw;
}

#mystore .sec04 {
  padding: 21.33vw 0;
  background-color: #f8f8f8;
}

#mystore .sec04 .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 5.33vw;
}

#mystore .sec04 .img {
  width: 69.33vw;
  height: 133.87vw;
  background: url('/content/image/img/img_mystore_sec04.png') no-repeat center/ contain;
  margin-top: 10.67vw;

}

#mystore .sec05 .box.first .img.mo {
  width: 100%;
  height: 37.33vw;
  background: url('/content/image/bg/bg_mystore_sec05_1.png') no-repeat center / contain;
}

#mystore .sec05 .box.second .img.mo {
  width: 100%;
  height: 76.8vw;
  background: url('/content/image/bg/bg_mystore_sec05_2_mobile.png') no-repeat center / contain;
}

#mystore .sec05 .box.third .img.mo {
  width: 100%;
  height: 88vw;
  background: url('/content/image/bg/bg_mystore_sec05_3.png') no-repeat center / contain;
}


/********************
// PAGE
//  - rnbrick
********************/

#rnbrick .sec01 {
  height: 114.67vw;
  padding: 21.33vw 0;
  background: url('/content/image/bg/bg_rnbrick_sec01_mobile.png') no-repeat center / cover;
}

#rnbrick .sec01 .img-box {
  display: none;
}

#rnbrick .sec02 .box-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#rnbrick .sec02 .box-inner .box {
  width: 100%;
  padding: 6.4vw 0;
}

#rnbrick .sec02 .box-inner .box .img {
  margin-bottom: 9.6vw;
}

#rnbrick .sec02 .box-inner .box p {

  color: #929292;
  margin-top: 1.6rem;
}

#rnbrick .sec03,
#kiobrick .sec03 {
  background-color: #F1F3F5;
}

#rnbrick .sec03 .tit-box.pc {
  display: none;
}

#rnbrick .sec03 .tit-box.mobile {
  display: block;
}

#rnbrick .sec03 .tit-box.mobile h3 {
  text-align: center;
  margin-bottom: 17.07vw;
}

#rnbrick .section.sec03 .flex-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 10.67vw; */
}

#rnbrick .section.sec03 .flex-box .left-box {
  order: 2;
}

#rnbrick .section.sec03 .flex-box .right-box {
  order: 1;
}


#rnbrick .section.sec03 .flex-box .right-box img {
  width: 100%;
}

#rnbrick .section.sec03 ul {
  padding-top: 17.07vw;
  font-size: 4.27vw;
  line-height: 1.4;
}

#rnbrick .section.sec03 ul li {
  margin-bottom: 4.27vw;
  display: flex;
  align-items: center;
  gap: 2.13vw;
}

#rnbrick .sec03 ul li img {
  width: 6.4vw;
  height: 6.4vw;
}

.section.contact {
  background-color: #21212f;
  color: #fff;
}

.section.contact .tit-box p:first-child {
  font-size: 4.8vw;
  font-weight: 600;
  line-height: 1.3;
  color: #00A3A9;
  margin-bottom: 6.4vw;
}

.section.contact .tit-box h3 {
  margin-bottom: 3.2vw;
}

.section.contact .tit-box p:last-child {
  font-size: 4.27vw;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 14.93vw;
}


.section.contact .flex-box .right-box .contact-box {
  display: flex;
  flex-direction: column;
  gap: 6.4vw;
}

.section.contact .flex-box .right-box .contact-box>div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6.4vw;
}

.section.contact .flex-box .right-box .contact-box p:first-child {
  font-size: 4.27vw;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  width: 17.07vw;
}

/********************
// PAGE
//  - warpbrick
********************/


#warpbrick .sec01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 83.2vw;
  background: #222b3f url('/content/image/bg/bg_warpbrick_sec01.png') no-repeat center / cover;
}

#warpbrick .sec02 .container {
  display: grid;
  gap: 3.2rem;
}

#warpbrick .sec02 .box h4 {
  margin-bottom: 4.27vw;
}

#warpbrick .sec02 .box .img.mo {
  display: block;
  width: 100%;
  height: auto;
  margin: 8.53vw 0;
}

#warpbrick .sec02 .img.pc {
  display: none;
}


#warpbrick .sec02 .box .tag-box {
  margin-top: 0;
  display: flex;
  flex-direction: row;
  gap: 2.13vw;
  color: #767676;
}

#warpbrick .sec02 .box .tag-box span {
  font-size: 1.4rem;
  padding: 2.13vw 3.2vw;
  background-color: #fff;
  border-radius: 21.33vw;
}


#warpbrick .sec03 {
  background-color: #f8f8f8;
}

#warpbrick .sec03 .box-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 4.27vw;
  margin-top: 8.53vw;
}

#warpbrick .sec03 .box-inner .box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6.4vw;
  width: 100%;
  padding: 8.53vw;
  background-color: #fff;
  border-radius: 6.4vw;
}

#warpbrick .sec03 .box-inner .box img {
  width: 17.07vw;
  height: 17.07vw;
}

#warpbrick .sec03 .box-inner .box p {
  font-size: 4.8vw;
  color: #767676;
  line-height: 1.4;
}

/********************
// PAGE
//  - kiobrick
********************/

#kiobrick .sec01 {
  height: 114.67vw;
  padding: 21.33vw 4.27vw;
  background: #222b3f url('/content/image/bg/bg_kiobrick_sec01_mobile.png') no-repeat center / cover;
}

#kiobrick .sec02 .tit-box,
#kiobrick .sec05 .tit-box {
  margin-bottom: 17.07vw;
}

#kiobrick .sec02 .box-inner {
  display: flex;
  flex-direction: column;
  gap: 4.27vw;
}

#kiobrick .sec02 .box-inner:nth-child(even) {
  margin-top: 4.27vw;
}

#kiobrick .sec02 .box-inner .box {
  background-color: #f8f8f8;
  padding: 0 6.4vw;
  border-radius: 4.27vw;
  height: 33.87vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6.4vw;
}

#kiobrick .sec02 .box-inner .box span {
  font-size: 8.53vw;
}

#kiobrick .sec02 .box-inner .box h4 {
  font-size: 5.87vw;
  font-weight: 600;
  margin: 4.27vw 0 2.13vw;
}

#kiobrick .sec02 .box-inner .box p {
  font-size: 4.27vw;
  font-weight: 500;
  line-height: 1.5;
  color: #929292;
}

#kiobrick .sec03 .box-container {
  margin-top: 17.07vw;
}

#kiobrick .sec03 .box-inner {
  display: flex;
  flex-direction: row;
  gap: 6.4vw;
  margin-top: 0;
  flex-wrap: wrap;
}

#kiobrick .sec03 .box-container .step {
  width: calc(50% - 3.2vw);
  flex: none;
}

#kiobrick .sec04 .box-container .tit-box h3 {
  font-size: 5.87vw;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}

#kiobrick .sec04 .box-container.second .tit-box h3 {
  color: #21212f;
}

#kiobrick .sec04 .box-container .tit-box h3 span {
  font-weight: 300;
}

#kiobrick .sec03 .box-container .step span,
#kiobrick .sec04 .box-container .step span {
  display: inline-block;
  padding: 1.6vw 3.2vw;
  font-size: 3.2vw;
  color: #fff;
  background-color: #21212f;
  border-radius: 21.33vw;
}

#kiobrick .sec04 .box-container .step span {
  background-color: #ffffff;
  color: #21212f;
}

#kiobrick .sec04 .box-container.second .step h3 {
  font-size: 2rem;
  margin: 3.2rem 0 0.4rem;
  font-weight: 600;
  line-height: 1.6;
}

#kiobrick .sec03 .box-container .step p,
#kiobrick .sec04 .box-container .step p {
  font-size: 4.27vw;
  margin: 1.6rem 0 4rem;
}

#kiobrick .sec04 .box-container .step p {
  color: rgba(255, 255, 255, 0.8);
}

#kiobrick .sec04 .box-container.second .step p {
  font-size: 1.6rem;
  color: #4f4f4f;
  line-height: 1.6;
  margin: 0;
}

#kiobrick .sec03 .box-container .step img,
#kiobrick .sec04 .box-inner img {
  width: 100%;
  border-radius: 0.8rem;
}

#kiobrick .sec04 .box-container {
  flex-wrap: wrap;
  background-color: #21212f;
  margin-top: 17.07vw;
  padding: 12.8vw 4.27vw;
  border-radius: 6.4vw;
}

#kiobrick .sec04 .box-container.second {
  background-color: #f1f3f5;
}

#kiobrick .sec04 .box-container .tit-box {
  text-align: left;
  color: #fff;
}

#kiobrick .sec04 .box-container.second .tit-box {
  color: #21212f;
}

#kiobrick .sec04 .box-inner {
  display: flex;
  flex-direction: row;
  gap: 6.4vw;
  margin-top: 8.53vw;
  flex-wrap: wrap;
}

#kiobrick .sec04 .box-inner .step {
  width: calc(50% - 3.2vw);
  flex: none;
}

#kiobrick .box-inner .step:nth-child(3),
#kiobrick .box-inner .step:nth-child(4) {
  margin-top: 6.4vw;
}

#company .sec02 .tit-box .caption,
#company .sec03 .tit-box .caption,
#company .sec04 .tit-box .caption {
  font-size: 4.8vw !important;
  font-weight: 600 !important;
}

#company .sec02 .tit-box h3,
#company .sec02 .tit-box h4,
#company .sec03 .tit-box h3,
#company .sec04 .tit-box h3,
#company .sec05 .tit-box h3,
#company .sec06 .tit-box h3 {
  font-size: 8.53vw;
  font-weight: 700;
  line-height: 1.3;
}

#company .sec04 .tit-box .caption {
  font-size: 3.73vw !important;
  font-weight: 500 !important;
}

#company .sec04 .tit-box h4 {
  font-size: 4.27vw;
  font-weight: 600;
}

#company .sec06 .tit-box p {
  font-size: 4.27vw;
  font-weight: 500;
  line-height: 1.3;
}

#company .sec06 .tit-box p .bold {
  font-weight: 700;
}

#company .sec06 .tit-box h4 {
  font-size: 4.8vw;
  font-weight: 600;
}

#company .sec06 .point-color-box p {
  font-size: 4.27vw;
  line-height: 1.4;
}

#ebank .sec02 .tit-box h4 {
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 1.4;
}

#ebank .sec02 .tit-box p {
  font-size: 4.8vw;
  font-weight: 500;
  line-height: 1.6;
}

#ebank .sec03 .tit-box .caption {
  font-size: 4.8vw !important;
  font-weight: 600 !important;
  color: #4f4f4f;
}


/* 스와이퍼 버튼 스타일 */
.swiper-button-next,
.swiper-button-prev {
  background: rgba(255, 255, 255, 0.8) !important;
  width: 12.8vw !important;
  height: 12.8vw !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  color: #929292 !important;
  font-size: 3.2vw !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
}


/****************************************
// Tablet
//  768px ~ 1439px
****************************************/
@media all and (min-width: 768px) {

  body {
    font-size: 1.6rem;
  }

  .error-content {
    margin: 15rem 0;
    padding: 2rem;
  }

  .error-content .error-box img {
    margin-bottom: 7rem;
    width: 40rem;
  }

  .error-content .error-box .txt-box {
    text-align: center;
  }

  .error-content .error-box .txt-box h2 {
    margin-bottom: 2.4rem;
    font-size: 3rem;
    line-height: 1.34;
  }

  .error-content .error-box .txt-box p {
    font-size: 1.6rem;
    line-height: 1.6;
  }

  .error-content .error-box .txt-box p br:first-child {
    display: none;
  }

  .error-content .error-box .txt-box a {
    width: 16.2rem;
    height: 5.4rem;
    margin-top: 4.8rem;
    margin: 0 auto;
    border-radius: 1rem;
    font-size: 1.5rem;
  }

  /********************
  // Header
  ********************/
  header {
    display: flex;
    justify-content: center;
    height: 8rem;
    padding: 0 6.4rem;
    border-bottom: 0.1rem solid #d9d9d9;
  }

  header .header-inner {
    width: 100%;
  }

  header .logo a {
    width: 17rem;
    height: 4rem;
  }

  header .pc-nav-list {
    display: block;
  }

  header .mo-nav-wrap {
    display: none;
  }

  header .pc-nav-list {
    display: flex;
    align-items: center;
  }

  header .pc-nav-list>li {
    position: relative;
    height: 8rem;
  }

  header .pc-nav-list>li>a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 4rem;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: -0.04rem;
  }

  header .pc-nav-list>li>a:hover {
    color: #00a3a9;
  }

  header .pc-nav-list>li.active::after {
    content: '';
    display: block;
    position: absolute;
    top: 1.8rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0.5rem;
    height: 0.5rem;
    background-color: #00a3a9;
    border-radius: 50%;
  }

  header .pc-nav-list>li.active>a {
    color: #00a3a9;
  }

  header .pc-nav-list ol {
    display: none;
    position: absolute;
    top: calc(100% - 0.1rem);
    left: 0;
    width: 100%;
    padding: 2.4rem;
    background-color: #fff;
    border: 0.1rem solid #d9d9d9;
    border-radius: 0 0 1.2rem 1.2rem;
  }

  header .pc-nav-list ol.show {
    display: block;
  }

  header .pc-nav-list ol li+li {
    margin-top: 1.6rem;
  }

  header .pc-nav-list ol li a {
    display: block;
    position: relative;
    width: fit-content;
    font-size: 1.4rem;
    font-weight: 400;
    color: #666;
    letter-spacing: -0.02rem;
  }

  header .pc-nav-list ol li a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -0.4rem;
    left: 0;
    width: 0;
    height: 0.1rem;
    background-color: #000;
    transition: width 0.5s;
  }

  header .pc-nav-list ol li a:hover::after {
    width: 100%;
  }

  /********************
  // footer
  ********************/
  .footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20rem;
    padding: 0 6.4rem;
  }

  .footer .mo-ft-inner {
    display: none;
  }

  .footer .pc-ft-inner {
    display: flex;
    align-items: center;
    gap: 11.2rem;
    width: 100%;
    max-width: 179.2rem;
  }

  .footer .pc-ft-inner .left-box {
    width: 28.2rem;
  }

  .footer .pc-ft-inner .left-box .img {
    width: 17rem;
    height: 4rem;
    margin-bottom: 1.6rem;
    background: url('/content/image/img/img_co_logo.png') no-repeat center / contain;
  }

  .footer .pc-ft-inner .left-box p {
    font-size: 1.5rem;
    color: #4f4f4f;
  }

  .footer .pc-ft-inner ul {
    width: calc(100% - 39.4rem);
  }

  .footer .pc-ft-inner ul li {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.6;
  }

  .footer .pc-ft-inner ul li+li {
    margin-top: 0.8rem;
  }

  .footer .pc-ft-inner ul li span {
    font-size: 1.6rem;
    color: #4f4f4f;
  }

  .footer .pc-ft-inner ul li span+span {
    position: relative;
    margin-left: 2.5rem;
  }

  .footer .pc-ft-inner ul li span+span::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0.4rem;
    left: -1.4rem;
    width: 0.1rem;
    height: 1.2rem;
    background-color: #d9d9d9;
  }

  /********************
  // COMPONENT
  //  - Title-box
  ********************/


  #company .visual .tit-box {
    margin-top: 8rem;
  }

  #company .visual .tit-box h2 {
    margin-bottom: 2rem;
    text-align: center;
  }

  #company .visual .tit-box p {
    text-align: center;
  }

  #main .sec02 .tit-box h3 {
    margin: 0.8rem 0;
  }

  #main .sec03 .tit-box h3 {
    margin-bottom: 8rem;
  }

  #main .sec04 .tit-box {
    width: 34rem;
  }

  #main .sec04 .tit-box h3 {
    text-align: left;
  }

  #company .sec01 .tit-box {
    width: 100%;
    max-width: 144rem;
    margin: 0 auto;
  }

  #company .sec02 .tit-box h3 {
    margin-top: 1.6rem;
  }

  #company .sec02 .life-box .tit-box h4 {
    margin: 6.4rem 0 2.4rem;
  }

  #company .sec03 .tit-box .caption {
    text-align: left;
  }

  #company .sec03 .tit-box h3 {
    margin-top: 1.6rem;
    text-align: left;
  }

  #company .sec03 .slider-box .tit-box h4 {
    margin-bottom: 2.4rem;
  }

  #company .sec04 .tit-box h3 {
    margin-top: 1.6rem;
  }

  #company .sec04 .benefit-box .tit-box {
    position: relative;
  }

  #company .sec04 .benefit-box .tit-box .caption {
    text-align: left;
  }

  #company .sec04 .benefit-box .tit-box h4 {
    margin-top: 0;
    text-align: left;
  }

  #company .sec05 .tit-box h3 {
    margin-bottom: 8rem;
  }

  #company .sec06 .tit-box h3 {
    margin-bottom: 2rem;
  }

  #ebank .sec01 .tit-box h3 {
    margin-bottom: 2.4rem;
    text-align: right;
  }

  #ebank .sec01 .tit-box p {
    text-align: right;
  }


  #ebank .sec02 .list-box .tit-box.item h4 {
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
    border-bottom: 0.1rem dashed #fff;
  }

  #ebank .sec02 .list-box .tit-box.item h4::before {
    margin-bottom: 0.8rem;
  }

  #ebank .sec03 .tit-box h3 .pc {
    display: inline-block;
  }

  #ebank .sec03 .tit-box h3 {
    margin-top: 1.6rem;
  }

  #ebank .sec05 .tit-box button {
    gap: 0.8rem;
    width: 23.6rem;
    height: 6.4rem;
    margin-top: 4.8rem;
    font-size: 2rem;
    letter-spacing: -0.04rem;
    border-radius: 3.2rem;
  }

  #ebank .sec05 .tit-box button::before {
    width: 2.4rem;
    height: 2.4rem;
  }

  #mystore .sec01 .tit-box h3,
  #rnbrick .sec01 .tit-box h3,
  #warpbrick .sec01 .tit-box h3,
  #ebank .sec01 .tit-box h3,
  #kiobrick .sec01 .tit-box h3 {
    margin-bottom: 2.4rem !important;
  }

  #mystore .sec01 .tit-box p br {
    display: block;
  }

  #mystore .sec02 .tit-box h3,
  #warpbrick .sec02 .tit-box h3 {
    margin-bottom: 1.6rem;
  }

  #mystore .sec03 .tit-box h3,
  #kiobrick .sec03 .tit-box h3 {
    margin-bottom: 1.6rem;
    text-align: left;
  }

  #mystore .sec03 .tit-box p,
  #kiobrick .sec03 .tit-box p {
    text-align: left;
  }

  #mystore .sec04 .tit-box h3 {
    margin-bottom: 1.6rem;
    text-align: left;
  }

  #mystore .sec04 .tit-box p {
    text-align: left;
  }

  #mystore .sec05 .tit-box h3 {
    margin-bottom: 1.6rem;
  }

  /********************
  // COMPONENT
  //  - Solution-link
  ********************/
  .solution-link {
    top: 8rem;
    margin-top: 14.4rem;
    padding: 0.8rem 0;
  }

  .solution-link .scroll-box {
    width: 100%;
    max-width: 147.2rem;
    margin: auto;
    padding: 0 1.6rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
  }

  .solution-link .scroll-box::-webkit-scrollbar {
    display: none;
  }

  .solution-link .link-wrap {
    width: 144rem;
    gap: 1.6rem;
  }

  .solution-link .link {
    width: 27.52rem;
    height: 6.4rem;
    border-radius: 3.2rem;
  }

  .solution-link .link a {
    margin-top: 0;
    font-size: 1.6rem;
    border-radius: 3.2rem;
    letter-spacing: -0.04rem;
  }

  .solution-link .link.active {
    background-color: #00a3a9;
  }

  .solution-link .link.active a {
    color: #fff;
  }

  /********************
  // Visual
  ********************/
  .visual {
    height: 100vh;
    margin-top: 0;
    padding: 0;
  }

  .visual .tit-box {
    text-align: center;
    width: calc(100% - 4.8rem);
    max-width: 128rem;
  }

  #main .visual br {
    display: none;
  }

  #company .visual {
    height: 51.6rem;
  }

  .solution .visual {
    padding: 8.8rem 2.4rem 8rem;
  }

  /********************
  // partners
  ********************/
  .partners-mo {
    display: none;
  }

  .partners {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 8rem;
  }

  .partners::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 90;
    background: linear-gradient(90deg, #fff, #fff 50%, rgba(255, 255, 255, 0));
  }

  .partners::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 90;
    background: linear-gradient(270deg, #fff, #fff 50%, rgba(255, 255, 255, 0));
  }

  #main .partners::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 90;
    background: linear-gradient(90deg, #f8f8f8, #f8f8f8 50%, rgba(255, 255, 255, 0));
  }

  #main .partners::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 90;
    background: linear-gradient(270deg, #f8f8f8, #f8f8f8 50%, rgba(255, 255, 255, 0));
  }

  .partner-logo-list-wrap {
    width: 100rem;
    overflow: hidden;
  }

  .partner-logo-list {
    display: flex;
    width: 200rem;
  }

  .partner-logo-list.slide-left,
  .store-list.slide-left {
    animation: slide-left 12s linear infinite;
  }

  .partner-logo-list.slide-right {
    animation: slide-right 12s linear infinite;
  }

  @keyframes slide-left {
    0% {
      transform: translate3d(0, 0, 0);
    }

    100% {
      transform: translate3d(-100rem, 0, 0);
      /* 한 사이클: 20rem X 5개 */
    }
  }

  @keyframes slide-right {
    0% {
      transform: translate3d(-100rem, 0, 0);
    }

    100% {
      transform: translate3d(0, 0, 0);
      /* 한 사이클: 20rem X 5개 */
    }
  }

  .partner-logo-list .partner-logo {
    width: 20rem;
    height: 8rem;
  }

  .partner-logo-list .partner-logo img {
    width: 100%;
  }

  /********************
  // PAGE
  //  - main
  ********************/
  #main .sec01 {
    height: 54.2rem;
  }

  #main .sec01 .tit-box h3 {
    text-align: center;
    font-size: 5.6rem;
    line-height: 1.4;
    font-weight: 700;
  }

  #main .sec02 .container {
    width: calc(100% - 4.8rem);
    max-width: 120rem;
    margin: auto;
  }

  #main .sec02 .solution-box+.solution-box {
    margin-top: 19.2rem;
  }

  #main .sec02 .solution-box li {
    padding-left: 1.4rem;
  }

  #main .sec02 .solution-box li::before {
    top: 1.5rem;
    width: 0.5rem;
    height: 0.5rem;
  }

  #main .sec02 .solution-box .img-box {
    height: 53rem;
    margin-top: 3.2rem;
  }

  #main .sec02 .solution-box a {
    position: static;
    padding: 1.6rem 2.4rem 1.6rem 3.2rem;
    margin-top: 4.8rem;
    background: #f3f3f3;
    color: #0f0f0f;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none;
    width: 18rem;
  }

  #main .sec02 .solution-box a:hover {
    text-decoration: underline;
  }

  #main .sec02 .solution-box a img {

    margin-left: 0.8rem;
  }

  #main .sec02 .solution-box:nth-child(1) a {
    border-radius: 1.6rem 0 1.6rem 1.6rem;
  }

  #main .sec02 .solution-box:nth-child(2) a {
    border-radius: 0 1.6rem 1.6rem 1.6rem;
  }

  #main .sec02 .solution-box:nth-child(3) a {
    border-radius: 1.6rem 0 1.6rem 1.6rem;
  }

  #main .sec02 .solution-box:nth-child(4) a {
    border-radius: 0 1.6rem 1.6rem 1.6rem;
  }

  #main .sec02 .solution-box:nth-child(5) a {
    border-radius: 1.6rem 0 1.6rem 1.6rem;
  }


  #main .sec03 .container {
    margin: 0;
  }

  #main .sec04.mo {
    display: none;
  }

  #main .sec04.pc {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 18rem 0;
  }

  #main .sec04 .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4rem;
  }

  #main .sec04 .info-box {
    width: calc(100% - 38rem);
    max-width: 64rem;
  }

  #main .sec04 .info-box p {
    margin: 0 0 4rem;
    text-align: left;
    word-break: keep-all;
  }

  #main .sec04 .info-box .contact-info-pc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 3.2rem;
    row-gap: 1.6rem;
    position: relative;
  }

  #main .sec04 .info-box .contact-info-pc li {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    font-size: 2rem;
  }

  #main .sec04 .info-box .contact-info-pc li span {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
  }

  #main .sec04 .info-box .contact-info-pc li:nth-child(1) span {
    background: #068c90 url('/content/image/ico/ico_tel.png') no-repeat top 0.7rem left 0.8rem / 2.4rem;
  }

  #main .sec04 .info-box .contact-info-pc li:nth-child(2) span {
    background: #068c90 url('/content/image/ico/ico_email.png') no-repeat top 1rem left 0.9rem / 2.4rem;
  }

  /********************
  // PAGE
  //  - company
  ********************/
  #company .sec01 {
    height: 54.2rem;
    padding: 0 2.4rem;
    background: linear-gradient(135.47deg, rgba(0, 0, 0, 0.64) 10.57%, rgba(255, 255, 255, 0.48) 114.38%),
      url('/content/image/bg/bg_company_sec01.png') no-repeat center / cover;
  }

  #company .sec02 {
    padding: 18rem 2.4rem;
  }


  #company .sec02 .life-box-wrap {
    margin-top: 16rem;
  }

  #company .sec02 .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
  }

  #company .sec02 .life-box {
    width: 34%;
    margin-top: 0;
  }

  #company .sec02 .life-box.first,
  #company .sec02 .life-box.fourth {
    width: 52%;
  }

  #company .sec02 .life-box.second .img,
  #company .sec02 .life-box.third .img {
    height: 49.2rem;
  }

  #company .sec02 .life-box.first .img,
  #company .sec02 .life-box.fourth .img {
    height: 82rem;
  }

  #company .sec02 .life-box.first .img {
    background: url('/content/image/bg/bg_company_sec02_1.png') no-repeat center / cover;
  }

  #company .sec02 .life-box.second .img {
    background: url('/content/image/bg/bg_company_sec02_2.png') no-repeat center / cover;
  }

  #company .sec02 .life-box.third .img {
    background: url('/content/image/bg/bg_company_sec02_3.png') no-repeat center / cover;
  }

  #company .sec02 .life-box.fourth .img {
    background: url('/content/image/bg/bg_company_sec02_4.png') no-repeat center / cover;
  }

  #company .sec03 {
    height: 81.6rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 0 0 2.4rem;
  }

  #company .sec03 .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 156rem;
  }

  #company .sec03 .container .tit-box p {
    text-align: left;
  }

  #company .sec03 .slider-wrap {
    width: 61.5%;
    margin-top: 0;
    transform: translate3d(0, 0, 0);
    will-change: transform;
  }

  #company .sec03 .slider {
    width: 136rem;
    transform: translate3d(0, 0, 0);
    will-change: transform;
  }

  #company .sec03 .slider-box {
    width: 43.2rem !important;
    height: 45.2rem;
    padding: 8rem 6.4rem;
    border-radius: 3.2rem;
  }

  #company .sec03 .slider-box h4 {
    font-size: 4.4rem !important;
  }

  #company .sec03 .slider-box+.slider-box {
    margin-left: 3.2rem;
  }

  #company .sec04 {
    padding: 18rem 2.4rem;
  }

  #company .sec04 .benefit-box-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3.2rem;
    margin: 8rem auto 0;
  }

  #company .sec04 .benefit-box {
    justify-content: flex-start;
    width: calc((100% - 6.4rem) / 3);
    min-width: 36rem;
    height: 15.2rem;
    padding-left: calc(100% / 34);
    border: 0.1rem solid #d9d9d9;
  }

  #company .sec04 .benefit-box .ico {
    display: inline-block;
    width: 8.8rem;
    height: 8.8rem;
    margin-right: 3.2rem;
    border-radius: 50%;
  }

  #company .sec04 .benefit-box:nth-child(1) .ico {
    background: #f1f3f5 url('/content/image/ico/ico_book.png') no-repeat center / 5.6rem;
  }

  #company .sec04 .benefit-box:nth-child(2) .ico {
    background: #f1f3f5 url('/content/image/ico/ico_facilities.png') no-repeat center / 5.6rem;
  }

  #company .sec04 .benefit-box:nth-child(3) .ico {
    background: #f1f3f5 url('/content/image/ico/ico_bonus.png') no-repeat center / 5.6rem;
  }

  #company .sec04 .benefit-box:nth-child(4) .ico {
    background: #f1f3f5 url('/content/image/ico/ico_apparel.png') no-repeat center / 5.6rem;
  }

  #company .sec04 .benefit-box:nth-child(5) .ico {
    background: #f1f3f5 url('/content/image/ico/ico_cake.png') no-repeat center / 5.6rem;
  }

  #company .sec04 .benefit-box:nth-child(6) .ico {
    background: #f1f3f5 url('/content/image/ico/ico_celebrations.png') no-repeat center / 5.6rem;
  }

  #company .sec05.pc {
    display: block;
  }

  #company .sec05.mo {
    display: none;
  }

  #company .sec05 .pc-history {
    display: flex;
    align-items: flex-start;
    gap: 6rem;
    width: 100%;
    max-width: 49.2rem;
    margin: auto;
  }

  #company .sec05 .pc-history .pc-btn-list {
    position: relative;
  }

  #company .sec05 .pc-history .pc-btn-list::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0.4rem;
    right: -2rem;
    width: 0.2rem;
    height: 64rem;
    background-color: #d9d9d9;
    z-index: 3;
  }

  #company .sec05 .pc-history .pc-btn-list li {
    position: relative;
  }

  #company .sec05 .pc-history .pc-btn-list li::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0.6rem;
    right: -2.5rem;
    width: 1.2rem;
    height: 1.2rem;
    background-color: #d9d9d9;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9;
  }

  #company .sec05 .pc-history .pc-btn-list li+li {
    margin-top: 5.2rem;
  }

  #company .sec05 .pc-history .pc-btn-list li button {
    font-size: 2rem;
    font-weight: 700;
    color: #d9d9d9;
  }

  #company .sec05 .pc-history .pc-btn-list li.active button {
    color: #0f0f0f;
  }

  #company .sec05 .pc-history .pc-btn-list li.active::after,
  #ebank .sec03 .pc-history .pc-btn-list li.active::after {
    top: 0.2rem;
    right: -2.9rem;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border: 0.4rem solid #00a3a9;
    box-sizing: border-box;
  }

  #company .sec05 .pc-history .pc-cont-wrap {
    margin-top: 0.2rem;
  }

  #company .sec05 .pc-history .pc-cont {
    display: none;
  }

  #company .sec05 .pc-history .pc-cont.show {
    display: block;
  }

  #company .sec05 .pc-history .pc-cont dl+dl {
    margin-top: 5.2rem;
  }

  #company .sec05 .pc-history .pc-cont dl dt {
    margin-bottom: 0.8rem;
    font-size: 1.7rem;
    font-weight: 600;
    color: #929292;
  }

  #company .sec05 .pc-history .pc-cont dl dd {
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.4;
  }

  #company .sec05 .pc-history .pc-cont dl dd+dd {
    margin-top: 0.8rem;
  }

  /* 
  #company .sec06 {
    padding: 18rem 0;
  } */

  #company .sec06 .ci-box {
    margin-top: 8rem;
  }

  #company .sec06 .ci-box .img {
    height: 29.8rem;
    margin-top: 1.6rem;
  }

  #company .sec06 .point-color-box {
    margin-top: 8rem;
  }

  #company .sec06 .point-color-box .flex-box {
    display: flex;
    align-items: center;
    margin-top: 1.6rem;
  }

  #company .sec06 .point-color-box .point-color {
    display: flex;
    align-items: center;
    width: calc(100% / 2);
    height: 22.4rem;
    margin-bottom: 0;
    padding: 0 4.8rem;
    font-size: 1.4rem;
    letter-spacing: -0.01rem;
  }

  #company .sec06 .point-color-box .point-color dl+dl {
    margin-top: 1.2rem;
  }

  #company .sec06 .point-color-box .point-color dt {
    margin-bottom: 0.4rem;
  }

  #company .sec06 .point-color-box p {
    display: flex;
    align-items: center;
    width: calc(100% / 2);
    height: 22.4rem;
    padding: 0 5.6rem;
  }

  /********************
  // PAGE
  //  - ebank
  ********************/
  #ebank .sec01 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 83.2rem;
    padding: 0 2.4rem;
    background: url('/content/image/bg/bg_ebank_sec01.png') no-repeat center / cover,
      linear-gradient(135.47deg, rgba(0, 0, 0, 0.64) 10.57%, rgba(255, 255, 255, 0.48) 114.38%);
    background-blend-mode: multiply;
  }

  /* #ebank .sec02 {
    padding: 18rem 2.4rem;
  } */

  #ebank .sec02 .list-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    gap: 4.8rem;
    margin-top: 8rem;
    padding: 7.2rem;
    border-radius: 3.2rem;
  }

  #ebank .sec02 .list-box .item {
    width: calc((100% - 19.2rem) / 4);
    min-width: 28.8rem;
  }

  #ebank .sec02 .list-box .item+.item {
    margin-top: 0;
  }

  /* #ebank .sec03 {
    padding: 18rem 0;
  } */

  #ebank .sec03 .list-toggle.mo {
    display: none;
  }

  #ebank .sec03 .list-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    column-gap: 1.2rem;
    row-gap: 4.8rem;
    margin-top: 8rem;
  }

  #ebank .sec03 .list-group dl {
    max-width: 100%;
    width: calc((100% - 4.8rem) / 5);
    min-width: 19.2rem;
  }

  #ebank .sec03 .list-group dl dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3.6rem;
    background-color: #f1f2f6;
    font-size: 1.4rem;
    font-weight: 600;
    border: 0.1rem solid #d9d9d9;
  }

  #ebank .sec03 .list-group dl dd {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.4rem;
    margin-top: 0.4rem;
    background-color: #fff;
    font-size: 1.2rem;
    color: #4f4f4f;
    border: 0.1rem solid #d9d9d9;
  }

  #ebank .sec03.pc {
    display: block;
    padding: 18rem 0;
  }

  #ebank .sec03.mo {
    display: none;
  }


  #ebank .sec03 .pc-history {
    background-color: #f8f8f8;
    padding: 8rem 0;
    margin-top: 8rem;
  }

  #ebank .sec03 .pc-history .timeline-wrap {
    display: grid;
    grid-template-columns: 20% 8% 1fr;
    gap: 0;
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 4rem;
    position: relative;
  }

  #ebank .sec03 .pc-history .timeline-year {
    display: contents;
    position: relative;
  }

  #ebank .sec03 .pc-history .timeline-year:last-child .year-events {
    margin-bottom: 0;
  }

  #ebank .sec03 .pc-history .timeline-year .year-text {
    grid-column: 1;
    font-size: 3.6rem;
    font-weight: 700;
    color: #333333;
    line-height: 1;
    text-align: right;
    padding-right: 2rem;
    position: relative;
    z-index: 2;
    align-self: start;
  }

  #ebank .sec03 .pc-history .timeline-year .year-dot {
    grid-column: 2;
    width: 1.8rem;
    height: 1.8rem;
    background-color: #ffffff;
    border: 0.4rem solid #00a3a9;
    border-radius: 50%;
    justify-self: center;
    align-self: start;
    margin-top: 0.8rem;
    position: relative;
    z-index: 3;
    flex-shrink: 0;
  }

  #ebank .sec03 .pc-history .timeline-year .year-events {
    grid-column: 3;
    padding-left: 2rem;
    position: relative;
    z-index: 2;
    margin-top: 0.8rem;
    margin-bottom: 6rem;
  }

  #ebank .sec03 .pc-history .timeline-year .year-events::before {
    content: '';
    position: absolute;
    left: calc(-5.8% - 0.1rem);
    top: 4.4rem;
    width: 0.2rem;
    height: calc(100% + 0.4rem);
    background-color: #dddddd;
    z-index: 1;
  }

  #ebank .sec03 .pc-history .timeline-year:last-child .year-events::before {
    display: none;
  }

  #ebank .sec03 .pc-history .timeline-year .year-events dl {
    margin-bottom: 2rem;
    display: flex;
    align-items: flex-start;
  }

  #ebank .sec03 .pc-history .timeline-year .year-events dl:last-child {
    margin-bottom: 0;
  }

  #ebank .sec03 .pc-history .timeline-year .year-events dl dt {
    font-size: 1.4rem;
    font-weight: 500;
    color: #aaaaaa;
    margin-right: 1.6rem;
    flex-shrink: 0;
    line-height: 1.6;
  }

  #ebank .sec03 .pc-history .timeline-year .year-events dl dd {
    font-size: 1.6rem;
    font-weight: 400;
    color: #333333;
    line-height: 1.6;
    flex: 1;
  }

  #ebank .sec04 {
    padding: 18rem 0;
  }

  #ebank .sec05 {
    height: 41.8rem;
    padding: 0 2.4rem;
    background: url('/content/image/bg/bg_ebank_sec05.jpg') no-repeat center / cover;
  }

  /********************
  // PAGE
  //  - mystore
  ********************/
  #mystore .sec01 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 83.2rem;
    padding: 0 2.4rem;
    background: #222b3f url('/content/image/bg/bg_mystore_sec01.png') no-repeat center right 16.7% / auto 100%;
  }

  #mystore .sec01 .img {
    display: none;
  }

  #mystore .sec01 .txt-box {
    width: fit-content;
    height: 83.2rem;
    padding-top: 28rem;
    padding-right: 5rem;
    background: linear-gradient(to right, rgba(34, 43, 63, 1), rgba(34, 43, 63, 0));
  }

  #mystore .sec01 .btn-box {
    justify-content: flex-start;
    gap: 2.4rem;
    margin-top: 4.8rem;
  }

  #mystore .sec01 .btn-box a {
    width: 20rem;
    height: 6.4rem;
    background-size: 12rem 2.4rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.8);
    border-radius: 3.2rem;
  }

  #mystore .sec01 .btn-box a:nth-child(2) {
    background-size: 10.2rem 3.2rem;
  }

  /* #mystore .sec02,
  #warpbrick .sec02,
  #warpbrick .sec03,
  #kiobrick .sec03,
  #kiobrick .sec04 {
    padding: 18rem 2.4rem;
  } */

  #kiobrick .sec05 {
    padding-bottom: 18rem;
  }

  #mystore .sec02 .box,
  #mystore .sec05 .box,
  #warpbrick .sec02 .box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46rem;
    padding: 0;
    background-color: unset;
    border-radius: 0;
  }

  #mystore .sec02 .box.first,
  #warpbrick .sec02 .box.first,
  #mystore .sec05 .box.first {
    margin-top: 18rem;
  }

  #mystore .sec02 .box+.box {
    margin-top: 5.6rem;
  }

  #mystore .sec05 .box+.box {
    margin-top: 12rem;
  }

  #mystore .sec02 .box .flex-inner,
  #mystore .sec05 .box .flex-inner {
    width: 56rem;
  }

  #mystore .sec02 .box h4,
  #warpbrick .sec02 .box h4 {
    margin-bottom: 2.4rem;
    padding: 0;
  }

  #mystore .sec02 .box p,
  #warpbrick .sec02 .box p,
  #kiobrick .sec03 .tit-box p,
  #kiobrick .sec04 .tit-box p {
    padding: 0;

  }

  #mystore .sec02 .box h4 .gray {
    color: #767676;
  }

  #mystore .sec02 .box .img.mo,
  #mystore .sec05 .box .img.mo {
    display: none;
  }

  #mystore .sec02 .box .img.pc,
  #mystore .sec05 .box .img.pc {
    display: block;
    width: 54rem;
    height: 46rem;
  }

  #mystore .sec02 .box.first .img {
    background: url('/content/image/img/img_mystore_sec02_1.png') no-repeat center / 34.3rem 23.5rem;
  }

  #mystore .sec02 .box.second .img {
    background: url('/content/image/img/img_mystore_sec02_2.png') no-repeat center / 32.7rem 42rem;
  }

  #mystore .sec02 .box.third .img {
    background: url('/content/image/img/img_mystore_sec02_3.png') no-repeat center / 32.7rem 23.8rem;
  }

  /* #mystore .sec03 {
    padding: 18rem 0;
  } */

  #mystore .sec03 .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 8rem;
  }

  #mystore .sec03 .img-box {
    width: fit-content;
    margin-right: 7.2rem;
    padding-right: 2.4rem;
    order: 1;
  }

  #mystore .sec03 .tit-box {
    order: 2;
  }

  #mystore .sec03 .img {
    width: 32.7rem;
    height: 62.6rem;
    margin-top: 0;
  }

  #mystore .sec04 .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 8rem;
  }

  /* #mystore .sec04 {
    padding: 18rem 2.4rem;
  } */

  #mystore .sec04 .img-box {
    width: fit-content;
    margin-right: 7.2rem;
    padding-right: 2.4rem;
    order: 1;
  }

  #mystore .sec04 .tit-box {
    order: 2;
  }

  #mystore .sec04 .img {
    width: 32.7rem;
    height: 62.6rem;
    margin-top: 0;
  }

  #mystore .sec05 .img.pc {

    border-radius: 3.2rem;
  }

  #mystore .sec05 .box.first .img.pc {
    background: #f8f8f8 url('/content/image/bg/bg_mystore_sec05_1.png') no-repeat center;
  }

  #mystore .sec05 .box.second .img.pc {
    background: #f8f8f8 url('/content/image/bg/bg_mystore_sec05_2.png') no-repeat bottom;
  }

  #mystore .sec05 .box.third .img.pc {
    background: #f8f8f8 url('/content/image/bg/bg_mystore_sec05_3.png') no-repeat bottom;
  }

  #mystore .sec05 .box.first .flex-inner,
  #mystore .sec05 .box.third .flex-inner {
    padding-left: 6.4rem;
  }

  #mystore .sec05 .box h4,
  #mystore .sec05 .box p {
    padding: 0;
  }


  /********************
  // PAGE
  //  - rnbrick
  ********************/
  #rnbrick .sec01 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 83.2rem;
    padding: 0 2.4rem;
    background: #192123 url('/content/image/bg/bg_rnbrick_sec01.png') no-repeat center;
  }

  #rnbrick .sec01 .img-box {
    display: block;
    position: absolute;
    top: 18rem;
    right: -10rem;
  }

  #rnbrick .sec02 .tit-box.pc {
    display: block;
  }

  #rnbrick .sec02 .tit-box.mobile {
    display: none;
  }

  #rnbrick .section.sec03 .flex-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  #rnbrick .section.sec03 .flex-box .left-box {
    order: 1;
  }

  #rnbrick .section.sec03 .flex-box .right-box {
    order: 2;
  }

  #rnbrick .sec02 .box-container {
    margin-top: 14rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
  }

  #rnbrick .sec02 .box-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  #rnbrick .sec02 .box-inner .box {
    width: calc(100% / 3);
    padding: 3.2rem 0;
  }

  #rnbrick .sec02 .box-inner .box .img {
    margin-bottom: 2.4rem;
  }


  #rnbrick .sec02 .box-inner .box p {
    color: #929292;
    margin-top: 1.6rem;
  }


  #rnbrick .section.sec03 {
    background-color: #F1F3F5;
  }

  #rnbrick .section.sec03 .tit-box.pc {
    display: block;
  }

  #rnbrick .section.sec03 .tit-box.mobile {
    display: none;
  }

  #rnbrick .section.sec03 .tit-box h3 {
    font-size: 4.4rem;
    line-height: 1.4;
    font-weight: 700;
  }

  #rnbrick .section.sec03 ul {
    font-size: 2.4rem;
    line-height: 1.4;
    padding-top: 4.8rem;
  }

  #rnbrick .section.sec03 ul li {
    margin-bottom: 1.6rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
  }

  #rnbrick .sec03 ul li img {
    width: 3.2rem;
    height: 3.2rem;
  }

  .section.contact {
    background-color: #21212F;
  }

  .section.contact .flex-box {
    display: flex;
    align-items: end;
    gap: 24rem;
    color: #fff;
  }

  .section.contact .flex-box .left-box {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 0;
  }

  .section.contact .flex-box .right-box {
    flex: 1;
    min-width: 0;
  }

  .section.contact .tit-box p:first-child {
    font-size: 2.2rem !important;
    font-weight: 600;
    color: #00A3A9;
    margin-bottom: 1.6rem;
  }

  .section.contact .tit-box h3 {
    font-size: 4.4rem !important;
    line-height: 1.4;
    font-weight: 700;
    white-space: nowrap;
  }

  .section.contact .tit-box p:last-child {
    font-size: 1.6rem !important;
    margin-top: 1.6rem;
    margin: 1.6rem 0 0;
  }

  .section.contact .flex-box .right-box .contact-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4rem;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
  }

  .section.contact .flex-box .right-box .contact-box>div {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    flex-shrink: 1;
    min-width: 0;
  }

  .section.contact .flex-box .right-box .contact-box p:first-child {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    min-width: 0;
  }


  /********************
  // PAGE
  //  - warpbrick
  ********************/
  #warpbrick .sec01 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 83.2rem;
    padding: 0 2.4rem;
    background: #222b3f url('/content/image/bg/bg_warpbrick_sec01.png') no-repeat center;
    background-size: cover;
  }

  #warpbrick .sec02 .container {
    padding: 0 6.4rem;
    display: grid;
    gap: 11.2rem;
  }

  #warpbrick .sec02 .box {
    justify-content: space-between;
  }

  #warpbrick .sec02 .box .tag-box {
    margin-top: 4.8rem;
    display: flex;
    flex-direction: row;
    gap: 0.8rem;
    color: #767676;
  }

  #warpbrick .sec02 .box .tag-box span {
    font-size: 1.4rem;
    padding: 0.8rem 1.2rem;
    background-color: #f4f4f4;
    border-radius: 10rem;
  }

  #warpbrick .sec02 .box .img.mo {
    display: none;
  }

  #warpbrick .sec02 .img.pc {
    display: block;
    width: 54rem;
    height: 40rem;
    border-radius: 3.2rem;
  }

  #warpbrick .sec02 .box.first .img.pc {
    background: #f8f8f8 url('/content/image/img/img_warpbrick_sec02_1.png') no-repeat center / 80%;
  }

  #warpbrick .sec02 .box.second .img.pc {
    background: #f8f8f8 url('/content/image/img/img_warpbrick_sec02_2.png') no-repeat center / 80%;
  }

  #warpbrick .sec02 .box.third .img.pc {
    background: #f8f8f8 url('/content/image/img/img_warpbrick_sec02_3.png') no-repeat center 940% / 80%;
    overflow: visible;
  }

  #warpbrick .sec03 .box-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 3.2rem;
    margin-top: 8rem;
  }

  #warpbrick .sec03 .box-inner .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4.8rem 3.2rem;
    gap: 2.4rem;
    border-radius: 3.2rem;
    text-align: center;
  }

  #warpbrick .sec03 .box-inner .box img {
    width: 8.4rem;
    height: 8.4rem;
  }

  #warpbrick .sec03 .box-inner .box p {
    font-size: 2rem;
    color: #767676;
    line-height: 1.4;
  }

  /********************
  // PAGE
  //  - kiobrick
  ********************/
  #kiobrick .sec01 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 83.2rem;
    padding: 0 2.4rem;
    background: #1164C1 url('/content/image/bg/bg_kiobrick_sec01.png') no-repeat center;
    background-size: cover;
  }

  #kiobrick .sec02 .flex-box {
    display: flex;
    justify-content: space-between;

  }

  #kiobrick .sec02 .box-container {
    display: flex;
    justify-content: space-between;
    gap: 2.4rem;
  }

  #kiobrick .sec02 .box-inner {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
  }

  #kiobrick .sec02 .box-inner:nth-child(even) {
    margin-top: 5.6rem;
  }

  #kiobrick .sec02 .box-inner .box {
    background-color: #f8f8f8;
    padding: 0 2.4rem;
    border-radius: 3.2rem;
    width: 30.8rem;
    height: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1.6rem;
  }

  #kiobrick .sec02 .box-inner .box span {
    font-size: 3.2rem;
  }

  #kiobrick .sec02 .box-inner .box h4 {
    font-size: 2rem;
    font-weight: 600;
    margin: 1.6rem 0 0.8rem;
  }

  #kiobrick .sec02 .box-inner .box p {
    font-size: 1.6rem;
    color: #929292;
    line-height: 1.6;
  }

  #kiobrick .sec03 {
    background-color: #f8f8f8;
  }

  #kiobrick .sec03 .box-container {
    margin: auto;
  }

  #kiobrick .sec04 .box-container {
    width: 100%;
    max-width: 144rem;
    margin: auto;
  }

  #kiobrick .sec03 .box-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 2.4rem;
    margin-top: 9.6rem;
  }

  #kiobrick .sec03 .box-container .step,
  #kiobrick .sec04 .box-inner .step {
    flex: 1;
  }

  #kiobrick .box-inner .step:nth-child(3),
  #kiobrick .box-inner .step:nth-child(4) {
    margin-top: 0;
  }

  #kiobrick .sec03 .box-container .step span,
  #kiobrick .sec04 .box-container .step span {
    display: inline-block;
    font-size: 1.6rem;
    color: #fff;
    background-color: #21212f;
    padding: 0.8rem 1.2rem;
    border-radius: 1.2rem;
  }

  #kiobrick .sec04 .box-container .step span {
    background-color: #ffffff;
    color: #21212f;
  }

  #kiobrick .sec04 .box-container.second .step h3 {
    font-size: 2rem;
    margin: 3.2rem 0 0.4rem;
    font-weight: 600;
    line-height: 1.6;
  }

  #kiobrick .sec03 .box-container .step p,
  #kiobrick .sec04 .box-container .step p {
    font-size: 2rem;
    margin: 1.6rem 0 4rem;
  }

  #kiobrick .sec04 .box-container .step p {
    color: rgba(255, 255, 255, 0.8);
  }

  #kiobrick .sec04 .box-container.second .step p {
    font-size: 1.6rem;
    color: #4f4f4f;
    line-height: 1.6;
    margin: 0;
  }

  #kiobrick .sec04 .box-inner img {
    width: 100%;
    border-radius: 0.8rem;
  }

  #kiobrick .sec04 .tit-box,
  #kiobrick .sec05 .tit-box {
    text-align: center;
  }

  #kiobrick .sec05 .tit-box {
    margin-bottom: 12rem;
  }

  #kiobrick .sec04 .box-container {
    background-color: #21212f;
    margin-top: 12rem;
    padding: 8rem 9.6rem;
    border-radius: 3.2rem;
  }

  #kiobrick .sec04 .box-container.second {
    background-color: #f1f3f5;
  }

  #kiobrick .sec04 .box-container .tit-box {
    text-align: left;
    color: #fff;
  }

  #kiobrick .sec04 .box-container.second .tit-box {
    color: #21212f;
  }

  #kiobrick .sec04 .box-container .tit-box h3 span {
    font-weight: 300;
  }

  #kiobrick .sec04 .box-container .tit-box h3 {
    font-size: 4.4rem;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
  }

  #kiobrick .sec04 .box-container.second .tit-box h3 {
    color: #21212f;
  }

  #kiobrick .sec04 .box-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 9.6rem;
    margin-top: 9.6rem;
  }

  .mySwiper {
    width: 144rem;
    height: 34rem;
    margin-top: 8rem;
  }

  .mySwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 512px !important;
    height: 340px;
    flex-shrink: 0;
  }

  .mySwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.2rem;
  }

  .swiper-button-next,
  .swiper-button-prev {
    background: rgba(255, 255, 255, 0.8) !important;
    width: 6.4rem !important;
    height: 6.4rem !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    color: #929292 !important;
    font-size: 1.6rem !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
  }

  #main .visual .tit-box h2 {
    font-size: 6rem;
    color: #fff;
    font-weight: 700;
  }

  #main .visual .tit-box p {
    font-size: 3.2rem;
    color: #fff;
    margin-top: 2rem;
    font-weight: 400;
  }


  #main .sec02 .tit-box .caption {
    font-size: 3.2rem !important;
  }

  #main .sec02 .tit-box h3 {
    font-size: 5.6rem;
    line-height: 1.4;
  }

  #main .sec02 .tit-box li {
    font-size: 2.4rem;
    font-weight: 300;
    color: #767676;
  }

  #main .sec03 .tit-box h3,
  #main .sec04 .tit-box h3 {
    font-size: 5.6rem;
  }

  #main .sec04 .info-box p {
    font-size: 2.1rem;
  }

  #company .visual .tit-box h2 {
    font-size: 6rem;
  }

  #company .visual .tit-box p {
    font-size: 3.2rem;
  }

  #company .sec01 h3 {
    font-size: 7rem;
  }

  #company .sec02 .tit-box .caption,
  #company .sec03 .tit-box .caption,
  #company .sec04 .tit-box .caption {
    font-size: 2.4rem !important;
    font-weight: 700 !important;
  }

  #company .sec02 .tit-box h3,
  #company .sec03 .tit-box h3,
  #company .sec04 .tit-box h3,
  #company .sec05 .tit-box h3,
  #company .sec06 .tit-box h3 {
    font-size: 5.6rem;
  }

  #company .sec02 .tit-box h4 {
    font-size: 4.4rem;
  }

  #company .sec04 .tit-box .caption {
    font-size: 2rem !important;
    font-weight: 600 !important;
  }

  #company .sec04 .tit-box h4 {
    font-size: 3.2rem;
    line-height: 1.4;
  }

  #company .sec06 .tit-box p.pc {
    display: block;
  }

  #company .sec06 .tit-box p.mo {
    display: none;
  }

  #company .sec06 .tit-box p {
    font-size: 3.2rem;
    line-height: 1.4;
  }

  #company .sec06 .tit-box h4 {
    font-size: 2.4rem;
    font-weight: 700;
  }

  #company .sec06 .point-color-box p {
    font-size: 1.8rem;
  }


  #ebank .sec02 .tit-box h4 {
    font-size: 2.4rem;
  }

  #ebank .sec02 .tit-box p {
    font-size: 1.8rem;
  }

  #ebank .sec03 .tit-box .caption {
    font-size: 2.4rem !important;
  }

  #ebank .sec03 .service-list {
    width: 100%;
    max-width: 144rem;
    margin: 0 auto;
  }

  #ebank .sec03 .service-list .service-items {
    display: flex;
    justify-content: space-between;
    gap: 2.4rem;
    flex-wrap: nowrap;
  }

  #ebank .sec03 .service-list .service-item {
    flex: 1;
    width: auto;
  }

  #ebank .sec03 .service-list .service-card {
    height: 19.2rem;
    padding: 2.4rem;
    border-radius: 1.6rem;
    position: relative;
  }

  #ebank .sec03 .service-list .service-item:nth-child(1) .service-card {
    background-image: url('/content/image/img/img_ebank_sec03_1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #ebank .sec03 .service-list .service-item:nth-child(1) .service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 1.6rem;
  }

  #ebank .sec03 .service-list .service-item:nth-child(2) .service-card {
    background-image: url('/content/image/img/img_ebank_sec03_2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #ebank .sec03 .service-list .service-item:nth-child(2) .service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 1.6rem;
  }

  #ebank .sec03 .service-list .service-item:nth-child(3) .service-card {
    background-image: url('/content/image/img/img_ebank_sec03_3.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #ebank .sec03 .service-list .service-item:nth-child(3) .service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 1.6rem;
  }

  #ebank .sec03 .service-list .service-item:nth-child(4) .service-card {
    background-image: url('/content/image/img/img_ebank_sec03_4.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #ebank .sec03 .service-list .service-item:nth-child(4) .service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 1.6rem;
  }

  #ebank .sec03 .service-list .service-title {
    font-size: 2rem;
    color: #fff;
    position: relative;
    z-index: 2;
    text-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.5), 0 0.1rem 0.2rem rgba(0, 0, 0, 0.3);
  }

  #ebank .sec03 .category-projects-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem;
    margin-top: 6rem;
  }

  #ebank .sec03 .category-project-box {
    border-radius: 1.2rem;
    padding: 2.4rem;
    border-width: 0.1rem;
  }

  #ebank .sec03 .category-project-box .category-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    padding-bottom: 1.6rem;
    border-bottom-width: 0.1rem;
  }

  #ebank .sec03 .category-project-box .project-list li {
    font-size: 1.5rem;
    line-height: 1.8;
    padding-left: 2rem;
    margin-bottom: 1.2rem;
  }

  #mystore .sec01 .tit-box p,
  #rnbrick .sec01 .tit-box p,
  #warpbrick .sec01 .tit-box p,
  #ebank .sec01 .tit-box p,
  #kiobrick .sec01 .tit-box p {
    font-size: 2.4rem;
    font-weight: 400;
  }

}

/****************************************
// Desktop
//  1440px ~ 1920px
****************************************/
@media all and (min-width: 1440px) {

  .section.hero {
    text-align: center;
    padding: 9.6rem 0 8rem;
  }

  .section.hero .text-page-common-title {
    margin: 8rem 0 2rem;
  }

  .error-content {
    margin: 20rem 0 15rem;
    min-height: calc(100vh - 55.8rem);
  }

  .error-content .error-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15rem;
  }

  .error-content .error-box img {
    margin: unset;
    width: 34rem;
  }

  .error-content .error-box .txt-box {
    text-align: left;
  }

  .error-content .error-box .txt-box h2 {
    margin-bottom: 1.8rem;
    font-size: 3.7rem;
    line-height: 1.4;
  }

  .error-content .error-box .txt-box p {
    font-size: 1.8rem;
    line-height: 1.54;
  }

  .error-content .error-box .txt-box a {
    width: 16.2rem;
    height: 5.4rem;
    margin-top: 4.4rem;
    margin: 0;
    border-radius: 1rem;
    font-size: 1.5rem;
  }

  /********************
  // PAGE
  //  - main
  ********************/
  #main .sec02 .solution-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #main .sec02 .solution-box:nth-child(2) .txt-box {
    order: 2;
  }

  #main .sec02 .solution-box:nth-child(2) .img-box {
    order: 1;
  }

  #main .sec02 .solution-box:nth-child(4) .txt-box {
    order: 2;
  }

  #main .sec02 .solution-box:nth-child(4) .img-box {
    order: 1;
  }

  #main .sec02 .solution-box .img-box {
    width: 68.4rem;
    margin-top: 0;
  }

}