/* 메인 컨텐츠 - 메인 비주얼 */
.main-visual{font-size: 0;position: relative;}
.main-visual .swiper-slide img{width: 100%;}
.main-visual .swiper-slide > div{position: absolute;bottom:196rem;left: 50%;transform: translateX(-50%);color: #fff;text-align: center;}
.main-visual .swiper-slide > div p{font-size: 18rem;margin-bottom: 10rem;}
.main-visual .swiper-slide > div h3{font-size: 42rem;font-weight: 700;}

@media all and (max-width:1024px) {
    .main-visual .swiper-slide > div{bottom: 50rem;width: 100%;}
    .main-visual .swiper-slide > div p{font-size: 16rem;}
    .main-visual .swiper-slide > div h3{font-size: 32rem;}
}

.section-title{text-align: center;margin-bottom: 70rem;}
.section-title p{font-size: 18rem;color: var(--color-sub-1);font-weight: 500;margin-bottom: 5rem;}
.section-title p:before{content: '';display: inline-block;width: 1rem;height: 14rem;background: var(--color-sub-1);margin: 0 7rem;}
.section-title p:after{content: '';display: inline-block;width: 1rem;height: 14rem;background: var(--color-sub-1);margin: 0 7rem;}
.section-title h3{font-size: 34rem;font-weight: 700;}

@media all and (max-width:1023px) {
    .section-title{margin-bottom: 50rem;}
}

.content-01{text-align: center;padding: 100rem 0;position: relative;}
.content-01 p{font-size: 24rem;margin-bottom: 5rem;color: var(--color-sub-1);}
.content-01 h3{font-size: 45rem;font-weight: 500;}
.content-01::before{content: '';width: 900rem;height: 100%;background: #fff;position: absolute;z-index: -1;top: 0;left: 50%;transform: translateX(-50%);}
.content-01::after{content: '';width: 100%;height: 1px;background: var(--color-primary);position: absolute;top: 160rem;left: 0;z-index: -2;}

@media all and (max-width:1024px) {
    .content-01{padding:210rem 0;}
    .content-01 p{font-size: 20rem;}
    .content-01 h3{font-size: 42rem;}
    .content-01::before{width: 1px;height: 150rem;left: 50%;transform: translateX(-50%);top:0;background: var(--color-primary);z-index: 1;}
    .content-01::after{width: 1px;height: 150rem;left: 50%;transform: translateX(-50%);top:auto;bottom:0;z-index: 1;}

}

.content-02{background: var(--color-bg-2);padding: 150rem 0;}
.content-02 .review-swiper{position: relative;padding-bottom: 50rem;}
.content-02 .review-swiper .swiper-slide{background: #fff;padding: 40rem 38rem 30rem;border-radius: 10rem;height: auto;}
.content-02 .review-swiper .swiper-slide > div:nth-child(1){display: flex;align-items: center;gap: 30rem;margin-bottom: 30rem;padding-bottom: 30rem;border-bottom: 1px solid var(--color-neutral-2);position: relative;padding-right: 80rem;}
.content-02 .review-swiper .swiper-slide > div:nth-child(1) p{font-size: 24rem;font-weight: 600;line-height: 1.4;min-height: 68rem;display: flex;align-items: center;}
.content-02 .review-swiper .swiper-slide > div:nth-child(1) > div{width: 68rem;height: 68rem;border-radius: 50%;overflow: hidden;background: #ececec;position: absolute;top: 0;right: 0;}
.content-02 .review-swiper .swiper-slide > div:nth-child(1) > div img{width: 100%;height: 100%;object-fit: cover;}
.content-02 .review-swiper .swiper-slide > div:nth-child(2){font-size: 18rem;line-height: 1.4;}
.content-02 .review-swiper .swiper-slide > div:nth-child(3){display: flex;align-items: center;gap: 10rem;justify-content: space-between;margin-top: 30rem;}
.content-02 .review-swiper .swiper-slide > div:nth-child(3) img{width: 108rem;}
.content-02 .review-swiper .swiper-slide > div:nth-child(3) p{color: var(--color-neutral-4);font-size: 0;}
.content-02 .review-swiper .swiper-slide > div:nth-child(3) p span{font-size: 14rem;}
.content-02 .review-swiper .swiper-slide > div:nth-child(3) p span:nth-child(1){}
.content-02 .review-swiper .swiper-slide > div:nth-child(3) p span:nth-child(1)::after{content: '';display: inline-block;width: 1rem;height: 11rem;background: var(--color-neutral-3);margin: 0 10rem;}
.content-02 .review-swiper .swiper-pagination{bottom: 0;}

@media all and (max-width:1023px) {
    .content-02 .review-swiper{padding: 0 20rem;}

    .content-02 .review-swiper .swiper-slide{padding: 25rem;}
    .content-02 .review-swiper .swiper-slide > div:nth-child(3){display: block;margin-top: 20rem;}

    .content-02 .review-swiper .swiper-slide > div:nth-child(1){margin-bottom: 20rem;padding-bottom: 20rem;}
    .content-02 .review-swiper .swiper-slide > div:nth-child(1) p{font-size: 18rem;}
    .content-02 .review-swiper .swiper-slide > div:nth-child(2){font-size: 14rem;}
}

.content-03{font-size: 0;position: relative;}
.content-03 > img{width: 100%;}
.content-03 > div{position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);}
.content-03 > div h3{font-size: 34rem;font-weight: 700;margin-bottom: 130rem;color: #fff;}
.content-03 > div > ul{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));align-items: center;gap: 150rem;}
.content-03 > div > ul > li{font-size: 24rem;font-weight: 600;color: #fff;min-width: 140rem;}
.content-03 > div > ul > li svg{display: block;margin-bottom: 12rem;}
.content-03 > div > ul > li > h4{margin-top: 16rem;font-size: 45rem;font-weight: 700;}
.content-03 > div > ul > li > h4 .counter-number{color: var(--color-sub-2);}
.content-03 > div > ul > li > h4 span{color: #fff;font-weight: 500;}

@media all and (max-width:1023px) {
    .content-03 > img{height: 830rem;object-fit: cover;}
    .content-03 > div h3{text-align: center;margin-bottom: 75rem;font-size: 26rem;}
    .content-03 > div > ul{display: block;text-align: center;}
    .content-03 > div > ul > li{margin-bottom: 40rem;font-size: 22rem;}
    .content-03 > div > ul > li svg{margin-inline:auto;}
    .content-03 > div > ul > li > h4{font-size: 42rem;margin-top: 5rem;}
}

.content-04{padding: 175rem 0;position: relative;}
.content-04 > div{position: relative;display: flex;justify-content: space-between;}
.content-04 > h1{position: absolute;top:50%;left: 0;transform: translate(0, -50%);font-size: 155rem;font-weight: 700;color: #f5f5f5;margin: 0;line-height: 1;z-index: -1;}

@media all and (max-width:1023px) {
    .content-04 > h1{display: none;}
    .content-04 > div{display: block;}
    .content-04 > div > img{display: block;margin: 0 auto;}
}

.content-10{padding: 175rem 0;position: relative;}
.content-10 .value-list{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 50rem 20rem;}
.content-10 .value-list > div{position: relative;min-height: 300rem;display: flex;flex-direction: column;justify-content: space-between;background: #F6F6F6;padding: 28rem 33rem 40rem;border-radius: 10rem;overflow: hidden;}
.content-10 .value-list > div::after{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: linear-gradient(to top, transparent, #16BC2E);opacity: 0.05;}
.content-10 .value-list > div > p{width: 80rem;position: relative;z-index: 2;height: 80rem;border-radius: 50%;background: #fff;font-size: 24rem;color: var(--color-sub-1);font-weight: 600;display: flex;align-items: center;justify-content: center;}
.content-10 .value-list > div > div{position: relative;z-index: 2;}
.content-10 .value-list > div > div > p{font-size: 24rem;font-weight: 600;color: var(--color-primary);margin-bottom: 10rem;}
.content-10 .value-list > div > div > span{font-size: 16rem;font-weight: 400;line-height: 1.4;color: var(--color-neutral-8);}
.content-10 > h1{position: absolute;right: 0;bottom: 15%;font-size: 155rem;font-weight: 700;color: #f5f5f5;margin: 0;line-height: 1;z-index: -1;}

@media all and (max-width:1280px) {
    .content-10 > h1{display: none;}
}

@media all and (max-width:1023px) {
    .content-10{padding: 120rem 0;}
    .content-10 .section-title{text-align: center;}
    .content-10 > div > p{font-size: 18rem;text-align: center;}

    .content-10 .value-list{grid-template-columns: repeat(2,minmax(0,1fr));gap: 20rem;}
    .content-10 .value-list > div{padding: 26rem 30rem;min-height: 285rem;}
    .content-10 .value-list > div > p{width: 55rem;height: 55rem;}
}

@media all and (max-width:660px) {
    .content-10 .value-list{grid-template-columns: repeat(1,minmax(0,1fr));}
}

.content-05{padding: 219rem 0 200rem;background: var(--color-bg-2);}
.content-05 > div > ul{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 50rem 20rem;}
.content-05 > div > ul > li{border-radius: 10rem;overflow: hidden;box-shadow: 0 0 10rem rgba(0, 0, 0, 0.2);background: #fff;}
.content-05 > div > ul > li > div:nth-child(1){background: #1e1e1e ;padding: 53rem 39rem;position: relative;color: #fff;overflow: hidden;}
.content-05 > div > ul > li > div:nth-child(1)::after{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: linear-gradient(to right, transparent, #16BC2E);opacity: 0.2;}
.content-05 > div > ul > li > div:nth-child(1) > div{position: relative;z-index: 2;}
.content-05 > div > ul > li > div:nth-child(1) > div > h3{font-size: 27rem;font-weight: 700;margin-bottom: 5rem;}
.content-05 > div > ul > li > div:nth-child(1) > div > p{font-size: 22rem;font-weight: 400;line-height: 1.4;display: flex;align-items: center;gap:5rem}
.content-05 > div > ul > li > div:nth-child(1) > div > p span{font-size: 18rem;font-weight: 400;color: var(--color-neutral-4);}
.content-05 > div > ul > li > div:nth-child(1) > b{font-size: 60rem;font-weight: 800;color: #fff;opacity: 0.05;position: absolute;bottom: -18rem;right: -5rem;}
.content-05 > div > ul > li > div:nth-child(2){padding: 33rem 39rem;}
.content-05 > div > ul > li > div:nth-child(2) > p{font-size: 20rem;font-weight: 500;margin-bottom: 16rem;color: var(--color-neutral-8);}
.content-05 > div > ul > li > div:nth-child(2) > ul{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10rem;}
.content-05 > div > ul > li > div:nth-child(2) > ul > li{text-align: center;background: var(--color-bg-2);border-radius: 5rem;font-size: 18rem;padding: 10rem;}
.content-05 > div > ul > li > div:nth-child(2) > div{display: flex; flex-wrap: wrap; gap: 10rem;margin-top: 20rem;}
.content-05 > div > ul > li > div:nth-child(2) > div > div{padding: 17rem;border-radius: 5rem;cursor: pointer;font-size: 20rem;color: var(--color-neutral-1);font-weight: 500;text-align: center;display: flex;align-items: center;justify-content: center;gap: 7rem;flex: 0 0 calc(50% - 5rem);max-width: calc(50% - 5rem);}
.content-05 > div > ul > li > div:nth-child(2) > div > div:nth-child(1){background: var(--color-primary);}
.content-05 > div > ul > li > div:nth-child(2) > div > div.full-width{flex: 1 1 100%;max-width: 100%;}
.content-05 > div > ul > li > div:nth-child(2) > div > div{background: var(--color-sub-1);}
.content-05 > div > ul > li > div:nth-child(2) > div > div a{display: flex;align-items: center;gap: 7rem;}

@media all and (max-width:1152px) {
    .content-05 > div > ul > li > div:nth-child(2){padding: 30rem 18rem 18rem;}
}

@media all and (max-width:1023px) {
    .content-05{padding: 100rem 0 130rem;}
    .content-05 > div > ul{grid-template-columns: repeat(2,minmax(0,1fr));gap:20rem}

    .content-05 > div > ul > li > div:nth-child(2) > p{font-size: 18rem;}
    
    .content-05 > div > ul > li > div:nth-child(2) > ul > li{font-size: 17rem;}
    .content-05 > div > ul > li > div:nth-child(2) > div > div{font-size: 18rem;}
}

@media all and (max-width:660px) {
    .content-05 > div > ul{grid-template-columns: repeat(1,minmax(0,1fr));}
}

.content-06{padding: 175rem 0;}
.content-06 .section-title{text-align: left;margin-bottom: 30rem;}
.content-06 > div > p{font-size: 22rem;font-weight: 500;margin-bottom: 70rem;}
.content-06 .value-list{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 50rem 20rem;}
.content-06 .value-list > div{position: relative;min-height: 420rem;display: flex;flex-direction: column;justify-content: space-between;background: #F6F6F6;padding: 23rem 52rem 52rem;border-radius: 10rem;overflow: hidden;}
.content-06 .value-list > div::after{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: linear-gradient(to top, transparent, #16BC2E);opacity: 0.05;}
.content-06 .value-list > div > img{width: 80rem;position: relative;z-index: 2;}
.content-06 .value-list > div > div{position: relative;z-index: 2;}
.content-06 .value-list > div > div > p{font-size: 24rem;font-weight: 600;color: var(--color-primary);margin-bottom: 10rem;}
.content-06 .value-list > div > div > span{font-size: 16rem;font-weight: 400;line-height: 1.4;color: var(--color-neutral-8);}

@media all and (max-width:1023px) {
    .content-06{padding: 120rem 0;}
    .content-06 .section-title{text-align: center;}
    .content-06 > div > p{font-size: 18rem;text-align: center;}

    .content-06 .value-list{grid-template-columns: repeat(2,minmax(0,1fr));gap: 20rem;}
    .content-06 .value-list > div{padding: 26rem 30rem;min-height: 285rem;}
    .content-06 .value-list > div > img{width: 55rem;}
}

@media all and (max-width:660px) {
    .content-06 .value-list{grid-template-columns: repeat(1,minmax(0,1fr));}
}


.content-07{background: url(../images/content/main_content_03.jpg) no-repeat;background-size: cover;}
.content-07 > div{padding: 160rem 0 144rem;position: relative;}
.content-07 > div .section-title{text-align: left;margin-bottom: 170rem;}
.content-07 > div .description{font-size: 18rem;line-height: 1.5;}
.content-07 > div > img{position: absolute;bottom: 0;right:0;max-width: 591rem;}

@media all and (max-width:1320px) {
    .content-07 > div{padding: 160rem 20rem 144rem;}
}

@media all and (max-width:1152px) {
    .content-07 > div > img{display: none;}
}

@media all and (max-width:1023px) {
    .content-07 > div{padding: 120rem 20rem;}
    .content-07 > div .section-title{margin-bottom: 75rem;}
    .content-07 > div .description{font-size: 16rem;}
}

.content-08{background: url(../images/content/main_content_04.jpg) no-repeat;background-size: cover;}
.content-08 > div{padding: 144rem 0;overflow: hidden;}
.content-08 > div .custom-title{color: #fff;font-size: 34rem;font-weight: 500;}
.content-08 > div .custom-title h3{font-size: 60rem;color: var(--color-sub-2);}
.content-08 > div .description{color: #fff;float: right;margin-top: 128rem;font-size: 18rem;line-height: 1.5;}

@media all and (max-width:1320px) {
    .content-08 > div{padding: 144rem 20rem;}
}

@media all and (max-width:1023px) {
    .content-08 > div{padding: 120rem 20rem;}
    .content-08 > div .description{margin-top: 85rem;}

    .content-08 > div .custom-title h3{font-size: 47rem;}
    .content-08 > div .custom-title{font-size: 26rem;}
    .content-08 > div .description{font-size: 16rem;}
}



.content-09{}
.content-09 > div{padding: 175rem 0;overflow: hidden;}
.content-09 > div .content-info{display: flex;margin-top: 50rem;justify-content: space-between;}
.content-09 > div .section-title{text-align: left;margin-bottom: 0;}
.content-09 > div .content-list > ul{display: flex;align-items: center;justify-content: space-between;}
.content-09 > div .content-list > ul > li{text-align: center;padding: 23rem 50rem;font-size: 22rem;color: var(--color-neutral-8);font-weight: 500;}
.content-09 > div .content-list > ul > li span{display: block;background: var(--color-sub-1);width: 49rem;height: 49rem;line-height: 49rem;border-radius: 50%;text-align: center;color: #fff;margin: 0 auto;margin-bottom: 16rem;}
.content-09 > div .content-list > ul > li:nth-child(1),
.content-09 > div .content-list > ul > li:nth-child(2){border-right: 1rem solid var(--color-neutral-2);}
.content-09 > div .button{cursor: pointer;background: var(--color-primary);color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 22rem;font-weight: 500;gap:0 7rem;padding: 17rem 0;border-radius: 5rem;margin-top: 50rem;}

@media all and (max-width:1320px) {
    .content-09 > div{padding: 175rem 20rem;}
}

@media all and (max-width:1023px) {
    .content-09 > div{padding: 120rem 20rem;}
    .content-09 > div > img{display: none;}
    .content-09 > div .section-title{text-align: center;}
    .content-09 > div .content-info{margin-top: 0;display: block;}
    .content-09 > div .content-list > ul{display: block;}
    .content-09 > div .content-list > ul > li{padding: 50rem 0;border-right: none !important;border-bottom: 1rem solid var(--color-neutral-2);}
    .content-09 > div .content-list > ul > li:last-child{border-bottom: none;}
}

/* 디지털 명함 모달 */
#digital-card-modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;display: flex;align-items: center;justify-content: center;}
#digital-card-modal .digital-card-container{position: relative;z-index: 10001;max-width: 90vw;max-height: 90vh;display: flex;align-items: center;justify-content: center;overflow: auto;}
#digital-card-modal .digital-card-image{max-width: 100%;max-height: 90vh;object-fit: contain;border-radius: 10rem;position: relative;opacity: 0;transition: opacity 0.4s ease-in-out;}
#digital-card-modal .digital-card-close{position: fixed;top: 20rem;right: 20rem;width: 35rem;height: 35rem;background: rgba(255, 255, 255, 0.95);border: none;border-radius: 50%;font-size: 30rem;line-height: 1;color: #333;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 10002;transition: background 0.3s, opacity 0.4s ease-in-out;box-shadow: 0 2rem 8rem rgba(0, 0, 0, 0.2);opacity: 0;}
#digital-card-modal .digital-card-close:hover{background: rgba(255, 255, 255, 1);}

@media all and (max-width:1023px) {
    #digital-card-modal .digital-card-close{top: 10rem;right: 10rem;width: 40rem;height: 40rem;font-size: 28rem;}
    #digital-card-modal .digital-card-container{max-width: 95vw;max-height: 85vh;}
    #digital-card-modal .digital-card-image{max-height: 85vh;}
}

.visit-button{position: fixed;bottom: 25rem;left: 10rem;background: var(--color-primary);color: #fff;border-radius: 42rem;display: flex;align-items: center;justify-content: center;z-index: 10;transition: background 0.3s, opacity 0.4s ease-in-out;box-shadow: 0 2rem 8rem rgba(0, 0, 255, 0.2);padding: 6rem 18rem;gap:8rem;cursor: pointer;}