/* address */
#address_wrapper {padding: 0 16px 64px;color: var(--ktech-gray-700);font-size: 16px;font-weight: var(--font-weight-regular);}
#address_wrapper > .title {text-align: center;color: var(--ktech-gray-950);font-size: 32px;font-weight: var(--font-weight-bold);margin: 32px 0;}
#address_wrapper .select_wrapper {position: relative;margin-bottom: 32px;}
#address_wrapper .select_wrapper > .select_btn {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    color: var(--primary-60);
    font-size: 12px;
    border-bottom: 1px solid var(--primary-40);
    transform: translateY(-50%);
    pointer-events: none;
}
#address_wrapper .select_wrapper > select {
    display: block;
    width: 100%;
    color: var(--ktech-gray-800);
    font-weight: var(--font-weight-semibold);
    padding: 16px 8px;
    border: 0;
    border-bottom: 0.5px solid var(--ktech-gray-300);
    outline: 0;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#address_wrapper #daum_map {width: 100%;height: 210px;margin-bottom: 32px;}
#address_wrapper .link_wrapper {display: flex;align-items: center;justify-content: center;gap: 16px;margin-bottom: 32px;}
#address_wrapper .link_wrapper > a {font-weight: var(--font-weight-medium);padding: 16px 48px;border-radius: 8px;border: 1px solid var(--ktech-gray-300);}
#address_wrapper .link_wrapper > a.show_edu_btn {color: var(--ktech-gray-fff);background-color: var(--primary-90);border-color: var(--primary-90);}
#address_wrapper .campus_img_swiper > .swiper-wrapper {display: flex;position: relative;}
#address_wrapper .campus_img_swiper .swiper-slide {border-radius: 8px;overflow: hidden;}
#address_wrapper .campus_img_swiper .swiper-slide img {width: 100%;aspect-ratio: 8 / 5;object-fit: cover;object-position: center center;}
#address_wrapper .campus_img_swiper .tag {color: var(--ktech-gray-fff);background-color: #0f0f0faa;padding: 4px 8px;border-radius: 50px;position: absolute;left: 16px;bottom: 16px;}
#address_wrapper .campus_swiper_wrapper {position: relative;padding-bottom: 32px;margin-bottom: 32px;}
#address_wrapper .campus_swiper_wrapper .custom-fraction {color: var(--ktech-gray-fff);font-weight: var(--font-weight-bold);position: absolute;bottom: 48px;right: 0;z-index: 5;text-align: right;padding-right: 16px;box-sizing: border-box;}
#address_wrapper .campus_swiper_wrapper .swiper-button-next,
#address_wrapper .campus_swiper_wrapper .swiper-button-prev {transform: translateY(25%);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);}
#address_wrapper .detail_info {display: flex;flex-direction:column;gap: 16px;}
#address_wrapper .detail_info > li {padding: 24px 16px;border-radius: 8px;border: 1px solid var(--ktech-gray-200);}
#address_wrapper .detail_info > li > .title {display: flex;align-items: center;gap: 4px;color: var(--ktech-gray-900);font-size: 24px;font-weight: var(--font-weight-semibold);margin-bottom: 16px;}
#address_wrapper .detail_info .copy_btn {display: inline-block;color: var(--primary-60);padding: 4px 8px;border: 1px solid var(--primary-60);margin-top: 16px;}
#address_wrapper .detail_info .call_num_list {display: flex;flex-direction: column;gap: 10px;}
#address_wrapper .detail_info .call_num_list > li {display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;gap: 16px;}
#address_wrapper .detail_info .call_num_list > li .number {font-weight: var(--font-weight-semibold);}
#address_wrapper .detail_info .guide_list {display: flex;flex-direction: column;gap: 24px;}
#address_wrapper .detail_info .guide_list .title {display: flex;align-items: center;gap: 4px;font-weight: var(--font-weight-semibold);margin-bottom: 8px;}

/* people */
#people_wrapper .section01 {padding: 32px 16px 54px;text-align: center;}
#people_wrapper .section01 > .title {font-size: 32px;font-weight: var(--font-weight-bold);margin-bottom: 8px;}
#people_wrapper .section01 > .sub_title {color: var(--ktech-gray-700);font-size: 16px;margin-bottom: 64px;}
#people_wrapper .section01 .member_wrapper {display: flex;flex-wrap: wrap;gap: 32px 16px;align-items: flex-start;justify-content: center;}
#people_wrapper .section01 .member_wrapper .member {width: 156px;}
#people_wrapper .section01 .member_wrapper .member img {width: 100%;aspect-ratio: 1 / 1;object-fit: cover;object-position: center;margin-bottom: 8px;border-radius: 50%;overflow: hidden;}
#people_wrapper .section01 .member_wrapper .member .name {font-size: 16px;font-weight: bold;margin-bottom: 4px;}
#people_wrapper .section01 .member_wrapper .member .position {color: var(--ktech-gray-600);}
#people_wrapper .member_popup {width: 100%;height: 100vh;background-color: #0F0F0F90;position: fixed;top: 0;left: 0;z-index: 10;padding: 16px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
#people_wrapper .member_popup.hide {display: none;}
#people_wrapper .member_popup .detail_wrapper {width: 100%;max-width: 330px;height: 80vh;max-height: 780px;background-color: var(--ktech-gray-fff);padding: 16px;border-radius: 8px;box-sizing: border-box;text-align: center;display: flex;flex-direction: column;}
#people_wrapper .member_popup .detail_wrapper .member_popup_close_btn {text-align: right;margin-bottom: 16px;}
#people_wrapper .member_popup .detail_wrapper .member_popup_close_btn svg {width: 24px;height: 24px;}
/* #people_wrapper .member_popup .detail_wrapper .member_popup_close_btn,
#people_wrapper .member_popup .basic_info {flex-shrink: 0;} */
#people_wrapper .member_popup .detail_wrapper .info_scroll {overflow-y: scroll;}
#people_wrapper .member_popup .detail_wrapper .info_scroll::-webkit-scrollbar {width: 8px;}
#people_wrapper .member_popup .detail_wrapper .info_scroll::-webkit-scrollbar-thumb {background: var(--ktech-gray-300);border-radius: 8px;}
#people_wrapper .member_popup .detail_wrapper .info_scroll::-webkit-scrollbar-track {background: transparent;border-radius: 8px;}
#people_wrapper .member_popup .basic_info img {width: 100%;max-width: 200px;aspect-ratio: 1 / 1;object-fit: contain;object-position: center;margin: 0 auto 24px;}
#people_wrapper .member_popup .basic_info .title {display: flex;flex-wrap: wrap;gap: 4px;justify-content: center;align-items: baseline;margin-bottom: 24px;}
#people_wrapper .member_popup .basic_info .name {font-size: 22px;font-weight: var(--font-weight-bold);}
#people_wrapper .member_popup .basic_info .position {color: var(--ktech-gray-700);}
#people_wrapper .member_popup .detail_info {flex: 1;text-align: left;}
#people_wrapper .member_popup .detail_info .title {color: var(--ktech-gray-400);font-weight: var(--font-weight-bold);margin-bottom: 8px;}
#people_wrapper .member_popup .detail_info .detail {color: var(--ktech-gray-800);}
#people_wrapper .member_popup .detail_info > li {margin-bottom: 16px;}
#people_wrapper .member_popup .detail_info > li:last-child {margin-bottom: 0;}

/* outcomes */
#outcomes_wrapper {color: var(--ktech-gray-700);font-weight: var(--font-weight-regular);font-size: 16px;}
#outcomes_wrapper > div {padding: 64px 16px;}
#outcomes_wrapper .section01 {padding-top: 32px;}
#outcomes_wrapper .section01 .title {text-align: center;color: var(--ktech-gray-950);font-size: 32px;font-weight: var(--font-weight-bold);margin-bottom: 40px;}
#outcomes_wrapper .section01 .video_wrapper {width: 100%;overflow: hidden;margin-bottom: 40px;}
#outcomes_wrapper .section01 .video_wrapper video {width: 100%;aspect-ratio: 3 / 2;object-fit: cover;object-position: center center;}
#outcomes_wrapper .section01 .text {text-align: center;}

#outcomes_wrapper .section02 {overflow: hidden;background: var(--primary-10); padding-bottom:128px; position: relative;}

#outcomes_wrapper .section02::after {
    content: "";
    width: 100%;
    height: 500px;
    position: absolute;
    background: url(/m2/assets/img/outcomes/outcomes_prime02.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    transform: translate(8%, 32%);
    opacity: .3;
    z-index: 1;
}
#outcomes_wrapper .section02 .title {text-align: left; color: var(--primary-90);font-size: 32px;font-weight: var(--font-weight-bold);margin-bottom: 40px;}
#outcomes_wrapper .section02 .detail {color: var(--ktech-gray-500);}


#outcomes_wrapper .section03 {background: var(--primary-100); color: var(--ktech-gray-fff); overflow: hidden;}
#outcomes_wrapper .section03 ul {display: flex; flex-wrap: nowrap; align-items: flex-start;}
#outcomes_wrapper .section03 ul li {width: 242px; height: 420px; display: flex; flex-direction: column; gap: 16px;}
#outcomes_wrapper .section03 ul li p {color: var(--primary-40); font-size: 24px; font-weight: var(--font-weight-bold);}
#outcomes_wrapper .section03 ul li img {width: -webkit-fill-available; border-radius: 8px;}

#outcomes_wrapper .section03 ul li .detail h3 {font-size: 24px; font-weight: var(--font-weight-semibold); margin-bottom: 8px;}
#outcomes_wrapper .section03 ul li .detail p {font-size: 16px; color: var(--ktech-gray-500); font-weight: var(--font-weight-regular);}

#outcomes_wrapper .section03 ul li:nth-child(even) {justify-content: flex-end;}


#outcomes_wrapper .section04 .title{text-align: left; font-size: 32px; color: var(--ktech-gray-950); font-weight: var(--font-weight-bold); margin-bottom: 48px;}
#outcomes_wrapper .section04 .title span {color: var(--primary-60);}

#outcomes_wrapper .section04 .year-tabs {display: flex; border-bottom: 1px solid var(--ktech-gray-200); overflow-x: auto;}
#outcomes_wrapper .section04 .year-tabs button {
    padding: 8px 14px;
    background: none;
    border: none;
    font-size: 14px;
    color: var(--ktech-gray-400);
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
}

#outcomes_wrapper .section04 .year-tabs button.active {color: var(--primary-60); font-weight: var(--font-weight-bold); position: relative;}
#outcomes_wrapper .section04 .year-tabs button.active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--primary-60);
}

#outcomes_wrapper .section04 .year-panel {display: none;/*flex-direction: column; gap: 40px;*/}
#outcomes_wrapper .section04 .year-panel.active {display: flex; flex-direction: column; gap: 40px;}

#outcomes_wrapper .section04 .year-panel h1 {margin-top: 40px; font-weight: var(--font-weight-bold); color: var(--ktech-gray-950); font-size: 40px;}

#outcomes_wrapper .section04 .year-panel .campus .campus-name {font-size: 20px; font-weight: var(--font-weight-bold); color: var(--primary-60); margin-bottom: 16px;}
#outcomes_wrapper .section04 .year-panel .campus .history-list {list-style: disc; padding-left: 18px;}
#outcomes_wrapper .section04 .year-panel .campus .history-list li {list-style: disc; line-height: 1.5; margin-bottom: 6px; color: var(--ktech-gray-700);}

#outcomes_wrapper .section04 .year-tabs::-webkit-scrollbar {display: none;}
#outcomes_wrapper .section04 .year-tabs {-ms-overflow-style: none; scrollbar-width: none;}