.commInner {width: 100%; max-width: 87.5rem; margin: 0 auto;}

/* 회사연혁 */
.history .subTopContImg {width: 100%; max-width: 27.64919rem; margin: 0 auto 7.5rem;}
.history .subTopContImg img {width: 100%;}
.history .bundleSection02 {position: relative; padding-bottom: 4.37rem;}
.history .bundleSection02::before {content: ""; width: 300vw; height: 50%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #F9F9F9;}
.history .banner img {width: 100%;}

.history .swiper {overflow: visible; position: relative;}
.history .swiper::after {content: ""; width: 300%; height: 1px; background: #E7E7E7; position: absolute; top: 7.44rem; left: 50%; transform: translateX(-50%);}
.history .swiper-slide {margin-right: 6.875rem; width: auto; min-width: 22.5rem; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.history .swiper h3 {position: relative; font-size: 3.75rem; font-weight: 700; letter-spacing: -0.0375rem; color: #E7E7E7; padding-bottom: 3.38rem; margin-bottom: 3.38rem;}
.history .swiper h3::after {content: ""; width: 0.625rem; height: 0.625rem; border-radius: 100%; background: #E7E7E7; position: absolute; bottom: 0; left: 0;}
.history .swiper ul {opacity: .5; overflow: hidden; overflow-y: auto; padding-right: 1.88rem; height: 37.25rem; box-sizing: border-box;}
.history .swiper ul::-webkit-scrollbar {width: 0.1875rem;}
.history .swiper ul::-webkit-scrollbar-thumb {background: #8E8E8E; border-radius: 0.625rem;}
.history .swiper ul::-webkit-scrollbar-track {background: #E7E7E7;}
.history .swiper ul li {display: flex; align-items: flex-start; gap: 1rem; font-size: 1.125rem; font-weight: 500; color: #6D6D6D; letter-spacing: -0.0375rem; line-height: 1.5;}
.history .swiper ul li::before {content: "-";}
.history .swiper ul li + li {margin-top: 0.625rem;}
.history .swiper .swiper-slide-active h3 {color: #40A7FF;}
.history .swiper .swiper-slide-active h3::after {background: #40A7FF;}
.history .swiper .swiper-slide-active ul {opacity: 1;}
@media screen and (max-width:1440px){
    /* 회사연혁 */
    .commInner {max-width: calc(100% - 4rem);}
}
@media screen and (max-width:1280px){
    /* 회사연혁 */
    .commInner.banner {max-width: 100%;}
}
@media screen and (max-width:768px){
    /* 회사연혁 */
    .history {margin-bottom: 5rem;}
    .history .subTopContImg {max-width: 70%; margin-bottom: 0 !important;}
    .history .bundleSection02 {padding: 4rem 1.25rem; background: #F9F9F9;}
    .history .bundleSection02::before {display: none;}

    .history .swiper {margin-top: 2.375rem;}
    .history .swiper::after {display: none;}
    .history .swiper .swiper-wrapper {display: block; border-left: 0.0625rem solid #E7E7E7;}
    .history .swiper-slide {margin-right: 0; min-width: 100%; width: 100%; padding-left: 1.8125rem; padding-top: 1.9375rem;}
    .history .swiper-slide + .swiper-slide {padding-top: 2.8125rem;}
    .history .swiper h3 {font-size: 2.75rem; letter-spacing: -0.0625rem; padding-bottom: 1.5rem; margin-bottom: 0; line-height: 1;}
    .history .swiper h3::after {width: 0.625rem; height: 0.625rem; bottom: auto; top: 33%; transform: translateY(-50%); left: -2.1875rem;}
    .history .swiper ul {padding-right: 0; height: auto;}
    .history .swiper ul::-webkit-scrollbar {width: 0.1875rem;}
    .history .swiper ul::-webkit-scrollbar-thumb {border-radius: 0.625rem;}
    .history .swiper ul li {gap: 0.875rem; font-size: 0.875rem; letter-spacing: 0;}
    .history .swiper ul li + li {margin-top: 0.625rem;}
    .history .swiper ul li strong {min-width: 1.375rem;}

}