@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');
.ff{font-family:'Paperlogy';}
@font-face {
    font-family: 'Mbc1961GLM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/MBC1961GulimM.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cafe24 Shiningstar';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Daughter of Fortune';
    font-style: normal;
    font-weight: 400;
    src: local('Daughter of Fortune'), 
         url('https://fonts.cdnfonts.com/s/76081/Daughter%20of%20Fortune.woff') format('woff');
}


.sub-visual.bg1-8{background-image:url("../images/sub/window-header-img.png");}
.sub-visual.bg1-8 .cellbox h2{font-weight:800; font-family:'Paperlogy';}
.sub-visual.bg1-8 .cellbox p{font-weight:400; font-family:'Paperlogy';}
.sub-visual.bg1-8 .sub-vs-link.type2{width:354px; height:85px; padding-right:0; font-size:25px; font-family:'Paperlogy'; flex-direction:column;gap:9px;}
.sub-visual.bg1-8 .sub-vs-link:after{display:none;}
.sub-visual.bg1-8 .sub-vs-link.type2 span{font-size:40px; font-weight:600; font-family:'Pretendard';}

.window-wrap{position:relative; text-align:center; line-height:1.3; letter-spacing:-0.03em;}
.window-wrap > div{position:relative;}
.window-wrap > div .contain{max-width:1504px;}

.window-wrap .window-cs{padding:48px 0 55px; background-color:#f8f8f8;}
.window-wrap .window-cs .cs-wrap{display:flex; max-width:930px; margin:0 auto; flex-wrap:wrap;}
.window-wrap .window-cs .cs-wrap a{display:block;}
.window-wrap .window-cs .cs-wrap .btn1{display:flex; position:relative; width:931px; height:150px; margin-bottom:30px; padding:0 147px; border-radius:75px; background-color:#c90000; align-items:center;justify-content:center;flex-direction:column;}
.window-wrap .window-cs .cs-wrap .btn1:before, .window-wrap .window-cs .cs-wrap .btn1:after{position:absolute; content:'';}
.window-wrap .window-cs .cs-wrap .btn1:before{top:0; left:0; width:150px; height:150px; border:2px solid #c90000; border-radius:50%; background:#fff url(../images/sub/window-cs-icon1.png) no-repeat center;}
.window-wrap .window-cs .cs-wrap .btn1:after{right:35px; width:80px; height:80px; border-radius:50%; background:#fff url(../images/sub/free-bt.png) no-repeat center;}
.window-wrap .window-cs .cs-wrap .btn1 span{color:#fff; font-weight:700;}
.window-wrap .window-cs .cs-wrap .btn1 span:nth-child(1){font-size:24px;}
.window-wrap .window-cs .cs-wrap .btn1 span:nth-child(1) em{color:#ffd200; font-style:normal;}
.window-wrap .window-cs .cs-wrap .btn1 span:nth-child(2){font-size:46px; font-weight:700;}
.window-wrap .window-cs .cs-wrap .btn2, .window-wrap .window-cs .cs-wrap .btn3{display:flex; width:50%; border:0; background-color:transparent; color:#1d1d1d; font-size:48px; font-weight:800; line-height:120px; align-items:center;justify-content:center;}
.window-wrap .window-cs .cs-wrap .btn2 span em{color:#c80000; font-style:normal;}
.window-wrap .window-cs .cs-wrap .btn3 span em{color:#419e41; font-style:normal;}

.window-wrap > div .contain h2{color:#252525; font-size:52px; font-weight:500; line-height:1.4;}
.window-wrap > div .contain .text{color:#151515; font-size:28px; font-weight:500; line-height:1.5;}

/* window-sec1 기본 스타일 */
.window-wrap .window-sec1 {
    padding: 100px 0 120px;
    background: url("../images/sub/window-sec1-img1.png") center center / cover no-repeat;
    text-align: center;
}
.window-wrap .window-sec1 .contain {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}
.window-wrap .window-sec1 .text-top {
    color: #242424;
    font-size: 60px;
    font-family: Pretendard;
    font-style: normal;
    
    line-height: 53px;
    letter-spacing: -1.2px;
    margin-bottom: 55px;
}
.window-wrap .window-sec1 .text-main {
    font-family: Pretendard;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 53px;
    letter-spacing: -1.2px;

    background: linear-gradient(91deg, #E94F4F 22.56%, #C80000 98.92%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    margin-bottom: 65px;
}
.window-wrap .window-sec1 .text-main .dot-char {
    position: relative;
    display: inline-block;

    background: linear-gradient(91deg, #E94F4F 22.56%, #C80000 98.92%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 글자 위의 빨간 점 */
.window-wrap .window-sec1 .text-main .dot-char::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #C80000;
    border-radius: 50%;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
}
.window-wrap .window-sec1 .video-card {
    width: 100%;
    max-width: 848px;
    height: 478px;
    aspect-ratio: 424/239;
    border: 3px solid #C80000;
    overflow: hidden;
    margin-bottom: 60px;
    box-shadow: 0 10px 40px rgba(200, 0, 0, 0.2);

    margin-bottom: 65px;
}
.window-wrap .window-sec1 .video-card video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.window-wrap .window-sec1 .text-brand {
    text-align: center;
    font-family: Pretendard;
    font-size: 63px;
    font-style: normal;
    font-weight: 700;
    line-height: 98px; /* 155.556% */
    letter-spacing: -1.26px;

    background: linear-gradient(91deg, #F88 22.56%, #C80000 98.92%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.window-wrap .window-sec1 .text-solution {
    font-family: Pretendard;
    font-size: 84px;
    font-style: normal;
    font-weight: 700;
    line-height: 98px;
    letter-spacing: -1.68px;

    background: linear-gradient(91deg, #F88 22.56%, #C80000 98.92%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* window-sec2 기본 스타일 */
.window-wrap .window-sec2 {
    position: relative;
    width: 100%;
    height: 1800px;
    overflow: hidden;
}
.window-wrap .window-sec2 .contain {
    background: none;
}
/* Box1 */
.window-wrap .window-sec2 .box1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 40%; */
    height: 800px;
    background: url("../images/sub/window-sec2-img1.png") center/cover no-repeat;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    z-index: 3;
}
.window-wrap .window-sec2 .box1 .header {
    margin: 69px;
}
.window-wrap .window-sec2 .box1 .header .text-top {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 71px;
    font-style: normal;
    line-height: 99px;
    letter-spacing: -1.42px;
    font-weight: 400;
}
.window-wrap .window-sec2 .box1 .header .text-down {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 71px;
    font-style: normal;
    /* line-height: 99px; */
    line-height: 80px;
    letter-spacing: -1.42px;
    font-weight: 600;
}
.window-wrap .window-sec2 .box1 .content {
    margin: 129px auto;
    max-width: 966px;
    text-align: right;
}
.window-wrap .window-sec2 .box1 .content .text-top {
    color: #FFF;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
    letter-spacing: -1.06px;
}
.window-wrap .window-sec2 .box1 .content .text-down {
    color: #FFF;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 600;
    line-height: 69px;
    letter-spacing: -1.06px;
}
/* Box2 */
.window-wrap .window-sec2 .box2 {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 800px;
    background: url("../images/sub/window-sec2-img2.png") center/cover no-repeat;
    clip-path: polygon(0 0, 100% 0%, 100% 80%, 0 100%);
    z-index: 2;
}
.window-wrap .window-sec2 .box2 .content {
    margin: 360px auto;
    max-width: 966px;
    text-align: left;
}
.window-wrap .window-sec2 .box2 .content .text-top {
    color: #FFF;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
    letter-spacing: -1.06px;
}
.window-wrap .window-sec2 .box2 .content .text-down {
    color: #FFF;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 600;
    line-height: 69px;
    letter-spacing: -1.06px;
}
/* Box3 */
.window-wrap .window-sec2 .box3 {
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    height: 40%;
    background: url("../images/sub/window-sec2-img3.png") center/cover no-repeat;
    clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0 100%);
    z-index: 1;
}
.window-wrap .window-sec2 .box3 .content {
    margin: 360px auto;
    max-width: 966px;
    text-align: right;
}
.window-wrap .window-sec2 .box3 .content .text-top {
    color: #FFF;
    text-align: right;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
    letter-spacing: -1.06px;
}
.window-wrap .window-sec2 .box3 .content .text-down {
    color: #FFF;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 600;
    line-height: 69px;
    letter-spacing: -1.06px;
}


/* window-sec3 기본 스타일 */
.window-wrap .window-sec3 {
    padding: 80px 0 100px;
    background: #FFEFEF;
}
.window-wrap .window-sec3 .contain {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
/* 상단 소개 */
.window-wrap .window-sec3 .intro {
    text-align: center;
    margin-bottom: 60px;
}
.window-wrap .window-sec3 .intro .text1 {
    color: #242424;
    text-align: center;
    font-family: "Cafe24 Shiningstar";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 91px;
    letter-spacing: -0.8px;
}
.window-wrap .window-sec3 .intro .text2 {
    color: #181818;
    text-align: center;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 400;
    line-height: 91px;
    letter-spacing: -1.06px;
}
.window-wrap .window-sec3 .intro .highlight-wrapper {
    display: inline-block;
}
.window-wrap .window-sec3 .intro .highlight-box {
    padding: 0px 8px;             
    display: inline;
    background: linear-gradient(92deg, #FC3939 2.77%, #C80000 100.51%);
    color: #FFF;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 700;
    line-height: 91px;
    letter-spacing: -1.06px;
}
.window-wrap .window-sec3 .intro .text3 {
    color: #181818;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 500;
    line-height: 91px;
    letter-spacing: -1.06px;
}
/* Point 섹션 공통 */
.window-wrap .window-sec3 .point-section {
    margin-bottom: 100px;
    text-align: center;
}
.window-wrap .window-sec3 .point-section .divider {
    display: flex;
    align-items: center;
    max-width: 960px;
    margin: 0 auto;
}
.window-wrap .window-sec3 .point-section .divider::before,
.window-wrap .window-sec3 .point-section .divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #C80000;
}
.window-wrap .window-sec3 .point-section .divider::before {
   margin-right: 20px;
}
.window-wrap .window-sec3 .point-section .divider::after {
   margin-left: 20px;
}
.window-wrap .window-sec3 .point-section .divider span {
    color: #C80000;
    text-align: center;
    font-family: 'Daughter of Fortune', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 68px;
    letter-spacing: -0.8px;
    white-space: nowrap;
}
.window-wrap .window-sec3 .point-section .text1 {
    color: #242424;
    text-align: center;
    font-family: Pretendard;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 68px;
    letter-spacing: -0.72px;
}
.window-wrap .window-sec3 .point-section .point-text2 {
    color: #242424;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -1.06px;
    text-align: center;
}
.window-wrap .window-sec3 .point-section .point-text2 span {
    background: linear-gradient(
        to bottom,
        transparent 54%,
        #F3BBBB 54%
    );
    padding: 0 15px;
    display: inline-block;
}

.window-wrap .window-sec3 .point-section .text3 {
    color: #282828;
    font-family: Pretendard;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: -0.56px;
    
    margin-top: 30px;
}

.window-wrap .window-sec3 .point-section .text3 .point{
    color: #C80000;
}

/* Before/After 스타일 */
.window-wrap .window-sec3 .before-after {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-top: 40px;
}
.window-wrap .window-sec3 .before-after .ba-image {
    position: relative;
    width: 100%;
    max-width: 960px;
    /* overflow: hidden; */
}
.window-wrap .window-sec3 .before-after .ba-image img {
    width: 100%;
    height: auto;
    display: block;
}
.window-wrap .window-sec3 .before-after .ba-image .label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 5px 0;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-family: Pretendard;
    text-align: center;
    line-height: 68px;
    letter-spacing: -0.8px;
}
.window-wrap .window-sec3 .before-after .ba-image .label.before {
    background: #646464;
}
.window-wrap .window-sec3 .before-after .ba-image .label.after {
    background: linear-gradient(90deg, #FC3939 28.11%, #C80000 73.88%);
}
.window-wrap .window-sec3 .before-after .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Point 이미지 및 비디오 */
.window-wrap .window-sec3 .point-image {
    margin-top: 20px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.window-wrap .window-sec3 .point-image img {
    width: 100%;
    height: auto;
    display: block;
}
.window-wrap .window-sec3 .point-video {
    margin-top: 20px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.window-wrap .window-sec3 .point-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* window-sec4 기본 스타일 */
.window-wrap .window-sec4 {
    position: relative;
    padding: 120px 0;
    background: url("../images/sub/window-sec4-img2.png") center/cover no-repeat;
    overflow: hidden;
}
.window-wrap .window-sec4 .bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0.95) 15%,
        rgba(255, 255, 255, 0.85) 40%,
        rgba(255, 255, 255, 0.65) 65%,
        rgba(255, 255, 255, 0.45) 85%,
        rgba(255, 255, 255, 0.35) 100%
    );
    z-index: 1;
}
/* Reliable 워터마크 */
.window-wrap .window-sec4 .watermark {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    opacity: 1.0;
}
.window-wrap .window-sec4 .watermark img {
    width: 400px;
    height: auto;
}
.window-wrap .window-sec4 .contain {
    position: relative;
    z-index: 3;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
/* 헤더 */
.window-wrap .window-sec4 .header {
    text-align: center;
    margin-bottom: 30px;
}
.window-wrap .window-sec4 .header .text1 {
    color: #242424;
    font-family: Pretendard;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 91px;
    letter-spacing: -1.2px;
}
.window-wrap .window-sec4 .header .text1 .highlight {
    color: #C80000;
}
.window-wrap .window-sec4 .header .dot-char {
    position: relative;
    display: inline-block;
}
.window-wrap .window-sec4 .header .dot-char::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #C80000;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
}
.window-wrap .window-sec4 .header .text2 {
    color: #242424;
    text-align: center;
    font-family: Pretendard;
    font-size: 37px;
    font-style: normal;
    font-weight: 500;
    line-height: 91px;
    letter-spacing: -0.74px;
}
/* 비교 그리드 */
.window-wrap .window-sec4 .comparison-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
    max-width: 900px;
    margin: 0 auto;
}
/* 비교 세트 */
.window-wrap .window-sec4 .comparison-set {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    position: relative;
}
/* 비교 아이템 */
.window-wrap .window-sec4 .comparison-item {
    position: relative;
    flex: 1;
    max-width: 430px;
}
.window-wrap .window-sec4 .comparison-item img {
    width: 100%;
    height: auto;
    display: block;
}
.window-wrap .window-sec4 .comparison-item .label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px;
    text-align: center;
    font-family: Pretendard;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: -0.84px;
}
.window-wrap .window-sec4 .comparison-item .label.before {
    background-color: #666;
    color: #181818;
}
.window-wrap .window-sec4 .comparison-item .label.after {
    background-color: #c80000;
    color: #fff;
}
/* 화살표 컨테이너 */
.window-wrap .window-sec4 .arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 원형 배경과 화살표를 겹치게 */
.window-wrap .window-sec4 .arrow svg {
    position: absolute;
}
.window-wrap .window-sec4 .arrow .arrow-circle {
    width: 60px;
    height: 60px;
}
.window-wrap .window-sec4 .arrow .arrow-icon {
    width: 32px;
    height: 26px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/* window-sec5 기본 스타일 */
.window-wrap .window-sec5 {
    padding: 75px 0;
    background: #1A1A1A;
}
.window-wrap .window-sec5 .contain {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
/* 헤더 */
.window-wrap .window-sec5 .header {
    text-align: center;
    margin-bottom: 190px;
}
.window-wrap .window-sec5 .header .text1 {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 79px;
    letter-spacing: -1px;
}
.window-wrap .window-sec5 .header .text2 {
    color: #FFF;
    font-family: Pretendard;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 79px;
    letter-spacing: -1.2px;
}
.window-wrap .window-sec5 .header .text2 .highlight-circle {
    position: relative;
    display: inline-block;
    z-index: 1;
}
/* 원 */
.window-wrap .window-sec5 .header .text2 .highlight-circle .circle-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 180px;
    height: auto;
    pointer-events: none;
}
/* 비교 섹션 */
.window-wrap .window-sec5 .comparison-section {
    display: flex;
    justify-content: space-between;
    gap: 80px;
    margin-bottom: 100px;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}
.window-wrap .window-sec5 .comparison-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* 말풍선 스타일 */
.window-wrap .window-sec5 .speech-bubble {
    position: absolute;
    top: -90px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    padding: 12px 24px;
    border-radius: 146px;
    white-space: nowrap;
}
.window-wrap .window-sec5 .speech-bubble p {
    color: #2B2B2B;
    text-align: center;
    font-family: Pretendard;
    font-size: 33px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.66px;
    margin: 0;
}
.window-wrap .window-sec5 .speech-bubble .emphasis {
    color: #e53e3e;
}
.window-wrap .window-sec5 .speech-bubble::after {
    content: '';
    position: absolute;
    bottom: -8px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: white transparent transparent transparent;
}
.window-wrap .window-sec5 .speech-bubble.left::after {
    left: 50px;
}
.window-wrap .window-sec5 .speech-bubble.right::after {
    left: 140px;
}
/* 이미지 카드 */
.window-wrap .window-sec5 .image-card {
    width: 256px;
    height: 256px;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}
.window-wrap .window-sec5 .image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.window-wrap .window-sec5 .comparison-chart {
    margin: 60px auto 0;
    padding: 40px 20px;
    position: relative;
}
/* 중앙 기준선 */
.window-wrap .window-sec5 .center-line-full {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #FFF;
    transform: translateX(-50%);
    z-index: 10;
}
.window-wrap .window-sec5 .chart-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 0;
    margin-bottom: 30px;
    position: relative;
}
.window-wrap .window-sec5 .chart-row:last-child {
    margin-bottom: 0;
}
/* 왼쪽 영역 (라벨 + 왼쪽 바) */
.window-wrap .window-sec5 .bar-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
}
.window-wrap .window-sec5 .label {
    color: #FFF;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-family: Pretendard;
    font-size: 33px;
    font-style: normal;
    font-weight: 500;
    line-height: 79px;
    letter-spacing: -0.66px;
    white-space: nowrap;
    margin-right: 30px;
}
/* 왼쪽 막대 (회색) */
.window-wrap .window-sec5 .bar-left {
    height: 69px;
    background-color: #9C9C9C;
    border-radius: 18px 0 0 18px;
    width: var(--width);
    position: relative;
    z-index: 2;
}
/* 오른쪽 막대 (분홍색) */
.window-wrap .window-sec5 .bar-right {
    height: 69px;
    background-color: #F88;
    border-radius: 0 18px 18px 0;
    width: var(--width);
    position: relative;
    z-index: 2;
}


/* window-sec6 기본 스타일 */
.window-wrap .window-sec6 {
    padding: 150px 0;
    background: #E9E9E9;
}
.window-wrap .window-sec6 .contain {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
/* 헤더 */
.window-wrap .window-sec6 .header {
    text-align: center;
    margin-bottom: 80px;
}
.window-wrap .window-sec6 .header .stars svg {
    width: 40px;
    height: 40px;
}
.window-wrap .window-sec6 .header .text1 {
    color: #242424;
    text-align: center;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 400;
    line-height: 99px;
    letter-spacing: -1.06px;
}
.window-wrap .window-sec6 .header .text2 {
    color: #242424;
    font-family: Pretendard;
    font-size: 88px;
    font-style: normal;
    font-weight: 700;
    line-height: 99px;
    letter-spacing: -1.76px;
}
.window-wrap .window-sec6 .header .highlight-line-box {
    display: flex;
    flex-direction: column;
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    align-items: center;
}
.window-wrap .window-sec6 .header .highlight-line-box svg {
    margin-bottom: 4px;
    display: block;
}
/* 리뷰 리스트 */
.window-wrap .window-sec6 .review-list {
    display: flex;
    flex-direction: column;
    gap: 80px;
    max-width: 1320px;
    width: 100%;
}
/* 리뷰 아이템 */
.window-wrap .window-sec6 .review-item {
    display: flex;
    align-items: center;
}
.window-wrap .window-sec6 .review-item.left {
    justify-content: flex-end;
}
.window-wrap .window-sec6 .review-item.right {
    justify-content: flex-start;
}
/* 이모지 */
.window-wrap .window-sec6 .emoji {
    width: 318px;
    height: 318px;
    aspect-ratio: 1/1;
}
.window-wrap .window-sec6 .emoji img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* 리뷰 카드 */
.window-wrap .window-sec6 .review-item.left .review-card {
    position: relative;
    max-width: 814px;
    width: 100%;
    height: 390px;
    border-radius: 160px 0 0 0;
    overflow: hidden;

}
.window-wrap .window-sec6 .review-item.right .review-card {
    position: relative;
    max-width: 814px;
    width: 100%;
    height: 390px;
    border-radius: 0 160px 0 0;
    overflow: hidden;
}
.window-wrap .window-sec6 .review-card .bg-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.window-wrap .window-sec6 .review-card .review-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    text-align: center;
}
.window-wrap .window-sec6 .review-card .review-text {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 39px;
    font-style: normal;
    font-weight: 500;
    line-height: 58px;
    letter-spacing: -0.78px;
}
.window-wrap .window-sec6 .review-card .review-text .highlight {
    background: linear-gradient(to top, #CE7070 30%, transparent 30%);
    padding: 0 2px;
}
.window-wrap .window-sec6 .review-card .review-author {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 99px;
    letter-spacing: -0.6px;
}


/* window-sec7 전체 스타일 */
.window-wrap .window-sec7 {
    position: relative;
}
/* Section 1 */
.window-wrap .window-sec7 .section1 {
    position: relative;
    width: 100%;
    height: 800px;
    /* background-image: 
        linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 1) 100%),
        url('../images/sub/window-sec7-img1.png'); */
    background-image: 
        linear-gradient(to bottom, transparent 60%, rgba(26, 26, 26, 1) 100%),
        url('../images/sub/window-sec7-img1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
/* 텍스트 컨텐츠 */
.window-wrap .window-sec7 .section1 .hero-content {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -60px;
    margin-right: 40px;
}
.window-wrap .window-sec7 .section1 .hero-text .text1 {
    color: #004E96;
    text-align: right;
    font-family: Pretendard;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 82px;
    letter-spacing: -1.2px;
    margin-bottom: 10px;
}
/* 디테일 강조 박스 */
.window-wrap .window-sec7 .section1 .highlight-box {
    background-color: #004E96;
    display: inline-block;
    color: white;
    line-height: 1;
}
.window-wrap .window-sec7 .section1 .highlight-box .dot-char {
    position: relative;
    display: inline-block;
}
.window-wrap .window-sec7 .section1 .highlight-box .dot-char::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #FFF;
    border-radius: 50%;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
}
.window-wrap .window-sec7 .section1 .text2 {
    color: #FFF;
    text-align: right;
    font-family: Pretendard;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.54px;
}
/* Section 2 */
.window-wrap .window-sec7 .section2 {
    background-color: #1A1A1A;
    padding: 80px 20px;
    text-align: center;
}
/* 상단 아이콘 영역 */
.window-wrap .window-sec7 .section2 .container {
    display: flex;
    justify-content: center;
    gap: 120px;
    margin-bottom: 160px;
    flex-wrap: wrap;
}
.window-wrap .window-sec7 .section2 .feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
/* 원형 아이콘 배경 */
.window-wrap .window-sec7 .section2 .icon-circle {
    position: relative;
    width: 222px;
    height: 222px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* SVG 배경 */
.window-wrap .window-sec7 .section2 .icon-circle svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 아이콘 이미지 */
.window-wrap .window-sec7 .section2 .icon-circle .icon-image {
    position: relative;
    width: 135px;
    height: 135px;
    object-fit: contain;
    z-index: 1;
}
.window-wrap .window-sec7 .section2 .feature-text {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.64px;
    margin: 0;
}
.window-wrap .window-sec7 .section2 .feature-text .mobile-break-word{
    display: none;
}
/* Section 3 */
.window-wrap .window-sec7 .section3 {
    background-color: #1a1a1a;
    text-align: center;
}

/* 발수코팅 비교 이미지 영역 */
.window-wrap .window-sec7 .section3 .feature1-comparison-images {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: nowrap;
    margin-bottom: 30px;
    padding: 0 20px;
}

.window-wrap .window-sec7 .section3 .feature1-comparison-images .comparison-item {
    position: relative;
}

/* 뱃지 (발수코팅 X/O) */
.window-wrap .window-sec7 .section3 .feature1-comparison-images .badge {
    position: absolute;
    top: -65px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 20px;
    border-radius: 30px;
    z-index: 10;
    white-space: nowrap;
}

.window-wrap .window-sec7 .section3 .feature1-comparison-images .badge-gray {
    background: #D9D9D9;
    color: #404040;
    text-align: center;
    font-family: Pretendard;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -0.5px;
}

.window-wrap .window-sec7 .section3 .feature1-comparison-images .badge-highlight {
    background-color: white;
    color: #C80000;
    text-align: center;
    font-family: Pretendard;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -0.5px;
}

/* 이미지 래퍼 */
.window-wrap .window-sec7 .section3 .feature1-comparison-images .image-wrapper {
    width: 439px;
    height: 442px;
    aspect-ratio: 439 / 442;
}

.window-wrap .window-sec7 .section3 .feature1-comparison-images .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 하단 설명 */
.window-wrap .window-sec7 .section3 .feature1-description {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 110px;
}
.window-wrap .window-sec7 .section3 .feature1-description .text1 {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 700;
    line-height: 82px;
    letter-spacing: -1.06px;

    margin-bottom: 10px;
}
.window-wrap .window-sec7 .section3 .feature1-description .text2 {
    color: #E4E4E4;
    text-align: center;
    font-family: Pretendard;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
    letter-spacing: -0.54px;
}
.window-wrap .window-sec7 .section3 .feature1-description .text2 strong {
    color: white;
    font-weight: 700;
}
/* 상가 특화 청소 */
.window-wrap .window-sec7 .section3 .feature2-video-card {
    width: 100%;
    max-width: 970px;
    height: 100%;
    max-height: 536px;
    aspect-ratio: 970/536;
    overflow: hidden;
    margin: 0 auto 28px auto;
    padding: 0 20px;
}
.window-wrap .window-sec7 .section3 .feature2-video-card video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* 설명 텍스트 */
.window-wrap .window-sec7 .section3 .feature2-description {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 110px;
}
.window-wrap .window-sec7 .section3 .feature2-description .text1 {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 700;
    line-height: 82px;
    letter-spacing: -1.06px;
    margin-bottom: 5px;
}
.window-wrap .window-sec7 .section3 .feature2-description .text2 {
    color: #E4E4E4;
    text-align: center;
    font-family: Pretendard;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
    letter-spacing: -0.54px;
}
.window-wrap .window-sec7 .section3 .feature2-description .text2 strong {
    color: #FFF;
    font-weight: 700;
}
.window-wrap .window-sec7 .section3 {
    background-color: #1a1a1a;
    position: relative;
    padding-bottom: 155px;
}
/* 비교 카드 컨테이너 */
.window-wrap .window-sec7 .section3 .feature3-comparison-cards {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto 30px;
    flex-wrap: nowrap;
    position: relative;
}
/* 사다리꼴 연결 요소 */
.window-wrap .window-sec7 .section3 .card-connector {
    position: relative;
    width: 59px;
    height: 694px;
    display: flex;
    align-items: center;
    z-index: 2;
    margin: 0 -14px;
}
.window-wrap .window-sec7 .section3 .card-connector.mobile{
    display: none;
}
.window-wrap .window-sec7 .section3 .card-connector svg {
    width: 100%;
    height: 100%;
    display: block;
}
/* 카드 공통 스타일 */
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card {
    border-radius: 24px;
    
    position: relative;
    z-index: 1;
}
/* 왼쪽 카드 (회색) */
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left {
    width: 479px;
    border-radius: 20px;
    background: #D9D9D9;

    padding: 20px 64px 37px 64px;
    z-index: 1;
}
/* 오른쪽 카드 (분홍색) */
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right {
    width: 543px;
    border-radius: 20px;
    background: #FFEAEA;
    z-index: 3;

    padding: 34px 73px 37px 73px;
}
/* 카드 헤더 */
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-header .title {
    display: flex;
    align-items: center;
    justify-content: center;
}
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-header .icon {
    width: 60px;
    height: 60px;
}
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-header .icon {
    width: 50px;
    height: 50px;
    margin-right: 16px;
}
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .header-text p {
    color: #343434;
    text-align: center;
    font-family: Pretendard;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -0.66px;
}
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .header-text p {
    color: #343434;
    text-align: center;
    font-family: Pretendard;
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px;
    letter-spacing: -0.74px;
}
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .subtitle {
    color: #343434;
    text-align: center;
    font-family: Pretendard;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.42px;
}
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .subtitle {
    color: #343434;
    text-align: center;
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 49px;
    letter-spacing: -0.48px;
}
/* 카드 아이템들 */
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-items {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}
/* 각 아이템 박스 */
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-item {
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(61, 61, 61, 0.25);
    border-radius: 20px;
    padding: 11px 0;
    text-align: center;
    max-width: 350px;
    width: 100%;
}
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-item {
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(200, 0, 0, 0.25);
    border-radius: 20px;
    padding: 14px 0;
    text-align: center;
    max-width: 396px;
    width: 100%;
}
/* 뱃지 */
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .badge-gray {
    background: #808080;
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.3px;
}
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .badge-red {
    background: #FF8686;
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.34px;
}
/* 아이템 제목 */
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-item h4 {
    color: #C80000;
    text-align: center;
    font-family: Pretendard;
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.42px;
    margin: 4px 0 6px 0;
}
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-item h4 {
    color: #C80000;
    text-align: center;
    font-family: Pretendard;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.48px;
    margin: 4px 0 6px 0;
}
/* 아이템 설명 */
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-item p {
    color: #343434;
    text-align: center;
    font-family: Pretendard;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.34px;
}
.window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-item p {
    color: #343434;
    text-align: center;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.4px;
}
/* 하단 제목 */
.window-wrap .window-sec7 .section3 .feature3-bottom-title {
    text-align: center;
}
.window-wrap .window-sec7 .section3 .feature3-bottom-title .text1 {
    font-size: 48px;
    font-weight: 700;
    color: white;
    margin: 0;
    letter-spacing: -1px;
}


/* window-sec8 기본 스타일 */
/* 탭 메뉴 */
.window-wrap .window-sec8 .tab-menu {
    display: flex;
    background-color: white;
}
.window-wrap .window-sec8 .tab-button {
    color: #5F5F5F;
    text-align: center;
    font-family: Pretendard;
    font-size: 43px;
    font-style: normal;
    font-weight: 400;
    line-height: 82px; /* 190.698% */
    letter-spacing: -0.86px;

    flex: 1;
    padding: 41px 0;
    background: #D9D9D9;
    border: none;
    border-bottom: 7px solid #ACACAC;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;

}
/* 활성화된 탭 */
.window-wrap .window-sec8 .tab-button.active {
    color: #242424;

    border-bottom: 7px solid #C80000;
    background: #F0F0F0;
}
/* 탭 콘텐츠 영역 */
.window-wrap .window-sec8 .tab-contents {
    padding: 80px 0 0 0;
    background: #FFF7F7;
    
}
/* 개별 탭 콘텐츠 */
.window-wrap .window-sec8 .tab-content {
    display: none !important;
}
.window-wrap .window-sec8 .tab-content.active {
    display: block !important;
}
/* 콘텐츠 헤더 */
.window-wrap .window-sec8 .content-header {
    text-align: center;
    margin-bottom: 60px;
}
.window-wrap .window-sec8 .content-header h2 {
    color: #C80000;
    text-align: center;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 700;
    line-height: 82px;
    letter-spacing: -1.06px;
}
.window-wrap .window-sec8 .content-header p {
    color: #3B3B3B;
    text-align: center;
    font-family: Pretendard;
    font-size: 43px;
    font-style: normal;
    font-weight: 500;
    line-height: 82px;
    letter-spacing: -0.86px;
}
/* 콘텐츠 이미지 카드들 */
.window-wrap .window-sec8 .content-images {
    display: flex;
    justify-content: center;
    gap: 36px;
    flex-wrap: nowrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
/* 이미지 카드 */
.window-wrap .window-sec8 .content-card {
    position: relative;
    max-width: 464px;
    width: 100%;
    max-height: 341px;
    height: 100%;
    border-radius: 25px;
}
.window-wrap .window-sec8 .content-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 카드 오버레이 */
.window-wrap .window-sec8 .card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 25px;
}
.window-wrap .window-sec8 .card-overlay h3 {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.66px;
    margin-bottom: 4px;
}
.window-wrap .window-sec8 .card-overlay p {
    color: #EFEFEF;
    text-align: center;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
}
/* 화살표 아이콘 */
.window-wrap .window-sec8 .arrow-icon {
    margin: 90px auto 20px auto;
    width: 91px;
    height: 114px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 패키지 섹션 전체 */
.window-wrap .window-sec8 .package-section {
    background-color: #FFF7F7;
    text-align: center;
}
.window-wrap .window-sec8 .arrow-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}
/* 패키지 헤더 */
.window-wrap .window-sec8 .package-header {
    margin-bottom: 25px;
}
.window-wrap .window-sec8 .package-header h2 {
    color: #C80000;
    text-align: center;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 700;
    line-height: 82px;
    letter-spacing: -1.06px;
}
.window-wrap .window-sec8 .package-header p {
    color: #3B3B3B;
    text-align: center;
    font-family: Pretendard;
    font-size: 43px;
    font-style: normal;
    font-weight: 500;
    line-height: 82px;
    letter-spacing: -0.86px;
}
/* 패키지 카드들 */
.window-wrap .window-sec8 .package-cards {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
/* 개별 카드 */
.window-wrap .window-sec8 .package-card {
    max-width: 466px;
    width: 100%;
    height: 387px;
    background: #FFEAEA;
    border: 2px solid #E14A4A;
    border-radius: 24px;
    text-align: center;
}
.window-wrap .window-sec8 .package-card h3 {
    color: #E14A4A;
    text-align: center;
    font-family: Pretendard;
    font-size: 33px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.66px;

    margin-top: 30px;
    margin-bottom: 4px;
}
/* 리스트 */
.window-wrap .window-sec8 .package-card ul {
    list-style: none;
    padding: 0;
    margin: 0;

    flex-direction: column;
    display: flex;
    align-items: center;
}
.window-wrap .window-sec8 .package-card li {
    color: #343434;
    text-align: center;
    font-family: Pretendard;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.5px;
    padding: 10px 0;
    width: 80%;

    border-bottom: 2px solid #FFB8B8;
}
.window-wrap .window-sec8 .package-card li:last-child {
    border-bottom: none;
}
/* 외창청소만 헤더 */
.window-wrap .window-sec8 .window-only-header {
    text-align: center;
    margin-bottom: 55px;
}
.window-wrap .window-sec8 .window-only-header h2 {
    color: #C80000;
    text-align: center;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 700;
    line-height: 82px;
    letter-spacing: -1.06px;
}
.window-wrap .window-sec8 .window-only-header p {
    color: #3B3B3B;
    text-align: center;
    font-family: Pretendard;
    font-size: 43px;
    font-style: normal;
    font-weight: 500;
    line-height: 82px;
    letter-spacing: -0.86px;
}
/* 특징 카드 그리드 */
.window-wrap .window-sec8 .feature-cards {
    display: grid;
    /* grid-template-columns: repeat(2, 1fr); */
    /* grid-template-columns: repeat(2, auto); */
    grid-template-columns: repeat(2, 400px);
    gap: 50px;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
}
/* 개별 카드 */
.window-wrap .window-sec8 .feature-card {
    max-width: 466px;
    width: 100%;
    background: #FFEAEA;
    border: 2px solid #E14A4A;
    border-radius: 24px;
    padding: 35px 30px;
    text-align: center;
}
.window-wrap .window-sec8 .feature-card h3 {
    color: #E14A4A;
    text-align: center;
    font-family: Pretendard;
    font-size: 33px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.66px;
    margin-bottom: 20px;
}
.window-wrap .window-sec8 .feature-card .feature-explanation{
    color: #343434;
    text-align: center;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.4px;
    margin-bottom: 16px;
}
.window-wrap .window-sec8 .feature-highlight {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.54px;

    border-radius: 45px;
    background: #E14A4A;
    padding: 10px 26px;
    display: inline-block;
}
/* 대각선 배경 */
.window-wrap .window-sec8 .diagonal-section {
    position: relative;
    width: 100%;
    height: 120px;
    overflow: hidden;
}
/* 배경 레이어 공통 */
.window-wrap .window-sec8 .bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 위쪽 배경 (분홍색) */
.window-wrap .window-sec8 .bg-top {
    background-color: #FFF7F7;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 100%, 0 50%);
    z-index: 2;
}
/* 아래쪽 배경 (흰색) */
.window-wrap .window-sec8 .bg-bottom {
    background-color: #FFD8D8;
    z-index: 0;
}
/* 탭 버튼 영역 */
.window-wrap .window-sec8 .process-tabs {
    display: flex;
    justify-content: center;
    gap: 60px;
    background: #FFD8D8;
    padding-top: 80px;
    padding-bottom: 50px;
}
/* 탭 버튼 */
.window-wrap .window-sec8 .process-tab-btn {
    max-width: 335px;
    width: 100%;
    border-radius: 142px;
    font-family: Pretendard;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    padding: 4px 0;
    letter-spacing: -0.72px;
    
    cursor: pointer;
    transition: all 0.3s ease;
}
/* 활성화된 탭 버튼 */
.window-wrap .window-sec8 .process-tab-btn.active {
    background-color: #FFEBEB;
    border: 2px solid #C80000;
    color: #C80000;
}
/* 비활성화된 탭 버튼 */
.window-wrap .window-sec8 .process-tab-btn:not(.active) {
    background-color: #D9D9D9;
    border: none;
    color: #6E6E6E;
}
/* 헤더 및 콘텐츠 숨김 및 보이기 */
.window-wrap .process-header,
.window-wrap .process-steps {
    display: none;
}
/* 활성화된 콘텐츠만 보이기 */
.window-wrap .process-header.active,
.window-wrap .process-steps.active {
    display: block;
}
/* 헤더 */
.window-wrap .window-sec8 .process-header {
    text-align: center;
    background: #FFD8D8;
}
.window-wrap .window-sec8 #window-only .process-header.window {
    padding-top: 80px;
}
.window-wrap .window-sec8 .process-header .subtitle {
    color: #3B3B3B;
    text-align: center;
    font-family: Pretendard;
    font-size: 33px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.66px;
}
.window-wrap .window-sec8 .process-header .title {
    padding-bottom: 70px;
    color: #C80000;
    text-align: center;
    font-family: Pretendard;
    font-size: 53px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1.06px;
}
/* 프로세스 단계 컨테이너 */
.window-wrap .window-sec8 .process-steps {
    position: relative;
    background: #FFD8D8;

    padding-bottom: 125px;
}
/* 세로 연결선 */
.window-wrap .window-sec8 .process-steps::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 80px;
    bottom: 140px;
    width: 3px;
    background-color: #E14A4A;
    z-index: 0;
}
/* 각 단계 */
.window-wrap .window-sec8 .step-item {
    position: relative;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.window-wrap .window-sec8 .step-item:last-child {
    margin-bottom: 0;
}
/* 단계 번호 */
.window-wrap .window-sec8 .step-number {
    position: absolute;
    left: 40px;
    top: -27px;  /* 카드 위에 겹치도록 */
    width: 67px;
    height: 67px;
    background: #FFF;
    filter: drop-shadow(0 0 9.7px rgba(200, 0, 0, 0.72));

    color: #C80000;
    text-align: center;
    font-family: Pretendard;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1px;
    border-radius: 50%;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;
}
/* 단계 카드 */
.window-wrap .window-sec8 .step-card {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1086px;
    background: #FFEAEA;
    border: 2px solid #E14A4A;
    border-radius: 24px;
        padding: 52px 0px 52px 60px;
    position: relative;
    z-index: 1;
}
/* 카드 내용 */
.window-wrap .window-sec8 .step-content {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
/* 단계 이미지 */
.window-wrap .window-sec8 .step-image {
    width: 237px;
    height: 237px;
    object-fit: cover;
    border-radius: 20px;
    aspect-ratio: 1/1;
}
/* 텍스트 영역 */
.window-wrap .window-sec8 .step-text {
    flex: 1;
    text-align: start;
}
.window-wrap .window-sec8 .step-text h3 {
    color: #C80000;
    font-family: Pretendard;
    font-size: 43px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.86px;
    margin-bottom: 10px;
}
.window-wrap .window-sec8 .step-text p {
    color: #3B3B3B;
    font-family: Pretendard;
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: 51px;
    letter-spacing: -0.54px;
}
/* 강조 텍스트 */
.window-wrap .window-sec8 .step-text strong {
    color: #C80000;
    font-weight: 600;
}





@media (max-width:1690px){
    .window-wrap .window-sec11 .step .step-list li br.m_none{display:none;}
}
@media (max-width:1400px){
    .sub-visual.bg1-8 .sub-vs-link.type2{width:177px; height:43px; font-size:13px; gap:5px;}
    .sub-visual.bg1-8 .sub-vs-link.type2 span{font-size:20px;}

    .window-wrap .window-cs{padding:54px 0 42px;}
    .window-wrap .window-cs .cs-wrap .btn1{width:100%; height:113px; margin-bottom:23px; padding:0 113px;}
    .window-wrap .window-cs .cs-wrap .btn1:before{width:113px; height:113px; background-size:68px;}
    .window-wrap .window-cs .cs-wrap .btn1:after{right:26px; width:60px; height:60px; background-size:36px;}
    .window-wrap .window-cs .cs-wrap .btn1 span:nth-child(1){font-size:32px;}
    .window-wrap .window-cs .cs-wrap .btn1 span:nth-child(2){font-size:35px;}
    .window-wrap .window-cs .cs-wrap .btn2, .window-wrap .window-cs .cs-wrap .btn3{font-size:36px; line-height:90px;}
    .window-wrap .window-cs .cs-wrap .btn2 img, .window-wrap .window-cs .cs-wrap .btn3 img{height:75px;}

    .window-wrap > div .contain h2{font-size:45px;}
    .window-wrap > div .contain .text{font-size:21px;}


    /* sec1 */
    .window-wrap .window-sec1 {
        padding: 70px 0 80px; /* 85px → 70px */
    }
    .window-wrap .window-sec1 .text-top {
        font-size: 46px; /* 54px → 46px (약 77%) */
        line-height: 42px; /* 48px → 42px */
        letter-spacing: -0.92px; /* -1.08px → -0.92px */
        margin-bottom: 42px; /* 50px → 42px */
    }
    .window-wrap .window-sec1 .text-main {
        font-size: 46px; /* 54px → 46px (약 77%) */
        line-height: 42px; /* 48px → 42px */
        letter-spacing: -0.92px; /* -1.08px → -0.92px */
        margin-bottom: 48px; /* 58px → 48px */
    }
    /* 글자 위의 빨간 점 */
    .window-wrap .window-sec1 .text-main .dot-char::before {
        width: 7px; /* 8px → 7px */
        height: 7px; /* 8px → 7px */
        top: -20px; /* -24px → -20px */
    }
    .window-wrap .window-sec1 .video-card {
        max-width: 640px; /* 760px → 640px (약 84%) */
        height: 360px; /* 428px → 360px (약 84%) */
        margin-bottom: 48px; /* 58px → 48px */
    }
    .window-wrap .window-sec1 .text-brand {
        font-size: 48px; /* 57px → 48px (약 84%) */
        line-height: 74px; /* 88px → 74px */
        letter-spacing: -0.96px; /* -1.14px → -0.96px */
    }
    .window-wrap .window-sec1 .text-solution {
        font-size: 64px; /* 76px → 64px (약 84%) */
        line-height: 74px; /* 88px → 74px */
        letter-spacing: -1.28px; /* -1.52px → -1.28px */
    }


    /* sec2 */
    /* 전체 섹션 높이 조정 */
    .window-wrap .window-sec2 {
        height: 1400px; /* 1620px → 1400px (약 86%) */
    }
    /* Box1 */
    .window-wrap .window-sec2 .box1 {
        height: 620px; /* 720px → 620px (약 86%) */
    }
    .window-wrap .window-sec2 .box1 .header {
        margin: 50px; /* 62px → 50px */
    }
    .window-wrap .window-sec2 .box1 .header .text-top {
        font-size: 52px; /* 64px → 52px (약 81%) */
        line-height: 72px; /* 89px → 72px */
        letter-spacing: -1.04px; /* -1.28px → -1.04px */
    }
    .window-wrap .window-sec2 .box1 .header .text-down {
        font-size: 52px; /* 64px → 52px (약 81%) */
        line-height: 60px; /* 72px → 60px */
        letter-spacing: -1.04px; /* -1.28px → -1.04px */
    }
    .window-wrap .window-sec2 .box1 .content {
        margin: 95px auto; /* 116px → 95px */
        max-width: 750px; /* 870px → 750px (약 86%) */
    }
    .window-wrap .window-sec2 .box1 .content .text-top,
    .window-wrap .window-sec2 .box1 .content .text-down {
        font-size: 40px; /* 48px → 40px (약 83%) */
        line-height: 52px; /* 62px → 52px */
        letter-spacing: -0.8px; /* -0.96px → -0.8px */
    }
    /* Box2 */
    .window-wrap .window-sec2 .box2 {
        height: 620px; /* 720px → 620px (약 86%) */
    }
    .window-wrap .window-sec2 .box2 .content {
        margin: 280px auto; /* 324px → 280px */
        max-width: 750px; /* 870px → 750px (약 86%) */
    }
    .window-wrap .window-sec2 .box2 .content .text-top,
    .window-wrap .window-sec2 .box2 .content .text-down {
        font-size: 40px; /* 48px → 40px (약 83%) */
        line-height: 52px; /* 62px → 52px */
        letter-spacing: -0.8px; /* -0.96px → -0.8px */
    }
    /* Box3 */
    .window-wrap .window-sec2 .box3 .content {
        margin: 280px auto; /* 324px → 280px */
        max-width: 750px; /* 870px → 750px (약 86%) */
    }
    .window-wrap .window-sec2 .box3 .content .text-top,
    .window-wrap .window-sec2 .box3 .content .text-down {
        font-size: 40px; /* 48px → 40px (약 83%) */
        line-height: 52px; /* 62px → 52px */
        letter-spacing: -0.8px; /* -0.96px → -0.8px */
    }


    /* sec3 */
    .window-wrap .window-sec3 {
        padding: 60px 0 75px; /* 70px → 60px */
    }
    .window-wrap .window-sec3 .contain {
        max-width: 960px; /* 1200px → 960px (80%) */
    }
    /* 상단 소개 */
    .window-wrap .window-sec3 .intro {
        margin-bottom: 48px; /* 54px → 48px */
    }
    .window-wrap .window-sec3 .intro .text1 {
        font-size: 30px; /* 36px → 30px (약 83%) */
        line-height: 68px; /* 82px → 68px */
        letter-spacing: -0.6px;
    }
    .window-wrap .window-sec3 .intro .text2 {
        font-size: 40px; /* 48px → 40px (약 83%) */
        line-height: 68px; /* 82px → 68px */
        letter-spacing: -0.8px;
    }
    .window-wrap .window-sec3 .intro .highlight-box {
        font-size: 40px; /* 48px → 40px */
        line-height: 68px;
        letter-spacing: -0.8px;
    }
    .window-wrap .window-sec3 .intro .text3 {
        font-size: 40px; /* 48px → 40px */
        line-height: 68px;
        letter-spacing: -0.8px;
    }
    /* Point 섹션 */
    .window-wrap .window-sec3 .point-section {
        margin-bottom: 75px; /* 90px → 75px */
    }
    .window-wrap .window-sec3 .point-section .divider {
        max-width: 720px; /* 864px → 720px (약 83%) */
    }
    .window-wrap .window-sec3 .point-section .divider span {
        font-size: 30px; /* 36px → 30px */
        line-height: 51px; /* 61px → 51px */
        letter-spacing: -0.6px;
    }
    .window-wrap .window-sec3 .point-section .text1 {
        font-size: 28px; /* 32px → 28px */
        line-height: 51px; /* 61px → 51px */
        letter-spacing: -0.56px;
    }
    .window-wrap .window-sec3 .point-section .point-text2 {
        font-size: 40px; /* 48px → 40px */
        line-height: 51px; /* 61px → 51px */
        letter-spacing: -0.8px;
    }
    .window-wrap .window-sec3 .point-section .text3 {
        font-size: 22px; /* 25px → 22px */
        line-height: 34px; /* 39px → 34px */
        letter-spacing: -0.44px;
        margin-top: 24px; /* 27px → 24px */
    }
    /* Before/After */
    .window-wrap .window-sec3 .before-after {
        gap: 24px; /* 27px → 24px */
        margin-top: 32px; /* 36px → 32px */
    }
    .window-wrap .window-sec3 .before-after .ba-image {
        max-width: 720px; /* 864px → 720px */
    }
    .window-wrap .window-sec3 .before-after .ba-image .label {
        font-size: 30px; /* 36px → 30px */
        line-height: 51px; /* 61px → 51px */
        letter-spacing: -0.6px;
    }
    /* Arrow 크기 조정 */
    .window-wrap .window-sec3 .before-after .arrow svg {
        width: 49px; /* 61px → 49px (80%) */
        height: 62px; /* 78px → 62px (약 79%) */
    }
    /* Point 이미지 및 비디오 */
    .window-wrap .window-sec3 .point-image,
    .window-wrap .window-sec3 .point-video {
        max-width: 720px; /* 864px → 720px */
        margin-top: 16px; /* 18px → 16px */
    }
    

    /* sec4 */
    .window-wrap .window-sec4 {
        padding: 70px 0;
    }
    .window-wrap .window-sec4 .watermark {
        top: 40px;
    }
    .window-wrap .window-sec4 .watermark img {
        width: 300px;
    }
    .window-wrap .window-sec4 .contain {
        max-width: 1000px;
    }
    .window-wrap .window-sec4 .header {
        margin-bottom: 25px;
    }
    .window-wrap .window-sec4 .header .text1 {
        font-size: 45px;
        line-height: 68px;
        letter-spacing: -0.9px;
    }
    .window-wrap .window-sec4 .header .text2 {
        font-size: 28px;
        line-height: 68px;
        letter-spacing: -0.56px;
    }
    .window-wrap .window-sec4 .header .dot-char::before {
        width: 7px;
        height: 7px;
    }
    .window-wrap .window-sec4 .comparison-grid {
        gap: 35px;
        max-width: 700px;
    }
    .window-wrap .window-sec4 .comparison-set {
        gap: 24px;
    }
    .window-wrap .window-sec4 .comparison-item {
        max-width: 330px;
    }
    .window-wrap .window-sec4 .comparison-item .label {
        padding: 10px;
        font-size: 32px;
        line-height: 33px;
        letter-spacing: -0.64px;
    }
    .window-wrap .window-sec4 .arrow .arrow-circle {
        width: 50px;
        height: 50px;
    }
    .window-wrap .window-sec4 .arrow .arrow-icon {
        width: 26px;
        height: 21px;
    }

    /* sec5 */
    .window-wrap .window-sec5 {
        padding: 70px 0;
    }
    .window-wrap .window-sec5 .header {
        margin-bottom: 110px;
    }
    .window-wrap .window-sec5 .header .text1,
    .window-wrap .window-sec5 .header .text2 {
        font-size: 44px;
        line-height: 58px;
        letter-spacing: -0.88px;
    }
    .window-wrap .window-sec5 .header .text2 .highlight-circle .circle-svg {
        width: 135px;
    }
    .window-wrap .window-sec5 .comparison-section {
        gap: 60px;
        max-width: 600px;
    }
    .window-wrap .window-sec5 .speech-bubble {
        top: -70px;
        padding: 10px 20px;
    }
    .window-wrap .window-sec5 .speech-bubble p {
        font-size: 24px;
        letter-spacing: -0.48px;
    }
    .window-wrap .window-sec5 .image-card {
        width: 192px;
        height: 192px;
    }
    .window-wrap .window-sec5 .comparison-chart {
        margin: 40px auto 0;
        padding: 25px 20px;
    }
    .window-wrap .window-sec5 .chart-row {
        margin-bottom: 24px;
    }
    .window-wrap .window-sec5 .label {
        font-size: 24px;
        line-height: 58px;
        letter-spacing: -0.48px;
        margin-right: 24px;
    }
    .window-wrap .window-sec5 .bar-left,
    .window-wrap .window-sec5 .bar-right {
        height: 52px;
    }


    /* sec6 */
    .window-wrap .window-sec6 {
        padding: 88px 0 94px;
    }
    .window-wrap .window-sec6 .header .stars {
        gap: 9px;
    }
    .window-wrap .window-sec6 .header .stars svg {
        width: 29px;
        height: 28px;
    }
    .window-wrap .window-sec6 .header .text1 {
        font-size: 38px;
        /* margin-top: 24px; */
        line-height: 40px;
    }
    .window-wrap .window-sec6 .header .text2 {
        line-height: 80px;
        font-size: 60px;
    }
    .window-wrap .window-sec6 .header .highlight-line-box svg {
        /* width: 322px; */
        /* margin-top: -15px; */
    }
    .window-wrap .window-sec6 .slider-container {
        margin-top: 50px;
    }
    .window-wrap .window-sec6 .navigation {
        gap: 10px;
    }
    .window-wrap .window-sec6 .navigation button {
        width: 108px;
        height: 108px;
    }
    .window-wrap .window-sec6 .navigation button svg {
        width: 25px;
        height: 43px;
    }
    .window-wrap .window-sec6 .review-card {
        width: 633px;
        height: 431px;
        /* padding: 70px; */
        border-radius: 27px;
    }
    .window-wrap .window-sec6 .review-card .review-text {
        font-size: 31px;
        line-height: 46px;
        letter-spacing: -0.62px;
    }
    .window-wrap .window-sec6 .review-card .review-author {
        font-size: 24px;
        line-height: 74px;
        letter-spacing: -0.48px;
    }


    /* sec7 */
    .window-wrap .window-sec7 .section1 {
        padding: 120px 0 60px;
    }
    .window-wrap .window-sec7 .section1 .hero-text .text1 {
        font-size: 52px;
        line-height: 70px;
        letter-spacing: -1.56px;
    }
    .window-wrap .window-sec7 .section1 .hero-text .text1 .highlight-box {
        gap: 6px;
    }
    .window-wrap .window-sec7 .section1 .hero-text .text1 .dot-char {
        font-size: 52px;
        letter-spacing: -1.56px;
    }
    .window-wrap .window-sec7 .section1 .hero-text .text1 .main-text {
        font-size: 52px;
        letter-spacing: -1.56px;
    }
    .window-wrap .window-sec7 .section1 .hero-text .text2 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.4px;
        /* margin-top: 35px; */
    }
    .window-wrap .window-sec7 .section2 {
        padding: 65px 0;
    }
    .window-wrap .window-sec7 .section2 .container {
        gap: 80px;
        margin-bottom: 20px;
    }
    .window-wrap .window-sec7 .section2 .icon-circle {
        width: 190px;
        height: 190px;
    }
    .window-wrap .window-sec7 .section2 .icon-circle svg {
        width: 190px;
        height: 190px;
    }
    .window-wrap .window-sec7 .section2 .icon-image {
        width: 90px;
        height: 90px;
    }
    .window-wrap .window-sec7 .section2 .feature-text {
        font-size: 26px;
        letter-spacing: -0.4px;
        /* margin-top: 27px; */
    }
    .window-wrap .window-sec7 .section3 {
        padding: 65px 0;
        gap: 90px;
    }
    .window-wrap .window-sec7 .section3 .feature1-comparison-images {
        gap: 40px;
        margin-bottom: 10px;
    }
    .window-wrap .window-sec7 .section3 .feature1-comparison-images .badge {
        /* font-size: 18px; */
        /* letter-spacing: -0.36px; */
        /* padding: 9px 34px; */
        /* border-radius: 18px; */
        /* margin-bottom: 14px; */
    }
    .window-wrap .window-sec7 .section3 .feature1-comparison-images .image-wrapper {
        max-width: 439px;
        max-height: 442px;
        width: 100%;
        height: 100%;

    }
    .window-wrap .window-sec7 .section3 .feature1-description {
        /* margin-top: 47px; */
    }
    .window-wrap .window-sec7 .section3 .feature1-description .text1 {
        font-size: 47px;
        letter-spacing: -0.76px;
    }
    .window-wrap .window-sec7 .section3 .feature1-description .text2 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.4px;
        margin-top: 11px;
    }
    .window-wrap .window-sec7 .section3 .feature2-video-card {
        /* width: 617px;
        height: 450px; */
    }
    .window-wrap .window-sec7 .section3 .feature2-description {
        margin-top: -20px;
    }
    .window-wrap .window-sec7 .section3 .feature2-description .text1 {
        font-size: 47px;
        letter-spacing: -0.76px;
    }
    .window-wrap .window-sec7 .section3 .feature2-description .text2 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.4px;
    }
    .window-wrap .window-sec7 .section3 .card-connector {
        height: 610px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards {
        /* gap: 35px; */
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left,
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right {
        /* padding: 35px;
        border-radius: 26px; */
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left {
        /* gap: 35px; */
        width: 420px;
        padding: 20px 40px 37px 40px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right {
        /* gap: 35px; */
        width: 500px;
        padding: 34px 53px 37px 53px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-header,
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-header {
        /* height: 43px; */
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-header .icon,
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-header .icon {
        /* width: 36px;
        height: 36px;
        margin-right: 11px; */
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .header-text p {
        font-size: 25px;
        line-height: 37px;
        letter-spacing: -0.5px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .header-text p {
        font-size: 28px;
        line-height: 37px;
        letter-spacing: -0.56px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .subtitle {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .subtitle {
        font-size: 18px;
        line-height: 37px;
        letter-spacing: -0.36px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-items {
        /* gap: 24px; */
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-item {
        /* padding: 8px 0;
        max-width: 263px; */
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-item {
        /* padding: 10px 0;
        max-width: 297px; */
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .badge-gray {
        font-size: 11px;
        letter-spacing: -0.22px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .badge-red {
        font-size: 13px;
        letter-spacing: -0.26px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-item h4 {
        font-size: 16px;
        letter-spacing: -0.32px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-item h4 {
        font-size: 18px;
        letter-spacing: -0.36px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-item p {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: -0.26px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-item p {
        font-size: 15px;
        line-height: 19px;
        letter-spacing: -0.3px;
    }
    .window-wrap .window-sec7 .section3 .feature3-bottom-title .text1 {
        font-size: 36px;
    }

    
    /* sec8 */
    .window-wrap .window-sec8 .tab-menu {
        /* gap: 50px; */
        /* margin-bottom: 50px; */
    }
    
    .window-wrap .window-sec8 .tab-button {
        /* max-width: 488px;
        padding: 16px 38px; */
        font-size: 36px;
        letter-spacing: -0.52px;
    }
    
    .window-wrap .window-sec8 .content-header h2 {
        font-size: 38px;
        line-height: 30px;
        letter-spacing: -0.76px;
    }
    
    .window-wrap .window-sec8 .content-header p {
        font-size: 34px;
        letter-spacing: -0.4px;
    }
    
    .window-wrap .window-sec8 .content-images {
        /* gap: 27px;
        margin-top: 50px; */
    }
    
    .window-wrap .window-sec8 .content-card {
        /* width: 375px;
        height: 443px;
        border-radius: 27px; */
    }
    
    .window-wrap .window-sec8 .content-card h3 {
        font-size: 29px;
        letter-spacing: -0.58px;
        margin-bottom: 7px;
    }
    
    .window-wrap .window-sec8 .content-card p {
        font-size: 17px;
        line-height: 25px;
        letter-spacing: -0.34px;
    }
    
    .window-wrap .window-sec8 .arrow-icon {
        /* margin: 50px 0; */
        margin: 40px auto 30px auto;
    }
    
    .window-wrap .window-sec8 .arrow-icon svg {
        width: 68px;
        height: 86px;
    }
    
    .window-wrap .window-sec8 .package-header h2 {
        line-height: 1;
        font-size: 38px;
        letter-spacing: -0.76px;
    }
    
    .window-wrap .window-sec8 .package-header p {
        font-size: 34px;
        letter-spacing: -0.4px;

    }
    
    .window-wrap .window-sec8 .package-cards {
        gap: 27px;
    }
    
    .window-wrap .window-sec8 .package-card {
        /* padding: 27px; */
        /* border-radius: 20px; */
        max-width: 263px;
        height: 300px;
    }
    
    .window-wrap .window-sec8 .package-card h3 {
        font-size: 27px;
        letter-spacing: -0.54px;
        margin-bottom: 20px;
    }
    
    .window-wrap .window-sec8 .package-card li {
        font-size: 18px;
        letter-spacing: -0.32px;
        padding: 8px 0;
    }
    
    .window-wrap .window-sec8 .process-tabs {
        gap: 40px;
        padding-top: 54px;
        padding-bottom: 34px;
    }
    
    .window-wrap .window-sec8 .process-tab-btn {
        max-width: 252px;
        font-size: 26px;
        letter-spacing: -0.52px;
    }
    
    .window-wrap .window-sec8 #window-only .process-header.window {
        padding-top: 54px;
    }
    
    .window-wrap .window-sec8 .process-header .subtitle {
        font-size: 25px;
        letter-spacing: -0.5px;
    }
    
    .window-wrap .window-sec8 .process-header .title {
        padding-bottom: 47px;
        font-size: 38px;
        letter-spacing: -0.76px;
    }
    
    .window-wrap .window-sec8 .process-steps {
        padding-bottom: 84px;
    }
    
    .window-wrap .window-sec8 .process-steps::before {
        top: 54px;
        bottom: 95px;
    }

    window-wrap .window-sec8 .window-only-header {
        margin-bottom: 38px;
    }
    
    .window-wrap .window-sec8 .window-only-header h2 {
        font-size: 38px;
        letter-spacing: -0.76px;
        line-height: 30px;
    }
    
    .window-wrap .window-sec8 .window-only-header p {
        font-size: 34px;
        letter-spacing: -0.64px;
        /* line-height: 58px; */
    }
    
    .window-wrap .window-sec8 .feature-cards {
        grid-template-columns: repeat(2, 300px);
        /* gap: 34px; */
    }
    
    .window-wrap .window-sec8 .feature-card {
        /* max-width: 350px; */
        /* border-radius: 18px;
        padding: 25px 21px; */
        grid-template-columns: repeat(2, 300px);
    }
    
    .window-wrap .window-sec8 .feature-card h3 {
        font-size: 25px;
        letter-spacing: -0.5px;
        margin-bottom: 14px;
    }
    
    .window-wrap .window-sec8 .feature-card .feature-explanation {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: -0.3px;
        margin-bottom: 11px;
    }
    
    .window-wrap .window-sec8 .feature-highlight {
        font-size: 20px;
        letter-spacing: -0.4px;
        padding: 7px 18px;
        border-radius: 34px;
    }
    
    .window-wrap .window-sec8 .step-item {
        /* margin-bottom: 34px; */
    }
    
    .window-wrap .window-sec8 .step-number {
        left: 27px;
        top: -18px;
        width: 47px;
        height: 47px;
        font-size: 35px;
        letter-spacing: -0.7px;
    }
    
    .window-wrap .window-sec8 .step-card {
        max-width: 815px;
        border-radius: 18px;
        padding: 35px 0 35px 40px;
    }
    
    .window-wrap .window-sec8 .step-content {
        gap: 14px;
    }
    
    .window-wrap .window-sec8 .step-image {
        width: 178px;
        height: 178px;
        border-radius: 15px;
    }
    
    .window-wrap .window-sec8 .step-text h3 {
        font-size: 31px;
        letter-spacing: -0.62px;
        margin-bottom: 7px;
    }
    
    .window-wrap .window-sec8 .step-text p {
        font-size: 19px;
        line-height: 36px;
        letter-spacing: -0.38px;
    }
}

@media (max-width:1000px){
    .window-wrap .window-cs{padding:36px 0 28px;}
    .window-wrap .window-cs .cs-wrap .btn1{width:100%; height:75px; margin-bottom:15px; padding:0 75px;}
    .window-wrap .window-cs .cs-wrap .btn1:before{width:75px; height:75px; background-size:45px;}
    .window-wrap .window-cs .cs-wrap .btn1:after{right:17px; width:40px; height:40px; background-size:24px;}
    .window-wrap .window-cs .cs-wrap .btn1 span:nth-child(1){font-size:21px;}
    .window-wrap .window-cs .cs-wrap .btn1 span:nth-child(2){font-size:23px;}
    .window-wrap .window-cs .cs-wrap .btn2, .window-wrap .window-cs .cs-wrap .btn3{font-size:24px; line-height:60px;}
    .window-wrap .window-cs .cs-wrap .btn2 img, .window-wrap .window-cs .cs-wrap .btn3 img{height:50px;}

    .window-wrap > div .contain h2{font-size: 28px;}
    .window-wrap > div .contain .text{font-size:14px;}


    /* sec1 */
    .window-wrap .window-sec1 {
        padding: 50px 0 60px; /* 70px → 50px */
    }
    .window-wrap .window-sec1 .contain {
        max-width: 730px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .window-wrap .window-sec1 .text-top {
        font-size: 36px; /* 46px → 36px (약 78%) */
        line-height: 34px; /* 42px → 34px */
        letter-spacing: -0.72px; /* -0.92px → -0.72px */
        margin-bottom: 32px; /* 42px → 32px */
    }
    .window-wrap .window-sec1 .text-main {
        font-size: 36px; /* 46px → 36px (약 78%) */
        line-height: 34px; /* 42px → 34px */
        letter-spacing: -0.72px; /* -0.92px → -0.72px */
        margin-bottom: 38px; /* 48px → 38px */
    }
    /* 글자 위의 빨간 점 */
    .window-wrap .window-sec1 .text-main .dot-char::before {
        width: 6px; /* 7px → 6px */
        height: 6px; /* 7px → 6px */
        top: -16px; /* -20px → -16px */
    }
    .window-wrap .window-sec1 .video-card {
        max-width: 520px; /* 640px → 520px (약 81%) */
        height: 293px; /* 360px → 293px (약 81%) */
        border: 2px solid #C80000; /* 3px → 2px */
        margin-bottom: 38px; /* 48px → 38px */
    }
    .window-wrap .window-sec1 .text-brand {
        font-size: 38px; /* 48px → 38px (약 79%) */
        line-height: 58px; /* 74px → 58px */
        letter-spacing: -0.76px; /* -0.96px → -0.76px */
    }
    .window-wrap .window-sec1 .text-solution {
        font-size: 50px; /* 64px → 50px (약 78%) */
        line-height: 58px; /* 74px → 58px */
        letter-spacing: -1.0px; /* -1.28px → -1.0px */
    }
    

    /* sec2 */
    /* 전체 섹션 높이 조정 */
    .window-wrap .window-sec2 {
        height: 1200px; /* 1400px → 1200px */
    }
    /* Box1 */
    .window-wrap .window-sec2 .box1 {
        height: 520px; /* 620px → 520px */
        /* clip-path 간소화 */
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
    }
    .window-wrap .window-sec2 .box1 .header {
        margin: 40px 20px; /* 50px → 40px, 좌우 여백 추가 */
    }
    .window-wrap .window-sec2 .box1 .header .text-top {
        font-size: 38px; /* 52px → 38px (약 73%) */
        line-height: 52px; /* 72px → 52px */
        letter-spacing: -0.76px; /* -1.04px → -0.76px */
    }
    .window-wrap .window-sec2 .box1 .header .text-down {
        font-size: 38px; /* 52px → 38px (약 73%) */
        line-height: 46px; /* 60px → 46px */
        letter-spacing: -0.76px; /* -1.04px → -0.76px */
    }
    /* SVG 라인 크기 조정 */
    .window-wrap .window-sec2 .box1 .header .line {
        max-width: 480px; /* 645px → 480px (약 74%) */
        width: 100%;
    }
    .window-wrap .window-sec2 .box1 .content {
        margin: 70px auto; /* 95px → 70px */
        max-width: 90%; /* 고정 너비 대신 퍼센트 사용 */
        padding: 0 20px;
    }
    .window-wrap .window-sec2 .box1 .content .text-top,
    .window-wrap .window-sec2 .box1 .content .text-down {
        font-size: 30px; /* 40px → 30px (75%) */
        line-height: 40px; /* 52px → 40px */
        letter-spacing: -0.6px; /* -0.8px → -0.6px */
    }
    /* Box2 */
    .window-wrap .window-sec2 .box2 {
        height: 520px; /* 620px → 520px */
        /* clip-path 간소화 */
        clip-path: polygon(0 0, 100% 0%, 100% 85%, 0 100%);
    }
    .window-wrap .window-sec2 .box2 .content {
        margin: 220px auto; /* 280px → 220px */
        max-width: 90%; /* 고정 너비 대신 퍼센트 사용 */
        padding: 0 20px;
    }
    .window-wrap .window-sec2 .box2 .content .text-top,
    .window-wrap .window-sec2 .box2 .content .text-down {
        font-size: 30px; /* 40px → 30px (75%) */
        line-height: 40px; /* 52px → 40px */
        letter-spacing: -0.6px; /* -0.8px → -0.6px */
    }
    /* Box3 */
    .window-wrap .window-sec2 .box3 {
        /* clip-path 간소화 */
        clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 100%);
    }
    .window-wrap .window-sec2 .box3 .content {
        margin: 220px auto; /* 280px → 220px */
        max-width: 90%; /* 고정 너비 대신 퍼센트 사용 */
        padding: 0 20px;
    }
    .window-wrap .window-sec2 .box3 .content .text-top,
    .window-wrap .window-sec2 .box3 .content .text-down {
        font-size: 30px; /* 40px → 30px (75%) */
        line-height: 40px; /* 52px → 40px */
        letter-spacing: -0.6px; /* -0.8px → -0.6px */
    }


    /* sec3 */
    .window-wrap .window-sec3 {
        padding: 50px 0 60px; /* 60px → 50px */
    }
    .window-wrap .window-sec3 .contain {
        max-width: 730px; /* 960px → 730px */
        padding: 0 20px;
    }
    /* 상단 소개 */
    .window-wrap .window-sec3 .intro {
        margin-bottom: 40px; /* 48px → 40px */
    }
    .window-wrap .window-sec3 .intro .text1 {
        font-size: 24px; /* 30px → 24px (80%) */
        line-height: 50px; /* 68px → 50px */
        letter-spacing: -0.48px;
    }
    .window-wrap .window-sec3 .intro .text2 {
        font-size: 30px; /* 40px → 30px (75%) */
        line-height: 50px; /* 68px → 50px */
        letter-spacing: -0.6px;
    }
    .window-wrap .window-sec3 .intro .highlight-box {
        font-size: 30px; /* 40px → 30px */
        line-height: 50px;
        letter-spacing: -0.6px;
        padding: 0 6px; /* 8px → 6px */
    }
    .window-wrap .window-sec3 .intro .text3 {
        font-size: 30px; /* 40px → 30px */
        line-height: 50px;
        letter-spacing: -0.6px;
    }
    /* Point 섹션 */
    .window-wrap .window-sec3 .point-section {
        margin-bottom: 60px; /* 75px → 60px */
    }
    .window-wrap .window-sec3 .point-section .divider {
        max-width: 90%; /* 퍼센트로 변경 */
    }
    .window-wrap .window-sec3 .point-section .divider::before {
        margin-right: 15px; /* 20px → 15px */
    }
    .window-wrap .window-sec3 .point-section .divider::after {
        margin-left: 15px; /* 20px → 15px */
    }
    .window-wrap .window-sec3 .point-section .divider span {
        font-size: 26px; /* 30px → 26px */
        line-height: 42px; /* 51px → 42px */
        letter-spacing: -0.52px;
    }
    .window-wrap .window-sec3 .point-section .text1 {
        font-size: 22px; /* 28px → 22px */
        line-height: 42px; /* 51px → 42px */
        letter-spacing: -0.44px;
    }
    .window-wrap .window-sec3 .point-section .point-text2 {
        font-size: 30px; /* 40px → 30px */
        line-height: 42px; /* 51px → 42px */
        letter-spacing: -0.6px;
    }
    .window-wrap .window-sec3 .point-section .point-text2 span {
        padding: 0 10px; /* 15px → 10px */
    }
    .window-wrap .window-sec3 .point-section .text3 {
        font-size: 18px; /* 22px → 18px */
        line-height: 28px; /* 34px → 28px */
        letter-spacing: -0.36px;
        margin-top: 20px; /* 24px → 20px */
    }
    /* Before/After */
    .window-wrap .window-sec3 .before-after {
        gap: 20px; /* 24px → 20px */
        margin-top: 28px; /* 32px → 28px */
    }
    .window-wrap .window-sec3 .before-after .ba-image {
        max-width: 100%; /* 전체 너비 */
    }
    .window-wrap .window-sec3 .before-after .ba-image .label {
        font-size: 24px; /* 30px → 24px */
        line-height: 42px; /* 51px → 42px */
        letter-spacing: -0.48px;
        padding: 3px 0; /* 5px → 3px */
    }
    /* Arrow 크기 조정 */
    .window-wrap .window-sec3 .before-after .arrow svg {
        width: 37px; /* 49px → 37px (약 76%) */
        height: 47px; /* 62px → 47px (약 76%) */
    }
    /* Point 이미지 및 비디오 */
    .window-wrap .window-sec3 .point-image,
    .window-wrap .window-sec3 .point-video {
        max-width: 100%; /* 전체 너비 */
        margin-top: 14px; /* 16px → 14px */
    }


    /* sec4 */
    .window-wrap .window-sec4 {
        padding: 50px 0;
    }
    .window-wrap .window-sec4 .watermark {
        top: 30px;
    }
    .window-wrap .window-sec4 .watermark img {
        width: 240px;
    }
    .window-wrap .window-sec4 .contain {
        max-width: 730px;
    }
    .window-wrap .window-sec4 .header {
        margin-bottom: 20px;
    }
    .window-wrap .window-sec4 .header .text1 {
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -0.64px;
    }
    .window-wrap .window-sec4 .header .text2 {
        font-size: 20px;
        line-height: 48px;
        letter-spacing: -0.4px;
    }
    .window-wrap .window-sec4 .header .dot-char::before {
        width: 6px;
        height: 6px;
    }
    .window-wrap .window-sec4 .comparison-grid {
        gap: 28px;
        max-width: 550px;
    }
    .window-wrap .window-sec4 .comparison-set {
        gap: 20px;
    }
    .window-wrap .window-sec4 .comparison-item {
        max-width: 260px;
    }
    .window-wrap .window-sec4 .comparison-item .label {
        padding: 8px;
        font-size: 24px;
        line-height: 25px;
        letter-spacing: -0.48px;
    }
    .window-wrap .window-sec4 .arrow .arrow-circle {
        width: 44px;
        height: 44px;
    }
    .window-wrap .window-sec4 .arrow .arrow-icon {
        width: 22px;
        height: 18px;
    }


    /* sec5 */
    .window-wrap .window-sec5 {
        padding: 50px 0;
    }
    .window-wrap .window-sec5 .contain {
        max-width: 600px;
    }
    .window-wrap .window-sec5 .header {
        margin-bottom: 80px;
    }
    .window-wrap .window-sec5 .header .text1,
    .window-wrap .window-sec5 .header .text2 {
        font-size: 32px;
        line-height: 44px;
        letter-spacing: -0.64px;
    }
    .window-wrap .window-sec5 .header .text2 .highlight-circle .circle-svg {
        width: 108px;
    }
    .window-wrap .window-sec5 .comparison-section {
        /* flex-direction: column;
        gap: 40px;
        max-width: 500px; */
    }
    .window-wrap .window-sec5 .speech-bubble {
        top: -60px;
        padding: 8px 18px;
    }
    .window-wrap .window-sec5 .speech-bubble p {
        font-size: 18px;
        letter-spacing: -0.36px;
    }
    .window-wrap .window-sec5 .speech-bubble::after {
        bottom: -6px;
        border-width: 8px 8px 0 8px;
    }
    .window-wrap .window-sec5 .speech-bubble.left::after {
        left: 40px;
    }
    .window-wrap .window-sec5 .speech-bubble.right::after {
        left: 110px;
    }
    .window-wrap .window-sec5 .image-card {
        width: 154px;
        height: 154px;
    }
    .window-wrap .window-sec5 .comparison-chart {
        margin: 30px auto 0;
        padding: 20px 15px;
    }
    .window-wrap .window-sec5 .chart-row {
        margin-bottom: 20px;
    }
    .window-wrap .window-sec5 .label {
        font-size: 18px;
        line-height: 44px;
        letter-spacing: -0.36px;
        margin-right: 20px;
    }
    .window-wrap .window-sec5 .bar-left,
    .window-wrap .window-sec5 .bar-right {
        height: 42px;
        border-radius: 14px;
    }
    .window-wrap .window-sec5 .bar-left {
        border-radius: 14px 0 0 14px;
    }
    .window-wrap .window-sec5 .bar-right {
        border-radius: 0 14px 14px 0;
    }

    /* sec6 */
    .window-wrap .window-sec6 {
        padding: 66px 0 71px;
    }
    .window-wrap .window-sec6 .header {
        margin-bottom: 0px;
    }
    .window-wrap .window-sec6 .contain {
        max-width: 730px;
        padding: 0 20px;
    }
    .window-wrap .window-sec6 .header .stars {
        gap: 8px;
    }
    .window-wrap .window-sec6 .header .stars svg {
        width: 23px;
        height: 22px;
    }
    .window-wrap .window-sec6 .header .text1 {
        font-size: 28px;
        /* margin-top: 20px; */
    }
    .window-wrap .window-sec6 .header .text2 {
        line-height: 60px;
        font-size: 50px;
    }
    .window-wrap .window-sec6 .emoji {
        width: 200px;
        height: 200px;
    }
    .window-wrap .window-sec6 .review-list {
        gap: 0px;
    }
    .window-wrap .window-sec6 .header .highlight-line-box svg {
        width: 240px;
        margin-top: -4px;
    }
    .window-wrap .window-sec6 .slider-container {
        margin-top: 40px;
    }
    .window-wrap .window-sec6 .navigation {
        gap: 10px;
    }
    .window-wrap .window-sec6 .navigation button {
        width: 85px;
        height: 85px;
    }
    .window-wrap .window-sec6 .navigation button svg {
        width: 20px;
        height: 34px;
    }
    .window-wrap .window-sec6 .review-card {
        width: 100%;
        max-width: 690px;
        height: 380px;
        border-radius: 22px;
    }
    .window-wrap .window-sec6 .review-card .review-text {
        font-size: 25px;
        line-height: 37px;
        letter-spacing: -0.5px;
    }
    .window-wrap .window-sec6 .review-card .review-author {
        font-size: 20px;
        line-height: 60px;
        letter-spacing: -0.4px;
    }


    /* sec7 */
    .window-wrap .window-sec7 .section1 {
        padding: 90px 0 45px;
    }
    .window-wrap .window-sec7 .section1 .contain {
        /* max-width: 730px; */
        /* padding: 0 20px; */
    }
    .window-wrap .window-sec7 .section1 .hero-text .text1 {
        /* font-size: 39px;
        line-height: 62px;
        letter-spacing: -1.17px; */
    }
    .window-wrap .window-sec7 .section1 .hero-text .text1 .highlight-box {
        /* gap: 4px; */
    }
    .window-wrap .window-sec7 .section1 .hero-text .text1 .dot-char {
        /* font-size: 39px;
        letter-spacing: -1.17px; */
    }
    .window-wrap .window-sec7 .section1 .hero-text .text1 .main-text {
        /* font-size: 39px;
        letter-spacing: -1.17px; */
    }
    .window-wrap .window-sec7 .section1 .hero-text .text2 {
        /* font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.32px;
        margin-top: 26px; */
    }
    .window-wrap .window-sec7 .section2 {
        padding: 50px 0;
    }
    .window-wrap .window-sec7 .section2 .container {
        /* flex-direction: column; */
        gap: 40px;
        /* max-width: 730px; */
        padding: 0;
    }
    .window-wrap .window-sec7 .section2 .icon-circle {
        width: 160px;
        height: 160px;
    }
    .window-wrap .window-sec7 .section2 .icon-circle svg {
        width: 160px;
        height: 160px;
    }
    .window-wrap .window-sec7 .section2 .icon-circle .icon-image {
        width: 115px;
        height: 115px;
    }
    .window-wrap .window-sec7 .section2 .feature-text {
        font-size: 18px;
        letter-spacing: -0.32px;
    }
    .window-wrap .window-sec7 .section3 {
        padding: 50px 0;
        gap: 70px;
    }
    .window-wrap .window-sec7 .section3 .feature1-comparison-images {
        /* flex-direction: column;
        gap: 30px; */
    }
    .window-wrap .window-sec7 .section3 .feature1-comparison-images .badge {
        font-size: 16px;
        letter-spacing: -0.28px;
    }
    .window-wrap .window-sec7 .section3 .feature1-comparison-images .image-wrapper {
    }
    .window-wrap .window-sec7 .section3 .feature1-description {
        max-width: 730px;
    }
    .window-wrap .window-sec7 .section3 .feature1-description .text1 {
        font-size: 28px;
        letter-spacing: -0.56px;
        line-height: 52px;
    }
    .window-wrap .window-sec7 .section3 .feature1-description .text2 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.32px;
    }
    .window-wrap .window-sec7 .section3 .feature2-video-card {

    }
    .window-wrap .window-sec7 .section3 .feature2-description {
        /* margin-top: 35px; */
        max-width: 730px;
        padding: 0 20px;
        margin-bottom: 80px;
    }
    .window-wrap .window-sec7 .section3 .feature2-description .text1 {
        font-size: 28px;
        line-height: 62px;
        letter-spacing: -0.56px;
    }
    .window-wrap .window-sec7 .section3 .feature2-description .text2 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.32px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards {
        /* flex-direction: column; */
        /* gap: 20px; */
        max-width: 1000px;
        padding: 0 20px;
    }
    .window-wrap .window-sec7 .section3 .card-connector {
        height: 450px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left,
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right {
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left {
        /* gap: 26px; */
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right {
        /* gap: 26px; */
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-header,
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-header {
        height: 32px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-header .icon,
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-header .icon {
        width: 27px;
        height: 27px;
        margin-right: 8px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .header-text p {
        font-size: 20px;
        line-height: 29px;
        letter-spacing: -0.4px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .header-text p {
        font-size: 22px;
        line-height: 29px;
        letter-spacing: -0.44px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .subtitle {
        font-size: 13px;
        letter-spacing: -0.26px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .subtitle {
        font-size: 14px;
        line-height: 29px;
        letter-spacing: -0.28px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-items {
        gap: 18px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-item {
        border-radius: 12px;
        padding: 6px 0;
        max-width: 100%;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-item {
        border-radius: 12px;
        padding: 8px 0;
        max-width: 100%;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .badge-gray {
        font-size: 9px;
        letter-spacing: -0.18px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .badge-red {
        font-size: 10px;
        letter-spacing: -0.2px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-item h4 {
        font-size: 13px;
        letter-spacing: -0.26px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-item h4 {
        font-size: 14px;
        letter-spacing: -0.28px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-item p {
        font-size: 10px;
        line-height: 14px;
        letter-spacing: -0.2px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-item p {
        font-size: 12px;
        line-height: 15px;
        letter-spacing: -0.24px;
    }
    .window-wrap .window-sec7 .section3 .feature3-bottom-title {
        padding: 0 20px;
    }
    .window-wrap .window-sec7 .section3 .feature3-bottom-title .text1 {
        font-size: 28px;
    }


    /* sec8 */
    .window-wrap .window-sec8 .tab-menu {
        /* flex-direction: column; */
        /* gap: 20px;
        margin-bottom: 40px;
        padding: 0 20px; */
    }
    
    .window-wrap .window-sec8 .tab-button {
        max-width: 100%;
        padding: 14px 30px;
        font-size: 20px;
        letter-spacing: -0.4px;
    }
    
    .window-wrap .window-sec8 .content-header h2 {
        letter-spacing: -0.56px;
    }
    
    .window-wrap .window-sec8 .content-header p {
        font-size: 24px;
        letter-spacing: -0.32px;
        margin-top: 8px;
    }
    
    .window-wrap .window-sec8 .content-images {
        /* flex-direction: column; */
        gap: 20px;
        /* margin-top: 40px; */
    }
    
    .window-wrap .window-sec8 .content-card {
        /* width: 100%;
        max-width: 500px;
        height: 360px;
        border-radius: 20px; */
    }
    
    .window-wrap .window-sec8 .content-card h3 {
        font-size: 23px;
        letter-spacing: -0.46px;
        margin-bottom: 6px;
    }
    
    .window-wrap .window-sec8 .content-card p {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: -0.28px;
    }
    
    .window-wrap .window-sec8 .arrow-icon {
    }
    
    .window-wrap .window-sec8 .arrow-icon svg {
        /* width: 55px;
        height: 69px; */
    }
    
    .window-wrap .window-sec8 .package-header h2 {
        font-size: 32px;
        letter-spacing: -0.56px;
    }
    
    .window-wrap .window-sec8 .package-header p {
        font-size: 24px;
        line-height: 62px;
        letter-spacing: -0.32px;
    }
    
    .window-wrap .window-sec8 .package-cards {
        /* flex-direction: column;
        gap: 20px;
        margin-bottom: 66px;
        padding: 0 20px; */
    }
    
    .window-wrap .window-sec8 .package-card {
        /* padding: 20px; */
    }
    
    .window-wrap .window-sec8 .package-card h3 {
        /* font-size: 21px; */
        letter-spacing: -0.42px;
        /* margin-bottom: 16px; */
        line-height: 20px;
    }
    
    .window-wrap .window-sec8 .package-card li {
        /* font-size: 14px; */
        letter-spacing: -0.28px;
        padding: 7px 0;
    }
    
    .window-wrap .window-sec8 .process-tabs {
        flex-direction: column;
        gap: 16px;
        padding: 40px 20px 26px;
    }
    
    .window-wrap .window-sec8 .process-tab-btn {
        max-width: 100%;
        font-size: 20px;
        letter-spacing: -0.4px;
    }
    
    .window-wrap .window-sec8 #window-only .process-header.window {
        padding-top: 40px;
    }
    
    .window-wrap .window-sec8 .process-header .subtitle {
        font-size: 20px;
        letter-spacing: -0.4px;
    }
    
    .window-wrap .window-sec8 .process-header .title {
        padding-bottom: 35px;
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    
    .window-wrap .window-sec8 .process-steps {
        padding: 0 20px 63px;
    }
    
    .window-wrap .window-sec8 .process-steps::before {
        top: 40px;
        bottom: 71px;
    }

    .window-wrap .window-sec8 .window-only-header {
        margin-bottom: 28px;
        padding: 0 20px;
    }
    
    .window-wrap .window-sec8 .window-only-header h2 {
        /* font-size: 28px; */
        letter-spacing: -0.56px;
        /* line-height: 43px; */
    }
    
    .window-wrap .window-sec8 .window-only-header p {
        font-size: 24px;
        letter-spacing: -0.48px;
        /* line-height: 43px; */
        margin-top: 8px;
    }
    
    .window-wrap .window-sec8 .feature-cards {
        grid-template-columns: repeat(2, 250px);
        /* grid-template-columns: 1fr; */
        gap: 26px;
        padding: 0 20px;
    }
    
    .window-wrap .window-sec8 .feature-card {
        max-width: 100%;
        /* border-radius: 14px; */
        padding: 20px 18px;
        grid-template-columns: repeat(2, 270px);
    }
    
    .window-wrap .window-sec8 .feature-card h3 {
        font-size: 20px;
        letter-spacing: -0.4px;
        margin-bottom: 12px;
    }
    
    .window-wrap .window-sec8 .feature-card .feature-explanation {
        /* font-size: 13px; */
        line-height: 20px;
        letter-spacing: -0.26px;
        margin-bottom: 10px;
    }
    
    .window-wrap .window-sec8 .feature-highlight {
        font-size: 16px;
        letter-spacing: -0.32px;
        padding: 6px 15px;
        border-radius: 27px;
    }
    
    .window-wrap .window-sec8 .step-item {
        margin-bottom: 26px;
    }
    
    .window-wrap .window-sec8 .step-number {
        left: 20px;
        top: -14px;
        width: 37px;
        height: 37px;
        font-size: 28px;
        letter-spacing: -0.56px;
    }
    
    .window-wrap .window-sec8 .step-card {
        max-width: 100%;
        border-radius: 14px;
        padding: 26px 20px;
    }
    
    .window-wrap .window-sec8 .step-content {
        /* flex-direction: column; */
        gap: 16px;
    }
    
    .window-wrap .window-sec8 .step-image {
        /* width: 100%;
        max-width: 300px;
        height: auto;
        border-radius: 12px; */
    }
    
    .window-wrap .window-sec8 .step-text h3 {
        font-size: 24px;
        letter-spacing: -0.48px;
        margin-bottom: 6px;
    }
    
    .window-wrap .window-sec8 .step-text p {
        font-size: 15px;
        line-height: 28px;
        letter-spacing: -0.3px;
    }
}

@media (max-width:640px){
    .window-wrap .window-cs .cs-wrap .btn1 span:nth-child(1){font-size:18px;}
    .window-wrap .window-cs .cs-wrap .btn2 span, .window-wrap .window-cs .cs-wrap .btn3 span{font-size:15px;}

    /* sec1 */
    .window-wrap .window-sec1 {
        padding: 34px 0 44px; /* 50px → 34px */
    }
    .window-wrap .window-sec1 .contain {
        max-width: 512px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .window-wrap .window-sec1 .text-top {
        font-size: 26px; /* 36px → 26px (약 72%) */
        line-height: 26px; /* 34px → 26px */
        letter-spacing: -0.52px; /* -0.72px → -0.52px */
        margin-bottom: 22px; /* 32px → 22px */
    }
    .window-wrap .window-sec1 .text-main {
        font-size: 26px; /* 36px → 26px (약 72%) */
        line-height: 26px; /* 34px → 26px */
        letter-spacing: -0.52px; /* -0.72px → -0.52px */
        margin-bottom: 28px; /* 38px → 28px */
    }
    /* 글자 위의 빨간 점 */
    .window-wrap .window-sec1 .text-main .dot-char::before {
        width: 5px; /* 6px → 5px */
        height: 5px; /* 6px → 5px */
        top: -12px; /* -16px → -12px */
    }
    .window-wrap .window-sec1 .video-card {
        max-width: 100%; /* 모바일에서는 전체 너비 */
        height: auto; /* 비율 유지 */
        aspect-ratio: 424/239; /* 비율 고정 */
        border: 2px solid #C80000; /* 2px 유지 */
        margin-bottom: 28px; /* 38px → 28px */
    }
    .window-wrap .window-sec1 .text-brand {
        font-size: 28px; /* 38px → 28px (약 74%) */
        line-height: 42px; /* 58px → 42px */
        letter-spacing: -0.56px; /* -0.76px → -0.56px */
    }
    .window-wrap .window-sec1 .text-solution {
        font-size: 36px; /* 50px → 36px (약 72%) */
        line-height: 42px; /* 58px → 42px */
        letter-spacing: -0.72px; /* -1.0px → -0.72px */
    }


    /* sec2 */
    .window-wrap .window-sec2 { height: 800px; }
    .window-wrap .window-sec2 .box1 { height: 400px; }
    .window-wrap .window-sec2 .box2 { height: 400px; }
    .window-wrap .window-sec2 .box3 .content {
        margin: 170px auto;
    }


    /* sec3 */
    .window-wrap .window-sec3 {
        padding: 34px 0 44px; /* 50px → 34px */
    }
    .window-wrap .window-sec3 .contain {
        max-width: 100%;
        padding: 0 15px;
    }
    /* 상단 소개 */
    .window-wrap .window-sec3 .intro {
        margin-bottom: 30px; /* 40px → 30px */
    }
    .window-wrap .window-sec3 .intro .text1 {
        font-size: 18px; /* 24px → 18px (75%) */
        line-height: 32px; /* 50px → 32px */
        letter-spacing: -0.36px;
    }
    .window-wrap .window-sec3 .intro .text2 {
        font-size: 20px; /* 30px → 20px (약 67%) */
        line-height: 32px; /* 50px → 32px */
        letter-spacing: -0.4px;
    }
    .window-wrap .window-sec3 .intro .highlight-box {
        font-size: 20px; /* 30px → 20px */
        line-height: 32px;
        letter-spacing: -0.4px;
        padding: 0 4px; /* 6px → 4px */
    }
    .window-wrap .window-sec3 .intro .text3 {
        font-size: 20px; /* 30px → 20px */
        line-height: 32px;
        letter-spacing: -0.4px;
    }
    /* Point 섹션 */
    .window-wrap .window-sec3 .point-section {
        margin-bottom: 44px; /* 60px → 44px */
    }
    .window-wrap .window-sec3 .point-section .divider {
        max-width: 100%;
    }
    .window-wrap .window-sec3 .point-section .divider::before {
        margin-right: 10px; /* 15px → 10px */
    }
    .window-wrap .window-sec3 .point-section .divider::after {
        margin-left: 10px; /* 15px → 10px */
    }
    .window-wrap .window-sec3 .point-section .divider span {
        font-size: 20px; /* 26px → 20px */
        line-height: 32px; /* 42px → 32px */
        letter-spacing: -0.4px;
    }
    .window-wrap .window-sec3 .point-section .text1 {
        font-size: 16px; /* 22px → 16px */
        line-height: 32px; /* 42px → 32px */
        letter-spacing: -0.32px;
    }
    .window-wrap .window-sec3 .point-section .point-text2 {
        font-size: 22px; /* 30px → 22px */
        line-height: 32px; /* 42px → 32px */
        letter-spacing: -0.44px;
    }
    .window-wrap .window-sec3 .point-section .point-text2 span {
        padding: 0 8px; /* 10px → 8px */
    }
    .window-wrap .window-sec3 .point-section .text3 {
        font-size: 14px; /* 18px → 14px */
        line-height: 22px; /* 28px → 22px */
        letter-spacing: -0.28px;
        margin-top: 16px; /* 20px → 16px */
    }
    /* Before/After */
    .window-wrap .window-sec3 .before-after {
        gap: 16px; /* 20px → 16px */
        margin-top: 24px; /* 28px → 24px */
    }
    .window-wrap .window-sec3 .before-after .ba-image .label {
        font-size: 18px; /* 24px → 18px */
        line-height: 32px; /* 42px → 32px */
        letter-spacing: -0.36px;
        padding: 2px 0; /* 3px → 2px */
    }
    /* Arrow 크기 조정 */
    .window-wrap .window-sec3 .before-after .arrow svg {
        width: 30px; /* 37px → 30px */
        height: 38px; /* 47px → 38px */
    }
    /* Point 이미지 및 비디오 */
    .window-wrap .window-sec3 .point-image,
    .window-wrap .window-sec3 .point-video {
        margin-top: 12px; /* 14px → 12px */
    }


    /* sec4 */
    .window-wrap .window-sec4 {
        padding: 30px 0;
    }
    .window-wrap .window-sec4 .watermark {
        top: 0px;
    }
    .window-wrap .window-sec4 .watermark img {
        width: 200px;
    }
    .window-wrap .window-sec4 .contain {
        max-width: 512px;
        padding: 0 15px;
    }
    .window-wrap .window-sec4 .header {
        margin-bottom: 15px;
    }
    .window-wrap .window-sec4 .header .text1 {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.48px;
    }
    .window-wrap .window-sec4 .header .text2 {
        font-size: 16px;
        line-height: 36px;
        letter-spacing: -0.32px;
    }
    .window-wrap .window-sec4 .header .dot-char::before {
        width: 5px;
        height: 5px;
    }
    .window-wrap .window-sec4 .comparison-grid {
        gap: 20px;
        max-width: 100%;
    }
    .window-wrap .window-sec4 .comparison-set {
        /* flex-direction: column; */
        gap: 15px;
    }
    .window-wrap .window-sec4 .comparison-item {
        max-width: 100%;
        width: 100%;
    }
    .window-wrap .window-sec4 .comparison-item .label {
        padding: 6px;
        font-size: 18px;
        line-height: 19px;
        letter-spacing: -0.36px;
    }
    .window-wrap .window-sec4 .arrow {
        /* position: static;
        transform: none;
        margin: 10px 0; */
    }
    .window-wrap .window-sec4 .arrow .arrow-circle {
        width: 40px;
        height: 40px;
    }
    .window-wrap .window-sec4 .arrow .arrow-icon {
        width: 20px;
        height: 16px;
        /* transform: translate(-50%, -50%) rotate(90deg); */
    }


    /* sec5 */
    .window-wrap .window-sec5 {
        padding: 30px 0;
    }
    .window-wrap .window-sec5 .contain {
        max-width: 512px;
        padding: 0 15px;
    }
    .window-wrap .window-sec5 .header {
        margin-bottom: 60px;
    }
    .window-wrap .window-sec5 .header .text1,
    .window-wrap .window-sec5 .header .text2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -0.48px;
    }
    .window-wrap .window-sec5 .header .text2 .highlight-circle .circle-svg {
        width: 90px;
    }
    .window-wrap .window-sec5 .comparison-section {
        /* flex-direction: column; */
        gap: 25px;
        max-width: 100%;
        padding: 0 30px;
    }
    .window-wrap .window-sec5 .speech-bubble {
        top: -50px;
        padding: 6px 14px;
    }
    .window-wrap .window-sec5 .speech-bubble p {
        font-size: 14px;
        letter-spacing: -0.28px;
    }
    .window-wrap .window-sec5 .speech-bubble::after {
        bottom: -5px;
        border-width: 6px 6px 0 6px;
    }
    .window-wrap .window-sec5 .speech-bubble.left::after {
        left: 30px;
    }
    .window-wrap .window-sec5 .speech-bubble.right::after {
        left: 80px;
    }
    .window-wrap .window-sec5 .image-card {
        width: 128px;
        height: 128px;
        border-radius: 14px;
    }
    .window-wrap .window-sec5 .comparison-chart {
        margin: 20px auto 0;
        padding: 15px 10px;
    }
    .window-wrap .window-sec5 .center-line-full {
        width: 2px;
    }
    .window-wrap .window-sec5 .chart-row {
        margin-bottom: 15px;
    }
    .window-wrap .window-sec5 .label {
        font-size: 14px;
        line-height: 34px;
        letter-spacing: -0.28px;
        margin-right: 15px;
    }
    .window-wrap .window-sec5 .bar-left,
    .window-wrap .window-sec5 .bar-right {
        height: 34px;
        border-radius: 10px;
    }
    .window-wrap .window-sec5 .bar-left {
        border-radius: 10px 0 0 10px;
    }
    .window-wrap .window-sec5 .bar-right {
        border-radius: 0 10px 10px 0;
    }


    /* sec6 */
    .window-wrap .window-sec6 {
        padding: 44px 0 47px;
    }
    .window-wrap .window-sec6 .contain {
        max-width: 512px;
        padding: 0 15px;
    }
    .window-wrap .window-sec6 .header .stars {
        gap: 6px;
    }
    .window-wrap .window-sec6 .header .stars svg {
        width: 19px;
        height: 18px;
    }
    .window-wrap .window-sec6 .header .text1 {
        font-size: 22px;
    }
    .window-wrap .window-sec6 .header .text2 {
        font-size: 40px;
        margin-top: -5px;
    }
    .window-wrap .window-sec6 .header .highlight-line-box svg {
        width: 180px;
        margin-top: -10px;
    }
    .window-wrap .window-sec6 .emoji {
        width: 100px;
        height: 100px;
    }
    .window-wrap .window-sec6 .review-item.left .review-card,
    .window-wrap .window-sec6 .review-item.right .review-card {
        height: 200px;
        border-radius: 0; 
    }
    .window-wrap .window-sec6 .review-card .review-content {
        padding: 20px;
    }
    .window-wrap .window-sec6 .slider-container {
        margin-top: 30px;
    }
    .window-wrap .window-sec6 .navigation {
        gap: 8px;
    }
    .window-wrap .window-sec6 .navigation button {
        width: 68px;
        height: 68px;
    }
    .window-wrap .window-sec6 .navigation button svg {
        width: 16px;
        height: 27px;
    }
    .window-wrap .window-sec6 .review-card {
        width: 100%;
        max-width: 100%;
        height: 320px;
        border-radius: 18px;
    }
    .window-wrap .window-sec6 .review-card .review-text {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: -0.4px;
    }
    .window-wrap .window-sec6 .review-card .review-author {
        font-size: 17px;
        line-height: 50px;
        letter-spacing: -0.34px;
    }


    /* sec7 */
    .window-wrap .window-sec7 .section1 {
        padding: 60px 0 30px;
        height: 600px;
    }
    .window-wrap .window-sec7 .section1 .contain {
        max-width: 512px;
        padding: 0 15px;
    }
    .window-wrap .window-sec7 .section1 .hero-text .text1 {
        /* font-size: 31px;
        line-height: 50px;
        letter-spacing: -0.93px; */
    }
    .window-wrap .window-sec7 .section1 .hero-text .text1 .highlight-box {
        /* gap: 3px; */
    }
    .window-wrap .window-sec7 .section1 .hero-text .text1 .dot-char {
        /* font-size: 31px;
        letter-spacing: -0.93px; */
    }
    .window-wrap .window-sec7 .section1 .hero-text .text1 .main-text {
        /* font-size: 31px;
        letter-spacing: -0.93px; */
    }
    .window-wrap .window-sec7 .section1 .hero-text .text2 {
        /* font-size: 14px;
        line-height: 21px;
        letter-spacing: -0.28px;
        margin-top: 20px; */
    }
    .window-wrap .window-sec7 .section2 {
        padding: 35px 0;
    }
    .window-wrap .window-sec7 .section2 .container {
        gap: 20px;
        /* max-width: 512px; */
        /* padding: 0 15px; */
    }
    .window-wrap .window-sec7 .section2 .icon-circle {
        width: 106px;
        height: 106px;
    }
    .window-wrap .window-sec7 .section2 .icon-circle svg {
        width: 106px;
        height: 106px;
    }
    .window-wrap .window-sec7 .section2 .icon-circle .icon-image {
        width: 70px;
        height: 70px;
    }
    .window-wrap .window-sec7 .section2 .feature-text {
        font-size: 14px;
        letter-spacing: -0.28px;
        margin-top: 16px;
        line-height: normal;
    }
    .window-wrap .window-sec7 .section2 .feature-text .mobile-break-word{
        display: initial;
    }
    .window-wrap .window-sec7 .section2 .feature-item {
        gap: 0px
    }

    .window-wrap .window-sec7 .section3 {
        /* padding: 35px 0; */
        gap: 55px;
    }
    .window-wrap .window-sec7 .section3 .feature1-comparison-images {
        gap: 24px;
    }
    .window-wrap .window-sec7 .section3 .feature1-comparison-images .badge {
        font-size: 14px;
        letter-spacing: -0.22px;
    }
    .window-wrap .window-sec7 .section3 .feature1-comparison-images .image-wrapper {
        /* width: 100%;
        max-width: 100%;
        height: 300px;
        border-radius: 19px; */
    }
    .window-wrap .window-sec7 .section3 .feature1-description {
        max-width: 512px;
        padding: 0 15px;
        margin-bottom: 60px;
    }
    .window-wrap .window-sec7 .section3 .feature1-description .text1 {
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 40px;
    }
    .window-wrap .window-sec7 .section3 .feature1-description .text2 {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: -0.28px;
        margin-top: 6px;
    }
    .window-wrap .window-sec7 .section3 .feature2-video-card {
        width: 100%;
        max-width: 100%;
        height: 300px;
        border-radius: 19px;
    }
    .window-wrap .window-sec7 .section3 .feature2-description {
        max-width: 512px;
        padding: 0 15px;
    }
    .window-wrap .window-sec7 .section3 .feature2-description .text1 {
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 40px;
    }
    .window-wrap .window-sec7 .section3 .feature2-description .text2 {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: -0.28px;
        margin-top: 6px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards {
        /* gap: 20px; */
        max-width: 512px;
        padding: 0 15px;
        flex-direction: column;
        position: relative;
    }
    /* .window-wrap .window-sec7 .section3 .card-connector {
        width: 59px;
        max-height: 480px;
        height: 90vw;
        transform: translate(-50%, -50%) rotate(90deg);
        top: 50%;
        left: 53%;
        position: absolute;
    } */
    .window-wrap .window-sec7 .section3 .card-connector.desktop{
        display: none;
    }
    .window-wrap .window-sec7 .section3 .card-connector.mobile{
        display: block;
        position: static;
        width: 92%;
        height: auto;
        margin: -10px 0;
    }

    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left,
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right {
        padding: 20px;
        border-radius: 16px;
        
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left {
        gap: 20px;
        max-width: 420px;
        width: 95%;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right {
        gap: 20px;
        max-width: 500px;
        width: 100%;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-header,
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-header {
        height: 26px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-header .icon,
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-header .icon {
        width: 22px;
        height: 22px;
        margin-right: 6px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .header-text p {
        font-size: 17px;
        line-height: 25px;
        letter-spacing: -0.34px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .header-text p {
        font-size: 19px;
        line-height: 25px;
        letter-spacing: -0.38px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .subtitle {
        font-size: 11px;
        letter-spacing: -0.22px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .subtitle {
        font-size: 12px;
        line-height: 25px;
        letter-spacing: -0.24px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-items {
        gap: 14px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-item {
        /* border-radius: 10px;
        padding: 5px 0; */
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-item {
        /* border-radius: 10px;
        padding: 6px 0; */
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .badge-gray {
        font-size: 8px;
        letter-spacing: -0.16px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .badge-red {
        font-size: 9px;
        letter-spacing: -0.18px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-item h4 {
        font-size: 11px;
        letter-spacing: -0.22px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-item h4 {
        font-size: 12px;
        letter-spacing: -0.24px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-left .card-item p {
        font-size: 9px;
        line-height: 12px;
        letter-spacing: -0.18px;
    }
    .window-wrap .window-sec7 .section3 .feature3-comparison-cards .card-right .card-item p {
        font-size: 10px;
        line-height: 13px;
        letter-spacing: -0.2px;
    }
    .window-wrap .window-sec7 .section3 .feature3-bottom-title {
        /* max-width: 512px;
        padding: 0 15px; */
    }
    .window-wrap .window-sec7 .section3 .feature3-bottom-title .text1 {
        font-size: 22px;
    }


    /* sec8 */
    .window-wrap .window-sec8 .tab-menu {
        /* gap: 16px;
        margin-bottom: 30px;
        padding: 0 15px; */
    }
    
    .window-wrap .window-sec8 .tab-button {
        /* padding: 12px 24px;
        font-size: 17px;
        letter-spacing: -0.34px; */
        line-height: 30px;
    }

    .window-wrap .window-sec8 .tab-contents {
        padding: 40px 0 0 0;
    }

    .window-wrap .window-sec8 .content-header {
        margin-bottom: 0px;
    }
    
    .window-wrap .window-sec8 .content-header h2 {
        font-size: 22px;
        letter-spacing: -0.44px;
    }
    
    .window-wrap .window-sec8 .content-header p {
        font-size: 20px;
        letter-spacing: -0.28px;
        /* margin-top: 6px; */
        line-height: 32px;
    }
    
    .window-wrap .window-sec8 .content-images {
        flex-direction: column;
        gap: 16px;
        margin-top: 30px;
        flex-wrap: wrap;
        display: flex;
        align-items: center;
    }
    
    .window-wrap .window-sec8 .content-card {
        /* max-width: 100%;
        height: 300px;
        border-radius: 16px; */
    }
    
    .window-wrap .window-sec8 .content-card h3 {
        font-size: 20px;
        letter-spacing: -0.38px;
    }
    
    .window-wrap .window-sec8 .content-card p {
        font-size: 16px;
        letter-spacing: -0.24px;
    }
    
    .window-wrap .window-sec8 .arrow-icon {
        margin: 0px auto 0px auto;
    }
    
    .window-wrap .window-sec8 .arrow-icon svg {
        width: 46px;
        height: 57px;
    }

    .window-wrap .window-sec8 .package-header {
        margin-bottom: 0px;
    }
    
    .window-wrap .window-sec8 .package-header h2 {
        font-size: 22px;
        letter-spacing: -0.44px;
    }
    
    .window-wrap .window-sec8 .package-header p {
        font-size: 20px;
        letter-spacing: -0.28px;
    }
    
    .window-wrap .window-sec8 .package-cards {
        gap: 16px;
        margin-top: 10px;
        /* margin-bottom: 52px; */
        padding: 0 15px;
        flex-direction: column;
        flex-wrap: wrap;
        display: flex;
        align-content: center;
    }
    
    .window-wrap .window-sec8 .package-card {
        height: 250px;
        /* padding: 16px; */
        /* border-radius: 13px; */
    }
    
    .window-wrap .window-sec8 .package-card h3 {
        margin-bottom: 10px;
        font-size: 20px;
        letter-spacing: -0.36px;
        margin-bottom: 13px;
    }
    
    .window-wrap .window-sec8 .package-card li {
        font-size: 16px;
        letter-spacing: -0.24px;
        padding: 6px 0;
    }
    
    .window-wrap .window-sec8 .process-tabs {
        gap: 13px;
        padding: 32px 15px 21px;
    }
    
    .window-wrap .window-sec8 .process-tab-btn {
        font-size: 17px;
        letter-spacing: -0.34px;
    }
    
    .window-wrap .window-sec8 #window-only .process-header.window {
        padding-top: 32px;
    }
    
    .window-wrap .window-sec8 .process-header .subtitle {
        font-size: 17px;
        letter-spacing: -0.34px;
    }
    
    .window-wrap .window-sec8 .process-header .title {
        padding-bottom: 28px;
        font-size: 22px;
        letter-spacing: -0.44px;
    }
    
    .window-wrap .window-sec8 .process-steps {
        padding: 0 15px 50px;
    }
    
    .window-wrap .window-sec8 .process-steps::before {
        top: 32px;
        bottom: 57px;
    }

    .window-wrap .window-sec8 .window-only-header {
        margin-bottom: 22px;
        padding: 0 15px;
    }
    
    .window-wrap .window-sec8 .window-only-header h2 {
        font-size: 22px;
        letter-spacing: -0.44px;
        line-height: 34px;
    }
    
    .window-wrap .window-sec8 .window-only-header p {
        font-size: 19px;
        letter-spacing: -0.38px;
        line-height: 34px;
    }
    
    .window-wrap .window-sec8 .feature-cards {
        gap: 20px;
        padding: 0 15px;
        grid-template-columns: repeat(1, 270px);
    }
    
    .window-wrap .window-sec8 .feature-card {
        border-radius: 11px;
        padding: 16px 14px;
    }
    
    .window-wrap .window-sec8 .feature-card h3 {
        font-size: 17px;
        letter-spacing: -0.34px;
        margin-bottom: 10px;
    }
    
    .window-wrap .window-sec8 .feature-card .feature-explanation {
        /* font-size: 11px; */
        line-height: 17px;
        letter-spacing: -0.22px;
        margin-bottom: 8px;
    }
    
    .window-wrap .window-sec8 .feature-highlight {
        font-size: 14px;
        letter-spacing: -0.28px;
        padding: 5px 13px;
        border-radius: 23px;
    }

    
    .window-wrap .window-sec8 .step-item {
        margin-bottom: 21px;
    }
    
    .window-wrap .window-sec8 .step-number {
        left: 16px;
        top: -11px;
        width: 30px;
        height: 30px;
        font-size: 23px;
        letter-spacing: -0.46px;
    }
    
    .window-wrap .window-sec8 .step-card {
        border-radius: 11px;
        padding: 21px 16px;
    }
    
    .window-wrap .window-sec8 .step-content {
        flex-direction: column;
        gap: 13px;
    }
    
    .window-wrap .window-sec8 .step-image {
        width: 100%;
        max-width: 300px;
        height: auto;
        max-width: 100%;
        border-radius: 10px;
    }
    
    .window-wrap .window-sec8 .step-text h3 {
        font-size: 20px;
        letter-spacing: -0.4px;
        margin-bottom: 5px;
    }
    
    .window-wrap .window-sec8 .step-text p {
        font-size: 13px;
        line-height: 24px;
        letter-spacing: -0.26px;
    }
}

@media (max-width:490px){
    .window-wrap .window-sec7 .section3 .card-connector.mobile{
        width: 100%;
    }
}