/* 메인 페이지 */
.main-page-contents {padding-bottom: 0;}
.main-page-contents .section-header .heading {padding-bottom: 10px;}
/* visual-swiper */
.visual-swiper {height: 22.5rem;}
.visual-swiper .swiper-slide {position: relative;flex-shrink: 0;width: 100%;height :100%;background-size: 100% 100%;background-position: center bottom;}
.visual-swiper .swiper-slide:after {content: none;}
.visual-swiper .swiper-slide-01 {background-image: linear-gradient(rgba(255, 255, 255, .02), rgba(35, 84, 147, .02)), url("../../images/main/bg_visual_01.png");}
.visual-swiper .swiper-slide-02 {background-image: linear-gradient(rgba(255, 255, 255, .02), rgba(35, 84, 147, .02)), url("../../images/main/bg_visual_02.png");}
.visual-swiper .swiper-slide-03 {background-image: linear-gradient(rgba(255, 255, 255, .02), rgba(35, 84, 147, .02)), url("../../images/main/bg_visual_03.png");}
.visual-swiper .swiper-slide-04 {background-image: linear-gradient(rgba(255, 255, 255, .02), rgba(35, 84, 147, .02)), url("../../images/main/bg_visual_04.png");}
.visual-swiper .swiper-slide > .inner {display: flex;justify-content: space-between;height: 100%;padding: 0 8.25rem;gap: 2.5rem;}
.visual-swiper .swiper-slide .visual-content {padding-bottom: 152px;align-content: flex-end;}
.visual-swiper .swiper-slide .visual-content .heading {margin-bottom: 14px;}
.visual-swiper .swiper-slide .visual-img {align-content: center;}
.visual-swiper .swiper-slide-01 .visual-img {/*width: 24.436%;*/max-width: 16.25rem;min-width: 13.25rem;align-content: flex-end;}
.visual-swiper .swiper-slide-02 .visual-img {/*width: 26%;*/max-width: 19.875rem;min-width: 16.125rem;}
.visual-swiper .swiper-slide-03 .visual-img {/*width: 30%;*/max-width: 19.9375rem;min-width: 15.4375rem;}
.visual-swiper .swiper-slide-04 .visual-img {/*width: 30%;*/max-width: 19.9375rem;min-width: 16.125rem;margin-top: 3.75rem;}
.visual-swiper .swiper-slide .visual-btns {position: absolute;bottom: 4rem;left: 8.25rem;}
.visual-swiper .swiper-slide .visual-btns .btn {min-width: 12.375rem;}
.visual-swiper .swiper-button-prev,
.visual-swiper .swiper-button-next {position: absolute;top: 50%;width: 3.25rem;height: 3.25rem;margin: 0;transform: translateY(-50%);background: var(--bg-dim-02);border-radius: 50%;text-indent: -9999px;transition: background-color .3s;}
.visual-swiper .swiper-button-prev:not(.swiper-button-disabled):hover,
.visual-swiper .swiper-button-next:not(.swiper-button-disabled):hover {background-color: rgba(17, 17, 17, .3);}
.visual-swiper .swiper-button-prev {left: calc(50% - 40rem);}
.visual-swiper .swiper-button-next {right: calc(50% - 40rem);}
.visual-swiper .swiper-button-prev .icon,
.visual-swiper .swiper-button-next .icon {width: 2.25rem;height: 2.25rem;stroke: var(--color-white);}
.visual-swiper .swiper-button-prev.swiper-button-disabled,
.visual-swiper .swiper-button-next.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none;}
.visual-swiper .swiper-pagination {position: absolute;bottom: 1.5rem;left: calc(50% - 31rem);display: flex;gap: .75rem;padding: .25rem 0;}
.visual-swiper .swiper-pagination-bullet {width: .5rem;height: .5rem;margin: 0 !important;background-color: var(--color-gray-06);border-radius: 50%;cursor: pointer;opacity: 1;}
.visual-swiper .swiper-pagination-bullet-active {animation: none;background-color: var(--color-secondary-02);}
.visual-swiper .play-pause-btn {position: absolute;bottom: 1.5rem;left: calc(50% - 33.25rem);display: flex;align-items: center;justify-content: center;width: 1rem;height: 1rem;background-color: var(--color-secondary-02);border-radius: .125rem;z-index: 1;}
/* 주요 사업 분야 */
.section-business .card {padding: 1.5rem;}
.section-business .card .img-wrap {max-height: 12.5rem;margin-bottom: 1.5rem;}
/* 솔루션 */
.section-solution .section-header {margin-bottom: 1.5rem;}
.section-solution .line-list .icon-wrap {width: 4rem;height: 4rem;}
.section-solution .line-list .btn-more {position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
/* 포트폴리오 */
.section-portfolio .btn-link {margin-top: 2rem;}
/* 주요 고객사 */
.section-clients .logos {display: grid;grid-template-columns: repeat(5, 1fr);gap: 1.25rem;}
.section-clients .logo {display: flex;align-items: center;justify-content: center;height: 5rem;padding: 10px;border: 1px solid var(--color-border);border-radius: .25rem;}
.section-clients .logo img {width: auto;height: auto;}

@media all and (max-width: 1328px) {
  /* 메인 페이지 */
  /* visual-swiper */
  .visual-swiper .play-pause-btn {left: 8.25rem;}
  .visual-swiper .swiper-button-prev {left: 1.5rem;}
  .visual-swiper .swiper-button-next {right: 1.5rem;}
  .visual-swiper .swiper-pagination {left: 164px;}
  /* 견적 문의 */
  .contact-contents .section-request{background-position: right 24px bottom;}
}
@media all and (max-width: 1280px) {
  .main-page-contents .section-header {margin-bottom: 24px;}
  .main-page-contents .section-header .heading {padding-bottom: 8px;}
  /* visual-swiper */
  .visual-swiper {height: 26.25rem;}
  .visual-swiper .swiper-slide {align-content: flex-start;}
  .visual-swiper .swiper-slide > .inner {padding: 0 1.5rem;}
  .visual-swiper .swiper-slide .visual-content{align-content: flex-start;padding-bottom: 0;margin-top: 64px;}
  .visual-swiper .swiper-slide .visual-content .heading{margin-bottom: 16px;}
  .visual-swiper .swiper-slide .visual-img {align-content: flex-start;margin-top: 3.6375rem;}
  .visual-swiper .swiper-slide-01 .visual-img {align-content: flex-start;}
  .visual-swiper .swiper-slide .visual-btns {left: 1.5rem;bottom: 5.25rem;}
  .visual-swiper .swiper-slide .visual-btns .btn{min-width: 10.25rem;}
  .visual-swiper .swiper-button-prev,
  .visual-swiper .swiper-button-next {display: none;}
  .visual-swiper .play-pause-btn {left: 1.5rem;bottom: 2rem;}
  .visual-swiper .swiper-pagination {left: 1.5rem;margin-left: 2rem;bottom: 2rem;}
  /* 솔루션 */
  .section-solution .line-list .icon-wrap {width: 3rem;height: 3rem;}
  .section-solution .line-list li .btn-more {position: static;margin-top: 1.75rem;transform: none;}
  /* 주요 사업 분야 */
  .section-business .card {gap: 2.5rem;}
  .section-business .card-list{flex-direction: column;}
  .section-business .card-list .card {flex-direction: row;padding: 1.375rem;}
  .section-business .card .img-wrap {max-width: 19.875rem;height: 12.5rem;margin-bottom: 0;}
  .section-business .card-content {flex: 1;}
  /* 포트폴리오 */
  .section-portfolio .section-header {display: block;margin-bottom: 0;}
  .section-portfolio .btn-link {margin-top: 1.75rem;}
  /* 주요 고객사 */
  .contents > .section-clients {padding: 48px 0;}
  .section-clients .logos {grid-template-columns: repeat(3, 1fr);}
  /* 견적 문의 */
  .contact-contents {padding: 0;}
}
@media all and (max-width: 768px) {
  .main-page-contents .section-header {margin-bottom: 20px;}
  /* visual-swiper */
  .visual-swiper {height: 36.25rem;}
  .visual-swiper .swiper-slide > .inner {flex-direction: column;gap: 0;padding: 0 1.25rem;}
  .visual-swiper .swiper-slide .visual-content {align-content: flex-end;flex: 0 0 auto;order: 1;height: auto;margin-top: 0;padding-bottom: 10.5rem;}
  .visual-swiper .swiper-slide .visual-img {flex-grow: 1;flex-shrink: 1;align-content: flex-end;height: auto;margin-left: auto;margin-bottom: 2rem;overflow: hidden;}
  .visual-swiper .swiper-slide-01 .visual-img {width: 42.81%;max-width: 15rem;min-width: 8.625rem;margin-top: 20px;margin-bottom: 0;align-content: flex-end;}
  .visual-swiper .swiper-slide-02 .visual-img {width: 44%;max-width: 17.875rem;min-width: 11.125rem;margin-top: 0;}
  .visual-swiper .swiper-slide-03 .visual-img {width: 50%;max-width: 18.375rem;min-width: 10.375rem;margin-top: 0;}
  .visual-swiper .swiper-slide-04 .visual-img {width: 43%;max-width: 18rem;min-width: 10.625rem;margin-top: 0;}
  .visual-swiper .swiper-slide .visual-btns{left: 0;width: calc(100% - 2.5rem);margin: 0 1.25rem;}
  .visual-swiper .swiper-slide .visual-btns .btn {min-width: 0;flex: 1;max-width: none;}
  .visual-swiper .play-pause-btn {bottom: 2.25rem;}
  .visual-swiper .swiper-pagination {bottom: 2.25rem;}
  /* 솔루션 */
  .section-solution .line-list .icon-wrap {width: 2.5rem;height: 2.5rem;}
  /* 주요 사업 분야 */
  .section-business .section-header p {word-break: break-all;}
  .section-business .card-list .card{flex-direction: column;gap: 0;padding: 1.25rem;}
  .section-business .card .img-wrap {max-width: none;height: auto;max-height: none;aspect-ratio: 280 / 200;margin-bottom: 1rem;}
  /* 포트폴리오 */
  .section-portfolio .portfolio-categories {max-width: none;margin: 32px 0 1.5rem;}
  /* 주요 고객사 */
  .section-clients .logos {grid-template-columns: repeat(2, 1fr);}
  .section-clients .logo img {width: 100%;height: 100%;}
}
@media all and (max-width: 360px) {
  /* visual-swiper */
  .visual-swiper .swiper-slide-02 .visual-img {width: 40%;}
}