@import url(pretendard.css); /* 폰트 임시 연결 */

:root {
    /* color */
    --ktech-gray-950: #0F0F0F;
    --ktech-gray-900: #212121;
    --ktech-gray-800: #2C2E30;
    --ktech-gray-700: #3E4650;
    --ktech-gray-600: #4E5660;
    --ktech-gray-500: #747D8E;
    --ktech-gray-400: #ADB4BD;
    --ktech-gray-300: #D4D8DE;
    --ktech-gray-200: #EFEFEF;
    --ktech-gray-100: #F7F7F7;
    --ktech-gray-fff: #FFFFFF;
    --primary-100: #00173A;
    --primary-90: #002B6B;
    --primary-80: #003FA1;
    --primary-70: #0056DB;
    --primary-60: #0D71F4;
    --primary-40: #76A9FF;
    --primary-20: #D6E7FF;
    --primary-10: #ECF4FF;

    /* course-color */
    --machine-blue-dark : #02BDDE;
    --machine-blue : #27DFFF;
    --machine-blue-50 : #27DFFF50;
    --machine-blue-10 : #27DFFF10;
    --machine-blue-light : #CEF2F8;
    --electric-yellow-dark : #FFBB00;
    --electric-yellow : #FFE100;
    --electric-yellow-50 : #FFE10050;
    --electric-yellow-10 : #FFE10010;
    --electric-yellow-light : #F8F0AC;
    --IT-purple-dark : #6F2AE6;
    --IT-purple : #B774FF;
    --IT-purple-50 : #B774FF50;
    --IT-purple-10 : #B774FF10;
    --IT-purple-light : #DDCEF8;
    --welding-red-dark : #E43C16;
    --welding-red : #FF5E3A;
    --welding-red-50 : #FF5E3A50;
    --welding-red-10 : #FF5E3A10;
    --welding-red-light : #F8C8BD;
    --accounting-green-dark : #16927F;
    --accounting-green : #00C8AA;
    --accounting-green-50 : #00C8AA50;
    --accounting-green-10 : #00C8AA10;
    --accounting-green-light : #ACE8DF;
    --interior-beige-dark : #B99060;
    --interior-beige : #C7B095;
    --interior-beige-50 : #C7B09550;
    --interior-beige-10 : #C7B09510;
    --interior-beige-light : #E8E1D9;
    --folklift-orange-dark : #FF5900;
    --folklift-orange : #FF7120;
    --folklift-orange-50 : #FF712050;
    --folklift-orange-10 : #FF712010;
    --folklift-orange-light : #F8CEB6;
    --ai-design-sage-dark : #899D6A;
    --ai-design-sage : #D1F49C;
    --ai-design-sage-50 : #D1F49C50;
    --ai-design-sage-10 : #D1F49C10;
    --ai-design-sage-light : #ECFED1;
    /* main에 셋팅X시 기본 course color */
    --class-point-color-dark : var(--machine-blue-dark);
    --class-point-color : var(--machine-blue);
    --class-point-color-50 : var(--machine-blue-50);
    --class-point-color-10 : var(--machine-blue-10);
    --class-point-color-light : var(--machine-blue-light);
    
    /* font-weight */
    --font-weight-extrabold : 800;
    --font-weight-bold : 700;
    --font-weight-semibold : 600;
    --font-weight-medium : 500;
    --font-weight-regular : 400;
}
/* course color-class */
.course_machine {
    --class-point-color-dark : var(--machine-blue-dark);
    --class-point-color : var(--machine-blue);
    --class-point-color-50 : var(--machine-blue-50);
    --class-point-color-10 : var(--machine-blue-10);
    --class-point-color-light : var(--machine-blue-light);
}
.course_electric {
    --class-point-color-dark : var(--electric-yellow-dark);
    --class-point-color : var(--electric-yellow);
    --class-point-color-50 : var(--electric-yellow-50);
    --class-point-color-10 : var(--electric-yellow-10);
    --class-point-color-light : var(--electric-yellow-light);
}
.course_IT {
    --class-point-color-dark : var(--IT-purple-dark);
    --class-point-color : var(--IT-purple);
    --class-point-color-50 : var(--IT-purple-50);
    --class-point-color-10 : var(--IT-purple-10);
    --class-point-color-light : var(--IT-purple-light);
}
.course_welding {
    --class-point-color-dark : var(--welding-red-dark);
    --class-point-color : var(--welding-red);
    --class-point-color-50 : var(--welding-red-50);
    --class-point-color-10 : var(--welding-red-10);
    --class-point-color-light : var(--welding-red-light);
}
.course_accounting {
    --class-point-color-dark : var(--accounting-green-dark);
    --class-point-color : var(--accounting-green);
    --class-point-color-50 : var(--accounting-green-50);
    --class-point-color-10 : var(--accounting-green-10);
    --class-point-color-light : var(--accounting-green-light);
}
.course_interior {
    --class-point-color-dark : var(--interior-beige-dark);
    --class-point-color : var(--interior-beige);
    --class-point-color-50 : var(--interior-beige-50);
    --class-point-color-10 : var(--interior-beige-10);
    --class-point-color-light : var(--interior-beige-light);
}
.course_folklift {
    --class-point-color-dark : var(--folklift-orange-dark);
    --class-point-color : var(--folklift-orange);
    --class-point-color-50 : var(--folklift-orange-50);
    --class-point-color-10 : var(--folklift-orange-10);
    --class-point-color-light : var(--folklift-orange-light);
}
.course_ai_design {
    --class-point-color-dark : var(--ai-design-sage-dark);
    --class-point-color : var(--ai-design-sage);
    --class-point-color-50 : var(--ai-design-sage-50);
    --class-point-color-10 : var(--ai-design-sage-10);
    --class-point-color-light : var(--ai-design-sage-light);
}


body {
    position: relative;
    width: calc(100vw - (100vw - 100%));
    margin: 0 auto;
    color: var(--ktech-gray-950);
    font-size: 16px;
    font-weight: var(--font-weight-regular);
    font-family: 'Pretendard', Arial, Helvetica, sans-serif;
    background-color: var(--ktech-gray-fff);
    user-select: none;
    line-height: 1.5;
    overflow-x: hidden;
}
body.dark {background-color: var(--ktech-gray-950);color: var(--ktech-gray-fff);}
.grecaptcha-badge {display: none;}
#main {
    width: 100%;
    max-width: 800px;
    min-width: 320px;
    margin: 0 auto;
}

@keyframes ticker {0% {transform: translateX(0);} 100% {transform: translateX(-100%);}}
@keyframes shakeX {from, to {transform: translate3d(0, 0, 0);} 50% {transform: translate3d(-6px, 0, 0);}}
@keyframes blink {from, to {filter: brightness(1);} 50% {filter: brightness(0.5);}}
@keyframes bg-blink {from, to {filter: drop-shadow(0 0 22.6px var(--class-point-color));} 50% {filter: drop-shadow(0 0 10px var(--class-point-color));}}
/* common********************************** */
.btn {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.hide {display: none;}
a {cursor: pointer;}
.intro_wrapper {
    width: 100%;
    box-sizing: border-box;
}
.intro_wrapper .sub_title {
    color: #4B93FF;
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
}
.intro_wrapper .title {
    color: var(--ktech-gray-950);
    font-size: 32px;
    font-weight: var(--font-weight-semibold);
    margin-top: 8px;
}
.intro_wrapper .detail {
    color: var(--ktech-gray-700);
    font-size: 16px;
    font-weight: var(--font-weight-regular);
    line-height: 1.5;
    margin-top: 16px;
}
.right_plus_btn {
    display: block;
    text-align: right;
    color: var(--ktech-gray-500);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
    text-decoration: underline 1px var(--ktech-gray-500);
}
.right_plus_btn.light {
    color: var(--ktech-gray-300);
    text-decoration: underline 1px var(--ktech-gray-300);
}
.intro_wrapper.light .title,
.intro_wrapper.gray .title {color: var(--ktech-gray-100);}
.intro_wrapper.light .detail {color: var(--ktech-gray-400);}
.intro_wrapper.gray .detail {color: var(--ktech-gray-500);}

.swiper-button-next,
.swiper-button-prev {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-next {background-image: url("../img/arrow_right_icon_big.svg");}
.swiper-button-prev {background-image: url('../img/arrow_left_icon_big.svg');}
.swiper-button-next::after,
.swiper-button-prev::after {display: none;}
.scroll_lock {overflow: hidden; touch-action: none;}/* 스크롤 금지 */
#side_menu + #fix_menu::before {content: '';display: none;width: 100vw;height: 100vh;background-color: var(--ktech-gray-950);opacity: 50%;position: absolute;top: calc(-100vh + 56px);left: 0;user-select: none;z-index: 1;}/* 클릭금지 오버레이 */
.scroll_lock #side_menu.hide + #fix_menu::before {display: none;}/* 클릭금지 오버레이 비활성 */
.scroll_lock #side_menu + #fix_menu::before {display: block;}/* 클릭금지 오버레이 활성 */
.line1 { /* 한줄 넘으면 줄임 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line2, .line3 {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical
}
.line2 {-webkit-line-clamp: 2;}/* 두줄 넘으면 줄임 width 정해져 있어야 함. */
.line3 {-webkit-line-clamp: 3;}/* 세줄 넘으면 줄임 width 정해져 있어야 함. */
/* header ******************************************************************/
#header {
    display: flex;
    width: calc(100vw - (100vw - 100%));
    height: 50px;
    padding: 8px 10px;
    background-color: #ffffff95;
    box-sizing: border-box;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
body.dark #header {background-color: #0f0f0f95;}
#header > div {display: inline-block;box-sizing: border-box;}
#header #ham_btn {height: 100%;aspect-ratio: 1 / 1;}
#header #ham_btn > svg {width: 100%;height: 100%;}
#header #logo_wrapper a {height: 100%;display: flex;align-items: center;}
#header #logo_wrapper a > svg {height: 18px;}
#header svg path {fill: var(--ktech-gray-950);}
body.dark #header svg path {fill: var(--ktech-gray-fff);}
#header #campus_btn_wrapper {position: relative;}
#header #campus_btn_wrapper #campus_btn {
    display: inline-block;
    font-size: 14px;
    color: var(--ktech-gray-700);
    background-color: var(--ktech-gray-fff);
    padding: 4px 8px;
    border: 1px solid var(--ktech-gray-300);
    border-radius: 100px;
    box-sizing: border-box;
}
body.dark #header #campus_btn_wrapper #campus_btn {
    color: var(--ktech-gray-300);
    background-color: var(--ktech-gray-950);
    border: 1px solid var(--ktech-gray-800);
}
#header #campus_btn_wrapper #campus_menu {
    display: block;
    width: 69px;
    position: absolute;
    top: 42px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    border-radius: 8px;
    border: 1px solid var(--ktech-gray-300);
    background-color: var(--ktech-gray-fff);
}
#header #campus_btn_wrapper #campus_menu.hide {display: none;}
#header #campus_btn_wrapper #campus_menu li {padding: 8px 0;}
#header #campus_btn_wrapper #campus_menu li a {
    color: var(--ktech-gray-800);
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    cursor: pointer;
}
/* side_menu *************************************************************/
#side_menu {
    display: block;
    width: 90%;
    max-width: 344px;
    height: 100vh;
    overflow-y: scroll;
    background-color: var(--ktech-gray-fff);
    padding: 32px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    box-sizing: border-box;
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}
#side_menu.hide {transform: translateX(-100%);}
#side_menu::-webkit-scrollbar {display: none;}
#side_menu > li {
    margin-bottom: 40px;
}
#side_menu > li:first-child {text-align: right;}
#side_menu > li > a.btn {
    display: block;
    width: fit-content;
    min-width: 156px;
    text-align: center;
    color: var(--ktech-gray-fff);
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
    padding: 12px 29px;
    background-color: var(--primary-60);
    border-radius: 50px;
    box-sizing: border-box;
}
#side_menu > li > a,
#side_menu summary {
    display: block;
    color: var(--ktech-gray-950);
    font-size: 20px;
    font-weight: var(--font-weight-semibold);
    position: relative;
}
#side_menu summary::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url(../img/arrow_down_icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
#side_menu details[open] summary::before {transform: rotateX(180deg) translateY(50%);}
#side_menu details > ul {padding-top: 24px;}
#side_menu details > ul > li {
    color: var(--ktech-gray-700);
    font-size: 16px;
    font-weight: var(--font-weight-regular);
    margin-bottom: 24px;
}
#side_menu details > ul > li:last-child {margin-bottom: 0;}
#side_menu .edu_list img {display: none;}
#side_menu .edu_list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
#side_menu .edu_list li {
    flex: 1 calc(50% - 2px);
    padding: 8px 4px;
    border-radius: 8px;
    border: 1px solid var(--ktech-gray-300);
    background-color: var(--ktech-gray-fff);
    margin-bottom: 0;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}
#side_menu .edu_list li:hover {background-color: var(--primary-60);color: var(--ktech-gray-fff);}
#side_menu .edu_list li a {display: block;text-align: center;}
/* #side_menu .edu_list img {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center center;
}
#side_menu .edu_list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 8px;
}
#side_menu .edu_list li {
    width: 64px;
    height: 64px;
    margin-bottom: 0;
}
#side_menu .edu_list li a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: space-between;
} */
/* fix_menu **************************************************************/
#fix_menu {
    width: calc(100vw - (100vw - 100%));
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 5;
}
#fix_menu #bottom_bar {
    width: 100%;
    background-color: #ffffffcc;
    padding: 8px 16px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    box-shadow: 0 0 16px #0f0f0f40;
    box-sizing: border-box;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
#fix_menu #bottom_bar > .swiper {flex:1; max-height: 40px;}
#fix_menu #bottom_bar .swiper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
}
#fix_menu #bottom_bar .counsel_btn {
    max-width: 156px;
    text-align: center;
    color: var(--ktech-gray-fff);
    font-size: 16px;
    font-weight: var(--font-weight-semibold);
    padding: 8px 20px;
    border-radius: 50px;
    background-color: #0066FF;
    white-space: nowrap;
}
#fix_menu #right_btn_wrapper {
    display: flex;
    gap: 4px;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 8px 8px 0;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    transform: translateY(-100%);
}
#fix_menu #right_btn_wrapper > a {
    display: inline-block;
    padding: 10px;
    border-radius: 50%;
    background-color: #ffffff50;
    box-sizing: border-box;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
#fix_menu #right_btn_wrapper > a > svg,
#fix_menu #right_btn_wrapper > a > img {
    display: flex;
    align-items: center;
    width: 22px;
    height: 22px;
    object-fit: contain;
    object-position: center center;
}
#fix_menu #right_btn_wrapper > a > svg path {fill: var(--primary-80);}
#fix_menu #call_num_list {display: flex;width: 100%;height: 100vh;background-color: #0f0f0f90;position: absolute;top: calc(-100vh + 56px);left: 0;z-index: 10;align-items: center;align-content: center;justify-content: center;flex-wrap: wrap;gap: 8px;overflow: hidden;padding: 32px;box-sizing: border-box;backdrop-filter: blur(5px);--webkit-backdrop-filter: blur(5px);}
#fix_menu #call_num_list.hide {display: none;}
#fix_menu #call_num_list > li {flex: 1 150px;max-width: 150px;box-sizing: border-box;background-color: var(--primary-60);border-radius: 8px;padding: 8px;cursor: pointer;text-align: center;color: var(--ktech-gray-fff);}
#fix_menu #call_num_list > li:first-child {flex: 1 100%;max-width:none;background-color: unset;word-break: keep-all;padding: 0;font-size: 24px;font-weight: var(--font-weight-bold);}
#fix_menu #call_num_list > li:last-child {flex: 1 100%;max-width:none;}
#fix_menu #call_num_list > li > a {display: block;text-align: center;font-size: 18px;font-weight: var(--font-weight-semibold);color: var(--ktech-gray-fff);font-weight: bold;}
#fix_menu #call_num_list #call_menu_close_btn {background-color: var(--ktech-gray-700);}

/* video_popup */
#video_popup {width: calc(100vw - (100vw - 100%));height: 100vh;background-color: #0f0f0f50;position: fixed;top: 0;right: 0;z-index: 10;display: flex;align-items: center;justify-content: center;padding: 16px 24px;box-sizing: border-box;backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);flex-direction: column;gap: 16px;}
#video_popup.hide {display: none;}
#video_popup .video_iframe_wrapper {position: relative;display: flex;flex-direction: column;align-items: center;gap: 8px;justify-content: center;}
#video_popup .video_iframe_wrapper.long_mode {width: 100%;aspect-ratio: 16 / 9;max-width: 650px;}
#video_popup .video_iframe_wrapper.shorts_mode {width: unset;aspect-ratio: 9 / 16;max-height: 100%;max-width: 100%;height: fit-content;}
#video_popup .close_btn {color: var(--ktech-gray-fff);font-size: 16px;padding: 4px 12px;border-radius: 50px;box-sizing: border-box;background-color: var(--ktech-gray-950);border: 2px solid var(--ktech-gray-fff);display: flex;align-items: center;align-content: center;gap: 4px;}
#video_popup .video_iframe_wrapper.long_mode .close_btn {position: unset;}
#video_popup .video_iframe_wrapper.shorts_mode .close_btn {position: absolute;top: 16px;left: 16px;}
#video_popup .close_btn > svg {width: 16px;height: 16px;}
#video_popup .close_btn > svg > path {fill: var(--ktech-gray-fff);}
#video_popup .video_iframe_wrapper > iframe {width: 100%;aspect-ratio: 16 / 9;max-height: 100%;}
/* category_wrapper *********************************************************/
#category_wrapper {
    margin-top: 50px;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    gap: 33px;
}
#category_wrapper details {display: none;}
#category_wrapper details.show {display: block;position: relative;}
#category_wrapper details summary {
    display: block;
    color: var(--ktech-gray-500);
    font-size: 13px;
    font-weight: var(--font-weight-medium);
    position: relative;
}
#category_wrapper details summary::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translate(100%, -50%);
    width: 10px;
    height: 10px;
    background-image: url(../img/arrow_down_gray_icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
#category_wrapper details[open] summary::before {transform: rotateX(180deg) translate(100%, 50%);}
#category_wrapper details.active summary {color: var(--primary-60);}
#category_wrapper details.active summary::before {background-image: url(../img/arrow_down_blue_icon.png);}
#category_wrapper details ul {
    position: absolute;
    bottom: -8px;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 100%);
    background-color: var(--ktech-gray-fff);
    border-radius: 8px;
    padding: 0 8px;
    box-sizing: border-box;
    white-space: nowrap;
    border: 1px solid var(--ktech-gray-300);
}
#category_wrapper details ul li a {
    display: block;
    color: var(--ktech-gray-500);
    font-size: 13px;
    font-weight: var(--font-weight-medium);
    text-align: center;
    padding: 8px 0;
}
#category_wrapper details ul li.active a {color: var(--primary-60);}
/* locate_menu */
#locate_menu {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    padding: 0 16px;
    box-sizing: border-box;
    justify-content: space-between;
    border-bottom: 1px solid var(--ktech-gray-200);
}
#locate_menu.add_elecbc {padding: 0;}
#locate_menu li {
    flex: 1;
    border-bottom: 2px solid var(--ktech-gray-fff);
}
#locate_menu li.active {border-bottom: 2px solid var(--primary-60);}
#locate_menu li a {
    display: block;
    text-align: center;
    padding: 8px;
    color: var(--ktech-gray-700);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
}
#locate_menu li.active a {
    color: var(--primary-60);
}
#keyword_wrapper {
    padding: 24px 16px;
    background-color: var(--ktech-gray-100);
}
#keyword_wrapper #keyword {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 4px;
}
#keyword_wrapper #keyword li a {
    display: block;
    text-align: center;
    color: var(--ktech-gray-500);
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    padding: 4px 8px;
    border-radius: 50px;
    background-color: var(--ktech-gray-200);
    box-sizing: border-box;
}
#keyword_wrapper #keyword li.active a {
    color: var(--primary-60);
    background-color: var(--primary-10);
    box-shadow: 0 0 0 1px var(--primary-20) inset;
}
#keyword_wrapper #search {position: relative;margin-top: 16px;}
#keyword_wrapper #search #search_keyword {
    width: 100%;
    color: var(--ktech-gray-700);
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    padding: 8px 46px 8px 16px;
    border-radius: 50px;
    border: 1px solid var(--ktech-gray-300);
    box-sizing: border-box;
}
#keyword_wrapper #search #search_keyword:focus {
    outline: 1px solid var(--primary-60);
}
#keyword_wrapper #search button {
    width: 14px;
    height: 14px;
    object-fit: contain;
    object-position: center center;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    background: none;
    border: 0;
}
/* pagination */
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    gap: 4px;
}
.pagination > li {
    display: block;
    width: 24px;
    height: 24px;
    color: var(--ktech-gray-950);
    font-size: 16px;
    font-weight: var(--font-weight-medium);
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
}
.pagination > li.dot {color: var(--ktech-gray-300);}
.pagination > li.active {background-color: var(--primary-10);}
.pagination > li > a {display: block;width: 100%;}
.pagination .arrow.prev_btn {margin-right: 8px;}
.pagination .arrow.next_btn {margin-left: 8px;}
.pagination .arrow a {display: flex;width: 100%;align-items: center;justify-content: center;}
.pagination .arrow svg {width: 16px;}
.pagination .arrow path {fill: var(--ktech-gray-300);}

/* return_list_btn */
.return_list_btn {display: inline-flex;align-items: center;color: var(--ktech-gray-500);font-size: 16px;font-weight: var(--font-weight-bold);padding: 32px 16px;}
.return_list_btn svg {width: 24px;height: 24px;margin-right: 8px;}
.return_list_btn svg path {fill: var(--ktech-gray-500);}

/* related_edu_wrapper */
#related_edu_wrapper {position: relative;padding-top: 32px;margin-bottom: 80px !important;}
#related_edu_wrapper::after {content: '';width: 100%;height: 2px;background-color: var(--ktech-gray-200);position: absolute;top: 0;left: 0;}
#related_edu_wrapper > div {padding: 0 16px;}
#related_edu_wrapper .top {display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 32px;}
#related_edu_wrapper .top > .title {color: var(--ktech-gray-950);font-size: 24px;font-weight: var(--font-weight-semibold);}
#related_edu_wrapper .top > .btn {color: var(--ktech-gray-700);font-size: 16px;font-weight: var(--font-weight-regular);}
#related_edu_wrapper .swiper-slide {width: 140px;}
#related_edu_wrapper .related_edu_list .edu {display: block;width: 140px;position: relative;}
#related_edu_wrapper .related_edu_list .edu .tag {color: var(--ktech-gray-fff);font-size: 12px;font-weight: var(--font-weight-medium);padding: 2px 6px;border-radius: 8px;background-color: #0f0f0f80;position: absolute;top: 8px;left: 8px;z-index: 1;}
#related_edu_wrapper .related_edu_list .edu img {display: block;width: 140px;aspect-ratio: 1 / 1;object-fit: cover;object-position: center center;margin-bottom: 16px;border-radius: 8px;overflow: hidden;}
#related_edu_wrapper .related_edu_list .edu .title {color: var(--ktech-gray-950);font-size: 16px;font-weight: var(--font-weight-bold);margin-bottom: 8px;}
#related_edu_wrapper .related_edu_list .edu .date {color: var(--ktech-gray-600);font-size: 14px;font-weight: var(--font-weight-regular);}
/* footer ******************************************************************/
#footer {
    width: 100%;
    background-color: var(--ktech-gray-950);
}
#footer .footer_contents_wrapper {
    width: 100%;
    height: 490px;
    min-width: 320px;
    max-width: 800px;
    margin: 0 auto;
    padding: 48px 16px;
    box-sizing: border-box;
    background-color: var(--ktech-gray-950);
}
#footer #channel {margin-bottom: 48px;}
#footer #channel .title {
    color: #CDCBC0;
    font-size: 12px;
    margin-bottom: 24px;
}
#footer #channel #channel_icon_wrapper {
    display: flex;
    gap: 8px;
}
#footer #channel #channel_icon_wrapper .channel_icon {
    display: inline-block;
    width: 24px;
    height: 24px;
}
#footer #footer_info {
    color: var(--ktech-gray-fff);
    margin-bottom: 42px;
}
#footer #footer_info .title {
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    margin-bottom: 16px;
}
#footer #footer_info ul {
    font-size: 14px;
    line-height: 1.5;
}
#footer #copyright {
    color: var(--ktech-gray-fff);
    font-size: 12px;
}
/* policy_popup */
#policy_popup {padding: 16px;background-color: #0f0f0f90;width: 100%;height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 16px;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 10;font-family: 'Pretendard', Arial, Helvetica, sans-serif;}
#policy_popup.hide {display: none;}
#policy_popup #policy_detail {resize: none;width: 100%;max-width: 900px;padding: 24px 16px;box-sizing: border-box;border-radius: 8px;border: 0;user-select: none;touch-action: none;}
#policy_popup #policy_detail:focus {outline: none;}
#policy_popup #policy_detail::-webkit-scrollbar {width: 8px;}
#policy_popup #policy_detail::-webkit-scrollbar-thumb {background: var(--ktech-gray-500);border-radius: 8px;}
#policy_popup #policy_detail::-webkit-scrollbar-track {background: var(--ktech-gray-200);border-radius: 8px;}
#policy_popup .policy_close_btn {color: var(--ktech-gray-fff);font-size: 16px;font-weight: bold;padding: 4px 12px;background-color: var(--ktech-gray-950);border: 2px solid var(--ktech-gray-fff);border-radius: 50px;display: flex;align-items: center;gap: 4px;}
#policy_popup .policy_close_btn svg {width: 16px;height: 16px;}
#policy_popup .policy_close_btn svg path {fill: var(--ktech-gray-fff);}



/*register*/
#register_wrapper>div {padding: 88px 0;}
#register_wrapper .counsel_section {border-bottom: 1px solid var(--ktech-gray-700);}
#register_wrapper .counsel_section .title {font-size: 32px;font-weight: var(--font-weight-bold);margin-bottom: 48px;text-align: center;}
#register_wrapper .counsel_section form {text-align: left;padding: 0 16px;}
#register_wrapper .counsel_section form ul li {margin-bottom: 16px;}
#register_wrapper .counsel_section form ul li label {display: block;color: #f2f2f2;font-size: 16px;font-weight: var(--font-weight-semibold);margin-bottom: 12px;}
#register_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;}
#register_wrapper .counsel_section form ul li input:focus {outline: 1.5px solid var(--primary-60);}
#register_wrapper .counsel_section form ul li .phone_number_wrapper {display: flex;flex-wrap: nowrap;gap: 8px;align-items: center;font-size: 24px;}
#register_wrapper .counsel_section form .campus_select_area {display: none;}
#register_wrapper .counsel_section form select {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;}
#register_wrapper .counsel_section form select option {color: var(--ktech-gray-950);}
#register_wrapper .counsel_section form .agree {margin-bottom: 24px;display: flex;align-items: center;}
#register_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;}
#register_wrapper .counsel_section form .agree input[type=checkbox]:checked + .check_icon {background-color: var(--primary-60);}
#register_wrapper .counsel_section form .agree input[type=checkbox]:checked + .check_icon svg path {stroke: var(--ktech-gray-fff);}
#register_wrapper .counsel_section form .agree label {color: #bbbbbb;font-size: 14px;font-weight: var(--font-weight-regular);cursor: pointer;}
#register_wrapper .counsel_section form .agree .policy_agree_detail_btn {display: inline-block;text-decoration: underline;}
#register_wrapper .counsel_section form a.btn {display: block;text-align: center;font-size: 16px;font-weight: var(--font-weight-semibold);padding: 12px 24px;background-color: var(--primary-60);border-radius: 8px;}