@keyframes bounce {from,to {transform: scale3d(1, 1, 1) translateY(0);} 50% {transform: scale3d(1.05, 1.05, 1.05) translateY(-4px);}}

.bounce {
    animation: bounce 1.5s infinite ease-in-out;
}
/* class_wrapper */
#class_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 16px;
    padding: 35px 16px;
}
#class_wrapper > li {
    flex: 1 45%;
    max-width: calc(50% - 8px);
}
#class_wrapper .class a {
    display: block;
}
#class_wrapper .class_img_wrapper {
    position: relative;
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden;
}
#class_wrapper .class_img_wrapper img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center center;
}
#class_wrapper .class_img_wrapper .tag {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: #0f0f0fcc;
    border: 1px solid var(--ktech-gray-800);
    color: var(--ktech-gray-fff);
    font-size: 12px;
    font-weight: var(--font-weight-medium);
    padding: 2px 6px;
    border-radius: 50px;
}
#class_wrapper .class_img_wrapper .tag.hide {display: none;}
#class_wrapper .class_title {
    width: 100%;
    color: var(--ktech-gray-950);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    margin-bottom: 6px;
}
#class_wrapper .class_date {
    color: var(--ktech-gray-600);
    font-size: 12px;
    font-weight: var(--font-weight-regular);
}
/* class_detail_wrapper */
#class_detail_wrapper {width: calc(100vw - (100vw - 100%));overflow-x: hidden;}
#class_detail_wrapper .img_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: 36px 16px;
    background-color: var(--ktech-gray-fff);
    box-sizing: border-box;
    position: relative;
}
#class_detail_wrapper .img_wrapper .tag,
#class_detail_wrapper .img_wrapper .title {position: relative;z-index: 1;}
#class_detail_wrapper .img_wrapper .tag {
    display: inline-block;
    color: var(--ktech-gray-fff);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    padding: 4px 12px;
    border-radius: 50px;
    box-sizing: border-box;

    background: linear-gradient(#002f7950 10%, #76A9FF50);
    box-shadow: -2px -2px 2px -2.5px #ffffffcc, 2px 2px 2px -2.5px #ffffffcc,-2px 2px 2px -3px #ffffff20, 2px -2px 2px -3px #ffffff20;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
#class_detail_wrapper .img_wrapper .title {
    color: var(--ktech-gray-fff);
    font-size: 32px;
    font-weight: var(--font-weight-extrabold);
    filter: drop-shadow(0 0 9px #21212130);
}
#class_detail_wrapper .img_wrapper .img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#class_detail_wrapper .img_wrapper .img::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--ktech-gray-950);
    opacity: 0.3;
    /* background: linear-gradient(90deg, var(--class-point-color) 10%, transparent); */
    position: absolute;
    top: 0;
    left: 0;
}
#class_detail_wrapper .img_wrapper .img > img {
    width: 100%;
    object-fit: cover;
    object-position: center center;
}
#class_detail_wrapper .intro .info {padding: 32px 16px;}
#class_detail_wrapper .intro .info .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
}
#class_detail_wrapper .intro .info .campus {
    color: var(--primary-60);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
}
#class_detail_wrapper .intro .info .share_btn > svg {
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center center;
}
#class_detail_wrapper .intro .info .title {
    color: var(--ktech-gray-950);
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    margin-bottom: 24px;
}
#class_detail_wrapper .intro .info .gray_box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background: var(--ktech-gray-100);
    border-radius: 8px;
    padding: 12px;
    box-sizing: border-box;
    margin-bottom: 24px;
}
#class_detail_wrapper .intro .info .gray_box > div {flex: 1;}
#class_detail_wrapper .intro .info .gray_box> div > div:first-child {
    color: var(--primary-90);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 6px;
}
#class_detail_wrapper .intro .info .gray_box .d_day {
    color: var(--primary-60);
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    display: flex;
    align-items: center;
    gap: 4px;
}
#class_detail_wrapper .intro .info .gray_box .d_day svg {
    width: 16px;
    height: 16px;
}
#class_detail_wrapper .info_table {margin-bottom: 24px;}
#class_detail_wrapper .info_table tr > * {padding-bottom: 9.5px;}
#class_detail_wrapper .info_table th {
    text-align: left;
    color: var(--ktech-gray-400);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    width: 66px;
}
#class_detail_wrapper .info_table td {
    color: var(--ktech-gray-600);
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    padding-left: 20px;
}
#class_detail_wrapper .info_table td .small {font-size: 14px;}
#class_detail_wrapper .info_table td .cancel {
    color: var(--ktech-gray-400);
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    text-decoration-line: line-through;
    margin-right: 4px;
}
#class_detail_wrapper .btn_wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 16px;
}
#class_detail_wrapper .btn_wrapper > a {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    border: 0.5px solid var(--primary-60);
    border-radius: 8px;
    padding: 10px;
    box-sizing: border-box;
}
#class_detail_wrapper .btn_wrapper #apply_btn {
    color: var(--ktech-gray-fff);
    background-color: var(--primary-60);
}
#class_detail_wrapper .btn_wrapper #chat_counsel_btn {
    color: var(--primary-60);
    background-color: #0066ff1f;
}
/* class_detail */
#class_detail {color: var(--ktech-gray-fff);text-align: center;background-color: var(--ktech-gray-950);}
#class_detail > div {padding: 80px 16px;}
#class_detail > div > .sub_title {color: var(--class-point-color);font-size: 14px;font-weight: var(--font-weight-bold);margin-bottom: 24px;}
#class_detail > div > .title {font-size: 32px;font-weight: var(--font-weight-bold);}
/* 개설승인안내 */
#class_detail .class_notice {padding: 32px 0;background-color: var(--ktech-gray-950);}
#class_detail .class_notice > div {color: var(--ktech-gray-100);font-size: 20px;font-weight: var(--font-weight-bold);margin-top: 16px;}

/*시흥캠퍼스 단독 운영*/
#class_detail .class_notice2 {padding: 32px 0 !important; background: linear-gradient(180deg, #3E4650 0%, #0F0F0F 100%); color: var(--ktech-gray-fff); text-shadow: 0 0 10px var(--class-point-color);}
#class_detail .class_notice2 > div {font-size: 24px; font-weight: var(--font-weight-semibold); margin-bottom: 8px;}

/* 인트로 */
#class_detail .section01 {padding-top: 64px;}
#class_detail .section01 .dot {display: inline-block;font-size: 0;width: 8px;height: 8px;border-radius: 50%;background-color: #ffffff80;margin: 40px 0;position: relative;}
#class_detail .section01 .dot::before {content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #ffffff;margin: 40px 0;position: absolute;left: 0;top: -24px;}
#class_detail .section01 .dot::after {content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #ffffff50;margin: 40px 0;position: absolute;left: 0;bottom: -24px;}
#class_detail .section01 .text01 {font-size: 16px;font-weight: var(--font-weight-regular);margin-bottom: 16px;}
#class_detail .section01 .text02 {font-size: 24px;font-weight: var(--font-weight-extrabold);}
#class_detail .section01 .text03 {font-size: 16px;font-weight: var(--font-weight-bold);margin-bottom: 16px;}
#class_detail .section01 .text04 {color: var(--ktech-gray-600);font-size: 14px;font-weight: var(--font-weight-regular);}
#curriculum_btn {display: flex;color: var(--ktech-gray-400);align-items: center;justify-content: center;gap: 8px;margin-top: 16px;}
#curriculum_btn svg {width: 16px;height: 16px;}
#curriculum_btn svg path {fill: var(--ktech-gray-400);}
/* 노란색 텍스트 칸 */
#class_detail .text_banner {padding: 48px 0;background: radial-gradient(var(--class-point-color), var(--class-point-color-dark));color: var(--ktech-gray-950);font-size: 24px;font-weight: var(--font-weight-bold);word-break: keep-all;}
/* 교육맛보기 */
#class_detail .section02 {background-color: var(--ktech-gray-900);}
#class_detail .section02 .title {margin-bottom: 24px;}
#class_detail .section02 .swiper-slide {display: block;}
#class_detail .section02 img {width: 100%;aspect-ratio: 328 / 185;object-fit: cover;object-position: center center;border-radius: 8px;overflow: hidden;}
#class_detail .section02 .swiper-pagination-bullet {width: 8px;height: 8px;background: unset;background-color: var(--class-point-color-dark);}
#class_detail .section02 .swiper-pagination-bullet-active {background: var(--class-point-color);}
#class_detail .section02 .swiper-button-next,
#class_detail .section02 .swiper-button-prev {background-color: #0F0F0Fbd;border-radius: 50%;width: 28px;height: 28px;box-sizing: border-box;background-size: 75% 75%;border: 1px solid #ffffff50;filter: brightness(2);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);}
/* 일반고 특화훈련이란 */
#class_detail .section03 {background-image: radial-gradient(circle farthest-side at 50% -100%, var(--class-point-color), var(--ktech-gray-950) 58%);background-repeat: no-repeat;}
#class_detail .section03 > img {margin-bottom: 24px;}
#class_detail .section03 > .title {margin-bottom: 16px;}
#class_detail .section03 > .title > .point {color: var(--class-point-color);}
#class_detail .section03 > .detail {color: var(--ktech-gray-500);font-size: 16px;font-weight: var(--font-weight-regular);margin-bottom: 48px;}
#class_detail .section03 ul li .tag {display: inline-block;color: var(--class-point-color-dark);font-size: 14px;font-weight: var(--font-weight-semibold);padding: 8px 18px;border-radius: 50px;border: 1px solid var(--class-point-color-dark);margin-bottom: 24px;}
#class_detail .section03 ul li .title {font-size: 22px;font-weight: var(--font-weight-semibold);margin-bottom: 8px;}
#class_detail .section03 ul li .detail {color: var(--ktech-gray-400);font-size: 16px;font-weight: var(--font-weight-regular);margin-bottom: 36px;}
#class_detail .section03 .section03_btn_inner .tag {display: inline-block;color: var(--ktech-gray-500);font-size: 12px;font-weight: var(--font-weight-semibold);padding: 4px 8px;background-color: var(--ktech-gray-800);border-radius: 4px;position: relative;}
#class_detail .section03 .section03_btn_inner .tag::after {content: '';position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 100%);border-bottom: 5px solid transparent;border-top: 5px solid var(--ktech-gray-800);border-left: 4px solid transparent;border-right: 4px solid transparent;box-sizing: border-box;}
#class_detail .section03 .section03_btn_inner .section03_btn {display: block;color: var(--ktech-gray-950);font-size: 16px;font-weight: var(--font-weight-semibold);padding: 16px;background-color: var(--class-point-color);border-radius: 8px;margin-top: 15px;}
/* 수강대상 */
#class_detail .section04 {padding: 80px 16px;background-color: var(--ktech-gray-900);overflow: hidden;}
#class_detail .section04 > .sub_title {color: var(--class-point-color);font-size: 14px;font-weight: var(--font-weight-bold);margin-bottom: 24px;}
#class_detail .section04 > .title {font-size: 32px;font-weight: var(--font-weight-bold);margin-bottom: 48px;}
#class_detail .section04 ul {display: flex;flex-wrap: nowrap;align-items: flex-start;}
#class_detail .section04 ul li {width: 242px;}
#class_detail .section04 ul li .img_inner {width: 100%;padding: 0 21px;margin-bottom: 16px;box-sizing: border-box;}
#class_detail .section04 ul li .detail {font-size: 18px;font-weight: var(--font-weight-medium);}
/* 진로·진학 */
#class_detail .section05 > .title {margin-bottom: 16px;}
#class_detail .section05 > .detail {color: var(--ktech-gray-400);font-size: 16px;font-weight: var(--font-weight-regular);margin-bottom: 48px;}
#class_detail .section05 .list_wrap {text-align: left;padding: 24px 16px;border-radius: 8px;background: linear-gradient(-45deg, var(--class-point-color-50) -30%, #4e566030 75%);margin-bottom: 16px;min-height: 280px;box-sizing: border-box;position: relative;overflow: hidden;}
#class_detail .section05 .list_wrap:last-child {margin-bottom: 0;}
#class_detail .section05 .list_wrap .title {color: var(--class-point-color);font-size: 22px;font-weight: var(--font-weight-bold);margin-bottom: 16px;}
#class_detail .section05 .list_wrap ul li {color: var(--ktech-gray-400);font-size: 16px;font-weight: var(--font-weight-regular);margin-bottom: 2px;padding-left: 23px;position: relative;}
#class_detail .section05 .list_wrap ul li:last-child {margin-bottom: 0;}
#class_detail .section05 .list_wrap ul li::before {content: '';width: 3px;height: 3px;background-color: var(--ktech-gray-400);border-radius: 50%;position: absolute;top: 0;left: 0;transform: translate(9px, 9px);}
#class_detail .section05 .list_wrap img {width: 70%;aspect-ratio: 1 / 1;object-fit: contain;object-position: center center;position: absolute;bottom: 0;right: 0;transform: translate(15%, 25%);opacity: 0.15;}
#class_detail .section05 .list_wrap img.folder {transform: translate(15%, 30%);}
/* 커리큘럼 */
#class_detail .section06 {background-color: var(--ktech-gray-900);}
#class_detail .section06 .details_wrapper {margin-top: 48px;}
#class_detail .section06 .details_wrapper > li {margin-bottom: 16px;}
#class_detail .section06 .details_wrapper > li:last-child {margin-bottom: 0;}
#class_detail .section06 .details_wrapper details {text-align: left;padding: 24px 16px;border-radius: 8px;background-color: var(--ktech-gray-800);box-shadow: 0 4px 4px 4px #0c0c0d0d;}
#class_detail .section06 .details_wrapper details:last-child {margin-bottom: 0;}
#class_detail .section06 .details_wrapper details summary {display: block;position: relative;}
#class_detail .section06 .details_wrapper details summary::before {content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 10px;height: 10px;background-image: url(/m2/assets/img/arrow_down_gray_icon.png);background-position: center center;background-repeat: no-repeat;background-size: contain;}
#class_detail .section06 .details_wrapper details.open summary::before {transform: rotateX(180deg) translateY(100%);}
#class_detail .section06 .details_wrapper .step {color: var(--class-point-color);font-size: 12px;font-weight: var(--font-weight-bold);margin-bottom: 8px;}
#class_detail .section06 .details_wrapper .title {color: var(--ktech-gray-100);font-size: 20px;font-weight: var(--font-weight-bold);}
#class_detail .section06 .details_wrapper details ul {padding: 16px 0 16px 8px;}
#class_detail .section06 .details_wrapper details li {color: var(--ktech-gray-400);font-size: 16px;font-weight: var(--font-weight-regular);padding-left: 15px;position: relative;margin-bottom: 2px;}
#class_detail .section06 .details_wrapper details li::before {content: '';width: 3px;height: 3px;border-radius: 50%;background-color: var(--ktech-gray-400);position: absolute;top: 10px;left: 0;}
#class_detail .section06 .details_wrapper .box {color: var(--ktech-gray-500);font-size: 14px;font-weight: var(--font-weight-regular);padding: 12px;background-color: #3e465040;border-radius: 8px;}
#class_detail .section06 .details_wrapper details .content {overflow: hidden;max-height: 0;transition: all 0.5s ease;border-top: 0px solid var(--ktech-gray-700);}
#class_detail .section06 .details_wrapper details.open .content {max-height: 250px;border-top: 1px solid var(--ktech-gray-700);margin-top: 16px;}
/* 한직교혜택 */
#class_detail .section07 {background-color: var(--ktech-gray-800);}
#class_detail .section07 .title {margin-bottom: 48px;}
#class_detail .section07 .wrapper {margin-bottom: 64px;}
#class_detail .section07 .wrapper .tag {display: inline-block;color: var(--class-point-color);font-size: 14px;font-weight: var(--font-weight-semibold);border-radius: 50px;background-color: var(--class-point-color-10);border: 1px solid var(--class-point-color-50);padding: 8px 16px;margin-bottom: 24px;}
#class_detail .section07 .wrapper img {display: block;width: 244px;aspect-ratio: 18 / 11;object-fit: contain;object-position: center center;margin: 0 auto 24px;}
#class_detail .section07 .wrapper .title {font-size: 22px;font-weight: var(--font-weight-semibold);margin-bottom: 8px;}
#class_detail .section07 .wrapper .title .point {color: var(--class-point-color);}
#class_detail .section07 .wrapper .info {color: var(--ktech-gray-400);font-size: 16px;font-weight: var(--font-weight-regular);}
/* 수강후기 */
#class_detail .section08 {background-color: var(--ktech-gray-fff);}
#class_detail .section08 > .sub_title {color: var(--class-point-color-dark);}
#class_detail .section08 > .title {color: var(--ktech-gray-950);margin-bottom: 48px;}
#class_detail .section08 #review_wrapper {width: 100%;display: flex;flex-wrap: nowrap;position: relative;overflow-x: hidden;box-sizing: border-box;}
#class_detail .section08 #review_wrapper .ticker {display: flex;flex-wrap: nowrap;padding-bottom: 30px;}
#class_detail .section08 #review_wrapper:hover .ticker {animation-play-state: paused;}
#class_detail .section08 #review_wrapper .review {width: 338.85px; height: 250px; background-color: #ffffff17;border-radius: 8px;border: 1px solid var(--ktech-gray-200);box-sizing: border-box;padding: 24px 16px;margin-left: 16px;box-shadow: 7.47px 7.47px 24.92px #0000000a;}
#class_detail .section08 #review_wrapper .review .title {display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;color: var(--ktech-gray-950);font-size: 16px;font-weight: var(--font-weight-bold);}
#class_detail .section08 #review_wrapper .review .stars {color: var(--primary-40);font-size: 14px;letter-spacing: 3px;}
#class_detail .section08 #review_wrapper .review .sub_title {text-align: left;color: var(--ktech-gray-400);font-size: 14px;font-weight: var(--font-weight-regular);margin-bottom: 16px;}
#class_detail .section08 #review_wrapper .review .review_text {text-align: left;color: var(--ktech-gray-500);font-size: 16px;font-weight: var(--font-weight-regular);line-height: 1.6; text-align:left; text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
/* 지원절차 */
#class_detail .section09 {background-color: var(--ktech-gray-100);color: var(--ktech-gray-950);}
#class_detail .section09 > .sub_title {color: var(--class-point-color-dark);}
#class_detail .section09 > .title {margin-bottom: 48px;}
#class_detail .section09 .details_wrapper {text-align: left;margin-bottom: 48px;}
#class_detail .section09 .details_wrapper li {display: flex;flex-wrap: nowrap;gap: 16px;margin: 0 auto 16px;max-width: 400px;}
#class_detail .section09 .details_wrapper li.arrow {justify-content: center;}
#class_detail .section09 .details_wrapper li:last-child {margin-bottom: 0;}
#class_detail .section09 .details_wrapper img {width: 100px;aspect-ratio: 1 / 1;object-fit: contain;object-position: center center;}
#class_detail .section09 .details_wrapper .text_wrap {text-align: left;}
#class_detail .section09 .details_wrapper .text_wrap .title {font-size: 20px;font-weight: var(--font-weight-semibold);margin-bottom: 8px;}
#class_detail .section09 .details_wrapper .text_wrap .detail {color: var(--ktech-gray-500);font-size: 16px;font-weight: var(--font-weight-regular);word-break: keep-all;}
#class_detail .section09 .doc_download_btn {display: block;color: var(--ktech-gray-950);font-size: 16px;font-weight: var(--font-weight-semibold);padding: 20px;background-color: var(--class-point-color);border-radius: 8px;}
#class_detail .section09 .doc_download_btn > svg {margin-left: 10px;}
/* 커리큘럼-숫자로 확인 */
#class_detail .section10 {background-color: var(--ktech-gray-800);}
#class_detail .section10 > .title {margin-bottom: 48px;}
#class_detail .section10 .wrap {margin-bottom: 48px;}
#class_detail .section10 .wrap:last-child {margin-bottom: 0;}
#class_detail .section10 .wrap .big {font-size: 72px;font-weight: var(--font-weight-bold);margin-bottom: 24px;background: linear-gradient(var(--ktech-gray-fff) 48%, var(--class-point-color-light));color: transparent;-webkit-background-clip: text;animation: bg-blink 1s ease-out infinite;}
#class_detail .section10 .wrap .big > span {font-size: 32px;}
#class_detail .section10 .wrap .title {color: var(--ktech-gray-100);font-size: 22px;font-weight: var(--font-weight-semibold);margin-bottom: 8px;}
#class_detail .section10 .wrap .info {color: var(--ktech-gray-500);font-size: 14px;font-weight: var(--font-weight-regular);}

/* 신청문의 */
#class_detail .counsel_section {border-bottom: 1px solid var(--ktech-gray-700);}
#class_detail .counsel_section .title {color: var(--class-point-color);margin-bottom: 48px;}
#class_detail .counsel_section form {text-align: left;}
#class_detail .counsel_section form ul li {margin-bottom: 16px;}
#class_detail .counsel_section form ul li label {display: block;color: #f2f2f2;font-size: 16px;font-weight: var(--font-weight-semibold);margin-bottom: 12px;}
#class_detail .counsel_section form ul li input {width: 100%;color: var(--ktech-gray-fff);font-size: 14px;font-weight: var(--font-weight-regular);background-color: #bbbbbb10;border-radius: 4px;border: 1px solid #bbbbbb20;padding: 16px 10px;box-sizing: border-box;}
#class_detail .counsel_section form ul li input:focus {outline: 1.5px solid var(--class-point-color);}
#class_detail .counsel_section form ul li .phone_number_wrapper {color: var(--ktech-gray-fff);display: flex;flex-wrap: nowrap;gap: 8px;align-items: center;font-size: 24px;}
#class_detail .counsel_section form .campus_select_area {display: none;}
#class_detail .counsel_section form .agree {margin-bottom: 24px;display: flex;align-items: center;}
#class_detail .counsel_section form .agree input[type=checkbox] + .check_icon {display: inline-flex;margin-right: 6px;width: 18px;height: 18px;background-color: #bbbbbb;border-radius: 4px;align-items: center;padding: 4.5px;box-sizing: border-box;}
#class_detail .counsel_section form .agree input[type=checkbox]:checked + .check_icon {background-color: var(--class-point-color);}
#class_detail .counsel_section form .agree input[type=checkbox]:checked + .check_icon svg path {stroke: var(--ktech-gray-950);}
#class_detail .counsel_section form .agree label {color: #bbbbbb;font-size: 14px;font-weight: var(--font-weight-regular);cursor: pointer;}
#class_detail .counsel_section form .agree .policy_agree_detail_btn {display: inline-block;text-decoration: underline;}
#class_detail .counsel_section form a.btn {display: block;text-align: center;color: #000000;font-size: 16px;font-weight: var(--font-weight-semibold);padding: 12px 24px;background-color: var(--class-point-color);border-radius: 8px;}

/* graph */
#infographic .graph {height: 275px;margin-bottom: 16px;gap: 8px;}
#infographic .graph .arrow {display: none;}
#infographic .number {font-size: 16px;font-weight: var(--font-weight-medium);}
#infographic .date {color: var(--ktech-gray-100);font-size: 16px;font-weight: var(--font-weight-regular);}
#infographic .percent {font-size: 24px;font-weight: var(--font-weight-extrabold);color: transparent;filter: drop-shadow(0 0 8px var(--class-point-color));background: linear-gradient(var(--ktech-gray-fff) 48%, var(--class-point-color));-webkit-background-clip: text;}
/* bar */
#infographic.bar .graph {display: flex;flex-wrap: nowrap;justify-content: center;align-items: flex-end;position: relative;}
#infographic.bar .graph .arrow.bar {display: block;}
#infographic.bar .graph .arrow {position: absolute;top: 10%;left: 50%;width: 120px;height: 120px;transform: translate(-100%, 0);}
#infographic.bar .graph .arrow stop {stop-color: var(--class-point-color);}
#infographic.bar .graph .arrow path {fill: url('#arrow_gradiant_bar');}
#infographic.bar .number {display: inline-flex;padding: 8px 16px;margin: 0 8px;align-items: center;}
#infographic.bar .left .number {height: 100px;background-color: var(--ktech-gray-900);color: var(--ktech-gray-500);}
#infographic.bar .right .number {height: 150px;background-color: var(--class-point-color);background-image: linear-gradient(var(--class-point-color), var(--ktech-gray-950));color: var(--class-point-color-light);}
#infographic.bar .date {padding-top: 8px;position: relative;}
#infographic.bar .date::before {content: '';width: 150%;height: 4px;position: absolute;top: 0;left: 50%;background-color: var(--ktech-gray-700);transform: translateX(-50%);}
#infographic.bar .percent {margin-bottom: 4px; margin-left: 3px;}
/* line */
#infographic.line .graph {display: flex;flex-wrap: nowrap;justify-content: center;align-items: flex-end;position: relative;}
#infographic.line .number {width: 100px;}
#infographic.line .left {text-align: left;}
#infographic.line .left .number {transform: translateX(-30%);height: 140px;color: var(--ktech-gray-500);}
#infographic.line .right {text-align: right;}
#infographic.line .right .number {transform: translateX(30%);height: 230px;}
#infographic.line .date {padding-top: 8px;position: relative;}
#infographic.line .date::before {content: '';width: 150%;height: 4px;position: absolute;top: 0;left: 50%;background-color: var(--ktech-gray-700);transform: translateX(-50%);}
#infographic.line .arrow.line {display: block;width: 100px;height: 100px;position: absolute;top: 50%;left: 50%;transform: translate(30%, -50%);}
#infographic.line .arrow.line svg {width: 50px;}
#infographic.line .arrow.line svg linearGradient stop {stop-color: var(--class-point-color);}
#infographic.line .arrow.line svg polygon {fill: url('#arrow_gradiant_line');}
#infographic.line .percent {position: absolute;bottom: 20%;left: 50%;z-index: 2;transform: translateX(20%);}
#infographic.line .graph_line svg {width: 200px;position: absolute;top: 0;left: 50%;transform: translate(-50%, 45%);}
#infographic.line .graph_line svg linearGradient stop {stop-color: var(--class-point-color);}
#infographic.line .graph_line svg polyline {fill: none;stroke: url('#graph_line');stroke-width: 5px;stroke-miterlimit: 10;}
/* circle */
#infographic.circle .graph {display: flex;flex-wrap: nowrap;justify-content: center;align-items: flex-end;position: relative;}
#infographic.circle .number {display: inline-flex;padding: 8px;margin: 0 8px;align-items: center;justify-content: center;border-radius: 50%;aspect-ratio: 1 / 1;}
#infographic.circle .left,
#infographic.circle .right {width: 150px;}
#infographic.circle .left .number {width: 120px;background-image: linear-gradient(var(--ktech-gray-900), var(--ktech-gray-950));color: var(--ktech-gray-500);position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-110%, -50%);border: 4px solid var(--ktech-gray-950);box-sizing: border-box;}
#infographic.circle .right .number {width: 150px;background-image: linear-gradient(var(--class-point-color), var(--class-point-color-dark));color: var(--class-point-color-light);transform: translateX(-25%);margin-bottom: 35px;}
#infographic.circle .percent {transform: translateX(-28px);margin-bottom: 12px;}
#infographic.circle .right .date {transform: translateX(-28px);}

/* support ***************************/
#support_wrapper {overflow-x: hidden;}
#support_wrapper > div {padding: 80px 16px;}
#support_wrapper div > .title {text-align: center;font-size: 32px;font-weight: var(--font-weight-bold);}
#support_wrapper div > .sub_title {text-align: center;color: var(--primary-60);font-size: 14px;font-weight: var(--font-weight-bold);margin-bottom: 16px;}
/* section01 */
#support_wrapper .section01 {color: var(--ktech-gray-fff);background: linear-gradient(var(--primary-60) 40%, var(--primary-40));text-align: center;}
#support_wrapper .section01 .title {margin-bottom: 34px;}
#support_wrapper .section01 > .video {margin-bottom: 40px;}
#support_wrapper .section01 > .video > img {width: 248px;object-fit: contain;object-position: center;}
#support_wrapper .section01 > .video > video {width: 248px;aspect-ratio: 1 / 1;}
#support_wrapper .section01 .detail {font-size: 24px;font-weight: var(--font-weight-bold);}
#support_wrapper .section01 .dot {display: inline-block;font-size: 0;width: 7px;height: 7px;border-radius: 50%;background-color: #ffffff80;position: relative;margin-bottom: 48px;}
#support_wrapper .section01 .dot::before {content: '';width: 7px;height: 7px;border-radius: 50%;background-color: #ffffff50;position: absolute;left: 0;top: -16px;}
#support_wrapper .section01 .dot::after {content: '';width: 7px;height: 7px;border-radius: 50%;background-color: #ffffff;position: absolute;left: 0;bottom: -16px;}
/* section02 */
#support_wrapper .section02 {background-color: var(--primary-90);}
#support_wrapper .section02 > .title {margin-bottom: 48px;color: var(--ktech-gray-fff);}
#support_wrapper .section02 .class_list {display: flex;flex-direction: column;gap: 24px;}
#support_wrapper .section02 .class_list .class > img {width: 100%; height: 200px; object-fit: cover;object-position: center;border-radius: 8px;overflow: hidden;margin-bottom: 16px;}
#support_wrapper .section02 .class_list .class > .title {color: var(--ktech-gray-fff);font-size: 22px;font-weight: var(--font-weight-semibold);margin-bottom: 8px;}
#support_wrapper .section02 .class_list .class .detail_btn {display: flex;flex-wrap: nowrap;gap: 4px;justify-content: end;color: var(--ktech-gray-400);}
#support_wrapper .section02 .class_list .class .detail_btn > svg {width: 24px;height: 24px;}
/* section03 */
#support_wrapper .section03 > .title {margin-bottom: 48px;}
#support_wrapper .section03 .review_list {display: flex;flex-wrap: nowrap;justify-content: space-between;width: 100%;box-sizing: border-box;}
#support_wrapper .section03 .review_list .review {width: 242px !important;flex-shrink: 0;}
#support_wrapper .section03 .review_list .review > img {width: 156px;aspect-ratio: 1 / 1;object-fit: contain;object-position: center;border-radius: 50%;overflow: hidden;margin-bottom: 16px;}
#support_wrapper .section03 .review_list .review > .title {font-size: 24px;font-weight: var(--font-weight-bold);margin-bottom: 16px;}
#support_wrapper .section03 .review_list .review .detail {color: var(--ktech-gray-600);margin-bottom: 16px;}
#support_wrapper .section03 .review_list .review .info {color: var(--ktech-gray-400);font-size: 14px;text-align: right;}
/* section04 */
#support_wrapper .section04 {background-color: var(--ktech-gray-100);text-align: center;}
#support_wrapper .section04 > .title {margin-bottom: 16px;}
#support_wrapper .section04 > .title .point {color: var(--primary-70);}
#support_wrapper .section04 > .detail {color: var(--ktech-gray-500);margin-bottom: 48px;}
#support_wrapper .section04 .info_list .info {background-color: var(--primary-10);border-radius: 8px;margin-bottom: 20px;padding: 32px 24px;box-sizing: border-box;}
#support_wrapper .section04 .info_list .info:last-child {margin-bottom: 0;position: relative;}
#support_wrapper .section04 .info_list .title {color: var(--primary-70);font-size: 22px;font-weight: var(--font-weight-semibold);margin-bottom: 8px;}
#support_wrapper .section04 .info_list .detail {color: var(--ktech-gray-600);}
#support_wrapper .section04 .info_list .info:last-child::before {content: '+';width: 40px;height: 40px;background-color: var(--primary-60);border-radius: 50%;position: absolute;top: 0;left: 50%;transform: translate(-50%, -80%);color: var(--ktech-gray-fff);font-size: 32px;font-weight: 300;display: flex;align-items: center;justify-content: center;box-sizing: border-box;padding-bottom: 1px;}
/* section05 */
#support_wrapper .section05 {text-align: center;}
#support_wrapper .section05 > .title {margin-bottom: 48px;}
#support_wrapper .section05 .wrapper {display: flex;flex-direction: column;align-items: center;margin-bottom: 68px;}
#support_wrapper .section05 .wrapper:last-child {margin-bottom: 0;}
#support_wrapper .section05 .wrapper .tag {display: inline-block;color: var(--primary-60);font-size: 14px;font-weight: var(--font-weight-semibold);padding: 8px 16px;background-color: var(--primary-10);border-radius: 50px;border: 1px solid var(--primary-20);margin-bottom: 24px;}
#support_wrapper .section05 .wrapper > img {width: 244px;object-fit: contain;object-position: center;margin-bottom: 24px;}
#support_wrapper .section05 .wrapper > .title {font-size: 22px;font-weight: var(--font-weight-semibold);margin-bottom: 16px;}
#support_wrapper .section05 .wrapper .favor_swiper {width: 100%;}
#support_wrapper .section05 .wrapper .info_list li {display: inline-block;position: relative;color: var(--ktech-gray-600);padding-left: 16px;word-break: keep-all;}
#support_wrapper .section05 .wrapper .info_list li::before {content: '';width: 3px;height: 3px;background-color: var(--ktech-gray-600);position: absolute;top: 9px;left: 0;border-radius: 50%;}
#support_wrapper .section05 .wrapper .info_list_scroll {display: flex;flex-wrap: nowrap;justify-content: space-between;width: 100%;}
#support_wrapper .section05 .wrapper .info_list_scroll li {text-align: left;flex-shrink: 0;width: 242px;height: 164px;border-radius: 8px;padding: 24px;background-color: var(--primary-10);box-sizing: border-box;}
#support_wrapper .section05 .wrapper .info_list_scroll li > .title {color: var(--primary-60);font-size: 22px;font-weight: var(--font-weight-bold);margin-bottom: 8px;}
#support_wrapper .section05 .wrapper .info_list_scroll li > .detail {color: var(--ktech-gray-500);word-break: keep-all;}
/* section06 */
#support_wrapper .section06 {text-align: center;padding: 48px 16px;background: radial-gradient(var(--primary-60), var(--primary-70));}
#support_wrapper .section06 > .title {color: var(--ktech-gray-fff);margin-bottom: 16px;}
#support_wrapper .section06 > .detail {color: var(--ktech-gray-200);}
/* section07 */
#support_wrapper .section07 {background-color: var(--primary-90);color: var(--ktech-gray-fff);text-align: center;}
#support_wrapper .section07 .favor_list li {display: flex;flex-direction: column;align-items: center;margin-bottom: 64px;}
#support_wrapper .section07 .favor_list li:last-child {margin-bottom: 0;}
#support_wrapper .section07 .favor_list li .tag {display: inline-block;font-size: 14px;font-weight: var(--font-weight-semibold);padding: 8px 16px;border-radius: 50px;background-color: var(--primary-60);margin-bottom: 16px;}
#support_wrapper .section07 .favor_list li img {width: 244px;object-fit: contain;object-position: center;margin-bottom: 16px;}
#support_wrapper .section07 .favor_list li .title {font-size: 22px;font-weight: var(--font-weight-semibold);margin-bottom: 8px;}
#support_wrapper .section07 .favor_list li .detail {color: var(--ktech-gray-400);}
/* section08 */
#support_wrapper .section08 {background-color: var(--ktech-gray-950);color: var(--ktech-gray-fff);text-align: center;}
#support_wrapper .section08 > .title {margin-bottom: 48px;}
#support_wrapper .section08 .graph_wrapper {height: 345px;margin-bottom: 48px;display: flex;flex-wrap: nowrap;gap: 32px;justify-content: center;align-items: flex-end;}
#support_wrapper .section08 .graph_wrapper .left {transform: translateY(-21px);}
#support_wrapper .section08 .graph_wrapper .percent {font-size: 24px;font-weight: var(--font-weight-bold);margin-bottom: 4px;}
#support_wrapper .section08 .graph_wrapper .left .percent {color: #878787;}
#support_wrapper .section08 .graph_wrapper .right .percent {color: var(--primary-10);filter: drop-shadow(0 0 8px var(--primary-60));}
#support_wrapper .section08 .graph_wrapper .bar {width: 80px;margin: 0 auto;margin-bottom: 16px;}
#support_wrapper .section08 .graph_wrapper .left .bar {height: 120px;background-color: var(--ktech-gray-900);}
#support_wrapper .section08 .graph_wrapper .right .bar {height: 220px;background: linear-gradient(var(--primary-60), transparent 97%);}
#support_wrapper .section08 .graph_wrapper .name {color: var(--ktech-gray-100);}
#support_wrapper .section08 .graph_wrapper .info {color: #4e4e4e;font-size: 14px;}
#support_wrapper .section08 .dot {display: inline-block;font-size: 0;width: 7px;height: 7px;border-radius: 50%;background-color: #ffffff80;position: relative;margin-bottom: 48px;}
#support_wrapper .section08 .dot::before {content: '';width: 7px;height: 7px;border-radius: 50%;background-color: #ffffff50;position: absolute;left: 0;top: -16px;}
#support_wrapper .section08 .dot::after {content: '';width: 7px;height: 7px;border-radius: 50%;background-color: #ffffff;position: absolute;left: 0;bottom: -16px;}
#support_wrapper .section08 .title2 {font-size: 32px;font-weight: var(--font-weight-bold);margin-bottom: 16px;filter: drop-shadow(0 0 8px var(--primary-60));}
#support_wrapper .section08 .sub_title2 {color: var(--ktech-gray-500);font-size: 24px;font-weight: var(--font-weight-semibold);margin-bottom: 16px;}
#support_wrapper .section08 .detail {color: var(--ktech-gray-500);}
/* section09 */
#support_wrapper .section09 {background-color: var(--ktech-gray-100);}
#support_wrapper .section09 > .title {margin-bottom: 48px;}
#support_wrapper .section09 .info_list {display: flex;flex-direction: column;gap: 16px;}
#support_wrapper .section09 .info_list > li {background-color: var(--ktech-gray-fff);border-radius: 8px;padding: 24px 16px;box-sizing: border-box;}
#support_wrapper .section09 .info_list > li > .title {color: var(--primary-60);font-weight: var(--font-weight-bold);margin-bottom: 16px;}
#support_wrapper .section09 .info_list > li > ul {margin-bottom: 8px;}
#support_wrapper .section09 .info_list > li > ul > li {font-weight: var(--font-weight-semibold);padding-left: 20px;box-sizing: border-box;position: relative;}
#support_wrapper .section09 .info_list > li > ul > li::before {content: '';width: 3px;height: 3px;background-color: var(--ktech-gray-950);border-radius: 50%;position: absolute;top: 9px;left: 8px;}
#support_wrapper .section09 .info_list .gray {color: var(--ktech-gray-500);margin-bottom: 8px;}
#support_wrapper .section09 .info_list .gray.mb24 {margin-bottom: 24px;}
#support_wrapper .section09 .info_list .black {color: var(--ktech-gray-950);font-weight: var(--font-weight-semibold);margin-bottom: 8px;}
#support_wrapper .section09 .info_list .black:last-child {margin-bottom: 0;}
#support_wrapper .section09 .info_list .download_btn {color: var(--ktech-gray-fff);font-weight: var(--font-weight-semibold);background-color: var(--primary-60);padding: 20px;border-radius: 8px;display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 16px;}
#support_wrapper .section09 .info_list .download_btn > svg {width: 16px;height: 16px;}
#support_wrapper .section09 .info_list .download_btn > svg path {fill: var(--ktech-gray-fff);}
/* section10 */
#support_wrapper .section10 {background-color: var(--ktech-gray-900);text-align: center;}
#support_wrapper .section10 > .title {margin-bottom: 16px;color: var(--ktech-gray-fff);}
#support_wrapper .section10 .detail {color: var(--ktech-gray-400);margin-bottom: 48px;}
#support_wrapper .section10 .btn {display: flex;align-items: center;justify-content: center;gap: 10px;font-size: 24px;font-weight: var(--font-weight-semibold);padding: 14px;border-radius: 8px;box-sizing: border-box;}
#support_wrapper .section10 .call_btn {color: var(--primary-80);background-color: var(--primary-40);margin-bottom: 16px;}
#support_wrapper .section10 .kakao_btn {color: var(--primary-40);background-color: var(--ktech-gray-700);}
#support_wrapper .section10 .call_btn > svg {width: 22px;}
#support_wrapper .section10 .kakao_btn > svg {width: 26px;}
/* 신청문의 */
#support_wrapper .counsel_section {border-bottom: 1px solid var(--ktech-gray-700);background-color: var(--ktech-gray-950);}
#support_wrapper .counsel_section .title {color: var(--primary-60);margin-bottom: 48px;}
#support_wrapper .counsel_section form {text-align: left;}
#support_wrapper .counsel_section form ul li {margin-bottom: 16px;}
#support_wrapper .counsel_section form ul li label {display: block;color: #f2f2f2;font-size: 16px;font-weight: var(--font-weight-semibold);margin-bottom: 12px;}
#support_wrapper .counsel_section form ul li input {width: 100%;color: var(--ktech-gray-fff);font-size: 14px;font-weight: var(--font-weight-regular);background-color: #bbbbbb10;border-radius: 4px;border: 1px solid #bbbbbb20;padding: 16px 10px;box-sizing: border-box;}
#support_wrapper .counsel_section form ul li input:focus {outline: 1.5px solid var(--primary-60);}
#support_wrapper .counsel_section form ul li .phone_number_wrapper {color: var(--ktech-gray-fff);display: flex;flex-wrap: nowrap;gap: 8px;align-items: center;font-size: 24px;}
#support_wrapper .counsel_section form .campus_select_area {display: none;}
#support_wrapper .counsel_section form .agree {margin-bottom: 24px;display: flex;align-items: center;}
#support_wrapper .counsel_section form .agree input[type=checkbox] + .check_icon {display: inline-flex;margin-right: 6px;width: 18px;height: 18px;background-color: #bbbbbb;border-radius: 4px;align-items: center;padding: 4.5px;box-sizing: border-box;}
#support_wrapper .counsel_section form .agree input[type=checkbox]:checked + .check_icon {background-color: var(--primary-60);}
#support_wrapper .counsel_section form .agree input[type=checkbox]:checked + .check_icon svg path {stroke: var(--ktech-gray-950);}
#support_wrapper .counsel_section form .agree label {color: #bbbbbb;font-size: 14px;font-weight: var(--font-weight-regular);cursor: pointer;}
#support_wrapper .counsel_section form .agree .policy_agree_detail_btn {display: inline-block;text-decoration: underline;}
#support_wrapper .counsel_section form a.btn {display: block;text-align: center;color: var(--ktech-gray-fff);font-size: 16px;font-weight: var(--font-weight-semibold);padding: 12px 24px;background-color: var(--primary-60);border-radius: 8px;}