/* address */
#address_wrapper {padding: 0 16px 64px;color: var(--ktech-gray-700);font-size: 16px;font-weight: var(--font-weight-regular);}
#address_wrapper .inner {width: 100%;max-width: 1216px;margin: 0 auto;}
#address_wrapper .inner > .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: 1;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;}
#address_wrapper .swiper-button-next,
#address_wrapper .swiper-button-prev {z-index: 1;}

/* people */
#people_wrapper .section01 {padding: 32px 16px 54px;text-align: center;}
#people_wrapper .section01 .inner {width: 100%;max-width: 1216px;margin: 0 auto;}
#people_wrapper .section01 .inner > .title {font-size: 32px;font-weight: var(--font-weight-bold);margin-bottom: 8px;}
#people_wrapper .section01 .inner > .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_inner {cursor: pointer;width: 100%;aspect-ratio: 1 / 1;margin-bottom: 8px;border-radius: 50%;overflow: hidden;}
#people_wrapper .section01 .member_wrapper .member img {width: 100%;aspect-ratio: 1 / 1;object-fit: cover;object-position: center;background-color: var(--primary-10);}
#people_wrapper .section01 .member_wrapper .member img.bg1 {background-color: var(--primary-10);}
#people_wrapper .section01 .member_wrapper .member img.bg2 {background-color: var(--primary-20);}
#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;background-color: var(--primary-10);}
#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 .inner {width: 100%;max-width: 1216px;margin: 0 auto;}
#outcomes_wrapper .section01 {padding-top: 32px;padding: 64px 0;}
#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(/general/general_assets/img/info/outcomes_prime.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_tab_swiper {border-bottom: 1px solid var(--ktech-gray-200);}
#outcomes_wrapper .section04 .year-tabs {display: flex;}
#outcomes_wrapper .section04 .year-tabs a {
    text-align: center;
    flex: 1 65.6px;
    flex-shrink: 0;
    padding: 8px 14px;
    font-size: 14px;
    color: var(--ktech-gray-400);
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

#outcomes_wrapper .section04 .year-tabs a.active {color: var(--primary-60); font-weight: var(--font-weight-bold);border-bottom: 2px solid 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;} */

/* 이용약관, 개인정보처리방침 */
#terms_wrapper {width: 100%;padding: 80px 16px;box-sizing: border-box;}
#terms_wrapper .inner {max-width: 1216px;margin: 0 auto;}
#terms_wrapper .title {text-align: center;color: var(--ktech-gray-950);font-size: 24px;font-weight: var(--font-weight-bold);margin-bottom: 48px;position: relative;word-break: keep-all;}
#terms_wrapper .title::before {content: '';width: 50px;height: 3px;background-color: var(--primary-60);position: absolute;top: -32px;left: 50%;transform: translateX(-50%);}
#terms_wrapper #terms_contents {display: block;width: 100%;background-color: var(--ktech-gray-100);padding: 24px 16px;border-radius: 8px;box-sizing: border-box;font-size: 16px;color: var(--ktech-gray-700);font-family: 'Pretendard', Arial, Helvetica, sans-serif;line-height: 1.5;margin: 0 auto 48px;max-width: 1216px;resize: none;}
#terms_wrapper #terms_contents::-webkit-scrollbar {width: 5px;}
#terms_wrapper #terms_contents::-webkit-scrollbar-thumb {background: var(--ktech-gray-300);border-radius: 8px;}
#terms_wrapper #terms_contents::-webkit-scrollbar-track {background: transparent;border-radius: 8px;}
#terms_wrapper .go_home {display: inline-flex;align-items: center;gap: 8px;color: var(--ktech-gray-500);font-weight: var(--font-weight-bold);}

@media (min-width: 800px) {
    /* 교육성과 */
    #outcomes_wrapper > div {padding: 112px 16px;}
    /* section01 */
    #outcomes_wrapper .section01 {padding: 112px 0;}
    #outcomes_wrapper .section01 .inner {max-width: unset;}
    #outcomes_wrapper .section01 .title {font-size: 64px;margin-bottom: 112px;}
    #outcomes_wrapper .section01 .video_wrapper {margin-bottom: 112px;}
    #outcomes_wrapper .section01 .text {font-size: 32px;}
    /* section02 */
    #outcomes_wrapper .section02 .title {font-size: 48px;margin-bottom: 32px;}
    #outcomes_wrapper .section02 .detail {font-size: 24px;}
    #outcomes_wrapper .section02::after {height: 100%;background-position: center right;transform: translate(0);}
    /* section03 */
    #outcomes_wrapper .section03 .swiper {overflow: visible;}
    #outcomes_wrapper .section03 ul li {gap: 32px;width: 384px;height: 620px;}
    #outcomes_wrapper .section03 ul li p {font-size: 48px;}
    #outcomes_wrapper .section03 ul li .detail h3 {font-size: 32px;}
    /* section04 */
    #outcomes_wrapper .section04 .title {font-size: 64px;margin-bottom: 80px;}
    #outcomes_wrapper .section04 .year-tabs a {font-size: 16px;padding: 8px 16px;flex: 1 120px;flex-shrink: 0;}
    #outcomes_wrapper .section04 .year-panel h1 {margin-top: 64px;font-size: 48px;}
    #outcomes_wrapper .section04 .year-panel.active {gap: 64px;}
    #outcomes_wrapper .section04 .year-panel .campus .campus-name {font-size: 24px;}


    /* 교직원소개 */
    #people_wrapper .section01 {padding: 112px 16px;}
    #people_wrapper .section01 .inner > .title {font-size: 64px;margin-bottom: 16px;}
    #people_wrapper .section01 .inner > .sub_title {font-size: 24px;}
    #people_wrapper .section01 .member_wrapper {gap: 32px;}
    #people_wrapper .section01 .member_wrapper .member {width: 280px;padding: 16px;box-sizing: border-box;}
    #people_wrapper .section01 .member_wrapper .member .img_wrapper {margin-bottom: 24px;}
    #people_wrapper .section01 .member_wrapper .member img {transition: all 0.5s ease;}
    #people_wrapper .section01 .member_wrapper .member .img_inner:hover img {filter: brightness(1.05) contrast(1.03);transform: scale(1.02);}
    #people_wrapper .section01 .member_wrapper .member .name {font-size: 24px;margin-bottom: 8px;}
    #people_wrapper .member_popup .detail_wrapper {max-width: 798px;max-height: 496px;border-radius: 16px;padding: 32px;}
    #people_wrapper .member_popup .detail_wrapper .info_scroll {overflow-y: auto;display: flex;flex-wrap: nowrap;gap: 32px;}
    #people_wrapper .member_popup .detail_wrapper .basic_info {flex: 1;max-width: 280px;}
    #people_wrapper .member_popup .detail_wrapper .detail_info {flex: 1;overflow-y: auto;}
    #people_wrapper .member_popup .detail_wrapper .detail_info::-webkit-scrollbar {width: 8px;}
    #people_wrapper .member_popup .detail_wrapper .detail_info::-webkit-scrollbar-thumb {background: var(--ktech-gray-300);border-radius: 8px;}
    #people_wrapper .member_popup .detail_wrapper .detail_info::-webkit-scrollbar-track {background: transparent;border-radius: 8px;}
    #people_wrapper .member_popup .basic_info img {max-width: unset;object-fit: cover;object-position: top center;}
    #people_wrapper .member_popup .basic_info .title {margin: 0;justify-content: start;gap: 8px;flex-direction: column;}
    #people_wrapper .member_popup .basic_info .name {font-size: 32px;}
    #people_wrapper .member_popup .basic_info .position {font-size: 16px;}
    #people_wrapper .member_popup .detail_info > li {margin-bottom: 24px;}


    /* 시설주소 */
    #address_wrapper .inner > .title {font-size: 64px;margin: 64px 0;}
    #address_wrapper .select_wrapper {max-width: 384px;margin: 0 auto 32px;}
    #address_wrapper .select_wrapper > .select_btn {font-size: 16px;gap: 4px;}
    #address_wrapper .select_wrapper > select {font-size: 24px;background-color: var(--ktech-gray-fff);}
    #address_wrapper #daum_map {height: unset; aspect-ratio: 2 / 1;margin-bottom: 64px;border-radius: 16px;overflow: hidden;}
    #address_wrapper .link_wrapper {margin-bottom: 64px;gap: 32px;}
    #address_wrapper .link_wrapper > a {font-size: 24px;}
    #address_wrapper .link_wrapper > a {text-align: center;width: 100%;max-width: 280px;box-sizing: border-box;}
    #address_wrapper .campus_img_swiper .swiper-slide {border-radius: 16px;width: 100%;aspect-ratio: 2 / 1;}
    #address_wrapper .campus_img_swiper .swiper-slide img {object-position: center;}
    #address_wrapper .campus_swiper_wrapper {padding: 0;}
    #address_wrapper .campus_swiper_wrapper .custom-fraction {font-size: 24px;padding-right: 24px;bottom: 24px;}
    #address_wrapper .detail_info > li {padding: 24px;border-radius: 16px;}
    #address_wrapper .detail_info > li > .title {margin-bottom: 24px;}
    #address_wrapper .detail_info > li > .address_detail {display: inline-block;margin-right: 16px;}
    #address_wrapper .detail_info .copy_btn {margin: 0;}
    #address_wrapper .detail_info .call_num_list > li {justify-content: flex-start;gap: 32px;}
    #address_wrapper .detail_info .call_num_list > li > * {flex: 1;}
    #address_wrapper .detail_info .call_num_list > li > .type {flex-shrink: 0;max-width: 82px;}
    #address_wrapper .detail_info .guide_list {gap: 32px;}
    #address_wrapper .detail_info .guide_list .title {font-size: 20px;margin-bottom: 16px;}
    #address_wrapper .detail_info .guide_list svg {width: 30px;height: 30px;}
    
    
    /* 이용약관, 개인정보처리방침 */
    #terms_wrapper {padding: 64px 16px;}
    #terms_wrapper .title {font-size: 32px;margin-bottom: 64px;}
    #terms_wrapper .title::before {width: 100px;top: -64px;}
    #terms_wrapper .go_home {font-size: 20px;}
    #terms_wrapper #terms_contents {margin: 0 auto 64px;border-radius: 16px;}
    #terms_wrapper #terms_contents::-webkit-scrollbar {width: 8px;}
    #terms_wrapper #terms_contents::-webkit-scrollbar-thumb {border-radius: 16px;}
    #terms_wrapper #terms_contents::-webkit-scrollbar-track {border-radius: 16px;}
}