body, html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden; /* 가로 스크롤 제거 */
    scroll-behavior: smooth;
}

.main1 {
    width: 100%; /* 전체 화면 너비 */
    height: 1080px; /* 16:9 비율로 높이 설정 */
    position: relative;
    margin: 0 auto; /* 수평 중앙 정렬 */
    background-image: url('/images/main1.png'); /* 배경 이미지 경로 */
    background-size: 1920px auto; /* 가로는 고정하고, 세로는 자동으로 조정 */
    background-position: 37% center; /* 가운데를 기준으로 배치 */
    background-repeat: no-repeat; /* 반복 금지 */
    overflow: hidden; /* 넘치는 부분을 잘라내기 */
    display: flex;
    justify-content: center; /* 수평 중앙 정렬 */
    align-items: center; /* 수직 중앙 정렬 */
    box-sizing: border-box;
}

.main1-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 1.25vw; /* 24px -> 1.25vw로 변경 */

    position: absolute;
    width: 39.2vw; /* 752px -> 39.2vw로 변경 */
    height: 11.25vw; /* 216px -> 11.25vw로 변경 */
    left: calc(50% - 19.6vw); /* calc(50% - 752px/2) -> calc(50% - 39.2vw/2)로 변경 */
    top: 10.52vw; /* 202px -> 10.52vw로 변경 */

}

.main1-title {/* 자동차 보험의 새로운 기준, 친절한누나들이 만들어갑니다. */

    width: 752px; /* 752px -> 39.2vw로 변경 */
    height: 160px; /* 160px -> 8.33vw로 변경 */


    /* kind-web/h1 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 64px; /* 64px -> 3.33vw로 변경 */
    line-height: 80px; /* 80px -> 4.17vw로 변경 */

    /* or 125% */
    text-align: center;

    color: #212121;
}

.main1-title p {
    margin-top: 0;
    margin-bottom: 0;
}

.highlight {
    color: #7B46E1;
}

.main1-sub {
    /* 편리하고 신뢰할 수 있는 자동차 보험 서비스, 지금 경험해보세요. */

    width: 548px; /* 548px -> 28.6vw로 변경 */
    height: 32px; /* 32px -> 1.67vw로 변경 */


    /* kind-web/h4 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    font-size: 22px; /* 22px -> 1.15vw로 변경 */
    line-height: 32px; /* 32px -> 1.67vw로 변경 */

    text-align: center;

    color: #717882;
}

.main1-title-mobile {
    display: none; /* 기본적으로 숨김 */
}

.main1-sub-mobile {
    display: none; /* 기본적으로 숨김 */
}

.main2 {
    /* Auto layout */
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    isolation: isolate;

    width: 65%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10vw; /* 200px -> 10vw로 변경 */
}

.main2 img {
    position: relative;
    width: 21.5vw; /* 414px -> 21.5vw로 변경 */
    height: auto; /* 비율을 유지하며 조정 */
    left: 45vw; /* 865px -> 45vw로 변경 */
    top: -4.5vw; /* -86px -> -4.5vw로 변경 */
}

.main2-frame1 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 0.83vw; /* 16px -> 1vw로 변경 */

    width: 427px; /* 427px -> 22vw로 변경 */
    height: auto;

    margin-top: -22vw; /* 필요에 따라 이 값을 조정하여 원하는 위치로 */=
}

.main2-text1-1 {
    width: 354px; /* 354px -> 18vw로 변경 */
    height: auto;

    /* kind-web/h2 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 48px; /* 48px -> 2.5vw로 변경 */
    line-height: 62px; /* 62px -> 1.3em으로 변경 */

    /* identical to box height, or 129% */
    margin-top: 0px;
    margin-bottom: 0vw; /* 16px -> 1vw로 변경 */

    color: #212121;
}

.main2-text1-2 {
    font-family: 'Pretendard', sans-serif;
    color: black;
    text-decoration: none;
    font-size: 22px; /* 22px -> 1.2vw로 변경 */
    font-weight: 600;

    margin-top: 0px;
    margin-bottom: 0px;
    color: #717882;

}
.main2-frame2 {
    position: relative;
    margin-top: 4.58vw; /* 198px -> 10vw로 변경 */

    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 6.1vw; /* 117px -> 6vw로 변경 */
    width: 65vw; /* 1248px -> 65vw로 변경 */
    height: auto;
}

.frame2-1 {
    /* Frame 162864 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 3vw; /* 60px -> 3vw로 변경 */

    width: 26.15vw; /* 493px -> 26vw로 변경 */
    height: auto;

}

.frame2-1-1 {
    /* Frame 162864 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;

    width: 26.15vw; /* 493px -> 26vw로 변경 */

}
.frame2-1-2 {
    /* Frame 162865 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;

    width: 17vw; /* 329px -> 17vw로 변경 */
}

.frame2-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 3vw; /* 60px -> 3vw로 변경 */

    width: 29.5vw; /* 329px -> 17vw로 변경 */
    height: auto;

}

.frame2-text1 {
    width: 130px; /* 130px -> 7vw로 변경 */
    height: auto;

    margin: 0;
    /* kind-web/body1 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    line-height: 1.5em; /* 유연한 높이 */

    /* identical to box height, or 167% */

    color: #717882;
}

.frame2-text2 {
    width: 26.15vw; /* 510px -> 27vw로 변경 */
    height: auto;

    margin: 0;

    /* kind-web/h1 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 3.3vw; /* 64px -> 3.3vw로 변경 */
    line-height: 1.25em; /* 유연한 높이 */

    /* identical to box height, or 125% */

    color: #212121;
}

.main2-frame2-mobile {

    position: relative;
    margin-top: 4.58vw; /* 198px -> 10vw로 변경 */

    padding: 0px;

    flex-direction: column;
    align-items: flex-start;
    width: 254px;
    height: 384px;
    display: none;
}

.main3 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 3.1vw;

    width: 65vw; /* 1248px -> 65vw로 변경 */
    height: auto;
    left: 17.5vw; /* 336px -> 17.5vw로 변경 */
    margin-top: 10.4vw; /* 200px -> 10.4vw로 변경 */
}

.main3-text1 {
    font-family: 'Pretendard', sans-serif;
    color: black;
    text-decoration: none;
    font-size: 48px; /* 48px -> 2.5vw로 변경 */
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
}

.main3-images {
    display: flex;
    flex-wrap: wrap; /* 화면 크기에 맞게 줄바꿈 */
    justify-content: space-between; /* 아이템 사이에 여유 공간 */
    gap: 0.52vw;
    width: 100%; /* 부모 요소의 너비를 100%로 설정 */
    height: auto;
}

.why-bg1, .why-bg2, .why-bg3 {
    background-size: cover; /* 비율 유지 */
    background-position: center;
    width: calc(50% - 0.52vw); /* 각 요소가 50% 너비를 가짐 */
    height: auto;
    border-radius: 0.83vw;
    aspect-ratio: 16/9; /* 비율을 유지하면서 크기 조정 */
}

.why-bg1 {
    width: 100%; /* 첫 번째 이미지는 전체 너비를 차지 */
    background-image: url('/images/why-bg1.png');
}

.why-bg1-text {
    position: relative;
    width: 28.3vw;
    height: 84px;
    left: 48px;
    top: calc(50% - 84px/2);
}

.why-bg1 p, .why-bg2 p, .why-bg3 p {
    margin-bottom: 0;
    margin-top: 0;

    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 1.67vw;
    line-height: 2.19vw;
    color: #FFFFFF;
}


.why-bg2-text {
    position: relative;
    width: 356px;
    height: 168px;
    left: 48px;
    top: 56px;
}

.why-bg3-text {
    position: relative;
    width: 390px;
    height: 126px;
    left: 48px;
    top: 56px;
}


.why-bg2 {
    flex-direction: column;
    background-image: url('/images/why-bg2.png');
}

.why-bg3 {
    flex-direction: column;
    background-image: url('/images/why-bg3.png');
}

.why-bg1-text-mobile, .why-bg2-text-mobile, .why-bg3-text-mobile {
    display: none;
}

.main4 {
    /* Frame 162863 */

    /* Auto layout */
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 4.58vw; /* 88px -> 4.58vw로 변경 */

    width: 65vw; /* 1248px -> 65vw로 변경 */
    height: 40vw; /* 768px -> 40vw로 변경 */
    left: 17.5vw; /* 336px -> 17.5vw로 변경 */
    margin-top: 10.42vw; /* 200px -> 10.42vw로 변경 */
}

.main4-1 {
    /* Frame 162859 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 3.13vw; /* 60px -> 3.13vw로 변경 */

    width: 65vw; /* 1248px -> 65vw로 변경 */

}

.main4-title {
    /* Frame 162832 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 0.83vw; /* 16px -> 0.83vw로 변경 */

    width: 30.42vw; /* 584px -> 30.42vw로 변경 */
    height: 5.73vw; /* 110px -> 5.73vw로 변경 */
}

.main4-title1 {
    position: relative;
    width: 30.42vw; /* 584px -> 30.42vw로 변경 */
    height: 3.23vw; /* 62px -> 3.23vw로 변경 */
    left: calc(50% - 30.42vw/2); /* 50% - 584px/2 -> 비율에 맞게 계산 */
    top: 0;

    /* kind-web/h2 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 2.5vw; /* 48px -> 2.5vw로 변경 */
    line-height: 3.23vw; /* 62px -> 3.23vw로 변경 */
    /* identical to box height, or 129% */
    margin-top: 0;
    margin-bottom: 0;

    color: #212121;
}

.main4-title2 {
    position: relative;
    width: 34.42vw; /* 584px -> 30.42vw로 변경 */
    height: 1.67vw; /* 32px -> 1.67vw로 변경 */

    /* kind-web/h4 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    font-size: 1.15vw; /* 22px -> 1.15vw로 변경 */
    line-height: 1.67vw; /* 32px -> 1.67vw로 변경 */
    /* identical to box height, or 145% */
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;

    color: #717882;
}

.main4-body {
    position: relative;
    /* Frame 162858 */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 1.25vw; /* 24px -> 1.25vw로 변경 */

    width: 65vw; /* 1248px -> 65vw로 변경 */
    height: 23.33vw; /* 448px -> 23.33vw로 변경 */
}

.body-step1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2.08vw 3.39vw;
    gap: 0.52vw;

    width: 20.83vw;
    height: 23.33vw;

    /* white */
    background: #FFFFFF;
    box-shadow: 0vw 0vw 0.94vw 0.16vw rgba(0, 0, 0, 0.05);
    border-radius: 0.83vw;
}

.body-step1-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0vw;
    gap: 1.25vw;

    width: 14.01vw;
    height: 19.17vw;
}

.body-step1-1-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0vw;
    gap: 0.83vw;

    width: 10.42vw;
    height: 13.65vw;
}

.body-step1-1-img p {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.42vw 1.15vw;
    gap: 0.52vw;

    width: 4.58vw;
    height: 2.40vw;

    background: #F9FAFB;
    border-radius: 2.50vw;

    margin-bottom: 0;
    margin-top: 0;

    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    font-size: 0.94vw;
    line-height: 1.56vw;
    /* identical to box height, or 167% */
    text-align: center;

    color: #212121;
}

.body-step1-1-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0vw;
    gap: 0.42vw;

    width: 14.01vw;
    height: 4.27vw;
}


.body-step1-1-text p{
    margin-bottom: 0;
    margin-top: 0;
}

.body-step1-1-text-title {
    width: 11.3vw;
    height: 2.19vw;

    /* kind-web/h3 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 1.67vw;
    line-height: 2.19vw;
    /* identical to box height, or 131% */
    text-align: center;

    color: #212121;
}
.body-step1-1-text-sub {
    width: 17.3vw;
    height: 1.67vw;

    /* kind-web/h4 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    font-size: 1.145vw;
    line-height: 1.67vw;
    /* identical to box height, or 145% */
    text-align: center;

    color: #717882;

}

.step_img {
    width: 10.42vw; /* 400px -> 20.83vw로 변경 */
    height: 10.42vw; /* 448px -> 23.33vw로 변경 */
}

.main4-2 {
    /* Frame 162805 */
    position: relative;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.83vw 1.46vw; /* 16px 28px -> 0.83vw 1.46vw로 변경 */
    gap: 0.52vw; /* 10px -> 0.52vw로 변경 */

    width: 7.77vw; /* 149px -> 7.76vw로 변경 */
    height: 1.56vw; /* 30px -> 1.56vw로 변경 */

    background: #5D30B5;
    border-radius: 0.42vw; /* 8px -> 0.42vw로 변경 */
}

.link-div {
    display: block;
    text-decoration: none; /* 링크 밑줄 제거 */
    color: inherit; /* 부모 요소의 글자색을 상속 */
}

.main4-2-button {
    /* 자동차 보험 의뢰하기 */

    width: 7.77vw; /* 149px -> 7.76vw로 변경 */
    height: 1.56vw; /* 30px -> 1.56vw로 변경 */

    /* kind-web/body1 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    font-size: 0.94vw; /* 18px -> 0.94vw로 변경 */
    line-height: 1.56vw; /* 30px -> 1.56vw로 변경 */

    /* identical to box height, or 167% */

    color: #FFFFFF;
}

.main4-mobile {
    position: relative;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 14.36vw; /* 88px -> 4.58vw로 변경 */

    width: 94.21vw; /* 1248px -> 65vw로 변경 */
    height: 407.9vw; /* 768px -> 40vw로 변경 */
    left: 4.21vw; /* 336px -> 17.5vw로 변경 */
    margin-top: 21.05vw; /* 200px -> 10.42vw로 변경 */
}

.main4-1-mobile {
    /* Frame 162859 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 9.23vw; /* 60px -> 3.13vw로 변경 */

    width: 91.79vw; /* 1248px -> 65vw로 변경 */
    height: 368.72vw;

}

.main4-title-mobile {
    /* Frame 162832 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 0.83vw; /* 16px -> 0.83vw로 변경 */

    width: 87.43vw;
    height: 21.03vw;
}

.main4-title1-mobile {
    position: relative;
    width: 87.43vw; /* 584px -> 30.42vw로 변경 */
    height: 10.26vw;
    left: calc(50% - 87.43vw/2); /* 50% - 584px/2 -> 비율에 맞게 계산 */
    top: 0;

    /* kind-web/h2 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 7.18vw; /* 48px -> 2.5vw로 변경 */
    line-height: 10.36vw; /* 62px -> 3.23vw로 변경 */
    /* identical to box height, or 129% */
    margin-top: 0;
    margin-bottom: 0;

    color: #212121;
}

.main4-title2-mobile {
    position: relative;
    width: 87.44vw; /* 584px -> 30.42vw로 변경 */
    height: 6.67vw; /* 32px -> 1.67vw로 변경 */

    /* kind-web/h4 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    font-size: 4.62vw; /* 22px -> 1.15vw로 변경 */
    line-height: 6.67vw; /* 32px -> 1.67vw로 변경 */
    /* identical to box height, or 145% */
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;

    color: #717882;
}

.main4-body-mobile {
    position: relative;
    /* Frame 162858 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0;

    gap: 6.15vw;
    width: 91.79vw;
    height: 338.46vw;
}

.body-step1-mobile {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2.56vw;

    width: 91.79vw;
    height: 108.72vw;

    /* white */
    background: #FFFFFF;
    box-shadow: 0px 0px 4.62vw 0.77vw rgba(0, 0, 0, 0.05);
    border-radius: 4.10vw;
}
.body-step1-1-mobile{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 6.15vw;

    width: 56.41vw;
    height: 88.72vw;

}

.body-step1-1-img-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 4.10vw;

    width: 51.28vw;
    height: 65.64vw;
}

.body-step1-1-img-mobile p {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2.05vw 5.64vw;
    gap: 2.56vw;

    width: 21.28vw;
    height: 10.26vw;

    background: #F9FAFB;
    border-radius: 12.31vw;
    margin-bottom: 0;
    margin-top: 0;

    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    font-size: 4.10vw;
    line-height: 6.15vw;
    /* identical to box height, or 150% */
    text-align: center;

    color: #212121;

}

.body-step1-1-text-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 2.05vw;

    width: 56.41vw;
    height: 16.41vw;

}

.body-step1-1-text-mobile p{
    margin-bottom: 0;
    margin-top: 0;
}

.body-step1-1-text-title-mobile {
    width: 38.21vw;
    height: 7.69vw;

    /* kind-mobile/h3 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 5.64vw;
    line-height: 7.69vw;
    /* identical to box height, or 136% */
    text-align: center;

    color: #212121;
}
.body-step1-1-text-sub-mobile {
    width: 69.74vw;
    height: 6.67vw;

    /* kind-mobile/h4 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    font-size: 4.62vw;
    line-height: 6.67vw;
    /* identical to box height, or 144% */
    text-align: center;

    color: #717882;
}

.step_img-mobile {
    width: 51.28vw;
    height: 51.28vw;
}

.main4-2-mobile {
    /* Frame 162805 */
    position: relative;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4.10vw 7.18vw;
    gap: 2.56vw;
    width: 48.46vw;
    height: 14.36vw;

    background: #5D30B5;
    border-radius: 2.05vw; /* 8px -> 0.42vw로 변경 */
}

.link-div-mobile {
    display: block;
    text-decoration: none; /* 링크 밑줄 제거 */
    color: inherit; /* 부모 요소의 글자색을 상속 */
}

.main4-2-button-mobile {
    /* 자동차 보험 의뢰하기 */

    /* kind-web/body1 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    font-size: 4.10vw;
    line-height: 6.15vw;

    /* identical to box height, or 167% */

    color: #FFFFFF;
}

.main5 {
    /* Frame 162868 */
    /* Auto layout */
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 6.25vw 17.5vw; /* 120px 336px -> 6.25vw 17.5vw로 변경 */
    gap: 0.52vw; /* 10px -> 0.52vw로 변경 */
    margin-top: 10.42vw; /* 200px -> 10.42vw로 변경 */

    width: 65vw; /* 1248px -> 65vw로 변경 */
    height: 23.33vw; /* 448px -> 23.33vw로 변경 */

    background: #FAF9FB;
}

.main5-1 {
    /* Frame 162872 */
    position: absolute;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 1.25vw; /* 24px -> 1.25vw로 변경 */

    width: 65vw; /* 1248px -> 65vw로 변경 */
    height: 23.33vw; /* 448px -> 23.33vw로 변경 */
}

.main5-title-group {
    width: 31.88vw; /* 612px -> 31.88vw로 변경 */
    height: 9.69vw; /* 186px -> 9.69vw로 변경 */
}

.main5-title {
    /* kind-web/h2 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 2.5vw; /* 48px -> 2.5vw로 변경 */
    line-height: 3.23vw; /* 62px -> 3.23vw로 변경 */

    /* or 129% */

    color: #212121;

    margin-top: 0;
    margin-bottom:0;
}

.main5-list {
    /* Frame 162833 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 2.5vw; /* 48px -> 2.5vw로 변경 */

    width: 31.88vw; /* 612px -> 31.88vw로 변경 */
    height: 23.33vw; /* 448px -> 23.33vw로 변경 */


}
.main5-list1 {
    /* list */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 1.04vw; /* 20px -> 1.04vw로 변경 */

    width: 28.7vw; /* 551px -> 28.7vw로 변경 */
    height: 3.96vw; /* 76px -> 3.96vw로 변경 */
}

.loc_img {
    width: 3.44vw;
    height: 3.44vw;
}

.list1-title {
    /* Frame 162810 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 0.21vw; /* 4px -> 0.21vw로 변경 */

    width: 24.3vw; /* 465px -> 24.22vw로 변경 */
    height: 3.96vw; /* 76px -> 3.96vw로 변경 */
}

.list-title {
    /* SKV1 모터스 */

    width: 24.3vw; /* 465px -> 24.22vw로 변경 */
    height: 2.19vw; /* 42px -> 2.19vw로 변경 */

    /* kind-web/h3 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 1.67vw; /* 32px -> 1.67vw로 변경 */
    line-height: 2.19vw; /* 42px -> 2.19vw로 변경 */
    /* identical to box height, or 131% */

    color: #212121;

    margin-top: 0;
    margin-bottom: 0;

}
.list-sub {
    /* 경기도 수원시 권선구 평동 79번길 45, 166호(평동, SKV1모터스) */

    width: 24.3vw; /* 465px -> 24.22vw로 변경 */
    height: 1.56vw; /* 30px -> 1.56vw로 변경 */

    /* kind-web/body1 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    font-size: 0.94vw; /* 18px -> 0.94vw로 변경 */
    line-height: 1.56vw; /* 30px -> 1.56vw로 변경 */
    /* identical to box height, or 167% */

    color: #717882;

    margin-top: 0;
    margin-bottom: 0;
}

.main5-mobile {
    position: relative;
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    margin-top: 20.51vw;
    padding: 15.38vw 4.10vw;
    gap: 2.56vw;
    width: 100vw;
    height: 172.31vw;

    background: #FAF9FB;
}

.main5-1-mobile {
    /* Frame 162872 */
    position: absolute;
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;

    gap: 9.23vw;
    width: 91.79vw;
    height: 141.54vw;
}

.main5-title-group-mobile {
    width: 91.79vw;
    height: 30.77vw;

}

.main5-title-mobile {
    /* kind-web/h2 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 7.18vw;
    line-height: 10.26vw;

    /* or 129% */

    color: #212121;

    margin-top: 0;
    margin-bottom:0;
}

.main5-list-mobile {
    /* Frame 162833 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 7.18vw;
    width: 88.46vw;
    height: 101.54vw;

}
.main5-list1-mobile {
    /* list */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;

    gap: 5.13vw;
    width: 84.10vw;
    height: 21.03vw;
}

.loc_img-mobile {
    width: 16.92vw;
    height: 16.92vw;
}

.list1-title-mobile {
    /* Frame 162810 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 1.03vw;
    width: 62.05vw;
    height: 21.03vw;
}

.list-title-mobile {
    /* SKV1 모터스 */

    width: 62.05vw;
    height: 7.69vw;

    /* kind-web/h3 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    font-size: 5.64vw;
    line-height: 7.69vw;
    /* identical to box height, or 131% */

    color: #212121;

    margin-top: 0;
    margin-bottom: 0;

}
.list-sub-mobile {
    /* 경기도 수원시 권선구 평동 79번길 45, 166호(평동, SKV1모터스) */

    width: 62.05vw;
    height: 12.31vw;

    /* kind-web/body1 */
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    font-size: 4.10vw;
    line-height: 6.15vw;
    /* identical to box height, or 167% */

    color: #717882;

    margin-top: 0;
    margin-bottom: 0;
}


/* 반응형 스타일 - 작은 화면에서 간격 조정 */
@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1024px) {
    .main4-1 {
        gap: 7vw;
    }
}

/* 모바일 화면 */
@media screen and (max-width: 768px) {
    .main1-text {
        top: 112px; /* 202px -> 10.52vw로 변경 */
        gap: 24px;
    }

    .main1-title {
        display: none;
    }

    .main1-sub {
        display: none;
    }

    .main1-title-mobile {
        display: block;
        width: 752px; /* 752px -> 39.2vw로 변경 */
        height: 160px; /* 160px -> 8.33vw로 변경 */


        /* kind-web/h1 */
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 700;
        font-size: 32px; /* 64px -> 3.33vw로 변경 */
        line-height: 42px; /* 80px -> 4.17vw로 변경 */

        /* or 125% */
        text-align: center;

        color: #212121;
    }

    .main1-title-mobile p {
        margin-top: 0;
        margin-bottom: 0;
    }

    .main1-sub-mobile p {
        margin-top: 0;
        margin-bottom: 0;
    }

    .main1-sub-mobile {
        display: block;
        width: 548px; /* 548px -> 28.6vw로 변경 */
        height: 32px; /* 32px -> 1.67vw로 변경 */


        /* kind-web/h4 */
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 26px;

        text-align: center;

        color: #717882;
    }

    .main2 img {
        top: 5.5vw;
    } 

    .main2 {
        width: 92%;
    }
    .main3 {
        left: 4vw;
        width: 92%;
    }

    .main2 img {
        position: relative;
        width: 42.68vw; /* 414px -> 21.5vw로 변경 */
        height: auto; /* 비율을 유지하며 조정 */
        left: 38vw; /* 865px -> 45vw로 변경 */
        top: 56.3vw; /* -86px -> -4.5vw로 변경 */
    }

    .frame2-1 {
        width: 254px;
    }


    .main2-text1-1 {
        font-size: 28px;
        line-height: 40px;
    }
    .main2-text1-2 {
        font-size: 18px;
        line-height: 26px;
    }
    .main2-frame2 {
        display: none;
    }

    .main2-frame2-mobile {
        display: flex;
    }

    .frame2-text1 {
        width: 254px;
    }

    .frame2-text2 {
        width: 254px;
        font-size: 32px; /* 64px -> 3.3vw로 변경 */
        line-height: 42px; /* 유연한 높이 */
    }

    .main3-text1 {
        font-size: 28px; /* 48px -> 2.5vw로 변경 */
    }

    .main3-images {
        display: flex;
        flex-direction: column; /* 세로 정렬 */
        gap: 6vw; /* 각 요소 사이의 여백 */
    }

    .why-bg1-text, .why-bg2-text, .why-bg3-text {
        display: none;
    }
    .why-bg1 {
        background-image: url('/images/why-bg1-mobile.png');
        width: 91.8vw;
        height: 105vw;

    }
    .why-bg2 {
        background-image: url('/images/why-bg2-mobile.png');
        width: 91.8vw;
        height: 105vw;
    }
    .why-bg3 {
        background-image: url('/images/why-bg3-mobile.png');
        width: 91.8vw;
        height: 105vw;
    }

    .why-bg1-text-mobile, .why-bg2-text-mobile, .why-bg3-text-mobile {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 68.72vw;
        height: 23.08vw;
        left: 7.18vw;
        top: 8.21vw;
    }

    .why-bg1-text-mobile p, .why-bg2-text-mobile p, .why-bg3-text-mobile p {
        margin-top: 0;
        margin-bottom: 0;
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 700;
        font-size: 5.64vw;
        line-height: 7.69vw;

        color: #FFFFFF;
    }

    .main4 {
        display: none;
    }

    .main4-mobile {
        display: flex;
    }

    .main5 {
        display: none;
    }

    .main5-mobile {
        display: flex;
    }

}

/* 모바일 화면 */
@media screen and (max-width: 576px) {
    .main2 {
        width: 92%;
    }
    .main3 {
        left: 4vw;
        width: 92%;
    }

    .main2 img {
        position: relative;
        width: 42.68vw; /* 414px -> 21.5vw로 변경 */
        height: auto; /* 비율을 유지하며 조정 */
        left: 38vw; /* 865px -> 45vw로 변경 */
        top: 56.3vw; /* -86px -> -4.5vw로 변경 */
    }

    .frame2-1 {
        width: 254px;
    }


    .main2-text1-1 {
        font-size: 28px;
        line-height: 40px;
    }
    .main2-text1-2 {
        font-size: 18px;
        line-height: 26px;
    }
    .main2-frame2 {
        display: none;
    }

    .main2-frame2-mobile {
        display: flex;
    }

    .frame2-text1 {
        width: 254px;
    }

    .frame2-text2 {
        width: 254px;
        font-size: 32px; /* 64px -> 3.3vw로 변경 */
        line-height: 42px; /* 유연한 높이 */
    }

    .main3-text1 {
        font-size: 28px; /* 48px -> 2.5vw로 변경 */
    }

    .main3-images {
        display: flex;
        flex-direction: column; /* 세로 정렬 */
        gap: 6vw; /* 각 요소 사이의 여백 */
    }

    .why-bg1-text, .why-bg2-text, .why-bg3-text {
        display: none;
    }
    .why-bg1 {
        background-image: url('/images/why-bg1-mobile.png');
        width: 91.8vw;
        height: 105vw;

    }
    .why-bg2 {
        background-image: url('/images/why-bg2-mobile.png');
        width: 91.8vw;
        height: 105vw;
    }
    .why-bg3 {
        background-image: url('/images/why-bg3-mobile.png');
        width: 91.8vw;
        height: 105vw;
    }

    .why-bg1-text-mobile, .why-bg2-text-mobile, .why-bg3-text-mobile {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 68.72vw;
        height: 23.08vw;
        left: 7.18vw;
        top: 8.21vw;
    }

    .why-bg1-text-mobile p, .why-bg2-text-mobile p, .why-bg3-text-mobile p {
        margin-top: 0;
        margin-bottom: 0;
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 700;
        font-size: 5.64vw;
        line-height: 7.69vw;

        color: #FFFFFF;
    }

    .main4 {
        display: none;
    }

    .main4-mobile {
        display: flex;
    }

    .main5 {
        display: none;
    }

    .main5-mobile {
        display: flex;
    }
}

/* 모바일 화면 */
@media screen and (max-width: 350px) {
    .main2 img {
        position: relative;
        width: 42.68vw;
        height: auto;
        left: 45vw;
        top: 77.3vw;
    }

    .main2-text1-2 {
        font-size: 15px;
    }
}