@charset "UTF-8";
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
body { font-family: Pretendard; }
section{overflow: hidden;}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

section .fade-in-down {
    animation: fadeInDown 1s ease-out 0.2s forwards;
}


.mainBanner{
    background: linear-gradient(0deg, #FF9748 0%, #F7571E 80%);
    width: 100%;
    position: relative;
}
.mainBanner .inner{
    margin: 0 auto;
    padding-top: 82px;
    max-width: 1300px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.mainBanner .txt-img-area{
    display: flex;
    z-index: 1;
    gap: clamp(100px,9.48vw,182px);
    justify-content: center;
}
.mainBanner .txt-img-area .txt-area{
    padding-top: 42px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mainBanner .txt-img-area .txt-area .sub-title{
    color: #FFF;
    font-family: Pretendard;
    font-size: clamp(19px,1.15vw,22px);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.44px;
    text-transform: uppercase;
}
.mainBanner .txt-img-area .txt-area .title{
    color: #FFF;
    font-family: Pretendard;
    font-size: clamp(50px,3.02vw,58px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -1.16px;
    text-transform: uppercase;
}
.mainBanner .txt-img-area .txt-area .acc{
    color: #FFF;
    font-family: Pretendard;
    font-size: clamp(17px,1.04vw,20px);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.4px;
}
.mainBanner .txt-img-area .txt-area .acc span{
    color: #FFF;
    font-family: Pretendard;
    font-size: clamp(17px,1.04vw,20px);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.4px;
}
.mainBanner .img-area img{
    width: clamp(299px,18.59vw,357px);
    height: auto;
}
.mainBanner .bottom-banner{
    display: flex;
    margin-top: auto;
        z-index: 1;
}
.mainBanner .bottom-banner li{
    display: flex;
    width: 260px;
    height: 68px;
    padding: 0 clamp(15px,1.25vw,24px);
    justify-content: center;
    align-items: center;
    gap: clamp(8px,0.63vw,12px);
    flex: 1 0 0;
}
.mainBanner .bottom-banner li:nth-child(odd) {
    background: #F7571E;
}

.mainBanner .bottom-banner li:nth-child(even) {
    background: #F86430;
}

.mainBanner .bottom-banner li img{
    width: clamp(20px,1.56vw,30px);
    height: clamp(20px,1.56vw,30px);
}
.mainBanner .bottom-banner li .txt{
    color: rgba(255, 255, 255, 0.70);
    text-align: center;
    font-family: Pretendard;
    font-size: clamp(12px,0.73vw,14px);
    font-weight: 400;
    line-height: 1.5; 
    letter-spacing: -0.28px;
    text-transform: uppercase;
}
.mainBanner .bottom-banner li .txtBold{
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: clamp(14px,0.83vw,16px);
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.32px;
    text-transform: uppercase;
    padding-left: 2px;
    position: relative;
}
.mainBanner .bottom-banner li .txtBold::before{
    top: 6px;
    position: absolute;
    display: inline-block;
    content: ' ';
    width: 1.5px;
    height: 10px;
    background: rgba(255, 255, 255, 0.40);
    left: clamp(-6px, -0.31vw, -4px);

}
.mainBanner .bgimg{
    position: absolute;
        z-index: 0;
        top: 0;
        right: clamp(-66px,11.46vw,220px);
}
.mainBanner .bgimg.mo{display: none;}

@media (max-width: 968px) {
.mainBanner .inner{
    margin: 0 auto;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.mainBanner .txt-img-area{
    padding-left: 30px;
    margin-bottom: 15px;
}
.mainBanner .txt-img-area .txt-area{
    padding-top: 42px;
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.mainBanner .txt-img-area .txt-area .sub-title{
    font-size: 18px;
    width: 154px;
}
.mainBanner .txt-img-area .txt-area .title{
    font-size: 36px;
    margin-top: 2px;
    margin-bottom: 9px;
}
.mainBanner .txt-img-area .txt-area .acc,.mainBanner .txt-img-area .txt-area .acc span{
    font-size: 16px;
}
.mainBanner .img-area{
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}
.mainBanner .img-area img{
    width: 231px;
    height: auto;
}
.mainBanner .bottom-banner{
    flex-direction: column;
}
.mainBanner .bottom-banner li{
    display: flex;
    width: 100%;
    height: 46px;
    padding:12px 22px;
    justify-content: center;
    align-items: center;
    gap: 11px;
    flex: 1 0 0;
}
.mainBanner .bottom-banner li img{
    width: 27.6px;
    height: 27.6px;
}
.mainBanner .bottom-banner li .txt{
    font-size: 13px;
}
.mainBanner .bottom-banner li .txtBold{
    font-size: 14px;
}
.mainBanner .bgimg.pc{display: none;}
.mainBanner .bgimg.mo{display: block;
    right: -50px;
    width: 517.999px;
    height: auto;
    aspect-ratio: 518.00/518.00;
}
}
@media (max-width: 768px) {
.mainBanner .inner{
    margin: 0 auto;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.mainBanner .txt-img-area{
    padding-left: 30px;
    margin-bottom: 15px;
    gap: 50px;
}
.mainBanner .txt-img-area .txt-area{
    padding-top: 42px;
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.mainBanner .txt-img-area .txt-area .sub-title{
    font-size: 18px;
    width: 154px;
}
.mainBanner .txt-img-area .txt-area .title{
    font-size: 36px;
    margin-top: 2px;
    margin-bottom: 9px;
}
.mainBanner .txt-img-area .txt-area .acc,.mainBanner .txt-img-area .txt-area .acc span{
    font-size: 16px;
}
.mainBanner .img-area{
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}
.mainBanner .img-area img{
    width: 231px;
    height: auto;
}

}
@media (max-width: 668px) {
.mainBanner .inner{
    margin: 0 auto;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.mainBanner .txt-img-area{
    flex-direction: column;
    padding-left: 30px;
    gap: 0;
    margin-bottom: 15px;
}
.mainBanner .txt-img-area .txt-area{
    padding-top: 42px;
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.mainBanner .txt-img-area .txt-area .sub-title{
    font-size: 18px;
    width: 154px;
}
.mainBanner .txt-img-area .txt-area .title{
    font-size: 36px;
    margin-top: 2px;
    margin-bottom: 9px;
}
.mainBanner .txt-img-area .txt-area .acc,.mainBanner .txt-img-area .txt-area .acc span{
    font-size: 16px;
}
.mainBanner .img-area{
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}
.mainBanner .img-area img{
    width: 231px;
    height: auto;
}

}
.sc-technology{
    position: relative;
    width: 100%;
    height: 620px;
    background: #F4F4F4;
    padding: 210px 40px;
}
.sc-technology .inner{
    max-width: 1304px;
    margin: 0 auto;
}
.sc-technology .txt-area{
    position: relative;
    color: #333;
    z-index: 10;
    font-family: Pretendard;
    font-size: clamp(20px,1.35vw,26px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; 
    letter-spacing: -0.87px;
}
.sc-technology .txt-area .bold{
    color: #333;
    font-family: Pretendard;
    font-size: clamp(20px,1.35vw,26px);
    font-style: normal;
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.87px;
}
.sc-technology .txt-area .color{
    color: #F7571E;
    font-family: Pretendard;
    font-size: clamp(20px,1.35vw,26px);
    font-style: normal;
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.87px;
}
.sc-technology .bgimg{
    position: absolute;
    top: 0;
    z-index: 0;
    right: clamp(0px,2.08vw,40px);
}
.sc-technology .bgimg.mo{display: none;}
@media (max-width: 1023px) {
    .sc-technology{
    position: relative;
    width: 100%;
    height: 531px;
    background: #F4F4F4;
    padding: 80px 42px 80px 53px;
}
.sc-technology .txt-area br.pc{display: none;}
.sc-technology .txt-area,.sc-technology .txt-area .bold,.sc-technology .txt-area .color{
    font-size: 14px;
    line-height: 1.6;
letter-spacing: -0.803px;
}
.sc-technology .bgimg{
    position: absolute;
    top: 0;
    z-index: 0;
    right: clamp(0px,2.08vw,40px);
}
.sc-technology .bgimg.pc{display: none;}
.sc-technology .bgimg.mo{display: block;
        bottom: 0;
        width: 100%;
        position: absolute;
        top: auto;
        z-index: 0;
        right: 0;
}
}
.sc-compare {
    background: #F4F4F4;
    width: 100%;
}
.sc-compare .inner{
    margin: 0 auto;
    padding: 72px 40px 140px;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}
.sc-compare .color{
    color: #F7571E;
    text-align: center;
    font-family: Pretendard;
    font-size: clamp(32px,2.08vw,40px);
    font-style: normal;
    font-weight: 600;
    line-height: 48.96px; 
    letter-spacing: -2px;
}
.sc-compare .tilte{
    color: #333;
    font-family: Pretendard;
    font-size: clamp(32px,2.08vw,40px);
    font-style: normal;
    font-weight: 600;
    line-height: 48.96px;
    letter-spacing: -2px;
}

.sc-compare .compare-area{
    display: flex;

}
.sc-compare .compare-area .img-area{
    display: flex;
    align-items: flex-end;
}
.sc-compare .compare-area img{
    width: clamp(420px,27.4vw,526px);
    height: auto;
    z-index: 1;
}
.sc-compare .compare-table {
    z-index: 10;
    border-collapse: collapse;
    table-layout: fixed;
    word-break: keep-all;
}

.sc-compare th{
    color: #333;
    text-align: center;
    padding-bottom: 17px;
    font-family: Pretendard;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -0.868px;
}
.sc-compare th.highlight-col{
    font-weight: 600;
    color: #F7571E;
}
.sc-compare td {
    border-top: 0.868px solid #CCC;
    border-bottom: 0.868px solid #CCC;
    background: #FFF;
    width: 280px;
    height: 94px;
    text-align: center;
    vertical-align: middle;
    color: #333;
    text-align: center;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.868px;
}
.sc-compare td span{
    color: #F7571E;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.868px;
}

.sc-compare td:first-child {
    display: flex;
    width: 83px;
    margin-right: 10px;
    font-weight: 600;
    padding: 0 19px;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background: rgba(230, 230, 230, 0.70);
}

.sc-compare td.highlight-col {
  color: #F7571E;
  background: #FFF8F6;
  border-left: 3px solid #F7571E;
  border-right: 3px solid #F7571E;
  
}
.sc-compare td.highlight-col br.mo{
    display: none;
}
.sc-compare td.highlight-col.f {
    border-top: 3px solid #F7571E;
}
.sc-compare td.highlight-col:last-child {
    border-bottom: 3px solid #F7571E;
}
@media (max-width: 1023px) {
    .sc-compare .inner{
    margin: 0 auto;
    padding: 27px 13px;
    display: flex;
    flex-direction: column;
    gap: 18x;
    align-items: center;
}
.sc-compare .color{
    color: #F7571E;
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.803px;
}
.sc-compare .tilte{
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.803px;
}
.sc-compare .compare-area{
    flex-direction: column-reverse;
    gap: 14px;
    align-items: center;
}
.sc-compare .compare-area img{
    width: 281px;
}
.sc-compare th{
    font-size: 12.923px;
    letter-spacing: -0.801px;
}
.sc-compare td{
    font-size: 12.923px;
    letter-spacing: -0.801px;
    border-top: 0.801px solid #CCC;
    border-bottom: 0.801px solid #CCC;
}
.sc-compare td span{
    font-size: 12.923px;
    letter-spacing: -0.801px;
}
.sc-compare td:first-child {
    display: flex;
    width: 51px;
    margin-right: 5.5px;
    font-weight: 600;
    padding: 0 9px;
    border-top: 0.923px solid #CCC;
    border-bottom: 0.923px solid #CCC;
}
.sc-compare td.highlight-col {
  border-left: 2.769px  solid #F7571E;
  border-right: 2.769px  solid #F7571E;
  
}
.sc-compare td.highlight-col.f {
    border-top: 2.769px solid #F7571E;
}
.sc-compare td.highlight-col:last-child {
    border-bottom: 2.769px solid #F7571E;
}
.sc-compare td.highlight-col br.mo{
    display: block;
}
.sc-compare td.highlight-col br.pc{
    display: none;
}
}
.sc-process{
    width: 100%;
    position: relative;
    height: 944px;
}
.sc-process .inner{
    padding: 160px 0 160px clamp(40px,16.15vw,310px);
    display: flex;
}
.sc-process .txt-area{
    display: flex;
    width: clamp(410px,33.85vw,650px);
    flex-direction: column;
    gap: 24px;
    flex-shrink: 0;
}
.sc-process .txt-area .title{
    color: #333;
    font-family: Pretendard;
    font-size: clamp(35px,2.08vw,40px);
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.8px;
}
.sc-process .txt-area .title .color{
    color: #F7571E;
    font-family: Pretendard;
    font-size: clamp(35px,2.08vw,40px);
    font-weight: 600;
}

.sc-process .txt-area .acc{
    color: #888;
    font-family: Pretendard;
    font-size: clamp(16px,0.94vw,18px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.36px;
}
.sc-process .swiper {
    flex: 1;
    min-width: 0;   
    position: static;
    z-index: 10;
}
.sc-process .swiper-wrapper {
    position: static;
    width: max-content;
}

.sc-process .swiper-slide{
    width: clamp(286px,27.5vw,528px) ;
    height: clamp(372px,32.5vw,624px);
    position: relative;
    background: linear-gradient(180deg, rgba(51, 51, 51, 0.00) 0%, rgba(51, 51, 51, 0.90) 80%);
    flex-shrink: 0 !important;
}

.sc-process .gradient-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.9) 80%);
  pointer-events: none; /* 클릭 막지 않음 */
  z-index: 1;
}
.sc-process .swiper-slide .txt{
    position: absolute;
    display: flex;
    flex-direction: column;
    bottom: 40px;
    left: clamp(24px,2.08vw,40px);
    z-index: 11;
}
.sc-process .swiper-slide .txt .num{
    color: #FFF;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.3; 
    letter-spacing: -0.28px;
    margin-bottom: 10px;
}
.sc-process .swiper-slide .txt .title{
    color: #FFF;
    font-family: Pretendard;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.3; 
    letter-spacing: -0.64px;
    margin-bottom: 24px;
}
.sc-process .swiper-slide .txt .acc{
    color: #FFF;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; 
    letter-spacing: -0.36px;
}
.sc-process .swiper-slide video{
    width: clamp(286px,27.5vw,528px);
    height: clamp(372px,32.5vw,624px);
    object-fit: cover;
}
.sc-process .bgtxt{
    position: absolute;
    bottom: 101px;
    left: 50px;
    z-index: 0;
}
.sc-process .bgtxt.mo{display: none;}

.sc-process .swiper-button-prev,
.sc-process .swiper-button-next {
  width: 54px;
  height: 54px;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
}
.sc-process .swiper-button-prev{
    left: clamp(40px,16.15vw,310px);
}
.sc-process .swiper-button-next{
    left: clamp(178px,28.33vw,448px);
}
.sc-process .swiper-button-prev svg,
.sc-process .swiper-button-next svg {
  width: 15px;
  height: 17px;
  stroke: #333;
}

.sc-process .swiper-button-next:after,.sc-process .swiper-button-prev:after {
    content: '';
}

.sc-process .swiper-pagination {
  height: 54px;
  width: 56px;
  left: clamp(106px,21.58vw,376px);
  bottom: auto;
  top: 49%;
}
.sc-process .swiper-pagination-current{
      font-family: Pretendard, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #333;
}
.sc-process .swiper-pagination-total{
      font-family: Pretendard, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #888;
}
.sc-process .swiper-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  gap: 8px;
}
@media (max-width: 1023px) {
    .sc-process{
        height: 900px;
    }
    .sc-process .inner{
    padding: 64px 0 64px 13px;
    flex-direction: column;
    gap: 127px;
}
.sc-process .txt-area{
    width:360px;
    gap: 22px;
}
.sc-process .txt-area .title{
    font-size: 30px;
    letter-spacing: -0.6px;
}
.sc-process .txt-area .title .color{
    font-size: 30px;
}
.sc-process .txt-area .acc{
    font-size: 14px;
    letter-spacing: -0.28px;
}
.sc-process .swiper{
    width: 100%;
    height: auto;
    min-height: 380px;
}

.sc-process .swiper-slide .txt{
    transform: translateX(-50%);
    left: 50%;
}
.sc-process .swiper-slide .txt .num{
    font-size: 13px;
}
.sc-process .swiper-slide .txt .title{
    font-size: 18.5px;
    line-height: 1.3; 
    letter-spacing: -0.369px;
    margin-bottom: 14px;
}
.sc-process .swiper-slide .txt .acc{
    font-size: 13px;
    letter-spacing: -0.258px;
    width: 257px;
}
.sc-process .swiper-slide .txt .acc br{display: none;}

.sc-process .bgtxt{
    position: absolute;
    bottom: 101px;
    left: 50px;
}
.sc-process .bgtxt.mo{
    width: 306.461px;
height: 143.555px;
aspect-ratio: 306.46/143.56;display: block;
right: 0;left: auto;bottom: 41px;}
.sc-process .bgtxt.pc{display: none;}
.sc-process .swiper-button-prev{
    left: 14px;
    top: 294px;
}
.sc-process .swiper-button-prev,
.sc-process .swiper-button-next {
  width: 50px;
  height: 50px;
}
.sc-process .swiper-button-next{
    left: 150px;
    top: 294px;
}
.sc-process .swiper-pagination {
  height: 54px;
  width: 56px;
  left: 77px;
  bottom: auto;
  top: 31.5%;
}
}
.sc-shortform{
    width: 100%;
    position: relative;
    background: linear-gradient(180deg, #F5F5F5 10%, #FDDDD2 100%);
}
.sc-shortform .inner{
    padding: 160px 0;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.sc-shortform .txt-area{
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;

}
.sc-shortform .txt-area .sub-title{
    color: #F7571E;
    text-align: center;
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.4px;
}
.sc-shortform .txt-area .title{
    color: #333;
    text-align: center;
    font-family: Pretendard;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.8px;
}
.sc-shortform .txt-area .title br.mo{display: none;}

.sc-shortform .swiper {
    width: 100%;
    overflow: visible;    
}

.sc-shortform .swiper-wrapper {
    display: flex;
    align-items: center;
}



.sc-shortform .swiper-slide {
    width: 299.84px;
    height: auto;
    flex-shrink: 0;
    aspect-ratio: 9 / 16;
    margin-right: 50px;
}


.sc-shortform .swiper-slide-prev {
    margin-left: clamp(12px,1.2vw,32px);
}
.sc-shortform .swiper-slide-active {
    width: 346px;
    height: auto;
    aspect-ratio: 9 / 16;
    z-index: 2;
}


.sc-shortform .shorts-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.sc-shortform .shorts-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
/* 기본: 스와이프 가능 */
.sc-shortform .swiper-slide iframe {
  pointer-events: auto;
}

/* 중앙(active) 슬라이드만 영상 조작 허용 */
.sc-shortform .swiper-slide-active iframe {
  pointer-events: auto;
}

.sc-shortform .swiper-button-next,
.sc-shortform .swiper-button-prev {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: 22;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);

    display: flex;
    align-items: center;
    justify-content: center;
}
.sc-shortform .swiper-button-next{
    right: clamp(210px,16.15vw,310px);
}
.sc-shortform .swiper-button-prev{
    left: clamp(210px,16.15vw,310px);
}
.sc-shortform .swiper-button-next:after, .sc-shortform .swiper-button-prev:after {
    color: #FFF !important;
    font-size: 28px !important;
}
@media (max-width: 1023px) {
    .sc-shortform .inner{
    padding: 74px 0 83px;
    display: flex;
    flex-direction: column;
    gap: 41.5px;
}
.sc-shortform .txt-area{
    gap: 9px;
}
.sc-shortform .txt-area .sub-title{
    font-size: 18px;
    letter-spacing: -0.36px;
}
.sc-shortform .txt-area .title{
    font-size: 30px;
    letter-spacing: -0.6px;
}
.sc-shortform .txt-area .title br.mo{display: block;}

.sc-shortform .swiper-slide {
    width: 241px;
    margin-right: 14px;
}
.sc-shortform .swiper-slide-active {
    width: 277px;
}
.sc-shortform .swiper-button-next{
    right: -10px;
}
.sc-shortform .swiper-button-prev{
    left: -10px;
    margin-left: 0;
}
.sc-shortform .swiper-button-next,
.sc-shortform .swiper-button-prev {
    width: 64px;
    height: 64px;
}
.sc-shortform .swiper-button-next:after, .sc-shortform .swiper-button-prev:after {
    color: #FFF !important;
    font-size: 25.8px !important;
}
}
.sc-clinic{
    position: relative;
    background: #FFF;
    width: 100%;
}
.sc-clinic .inner{
    padding: 160px 0;
    margin: 0 auto;
    display: flex;
    max-width: 1,140px;
    align-items: center;
    justify-content: center;
    
}
.sc-clinic .inner .img-container{
    display: flex;
    gap: 24px;
    z-index: 10;
}

.sc-clinic .inner .img-container .img1 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.sc-clinic .inner .img-container .img2 {
    padding-top: 80px;
    flex-direction: column;
    display: flex;
    gap: 24px;
}


.sc-clinic .inner .img-container .img-area {
    position: relative;
}
.sc-clinic .inner .img-container .img-area .box{
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px 20px;
    background: #F7571E;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.36px;
}
.sc-clinic .inner .img-container .img-area img{
    width: 313px;
height: 280px;
}
.sc-clinic .txt-area{
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 80px;
}
.sc-clinic .txt-area .title{
    color: #333;
    font-family: Pretendard;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.8px;
}
.sc-clinic .txt-area .title .color{
    color: #F7571E;
    font-family: Pretendard;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4; 
    letter-spacing: -0.8px;
}
.sc-clinic .txt-area .acc{
    color: #888;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; 
    letter-spacing: -0.36px;
}
.sc-clinic .bgtxt{
    position: absolute;
    z-index: 1;
    bottom: 100px;
    right: 50px;
}
@media (max-width: 1023px) {
    .sc-clinic .inner{
    padding: 90px 0;
    flex-direction: column;
}
.sc-clinic .inner .img-container{
    gap: 12px;
}
.sc-clinic .inner .img-container .img1 {
    gap: 12px;
}
.sc-clinic .inner .img-container .img2 {
    padding-top: 62px;
    gap: 12px;
}
.sc-clinic .inner .img-container .img-area .box{
    padding: 8px 18px;
    right: 0;
    font-size: 13px;
    letter-spacing: -0.258px;

}
.sc-clinic .inner .img-container .img-area img{
    width: 160px;
height: 187px;
}
.sc-clinic .txt-area{
    gap: 14px;
    padding: 0 14px;
}
.sc-clinic .txt-area .title{
    font-size: 30px;
    letter-spacing: -0.6px;
}
.sc-clinic .txt-area .title .color{
    font-size: 30px;
    letter-spacing: -0.6px;
}
.sc-clinic .txt-area .acc{
    font-size: 14px;
    letter-spacing: -0.28px;
}
.sc-clinic .bgtxt{
    transform: rotate(90deg);
    position: absolute;
    z-index: 1;
    bottom: 93px;
    right: -91px;
    width: 246px;
    height: auto;
}
}
.sc-tab{
    width: 100%;
    height: 1036px;
    position: relative;

}
.sc-tab .inner{
    padding: 92px 46px 162px;
    margin: 0 auto;
    max-width: 1300px;


}
.sc-tab .tab-buttons{
    display: flex;
    gap: 8px;
    justify-content: center;
}
.sc-tab .tab-buttons .tab-btn{
    display: flex;
    width: 200px;
    height: 60px;
    padding: 0 12px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border: 1px solid #CCC;
    background: linear-gradient(180deg, #F5F5F5 0%, #F9F9F9 50.48%, #F5F5F5 100%);
    color: #949494;
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.32px;
}
.sc-tab .tab-buttons .tab-btn.active{
    display: flex;
    width: 200px;
    height: 60px;
    padding: 0 12px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background: linear-gradient(180deg, #F7571E 0%, #FF6933 50%, #F7571E 100%);
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.32px;
}
.sc-tab .tab-content {
    display: none;
    margin-top: 108px;
}

.sc-tab .tab-content.active {
    display: block; 
}



.sc-tab .tab-contents .tab-text{
    display: flex;
    flex-direction: column;
    margin: 40px 0;
    z-index: 10;
    justify-content: center;
    height: 536px;

}
.sc-tab .tab-contents .tab-text .title{
    color: #333;
    font-family: Pretendard;
    font-size: clamp(27px,1.67vw,32px);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
    margin-bottom: clamp(50px,4.17vw,80px);
}
.sc-tab .tab-contents .tab-text .title .color{
    color: #F7571E;
    font-family: Pretendard;
    font-size: clamp(27px,1.67vw,32px);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.64px;
}
.sc-tab .tab-contents .tab-text .listTitle{
    color: #333;
    font-family: SUIT;
    font-size: clamp(21px,1.25vw,24px);
    font-style: normal;
    font-weight: 700;
    line-height: 1.5; 
    letter-spacing: -0.48px;
    padding-left: 18px;
    position: relative;
    margin-bottom: 12px;
}
.sc-tab .tab-contents .tab-text .listTitle::before{
    content: "";    
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    background:#F7571E;
    transform: translateY(-50%);
    top: 50%;
}
.sc-tab .tab-contents .tab-text .listTxt{
    color: #666;
    font-family: SUIT;
    font-size: clamp(16px,0.94vw,18px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.36px;

}

.sc-tab .tab-contents .tab-text .listTxt + .listTitle {
    margin-top: 48px;
}



.sc-tab .circle-area {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 0;
    height: fit-content;
    width: fit-content;
    right: clamp(10px,2.4vw,46px);
    position: absolute;
    top: 260px;
}

.sc-tab .circle{
    border-radius: 999px;
    border: 1px solid #FDDDD2;
    background: linear-gradient(180deg, rgba(247, 87, 30, 0.10) 0%, rgba(255, 247, 153, 0.04) 80%);
    display: flex;
    width: clamp(150px,13.75vw,264px);
    height: clamp(175px,16.04vw,308px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.sc-tab .circle.empty {
    border-radius: 999px;
    border: 1px solid #FDDDD2;
    opacity: 0.6;
    background: linear-gradient(180deg, rgba(247, 87, 30, 0.10) 0%, rgba(255, 247, 153, 0.04) 80%);
}
.sc-tab .circle.empty:nth-of-type(1),
.sc-tab .circle.empty:nth-of-type(5) {
    -webkit-mask-image: linear-gradient(
        to left,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0.6) 60%,
        rgba(0,0,0,0) 100%
    );
    mask-image: linear-gradient(
        to left,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0.6) 60%,
        rgba(0,0,0,0) 100%
    );
}

.sc-tab .circle.empty:nth-of-type(4),
.sc-tab .circle.empty:nth-of-type(8){
    -webkit-mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0.6) 60%,
        rgba(0,0,0,0) 100%
    );
    mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0.6) 60%,
        rgba(0,0,0,0) 100%
    );
}

.sc-tab .circle .num{
    color:  #F7571E;
    text-align: center;
    font-family: Pretendard;
    font-size: clamp(14px,0.94vw,18px);
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.36px;
}
.sc-tab .circle .title{
    color:  #F7571E;
    text-align: center;
    font-family: Pretendard;
    font-size: clamp(16px,1.25vw,24px);
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.48px;
}
.sc-tab .circle .acc{
    color:  #F7571E;
    text-align: center;
    font-family: Pretendard;
    font-size:  clamp(14px,0.94vw,18px);
    font-weight: 400;
    line-height: 1.5; 
    letter-spacing: -0.36px;
}
.sc-tab .tab-contents .tab-text br.mo{display: none;}

@media (max-width: 1023px) {
    .sc-tab{
    height: auto;
}
.sc-tab .inner{
    padding: 64.615px 13.846px 71px 13.846px;
}
.sc-tab .tab-buttons{
    gap: 4.6px;
}.sc-tab .tab-buttons .tab-btn{
    width: 105px;
    height: 37px;
    padding: 0 8px;
    gap: 11px;
    border: 0.923px  solid #CCC;
    font-size: 13px;
    letter-spacing: -0.258px;
}
.sc-tab .tab-buttons .tab-btn.active{
    width: 105px;
    height: 37px;
    padding: 0 8px;
    gap: 11px;
    font-size: 13px;
    letter-spacing: -0.258px;
}
.sc-tab .tab-content.active{
    margin-top: 55px;
    display: flex;
    flex-direction: column;
}
.sc-tab .tab-contents .tab-text{
    margin: 0px;
    height: auto;
    justify-content: stretch;
}
.sc-tab .tab-contents .tab-text br.pc{display: none;}
.sc-tab .tab-contents .tab-text br.mo{display: block;}
.sc-tab .tab-contents .tab-text .title{
    color: #333;
    font-family: Pretendard;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.44px;
    margin-bottom: 27px;
}
.sc-tab .tab-contents .tab-text .title .color{
    color: #F7571E;
    font-family: Pretendard;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.44px;
}
.sc-tab .tab-contents .tab-text .listTitle{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    padding-left: 18px;
    position: relative;
    margin-bottom: 11px;
}
.sc-tab .tab-contents .tab-text .listTitle::before{
    content: "";    
    position: absolute;
    left: 0;
    width: 7px;
    height: 7px;
    background:#F7571E;
    transform: translateY(-50%);
    top: 50%;
}
.sc-tab .tab-contents .tab-text .listTxt{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.28x;
}
.sc-tab .tab-contents .tab-text .listTxt + .listTitle {
    margin-top: 44px;
}
.sc-tab .circle-area {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 0;
    height: fit-content;
    width: fit-content;
    right: auto;
    position: relative;
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
}
.sc-tab .circle{
    border-radius: 922.154px;
    border: 0.923px solid #FDDDD2;
    background: linear-gradient(180deg, rgba(247, 87, 30, 0.10) 0%, rgba(255, 247, 153, 0.04) 80%);
    display: flex;
    width: 146px;
    height: 171px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 11px;
}
.sc-tab .circle.empty {
    border-radius: 922.154px;
    border: 0.923px solid #FDDDD2;
    opacity: 0.6;
    background: linear-gradient(180deg, rgba(247, 87, 30, 0.10) 0%, rgba(255, 247, 153, 0.04) 80%);
}
.sc-tab .circle .num{
    font-size: 12px;
    letter-spacing: -0.24px;
}
.sc-tab .circle .title{
    font-size: 14px;
    letter-spacing: -0.28px;
}
.sc-tab .circle .acc{
    font-size: 12px;
    letter-spacing: -0.24px;
}
}

.sc-care{
    width: 100%;
    height: 860px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}
.sc-care .inner{
    max-width: 1300px;
    display: flex;
    gap: 80px;
    height: 540px;
}
.sc-care .txt-area{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
}
.sc-care .txt-area .acc{
    color: #888;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.36px;
}
.sc-care .txt-area .acc span{
    color: #333;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.36px;
}
.sc-care .txt-area .acc .mo{
    display: none;
}
.sc-care .txt-area .title{
    color: #333;
    font-family: Pretendard;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.8px;
}
.sc-care .txt-area .title .color{
    color: #F7571E;
    font-family: Pretendard;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.8px;
}
.sc-care .right-area{
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 700px;
height: 540px;
}
.sc-care .right-area img{
    width: clamp(530px,30.31vw,582px);
height: auto;
aspect-ratio: 582.20/346.58;
}
.sc-care .right-area .circle-area{
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: 540px;
    top: 0;
    right: 0;
    z-index: -1;
}
.sc-care .right-area .circle-area .circle{
    display: flex;
    width: 120px;
    height: 120px;
    padding-top: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 999px;
    border: 1px solid #FDDDD2;
    background: linear-gradient(180deg, rgba(247, 87, 30, 0.10) 0%, rgba(255, 247, 153, 0.04) 80%);
}
.sc-care .right-area .circle-area .circle:nth-child(5){
    margin-left: 60px;
}
.sc-care .right-area .circle-area .circle .txt{
    color:  #F7571E;
    text-align: center;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4; 
    letter-spacing: -0.36px;
}
@media (max-width: 1023px) {
    .sc-care{
    height: auto;
    padding: 64.615px 13.846px 130px 13.846px;
}
.sc-care .inner{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    height: auto;
}
.sc-care .txt-area{
    gap: 37px;
}
.sc-care .txt-area .acc{
    font-size: 16px;
    letter-spacing: -0.32px;
}
.sc-care .txt-area .acc span{
    font-size: 16px;
    letter-spacing: -0.32px;
}
.sc-care .txt-area .acc .pc{
    display: none;
}
.sc-care .txt-area .acc .mo{
    display: block;
}
.sc-care .txt-area .title{
    font-size: 30px;
    letter-spacing: -0.6px;
}
.sc-care .txt-area .title .color{
    font-size: 30px;
    letter-spacing: -0.6px;
}
.sc-care .right-area {
    width: 100%;
}
}
@media (max-width:574px) {
    .sc-care .right-area .circle-area{
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: 287px;
    top: 15px;
    right: 0;
    z-index: -1;
}
.sc-care .right-area .circle-area .circle{
    display: flex;
    width: 82px;
    height: 82px;
    padding-top: 3.6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 11px;
    border-radius: 922.154px;
    border: 0.923px solid #FDDDD2;
    background: linear-gradient(180deg, rgba(247, 87, 30, 0.10) 0%, rgba(255, 247, 153, 0.04) 80%);
}
.sc-care .right-area .circle-area .circle .txt{
    color:  #F7571E;
    text-align: center;
    font-family: Pretendard;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4; 
    letter-spacing: -0.24px;
}

.sc-care .right-area .circle-area .circle:nth-child(5){
    margin-left: 0px;
}
.sc-care .right-area .circle-area .circle:nth-child(4){
    margin-left: 40px;
}
.sc-care .right-area img {
    width: 410px;}

}
@media (max-width:453px) {
    
    .sc-care .right-area img{
    width: 323.334px;
        }
}

.sc-review h2{
    color: #333;
    text-align: center;
    font-family: Pretendard;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4; 
    letter-spacing: -0.8px;
}
.sc-review h2 br{display: none;}
.sc-review h2 .orange_text br{display: none;}
.sc-review h2 .orange_text{
    color: #F7571E !important;
    font-family: Pretendard;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.8px;
}
.sc-review .row{
    justify-content: center;
}
.sc-review .position_rigth {
    position: static;
}
.sc-review .testimonial__item-5 {
    padding: 36px;
}
.sc-review .testimonial__avater-thumb-5 {
    margin-bottom: 16px;
}
.sc-review .testimonial__avater-thumb-5 h4{
    overflow: hidden;
    color: #F7571E;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.4px;
}
.sc-review .testimonial__content-5 p {
    overflow: hidden;
    color: #888;
    text-overflow: ellipsis;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; 
    letter-spacing: -0.36px;
    margin-bottom: 40px;
}

.sc-review .testimonial__avater-info-5{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sc-review .testimonial__avater-info-5 h3{
    margin: 0;
    background: #F7571E;
    display: flex;
    padding: 6px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1; 
    letter-spacing: -0.28px;
}
.sc-review .testimonial__avater-title-5{
    color: #888;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; 
    letter-spacing: -0.28px;
}
@media (max-width: 1023px) {
    .sc-review .customer_reviewbg {
    background: url("/img/body/sub_1_img4_bg.jpg") repeat center top;
}


    .sc-review .sub_c {
        flex-direction: column;
        display: flex;
        align-items: center;
        gap: 55px;
        padding: 92px 13.846px !important;
    }
    .sc-review h2{
    color: #333;
    text-align: center;
    font-family: Pretendard;
    font-size: 33px !important;
    font-weight: 600;
    line-height: 1.4; 
    letter-spacing: -0.665px;
}
.sc-review h2 .orange_text{
    font-size: 33px !important;
    letter-spacing: -0.665px;
}
.sc-review h2 br{display: block;}
.sc-review .slick-slide {
    float: none;
    width: 100%;
}
.sc-review .testimonial__slider-5 .slick-slide > div {
    margin: 0;
}
.sc-review .testimonial__item-5 {
    padding: 22.154px;
    margin-bottom: 22.154px;
}
.sc-review .testimonial__avater-thumb-5 {
    margin-bottom: 11px;
}
.sc-review .testimonial__avater-thumb-5 h4{
    font-size: 16px;
    letter-spacing: -0.32px;
}
.sc-review .testimonial__content-5 p {
    font-size: 14px;
    letter-spacing: -0.28px;
    margin-bottom: 24px;
}
.sc-review .testimonial__avater-info-5 h3{
    margin: 0;
    background: #F7571E;
    display: flex;
    padding: 5.5px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 1; 
    letter-spacing: -0.258px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .sc-review .col-md-3 {
        width: 100%;
    }
        .sc-review .slick-slide {
        width: 77vw !important;
    }
}
.sc-profile{
    width: 100%;
    display: flex;
    justify-content: center;
    background: linear-gradient(0deg, #FF9748 0%, #F7571E 60%);
}
.sc-profile .inner{
    display: flex;
    gap: 78px;
    max-width: 1000px;
}
.sc-profile .txt-area{
    display: flex;
    padding: 120px 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.sc-profile .txt-area .sub-title{
    color: #FFF;
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.48px;
    margin-bottom: 4px;
}
.sc-profile .txt-area .title{
    color: #FFF;
    font-family: Pretendard;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: -0.8px;
    margin-bottom: 16px;
}
.sc-profile .txt-area .acc{
    color: rgba(255, 255, 255, 0.80);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5; 
    letter-spacing: -0.36px;
    margin-bottom: 40px;
}
.sc-profile .txt-area .name{
    display: flex;
    align-items: center;
    color: #FFF;
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.32px;
}
.sc-profile .txt-area .name img{
    width: 98px;
    height: 28px;
    margin-right: 12px;
}
.sc-profile .txt-area .name span{
    color: rgba(255, 255, 255, 0.60);
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.32px;
    margin-right: 4px;
}
.sc-profile .profile{
    width: 422px;
    height: 495px;
    aspect-ratio: 422/495;
    transform: translateY(10px);
}
@media (max-width: 1023px) {
    .sc-profile .inner{
        flex-direction: column;
        align-items: center;
        gap: 32px;
        width: 100%;
    }
    .sc-profile .txt-area{
    padding: 92px 13.8px 0;
}
.sc-profile .txt-area .sub-title{
    color: #FFF;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.36px;
    margin-bottom: 4px;
}
.sc-profile .txt-area .title{
    color: #FFF;
    font-family: Pretendard;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: -0.64px;
    margin-bottom: 15px;
}
.sc-profile .txt-area .acc{
    color: rgba(255, 255, 255, 0.80);
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5; 
    letter-spacing: -0.28px;
    margin-bottom: 37px;
}
.sc-profile .txt-area .name{
    display: flex;
    align-items: center;
    color: #FFF;
    font-family: Pretendard;
    font-size: 14.7px;
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.29px;
}
.sc-profile .txt-area .name img{
    width: 90.462px;
    height: 25.846px;
    margin-right: 11px;
}
.sc-profile .txt-area .name span{
    color: rgba(255, 255, 255, 0.60);
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.28px;
    margin-right: 4px;
}
.sc-profile .profile{
    width: 307.385px;
    height: 360.923px;
    aspect-ratio: 422/495;
    transform: translate(29px, 10px);
}
}
.sc-system{
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
}
.sc-system .inner{
    max-width: 1300px;
    padding: 160px 40px 200px;
    display: flex;
    gap: 100px;
    flex-direction: column;
}
.sc-system .txt{
    color: #333;
    text-align: center;
    font-family: Pretendard;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4; 
    letter-spacing: -0.8px;
    z-index: 11;
}
.sc-system .txt .color{
    color: #F7571E;
    font-family: Pretendard;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.8px;
}
.sc-system .system-area{
    display: flex;
    gap: 50px;
    z-index: 11;
}
.sc-system .system-area .system{
    display: flex;
    flex-direction: column;
        flex: 1;
}
.sc-system .system-area .system:first-child{
    padding-top: 100px;
}
.sc-system .system-area .system:last-child{
    padding-top: 100px;
}
.sc-system .mo{display: none;}
.sc-system .system-area .system img{
    width: clamp(220px,20.83vw,400px);
    height: clamp(260px,25vw,480px);
    margin-bottom: clamp(16px,1.25vw,24px);
}
.sc-system .system-area .system .title{
    color: #F7571E;
    font-family: Pretendard;
    font-size: clamp(23px,1.46vw,28px);
    font-weight: 600;
    line-height: 1.5; 
    letter-spacing: -0.56px;
    margin-bottom: 16px;
}
.sc-system .system-area .system .acc{
    color: #888;
    font-family: Pretendard;
    font-size: clamp(16px,0.94vw,18px);
    font-weight: 400;
    line-height: 1.5; 
    width: clamp(220px,20.83vw,400px);
    letter-spacing: -0.36px;
}
.sc-system .bgtxt{
    position: absolute;
    top: 220px;
    z-index: 0;
    left: -5px;
}
.sc-system .bgtxt.mo{display: none;}
@media (max-width: 1023px) {
    .sc-system .inner{
    width: 100%;
    padding: 92.308px 0;
    display: flex;
    gap: 55px;
    flex-direction: column;
}
.sc-system .txt{
    font-size: 30px;
    letter-spacing: -0.6px;
}
.sc-system .txt .color{
    font-size: 30px;
    letter-spacing: -0.6px;
}
.sc-system .pc{display: none;}
.sc-system .mo{display: block;}
.sc-system .system-area .system{
    width: 332.308px;}
.sc-system .system-area .system img{
    width: 332.308px;
height: auto;
    margin-bottom: 16px;
}
.sc-system .system-area{
    flex-direction: column;
    gap: 44px;
    z-index: 11;
}
.sc-system .system-area .system:first-child{
    padding-top: 0;
}
.sc-system .system-area .system:nth-child(2){
    align-self: flex-end;
}

.sc-system .system-area .system:last-child{
    padding-top: 0;
}
.sc-system .system-area .system .title{
    font-size: 22.154px;
    letter-spacing: -0.443px;
    margin-bottom: 9px;
    padding: 0 27.692px;
}
.sc-system .system-area .system .acc{
    color: #888;
    font-family: Pretendard;
    padding-left: 27.692px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5; 
    width: 300px;
    letter-spacing: -0.32px;
}
.sc-system .system-area .system:nth-child(2) .title{
    padding: 0;
}
.sc-system .system-area .system:nth-child(2) .acc{
    padding: 0;
}
.sc-system .bgtxt.mo{
    display: block;
    right: 0;
    height: 2144px;
}

.sc-system .bgtxt.pc{display: none;}

}
footer .sc-contact{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background: #F7571E;
}
footer .sc-contact::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 760px;   
    height: 760px;
    background: url("/img/stemcell/contact-bg.png") no-repeat center / contain;
    z-index: 0;
}

footer .sc-contact .inner{
    padding: 80px 40px;
    max-width: 1300px;
    z-index: 11;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 100px;
}
footer .sc-contact .txt{
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.4px;
    z-index: 22;

}
footer .sc-contact .txt span{
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.4px;
}
footer .sc-contact .logo{
    width: 674px;
    z-index: 11;
}
footer .sc-contact .contact-area{
    display: flex;
    gap: 10px;
}
footer .sc-contact .contact-area .contact{
    display: flex;
    width: 154px;
    height: 54px;
    padding: 0 6px;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 600;
    line-height: 1; 
    letter-spacing: -0.32px;
    text-transform: capitalize;
}
footer .sc-copy .copy_img{
    width: 128px;
}
footer .sc-copy .copy_img img{
    width: 100%;
}
@media (max-width: 1023px) {
    footer .sc-contact .inner{
        padding: 92px 13px;
        gap: 45px;
    }
    footer .sc-contact .txt{
    font-size: 22px;
    letter-spacing: -0.44px;
    }
    footer .sc-contact .txt span{
    font-size: 22px;
    letter-spacing: -0.44px;
    }
    footer .sc-contact .logo{
    width: 333px;
    z-index: 11;
}
footer .sc-contact .contact-area{
    display: flex;
    gap: 9.2px;
    flex-direction: column;
}
footer .sc-contact .contact-area .contact{
    display: flex;
    width: 333px;
    height: 50px;
    padding: 0 33px;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(10px);
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 600;
    line-height: 1; 
    letter-spacing: -0.28px;
    text-transform: capitalize;
}
footer .sc-copy .copy_img {
    width: 118px;
}
}

footer .sc-loc .location_wrap h3, footer .sc-loc .location_wrap h6, footer .sc-loc .location_wrap p{
font-family: Pretendard;
}