/* 메인 페이지 스타일 */
main { padding-top: 90px; }
main .visual { width: 100%; aspect-ratio: 1920/430; }
main .visual .swiper { width: 100%; height: 100%; }
main .visual .swiper .swiper-wrapper { width: 100%; height: 100%; }
main .visual .swiper .swiper-wrapper .swiper-slide { width: 100%; height: 100%; }
main .visual .swiper .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

main .content-wrap > div { display: flex; flex-direction: column; align-items: center; }

main .scroll { width: fit-content; }

.content-box { width: 100%; max-width: 1300px; }
.content-box .content { display: none; width: 100%; }
.content-box .content:first-child { display: flex; }

.content-wrap .tit-box { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.content-wrap .tit-box h2 { font-size: 40px; font-weight: 700; color: var(--color-primary); }
.content-wrap .tit-box h2 br { display: none; }
.content-wrap .tit-box h2 span { color: var(--color-secondary); }
.content-wrap .tit-box p { font-size: 20px; color: var(--color-cont-text); }
.content-wrap .tit-box p br { display: none; }


.content-wrap .c01 { gap: 50px; width: 96%; max-width: 1200px; margin: 0 auto; padding: 100px 0; }
.content-wrap .c01 .tit-box h2 span { color: var(--color-red); }
.content-wrap .c01 .tab-menu { display: flex; gap: 10px; }
.content-wrap .c01 .tab-menu a { 
    padding: 10px 30px; 
    background: var(--color-secondary); 
    border-radius: 999px; 
    font-size: 24px; 
    font-weight: 700; 
    color: var(--color-bg);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.15s ease;
}
.content-wrap .c01 .tab-menu a.active { 
    background: var(--color-primary);
    box-shadow: 0px 5px 11px rgb(0 0 0 / 30%);
    transform: translateY(3px);
}
.content-wrap .c01 .content-box .content { align-items: center; gap: 50px; width: 100%; }
.content-wrap .c01 .content-box .content .img-box { width: 250px; }
.content-wrap .c01 .content-box .content .txt-box { display: flex; flex-direction: column; gap: 20px; width: calc( 100% - 250px - 50px); }
.content-wrap .c01 .content-box .content .txt-box h3 { padding-bottom: 10px; border-bottom: 1px solid var(--color-gray); font-size: 40px; font-weight: 700; color: var(--color-primary); }
.content-wrap .c01 .content-box .content .txt-box h4 { padding-left: 30px; background: url("/assets/icons/star.svg") no-repeat 0 50%; background-size: 24px; font-size: 20px; font-weight: 700; }
.content-wrap .c01 .content-box .content .txt-box p { font-size: 18px; color: var(--color-cont-text); line-height: 1.5em; }
.content-wrap .c01 .content-box .content .txt-box .tag { display: flex; align-items: center; gap: 20px; height: 44px; }
.content-wrap .c01 .content-box .content .txt-box .tag p { display: flex; align-items: center; height: 100%; padding: 0 20px; background: var(--color-primary); border-radius: 12px; font-size: 20px; font-weight: 700; color: var(--color-bg); }
.content-wrap .c01 .content-box .content .txt-box .tag span { padding-right: 20px; font-size: 18px; font-weight: 600; position: relative; }
.content-wrap .c01 .content-box .content .txt-box .tag span:not(:last-child)::after { content: ""; display: block; width: 1px; height: 50%; background: var(--color-gray); position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

.content-wrap .c02 { gap: 50px; width: 100%; position: relative; }
.content-wrap .c02::before { content: ""; display: block; background-color: var(--color-primary); width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; }
.content-wrap .c02::after { content: ""; display: block; width: 100%; height: 100%; background: url("/assets/icons/line_bg.png") repeat; opacity: 0.1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }

.content-wrap .c02 .inner { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 auto; padding: 100px 0; }
.content-wrap .c02 .tit-box h2 { color: var(--color-bg); }
.content-wrap .c02 .tit-box p { color: var(--color-bg); }
.content-wrap .c02 .inner .tab-menu { display: flex; align-items: center; height: 70px; margin: 50px auto 20px; }
.content-wrap .c02 .inner .tab-menu a { 
    display: flex; 
    align-items: center; 
    height: 100%; 
    padding: 0 30px; 
    background: var(--color-bg); 
    font-size: 20px; 
    color: var(--color-cont-text);
    transition: all 0.15s ease;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
}
.content-wrap .c02 .inner .tab-menu a:first-child { border-radius: 999px 0 0 999px; }
.content-wrap .c02 .inner .tab-menu a:last-child { border-radius: 0 999px 999px 0; }
.content-wrap .c02 .inner .tab-menu a:not(:last-child) { border-right: 2px dotted var(--color-gray); }
.content-wrap .c02 .inner .tab-menu a.active { 
    background: var(--color-secondary); 
    font-weight: 700; 
    color: var(--color-bg); 
    position: relative;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    transform: translateY(2px);
}
/* .content-wrap .c02 .inner .tab-menu a.active::after { content: ""; display: block; width: 23px; height: 18px; background: url("/assets/icons/triangle.svg") no-repeat 50% 50%; background-size: contain; position: absolute; top: calc(100% - 4px); left: 50%; transform: translateX(-50%); z-index: 999; } */
/* .content-wrap .c02 .inner .tab-menu a.active span { margin-bottom: 10px; margin-left: 4px; width: 12px; height: 12px; background: url("/assets/icons/star.svg") no-repeat 50% 0; background-size: 12px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} */
.content-wrap .c02 .inner .content-box .content { align-items: center; gap: 40px; min-height: 450px; padding: 50px; background: var(--color-bg); border-radius: 30px; }
.content-wrap .c02 .inner .content-box .content .img-box { width: 500px; height: 100%; min-height: 350px; border-radius: 20px; overflow: hidden; }
.content-wrap .c02 .inner .content-box .content .img-box img { width: 100%; height: 100%; min-height: 350px; object-fit: cover; }
.content-wrap .c02 .inner .content-box .content .txt-box { display: flex; flex-direction: column; align-items: flex-end; gap: 50px; width: calc(100% - 500px - 40px); }
.content-wrap .c02 .inner .content-box .content .txt-box .tit-box { align-items: flex-start; width: 100%; }
.content-wrap .c02 .inner .content-box .content .txt-box .tit-box h3 { width: fit-content; padding-right: 22px; padding-bottom: 5px; background: url("/assets/icons/star.svg") no-repeat 100% 20%; background-size: 18px; font-size: 32px; font-weight: 700; color: var(--color-primary); }
.content-wrap .c02 .inner .content-box .content .txt-box .tit-box h4 { width: 100%; padding-top: 10px; border-top: 2px dotted var(--color-gray); font-size: 20px; font-weight: 800; color: var(--color-secondary); }
.content-wrap .c02 .inner .content-box .content .txt-box .cont-box { display: flex; flex-direction: column; gap: 14px; width: 100%; }
.content-wrap .c02 .inner .content-box .content .txt-box .cont-box p { font-size: 20px; color: var(--color-cont-text); line-height: 1.5em; }
.content-wrap .c02 .inner .content-box .content .txt-box a { width: fit-content; padding-right: 24px; background: url("/assets/icons/arrow.svg") no-repeat 100% 50%; background-size: 20px; font-size: 20px; font-weight: 500; }

.content-wrap .c03 { gap: 50px; width: 96%; max-width: 1400px; margin: 0 auto; padding: 100px 0; }
.content-wrap .c03 .qna-box { display: flex; width: 100%; }
.content-wrap .c03 .qna-box .img-box { width: 250px; }
.content-wrap .c03 .qna-box .txt-box { display: flex; flex-direction: column; align-items: flex-end; gap: 36px; width: calc(100% - 250px); padding-top: 150px; position: relative; }
.content-wrap .c03 .qna-box .txt-box .question { width: fit-content; margin-left: 22px; padding: 20px; background: var(--color-primary); border-radius: 12px; font-size: 40px; font-weight: 700; color: var(--color-bg); position: absolute; top: 0; left: 0; }
.content-wrap .c03 .qna-box .txt-box .question::after { content: ""; display: block; width: 23px; height: 18px; background: url("/assets/images/main/triangle_left.svg") no-repeat 50% 50%; background-size: contain; position: absolute; right: calc(100% - 1px); bottom: 28px; }
.content-wrap .c03 .qna-box .txt-box .answer { width: fit-content; margin-right: 22px; padding: 20px; background: var(--color-secondary); border-radius: 12px; font-size: 40px; font-weight: 700; color: var(--color-bg); position: relative; }
.content-wrap .c03 .qna-box .txt-box .answer::after { content: ""; display: block; width: 23px; height: 18px; background: url("/assets/images/main/triangle_right.svg") no-repeat 50% 50%; background-size: contain; position: absolute; left: calc(100% - 1px); bottom: 28px; }
.content-wrap .c03 .qna-box .txt-box p { padding-right: 50px; font-size: 20px; text-align: right; color: var(--color-cont-text); }
.content-wrap .c03 .qna-box .txt-box p span { font-size: 16px; }
.content-wrap .c03 ul { display: flex; gap: 30px; position: relative; }
.content-wrap .c03 ul::before { content: ""; display: block; width: calc(100% - 160px); height: 1px; background: url("/assets/images/main/line.svg") no-repeat 50% 50%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); z-index: -1; }
.content-wrap .c03 ul li { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; width: 140px; height: 140px; margin: 0 10px; background: var(--color-bg); border: 1px solid var(--color-primary); border-radius: 999px; position: relative; }
.content-wrap .c03 ul li::before { content: ""; width: calc(100% + 20px); height: calc(100% + 22px); background: url("/assets/images/main/circle_dotline.svg") no-repeat 50% 0; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }
.content-wrap .c03 ul li:nth-child(even)::before { transform: translate(-50%, -50%) rotate(180deg); }
.content-wrap .c03 ul li:first-child::after { content: ""; display: block; width: 6px; height: 6px; background: var(--color-primary); border-radius: 999px; position: absolute; left: -12.5px; top: 50%; transform: translateY(-50%); }
.content-wrap .c03 ul li:last-child::after { content: ""; display: block; width: 16px; height: 16px; background: url("/assets/icons/star.svg") no-repeat 50% 50%; position: absolute; left: calc(100% + 2px); top: 50%; transform: translateY(-50%); background-size: 16px; }
.content-wrap .c03 ul li h4 { font-weight: 800; color: var(--color-gray); }
.content-wrap .c03 ul li h3 { font-size: 20px; font-weight: 500; color: var(--color-primary); text-align: center; }

.content-wrap .c04 { gap: 50px; width: 96%; max-width: 1400px; margin: 0 auto; padding: 100px 0; }

.content-wrap .c04 .swiper { width: 100%; padding-bottom: 40px; position: relative; }
.content-wrap .c04 .swiper .swiper-wrapper { margin-left: -10px; }
.content-wrap .c04 .swiper .swiper-wrapper .swiper-slide { display: flex; flex-direction: column; align-items: center; gap: 14px; width: calc( (100% - (20px*4))/5); margin: 0 10px; }
.content-wrap .c04 .swiper .swiper-wrapper .swiper-slide img { width: 100%; aspect-ratio: 1/1; border-radius: 999px; }
.content-wrap .c04 .swiper .swiper-wrapper .swiper-slide p { font-size: 20px; font-weight: 700; color: var(--color-primary); }
.content-wrap .c04 .swiper .swiper-pagination { display: flex; justify-content: center; gap: 10px; height: 10px; bottom: 0; }
.content-wrap .c04 .swiper .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0; }
.content-wrap .c04 .swiper .swiper-pagination .swiper-pagination-bullet-active { background: var(--color-secondary); }

.content-wrap .c05 { gap: 50px; margin: 0 auto; padding: 100px 0; background: #f5f5f5 url("/assets/icons/line_bg.png") repeat; position: relative; }
.content-wrap .c05.line-bg::before {
    /* background-color: var(--color-lightgray); */
}
.content-wrap .c05 .swiper { width: 100%; }
.content-wrap .c05 .swiper .swiper-wrapper { display: flex; align-items: center; padding: 10px 0; }
.content-wrap .c05 .swiper .swiper-wrapper .swiper-slide { display: flex; flex-direction: column; justify-content: space-between; width: 300px; aspect-ratio: 1/1; margin: 0 12px; padding: 32px 40px; background: var(--color-bg); border-radius: 12px; overflow: hidden; }
.content-wrap .c05 .swiper .swiper-wrapper .swiper-slide .point span { display: inline-block; width: 16px; height: 16px; background: url("/assets/icons/star.svg") no-repeat 50% 50%; background-size: 16px; }
.content-wrap .c05 .swiper .swiper-wrapper .swiper-slide img { width: 100%; height: 80px; object-fit: cover; border: 1px solid var(--color-gray); border-radius: 12px; }
.content-wrap .c05 .swiper .swiper-wrapper .swiper-slide .content {  height: 93.75px; line-height: 18.75px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.content-wrap .c05 .swiper .swiper-wrapper .swiper-slide .content p { width: 100%; font-size: 15px; color: var(--color-cont-text); }
.content-wrap .c05 .swiper .swiper-wrapper .swiper-slide-active { width: 500px; height: 420px; background: var(--color-primary); background: linear-gradient(0deg, rgba(20,48,84,1) 0%, var(--color-primary) 100%); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); }
.content-wrap .c05 .swiper .swiper-wrapper .swiper-slide-active .point span { width: 20px; height: 20px; background: url("/assets/icons/star.svg") no-repeat 50% 50%; background-size: 20px; }
.content-wrap .c05 .swiper .swiper-wrapper .swiper-slide-active img { height: 150px; }
.content-wrap .c05 .swiper .swiper-wrapper .swiper-slide-active .content {  height: 150px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.content-wrap .c05 .swiper .swiper-wrapper .swiper-slide-active .content p { width: 100%; font-size: 18px; font-weight: 300; color: var(--color-bg); }
.content-wrap .c05 .swiper-button-box { display: flex; justify-content: flex-end;  gap: 20px; width: 96%; max-width: 1400px; height: 40px; position: absolute; top: 140px; left: 50%; transform: translateX(-50%); }
.content-wrap .c05 .swiper-button-box .swiper-button-prev,
.content-wrap .c05 .swiper-button-box .swiper-button-next { width: 40px; height: 40px; margin: 0; background: var(--color-primary); border-radius: 999px; color: var(--color-bg); position: static; }
.content-wrap .c05 .swiper-button-box .swiper-button-prev { padding-right: 4px; }
.content-wrap .c05 .swiper-button-box .swiper-button-next { padding-left: 4px; }
.content-wrap .c05 .swiper-button-box .swiper-button-prev::after,
.content-wrap .c05 .swiper-button-box .swiper-button-next::after { font-size: 14px; }

.content-wrap .c06 { flex-direction: row; width: 96%; max-width: 1400px; margin: 0 auto; padding: 100px 0 50px; }
.content-wrap .c06 > div { display: flex; align-items: center; gap: 24px;  }
.content-wrap .c06 > div:not(:first-child) { padding-left: 80px; position: relative;  }
.content-wrap .c06 > div:not(:first-child)::before { content: ""; display: block; width: 1px; height: 100%; background: var(--color-gray); position: absolute; top: 0; left: 40px; }
.content-wrap .c06 > div h3 { display: flex; align-items: center; gap: 6px; font-size: 20px; font-weight: 700; color: var(--color-primary); }
.content-wrap .c06 > div h3 img { width: 30px; height: 30px; }
.content-wrap .c06 > div p { font-size: 16px; }
.content-wrap .c06 .notice { flex: 1 0 auto; }
.content-wrap .c06 .notice .title { flex: 1 0 auto; color: var(--color-cont-text); }
.content-wrap .c06 .notice .date { font-size: 16px; color: var(--color-cont-text2); text-align: right; }
.content-wrap .c06 .notice .more { display: flex; justify-content: center; padding: 0 6px; font-size: 24px; font-weight: 900; color: var(--color-secondary); }
.content-wrap .c06 .kakao { width: fit-content; }
.content-wrap .c06 .email { width: fit-content; }

/* 현대적인 애니메이션 효과 */
.parallax-section {
    position: relative;
    overflow: hidden;
}

.parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transform: translateZ(-1px) scale(2);
    z-index: -1;
}

/* 스크롤 트리거 애니메이션 */
.reveal-text {
    position: relative;
    overflow: hidden;
}

.reveal-text::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-primary);
    transform: translateX(-100%);
    animation: reveal-text-animation 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}

@keyframes reveal-text-animation {
    0% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}

/* 3D 호버 효과 */
.card-3d {
    transition: transform 0.5s ease;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.card-3d:hover {
    transform: rotateY(10deg) rotateX(10deg);
}

/* 그라데이션 텍스트 애니메이션 */
.gradient-text {
    background: linear-gradient(90deg, var(--color-primary), var(--color-secondary), var(--color-primary));
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: gradient-animation 3s linear infinite;
}

@keyframes gradient-animation {
    to {
        background-position: 200% center;
    }
}

/* 스크롤 프로그레스 바 */
.scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: linear-gradient(to right, var(--color-primary), var(--color-secondary));
    z-index: 9999;
    transition: width 0.1s;
}

@media screen and (max-width: 1439px) {
    .content-wrap .c06 { display: flex; flex-wrap: wrap; padding: 35px 0; }
    .content-wrap .c06 > div { display: flex; gap: 24px; height: 60px; position: relative; }
    .content-wrap .c06 > div:first-child { width: 100%; }
    .content-wrap .c06 > div:first-child::before { content: ""; display: block; width: 100%; height: 1px; background: var(--color-gray); position: absolute; bottom: 0; left: 0; }
    .content-wrap .c06 > div:nth-child(2) { padding-left: 0; }
    .content-wrap .c06 > div:nth-child(3) { padding-left: 60px; }
    .content-wrap .c06 > div:nth-child(2)::before { display: none; }
    .content-wrap .c06 > div:not(:first-child)::before { height: 50%; top: 50%; left: 30px; transform: translateY(-50%); }
    .content-wrap .c06 > div h3 { font-size: 16px; }
    .content-wrap .c06 > div p { font-size: 15px; }
    .content-wrap .c06 .notice .date { font-size: 15px; }
    .content-wrap .c06 .notice .more { font-size: 20px; font-weight: 900; color: var(--color-secondary); }
    .content-wrap .c06 .kakao { width: calc(50% - 30px); }
    .content-wrap .c06 .email { width: calc(50% + 30px); }
}

@media screen and (max-width: 1279px) {
    .content-wrap .tit-box { gap: 6px; }
    .content-wrap .tit-box h2 { font-size: 28px; }
    .content-wrap .tit-box p { font-size: 16px; }

    .content-wrap .c01 { gap: 35px; padding: 70px 0; }
    .content-wrap .c01 .tab-menu a { padding: 10px 20px; font-size: 18px; }
    .content-wrap .c01 .content-box .content { gap: 35px; }
    .content-wrap .c01 .content-box .content .txt-box { gap: 16px; width: calc( 100% - 250px - 35px); }
    .content-wrap .c01 .content-box .content .txt-box h3 { font-size: 28px; }
    .content-wrap .c01 .content-box .content .txt-box h4 { padding-left: 24px; background: url("/assets/icons/star.svg") no-repeat 0 50%; background-size: 20px; font-size: 18px; }
    .content-wrap .c01 .content-box .content .txt-box p { font-size: 16px; color: var(--color-cont-text); }
    .content-wrap .c01 .content-box .content .txt-box .tag { gap: 20px; height: 40px; }
    .content-wrap .c01 .content-box .content .txt-box .tag p { font-size: 17px; }
    .content-wrap .c01 .content-box .content .txt-box .tag span { font-size: 15px; }

    .content-wrap .c02 { gap: 35px; }
    .content-wrap .c02 .inner { padding: 70px 2%; }
    .content-wrap .c02 .inner .tab-menu { height: 50px; margin: 35px auto 20px; }
    .content-wrap .c02 .inner .tab-menu a { padding: 0 14px; font-size: 16px; }
    .content-wrap .c02 .inner .tab-menu a:not(:last-child) { border-right: 1px dotted var(--color-gray); }
    .content-wrap .c02 .inner .content-box .content { gap: 24px; padding: 35px; border-radius: 24px; }
    .content-wrap .c02 .inner .content-box .content .img-box { width: 50%; height: 100%; min-height: 380px; border-radius: 16px; }
    .content-wrap .c02 .inner .content-box .content .txt-box { gap: 35px; width: calc(100% - 50% - 24px); }
    .content-wrap .c02 .inner .content-box .content .txt-box .tit-box h3 { padding-right: 16px; background: url("/assets/icons/star.svg") no-repeat 100% 0%; background-size: 14px; font-size: 24px; }
    .content-wrap .c02 .inner .content-box .content .txt-box .tit-box h4 { font-size: 16px; }
    .content-wrap .c02 .inner .content-box .content .txt-box .cont-box p { font-size: 16px; }
    .content-wrap .c02 .inner .content-box .content .txt-box .cont-box p br { display: none; }
    .content-wrap .c02 .inner .content-box .content .txt-box a { padding-right: 20px; background: url("/assets/icons/arrow.svg") no-repeat 100% 50%; background-size: 16px; font-size: 16px; }

    .content-wrap .c03 { gap: 35px; padding: 70px 0; }
    .content-wrap .c03 .qna-box .img-box { width: 200px; }
    .content-wrap .c03 .qna-box .txt-box { gap: 26px; width: calc(100% - 200px); padding-top: 50px; }
    .content-wrap .c03 .qna-box .txt-box .question { padding: 20px; font-size: 26px; }
    .content-wrap .c03 .qna-box .txt-box .answer { padding: 20px; font-size: 26px; }
    .content-wrap .c03 .qna-box .txt-box p { padding-right: 35px; font-size: 16px; }
    .content-wrap .c03 .qna-box .txt-box p span { font-size: 14px; }
    .content-wrap .c03 ul { gap: 14px; }
    .content-wrap .c03 ul li { gap: 10px; width: 100px; height: 100px; }
    .content-wrap .c03 ul li h4 { font-size: 14px; }
    .content-wrap .c03 ul li h3 { font-size: 16px; }

    .content-wrap .c04 { gap: 35px; padding: 0 0 70px; }
    .content-wrap .c04 .swiper .swiper-wrapper .swiper-slide p { font-size: 16px; }

    .content-wrap .c05 { gap: 35px; padding: 70px 0; }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide { width: 250px; aspect-ratio: 1/1; padding: 28px; }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide img { height: 60px; }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide .content {  height: 90px; line-height: 18px; }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide .content p { width: 100%; font-size: 14px; color: var(--color-cont-text); }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide-active { width: 400px; height: 500px; }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide-active .point span { width: 20px; height: 20px; background: url("/assets/icons/star.svg") no-repeat 50% 50%; background-size: 20px; }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide-active img { height: 150px; }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide-active .content {  height: 242px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 11; }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide-active .content p { width: 100%; font-size: 15px; font-weight: 300; color: var(--color-bg); }
    .content-wrap .c05 .swiper-button-box { gap: 14px; height: 28px; top: 100px; }
    .content-wrap .c05 .swiper-button-box .swiper-button-prev,
    .content-wrap .c05 .swiper-button-box .swiper-button-next { width: 28px; height: 28px; }
    .content-wrap .c05 .swiper-button-box .swiper-button-prev { padding-right: 2px; }
    .content-wrap .c05 .swiper-button-box .swiper-button-next { padding-left: 2px; }
    .content-wrap .c05 .swiper-button-box .swiper-button-prev::after,
    .content-wrap .c05 .swiper-button-box .swiper-button-next::after { font-size: 16px; }
}

@media screen and (max-width: 1023px) {
    main { padding-top: 80px; }
    .content-wrap .c01 .content-box .content .img-box { width: 220px; }
    .content-wrap .c01 .content-box .content .txt-box { width: calc(100% - 220px - 35px); word-break: keep-all; }
    .content-wrap .c01 .content-box .content .txt-box p { font-size: 15px; }
    .content-wrap .c01 .content-box .content .txt-box p br { display: none; }
    .content-wrap .c01 .content-box .content .txt-box .tag { gap: 14px; height: 40px; }
    .content-wrap .c01 .content-box .content .txt-box .tag p { font-size: 16px; }
    .content-wrap .c01 .content-box .content .txt-box .tag span { padding-right: 14px; font-size: 14px; }

    .content-wrap .c03 .qna-box .txt-box { padding-top: 120px; word-break: keep-all; }
    .content-wrap .c03 .qna-box .txt-box p br.mo { display: none; }
    .content-wrap .c03 ul { gap: 0; }
    .content-wrap .c03 ul li { gap: 4px; margin: 0 9px; width: 80px; height: 80px; }
    .content-wrap .c03 ul li h4 { font-size: 13px; }
    .content-wrap .c03 ul li h3 { font-size: 15px; }
}

@media screen and (max-width: 767px) {
    main {
        padding-top: 60px;
    }
    main .scroll {
        width: 100%;
        overflow-x: scroll;
    }

    main .visual {
        width: 100%; aspect-ratio: 4/3;
    }

    .content-wrap .tit-box { gap: 4px; }
    .content-wrap .tit-box h2 { font-size: 24px; }
    .content-wrap .tit-box p { font-size: 14px; }

    .content-wrap .c01 .content-box .content { flex-direction: column; }
    .content-wrap .c01 .content-box .content .img-box { display: flex; justify-content: center; width: 100%; }
    .content-wrap .c01 .content-box .content .txt-box { align-items: center; width: 100%; text-align: center; word-break: keep-all; }
    .content-wrap .c01 .content-box .content .txt-box h3 { width: 100%; }
    .content-wrap .c01 .content-box .content .txt-box br { display: none; }

    .content-wrap .c02 .inner .tab-menu { min-width: 785px; height: 40px; }
    .content-wrap .c02 .inner .tab-menu a { font-size: 14px; }
    .content-wrap .c02 .inner .content-box .content { flex-direction: column; align-items: center; }
    .content-wrap .c02 .inner .content-box .content .img-box { width: 100%; aspect-ratio: 2/1; min-height: auto; }
    .content-wrap .c02 .inner .content-box .content .img-box img { width: 100%; height: 100%; min-height: auto; }
    .content-wrap .c02 .inner .content-box .content .txt-box { width: 100%; gap: 20px; }
    .content-wrap .c02 .inner .content-box .content .txt-box .tit-box h3 { font-size: 20px; }
    .content-wrap .c02 .inner .content-box .content .txt-box .tit-box h4 { font-size: 14px; }
    .content-wrap .c02 .inner .content-box .content .txt-box .cont-box p { font-size: 14px; }
    .content-wrap .c02 .inner .content-box .content .txt-box a { padding-right: 20px; background: url("/assets/icons/arrow.svg") no-repeat 100% 50%; background-size: 14px; font-size: 14px; }

    .content-wrap .c03 .qna-box .txt-box .question { font-size: 20px; }
    .content-wrap .c03 .qna-box .txt-box .answer { font-size: 20px; }
    .content-wrap .c03 .qna-box .txt-box p { padding-right: 20px; font-size: 15px; }
    .content-wrap .c03 .qna-box .txt-box p span { font-size: 13px; }
    .content-wrap .c03 ul { display: none; }

    .content-wrap .c04 .swiper .swiper-wrapper .swiper-slide { width: calc((100% - (20px*3))/4); }

    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide { gap: 20px;  width: 96%; height: auto; aspect-ratio: auto; margin: 0 2%; background: linear-gradient(0deg, rgba(20,48,84,1) 0%, var(--color-primary) 100%); }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide img { height: 150px; }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide .content {  height: 200px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide-active .content {  height: 200px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide .content p { font-size: 13px; font-weight: 300; color: var(--color-bg); }
    .content-wrap .c05 .swiper .swiper-wrapper .swiper-slide-active .content p { font-size: 13px; }
    .content-wrap .c05 .swiper-button-box { top: 90px; }

    .content-wrap .c06 { display: flex; flex-wrap: wrap; padding: 35px 0; }
    .content-wrap .c06 > div { display: flex; gap: 24px; height: 60px; }
    .content-wrap .c06 > div:first-child::before { content: ""; display: block; width: 100%; height: 1px; background: var(--color-gray); position: absolute; bottom: 0; left: 0; }
    .content-wrap .c06 > div:nth-child(2)::before { content: ""; display: block; width: 100%; height: 1px; background: var(--color-gray); position: absolute; top: auto; bottom: 0; left: 0; }
    .content-wrap .c06 > div:nth-child(3) { padding-left: 0; }
    .content-wrap .c06 > div:nth-child(3)::before { display: none; }
    .content-wrap .c06 > div h3 { width: 105px; font-size: 15px; }
    .content-wrap .c06 > div p { font-size: 14px; }
    .content-wrap .c06 .notice .date { font-size: 12px; }
    .content-wrap .c06 .notice .more { font-size: 20px; font-weight: 900; color: var(--color-secondary); }
    .content-wrap .c06 .kakao { width: 100%; }
    .content-wrap .c06 .email { width: 100%; }
}

@media screen and (max-width: 579px) {
    .content-wrap .c06 .notice .date { display: none; }
}

@media screen and (max-width: 519px) {
    .content-wrap .tit-box h2 { text-align: center; }
    .content-wrap .tit-box h2 br { display: block; }
    .content-wrap .tit-box p { text-align: center; }
    .content-wrap .tit-box p br { display: block; }

    .content-wrap .c01 .tab-menu { flex-wrap: wrap; justify-content: center; }
    .content-wrap .c01 .content-box .content .txt-box .tag { flex-wrap: wrap; justify-content: center; height: auto; }
    .content-wrap .c01 .content-box .content .txt-box .tag p { justify-content: center; width: 100%; height: 40px; }

    .content-wrap .c03 .qna-box .img-box { display: none; }
    .content-wrap .c03 .qna-box .txt-box { width: 100%; }

    .content-wrap .c04 .swiper .swiper-wrapper .swiper-slide { width: calc((100% - (12px*2))/3); margin: 0 6px; }

    .content-wrap .c06 > div { flex-wrap: wrap; align-content: center; gap: 2px; height: 80px; }
    .content-wrap .c06 > div h3 { width: 100%; }

    .content-wrap .c06 > div h3 img { width: 20px; height: 20px; }
}