/* interview */
#interview_wrapper {
    width: 100%;
    padding: 40px 16px;
    box-sizing: border-box;
}
#interview_wrapper .interview {margin-bottom: 32px;position: relative;}
#interview_wrapper .interview .tag {
    color: var(--primary-60);
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    background-color: var(--ktech-gray-fff);
    border: 1px solid var(--primary-10);
    padding: 4px 8px;
    border-radius: 50px;
    box-sizing: border-box;
    position: absolute;
    top: 16px;
    left: 16px;
}
#interview_wrapper .interview img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    aspect-ratio: 164 / 105;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px;
}
#interview_wrapper .interview .title {
    color: var(--ktech-gray-950);
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    margin-bottom: 8px;
}
#interview_wrapper .interview .info {
    color: var(--ktech-gray-700);
    font-size: 12px;
    font-weight: var(--font-weight-regular);
}
/* interview_detail */
#interview_detail {margin-top: 12px;}
#interview_detail #interview_intro img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    aspect-ratio: 36 / 23;
    margin-bottom: 32px;
    box-sizing: border-box;
}
#interview_detail #interview_intro .text_wrapper {
    padding: 0 16px 64px;
    box-sizing: border-box;
    position: relative;
}
#interview_detail #interview_intro .text_wrapper::after {
    content: '';
    width: 160px;
    height: 2px;
    background-color: #d9d9d9;
    position: absolute;
    left: 16px;
    bottom: 0;
}
#interview_detail #interview_intro .title {
    color: var(--ktech-gray-950);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    margin-bottom: 16px;
    word-break: keep-all;
}
#interview_detail #interview_intro .info {
    color: var(--ktech-gray-700);
    font-size: 16px;
    font-weight: var(--font-weight-regular);
}
#interview_detail .interview_detail {padding: 64px 16px 80px;}
#interview_detail .interview_detail > h5 {
    color: var(--primary-60);
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    margin-bottom: 32px;
}
#interview_detail .interview_detail > div {
    color: var(--ktech-gray-950);
    font-size: 16px;
    font-weight: var(--font-weight-regular);
    margin-bottom: 64px;
}
#interview_detail .interview_detail > img {
    display: block;
    width: 100%;
    object-fit: contain;
    object-position: center center;
    box-sizing: border-box;
    margin-bottom: 64px;
}
#interview_detail .interview_detail > *:last-child {margin-bottom: 0;}
/* portfolio */
#portfolio_wrapper {padding: 32px 16px 40px;}
#portfolio_wrapper .portfolio {
    margin-bottom: 32px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 4px 0 #00000040;
}
#portfolio_wrapper .portfolio a {
    display: block;
    width: 100%;
    aspect-ratio: 164 / 109;
    box-sizing: border-box;
    position: relative;
}
#portfolio_wrapper .portfolio .text_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 100%;
    height: 100%;
    background: linear-gradient(#0F0F0F00, #0F0F0F 85%);
    padding: 16px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
#portfolio_wrapper .portfolio .text_wrapper .campus {
    display: block;
    width: 100%;
    color: var(--ktech-gray-300);
    font-size: 12px;
    font-weight: var(--font-weight-regular);
}
#portfolio_wrapper .portfolio .text_wrapper .name {
    color: var(--ktech-gray-300);
    font-size: 18px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 4px;
}
#portfolio_wrapper .portfolio .text_wrapper .detail {
    color: var(--ktech-gray-300);
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    overflow: hidden;
}
#portfolio_wrapper .portfolio img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    left: 0;
    top: 0;
}
/* portfolio_detail */
#portfolio_detail {margin-top: 12px;}
#portfolio_detail #portfolio_intro img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    aspect-ratio: 36 / 23;
    margin-bottom: 32px;
    box-sizing: border-box;
}
#portfolio_detail #portfolio_intro .text_wrapper {
    padding: 0 16px 32px;
    box-sizing: border-box;
    position: relative;
}
#portfolio_detail #portfolio_intro .text_wrapper::after {
    content: '';
    width: 160px;
    height: 2px;
    background-color: #d9d9d9;
    position: absolute;
    left: 16px;
    bottom: 0;
}
#portfolio_detail #portfolio_intro .title {
    color: var(--ktech-gray-950);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    margin-bottom: 16px;
    word-break: keep-all;
}
#portfolio_detail #portfolio_intro .info {
    color: var(--ktech-gray-700);
    font-size: 16px;
    font-weight: var(--font-weight-regular);
}
#portfolio_detail .portfolio_detail {padding: 48px 16px 80px;}
#portfolio_detail .portfolio_detail img {
    display: block;
    width: 100%;
    object-fit: contain;
    object-position: center center;
    box-sizing: border-box;
}
#portfolio_detail .portfolio_detail .portfolio_video_wrapper iframe {display: block;width: 100%;height: 100%;margin: 0 auto;}
#portfolio_detail .portfolio_detail .portfolio_video_wrapper.shorts iframe {max-width: 400px;aspect-ratio: 9 / 16;}
#portfolio_detail .portfolio_detail .portfolio_video_wrapper.long iframe {aspect-ratio: 16 / 9;}
#portfolio_detail .portfolio_detail .portfolio_vr_wrapper iframe {display: block;width: 100%;aspect-ratio: 16 / 9;margin: 0 auto;}
#portfolio_detail .portfolio_detail .portfolio_table_wrapper {width: 100%;max-width: 800px;margin: 48px auto;border: 1px solid var(--ktech-gray-300);border-radius: 8px;overflow: hidden;box-sizing: border-box;}
#portfolio_detail .portfolio_detail .portfolio_table {width: 100%;font-size: 14px;}
#portfolio_detail .portfolio_detail .portfolio_table tr {border-bottom: 1px dashed var(--ktech-gray-300);}
#portfolio_detail .portfolio_detail .portfolio_table tr:last-child {border-bottom: 0;}
#portfolio_detail .portfolio_detail .portfolio_table tr > * {padding: 4px 8px;}
#portfolio_detail .portfolio_detail .portfolio_table tr > *:first-child {min-width: 70px;}
#portfolio_detail .portfolio_detail .portfolio_table th {background-color: var(--ktech-gray-200);}
#portfolio_detail .portfolio_detail .portfolio_table td {color: var(--ktech-gray-900);}

/* outcomes */
#outcomes_wrapper {padding: 32px 11px 40px;}
#outcomes_wrapper .inner {width: 100%;max-width: 1216px;margin: 0 auto;}
#outcomes_wrapper #outcomes_list .outcome {
    padding: 24px 16px;
    border-radius: 8px;
    background-color: var(--ktech-gray-fff);
    border: 1px solid var(--ktech-gray-200);
    box-shadow: 7.47px 7.47px 24.92px #0000000f;
    margin-bottom: 16px;
}
#outcomes_wrapper #outcomes_list .outcome .top {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 5px;
}
#outcomes_wrapper #outcomes_list .outcome .name {
    color: var(--ktech-gray-600);
    font-size: 16px;
    font-weight: var(--font-weight-regular);
}
#outcomes_wrapper #outcomes_list .outcome .campus {
    color: var(--primary-60);
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    padding: 4px 8px;
    border-radius: 50px;
    background-color: var(--primary-10);
}
#outcomes_wrapper #outcomes_list .outcome .title {
    color: var(--ktech-gray-950);
    font-size: 20px;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 16px;
}
#outcomes_wrapper #outcomes_list .outcome .detail {
    color: var(--ktech-gray-400);
    font-size: 14px;
    font-weight: var(--font-weight-regular);
}

/* support */
#support_wrapper {background-color: var(--ktech-gray-950);color: var(--ktech-gray-fff);text-align: center;font-weight: var(--font-weight-regular);overflow-x: hidden;}
#support_wrapper > div {padding: 80px 0;}
#support_wrapper .inner {width: 100%;max-width: 1216px;margin: 0 auto;}
#support_wrapper .glass {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(5px);-webkit-backdrop-filter: blur(5px);}
#support_wrapper br.pc {display: none;}
/* 인트로 */
#support_wrapper .section01 {background-color: #011739;background: radial-gradient(circle farthest-side,#0d71f450 10%, #011739 115%);position: relative;overflow: hidden;}
#support_wrapper .section01 .text_wrapper {position: relative;z-index: 1;}
#support_wrapper .section01 .text_wrapper > .sub_title {color: var(--primary-40);font-size: 14px;font-weight: var(--font-weight-medium);margin-bottom: 16px;}
#support_wrapper .section01 .text_wrapper > .title {font-size: 32px;font-weight: var(--font-weight-extrabold);margin-bottom: 270px;}
#support_wrapper .section01 .text_wrapper > .text {color: var(--ktech-gray-300);font-weight: var(--font-weight-medium);margin-bottom: 40px;}
#support_wrapper .section01 .ticker_wrapper {display: flex;flex-wrap: nowrap;width: 100%;overflow: hidden;}
#support_wrapper .section01 .ticker_wrapper > .ticker {display: flex;flex-wrap: nowrap;}
#support_wrapper .section01 .outcome {text-align: left;width: 360px;border-radius: 8px;padding: 24px 16px;margin-right: 16px;box-sizing: border-box;border: 1px solid #efefef34;background-color: #ffffff30;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
#support_wrapper .section01 .outcome .top {display: flex;flex-wrap: nowrap;justify-content: space-between;margin-bottom: 4px;}
#support_wrapper .section01 .outcome .name {color: var(--ktech-gray-100);font-size: 16px;}
#support_wrapper .section01 .outcome .campus {color: var(--primary-60);font-size: 14px;padding: 4px 8px;border-radius: 50px;background-color: var(--primary-20);}
#support_wrapper .section01 .outcome .title {font-size: 20px;font-weight: var(--font-weight-semibold);margin-bottom: 16px;}
#support_wrapper .section01 .outcome .detail {color: var(--ktech-gray-300);font-size: 14px;}
#support_wrapper .section01 > .video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -60%);}
#support_wrapper .section01 > .video > video {width: 1000px;}
/* step_section */
#support_wrapper .step_section .step {display: inline-block;color: var(--primary-20);font-size: 16px;font-weight: var(--font-weight-bold);border-radius: 50px;margin-bottom: 32px;padding: 8px 16px;background: linear-gradient(#0056db30 10%, #76A9FF30);}
#support_wrapper .step_section .inner > .title {font-size: 32px;font-weight: var(--font-weight-bold);margin-bottom: 16px;}
#support_wrapper .step_section .inner > .title .point {background: linear-gradient(90deg, var(--primary-20) 10%, var(--primary-40) 48%);-webkit-background-clip: text;color: transparent;}
#support_wrapper .step_section .inner > .detail {color: var(--ktech-gray-300);font-size: 14px;}
#support_wrapper .step_section .point_list {text-align: left;}
#support_wrapper .step_section .point_list > li {margin-top: 80px;}
#support_wrapper .step_section .point_list .point {color: var(--primary-40);font-size: 14px;font-weight: var(--font-weight-bold);margin-bottom: 16px;}
#support_wrapper .step_section .point_list {width: 100%;padding: 0 16px;box-sizing: border-box;}
#support_wrapper .step_section .point_list .main .title {font-size: 24px;font-weight: var(--font-weight-bold);margin-bottom: 8px;}
#support_wrapper .step_section .point_list .main .detail {color: var(--ktech-gray-500);font-size: 16px;margin-bottom: 24px;}
#support_wrapper .step_section .point_list .main img {width: 100%;object-fit: contain;object-position: center center;border-radius: 16px;overflow: hidden;}
#support_wrapper .step_section .point_list .sub {padding: 24px 0;border-bottom: 1px solid var(--ktech-gray-800);}
#support_wrapper .step_section .point_list .sub > .title {font-size: 20px;font-weight: var(--font-weight-semibold);margin-bottom: 16px;}
#support_wrapper .step_section .point_list .sub > .title .gray {color: var(--ktech-gray-400);font-size: 16px;font-weight: inherit;}
#support_wrapper .step_section .point_list ul li {color: var(--ktech-gray-500);font-size: 16px;word-break: keep-all;}
#support_wrapper .step_section .point_list ul li .title {font-weight: var(--font-weight-bold);margin: 16px 0 4px;}
/* section02 */
#support_wrapper .section02 {background-color: var(--ktech-gray-950);}
/* section03 */
#support_wrapper .section03 {background-color: var(--ktech-gray-800);}
#support_wrapper .step_section .point_list .sub {border-bottom: 1px solid var(--ktech-gray-700);}
/* section04 */
#support_wrapper .section04 {background-color: var(--ktech-gray-900);}
/* section05 */
#support_wrapper .section05 {background: var(--ktech-gray-fff);color: var(--ktech-gray-950);text-align: left;}
#support_wrapper .section05 .download {padding: 0 16px;}
#support_wrapper .section05 .download:first-child {margin-bottom: 80px;}
#support_wrapper .section05 .download .top > a {display: inline-block;color: var(--ktech-gray-900);font-size: 18px;font-weight: var(--font-weight-medium);margin-bottom: 32px;}
#support_wrapper .section05 .title {font-size: 32px;font-weight: var(--font-weight-bold);margin-bottom: 16px;}
#support_wrapper .section05 .detail {color: var(--ktech-gray-500);font-size: 16px;margin-bottom: 32px;}
#support_wrapper .section05 .download_wrapper {display: flex;justify-content: space-between;align-items: center;gap: 16px;}
#support_wrapper .section05 .download_wrapper a {display: inline-block;width: 100%;flex: 1;border-radius: 16px;overflow: hidden;}
#support_wrapper .section05 .download_wrapper img {width: 100%;aspect-ratio: 1 / 1;object-fit: contain;object-position: center center;}
#support_wrapper .section05 .copy_btn{display: inline-block;color: var(--primary-60);padding: 4px 8px;border: 1px solid var(--primary-60);margin-left: 8px;}
/* section06 */
#support_wrapper .counsel_section {border-bottom: 1px solid var(--ktech-gray-700);}
#support_wrapper .counsel_section .title {font-size: 32px;font-weight: var(--font-weight-bold);margin-bottom: 48px;}
#support_wrapper .counsel_section form {text-align: left;padding: 0 16px;}
#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 {display: flex;flex-wrap: nowrap;gap: 8px;align-items: center;font-size: 24px;}
#support_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;}
#support_wrapper .counsel_section form select option {color: var(--ktech-gray-950);}
#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-fff);}
#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;font-size: 16px;font-weight: var(--font-weight-semibold);padding: 12px 24px;background-color: var(--primary-60);border-radius: 8px;}

/* pc 반응형 */
@media (min-width: 800px){
    .pagination {padding: 64px 16px 0;}
    .return_list_btn {font-size: 20px;}
    /* interview_wrapper */
    #interview_wrapper {padding: 64px 16px;}
    #interview_wrapper .inner {width: 100%;max-width: 1216px;margin: 0 auto;}
    #interview_wrapper #interview_list {display: flex;flex-wrap: wrap;gap: 64px 2.6%;}
    #interview_wrapper .interview {flex: 1 100%;max-width: calc((100% - 5.2%) / 3);margin-bottom: 0;}
    #interview_wrapper .interview .info {font-size: 16px;}
    /* portfolio_wrapper */
    #portfolio_wrapper {padding: 64px 16px;}
    #portfolio_wrapper .inner {width: 100%;max-width: 1216px;margin: 0 auto;}
    #portfolio_wrapper #portfolio_list {display: flex;flex-wrap: wrap;gap: 64px 2.6%;}
    #portfolio_wrapper #portfolio_list .portfolio {flex: 1 100%;max-width: calc((100% - 5.2%) / 3);margin-bottom: 0;}
    #portfolio_wrapper #portfolio_list .portfolio .campus {font-size: 16px;}
    #portfolio_wrapper #portfolio_list .portfolio .bottom {width: 100%;}
    #portfolio_wrapper .portfolio .text_wrapper .name,
    #portfolio_wrapper .portfolio .text_wrapper .detail {width: 100%;box-sizing: border-box;}
    /* portfolio_detail */
    #portfolio_detail {margin: 0;padding: 0 16px;}
    #portfolio_detail .inner {width: 100%;max-width: 1216px;margin: 0 auto;}
    #portfolio_detail #portfolio_intro .text_wrapper {padding: 64px 0;}
    #portfolio_detail #portfolio_intro .text_wrapper::after {left: 0;}
    #portfolio_detail #portfolio_intro .title {font-size: 32px;}
    #portfolio_detail .portfolio_detail {padding: 64px 0;}
    #portfolio_detail #portfolio_intro img {display: none;}
    #portfolio_detail .portfolio_detail .portfolio_table {font-size: 16px;border-radius: 16px;}
    #portfolio_detail .portfolio_detail .portfolio_table tr > * {padding: 8px 16px;}
    #portfolio_detail .portfolio_detail .portfolio_table tr > *:first-child {min-width: 100px;}
    /* outcomes_wrapper */
    #outcomes_wrapper {padding: 64px 16px;}
    #outcomes_wrapper #outcomes_list {display: flex;flex-wrap: wrap;gap: 32px;}
    #outcomes_wrapper #outcomes_list .outcome {flex: 1 calc((100% - 32px) / 2);margin: 0;box-sizing: border-box;border-radius: 16px;padding: 24px;}    #outcomes_wrapper #outcomes_list .outcome .title {font-size: 24px;}
    #outcomes_wrapper #outcomes_list .outcome .campus {font-size: 16px;}
    #outcomes_wrapper #outcomes_list .outcome .detail {font-size: 16px;}
    
    
    /* support.php */
    #support_wrapper br.pc {display: block;}
    #support_wrapper > div {padding: 112px 16px;}
    /* section01 */
    #support_wrapper .section01 {background: #011739;padding: 112px 0;}
    #support_wrapper .section01 .text_wrapper > .sub_title {font-size: 16px;}
    #support_wrapper .section01 .text_wrapper > .title {font-size: 64px;}
    #support_wrapper .section01 .text_wrapper > .text {margin-bottom: 32px;}
    #support_wrapper .section01 > .video {top: 60%;}
    #support_wrapper .section01 > .video > video {width: 1800px;}
    /* step_section */
    #support_wrapper .step_section .step {margin-bottom: 40px;}
    #support_wrapper .step_section .inner > .title {font-size: 64px;}
    #support_wrapper .step_section .inner > .detail {font-size: 16px;}
    #support_wrapper .step_section .point_list {padding: 0;}
    #support_wrapper .step_section .point_list > li {text-align: center;margin-top: 112px;}
    #support_wrapper .step_section .point_list .point {font-size: 16px;}
    #support_wrapper .step_section .point_list .main .title {font-size: 48px;}
    #support_wrapper .step_section .point_list .main .detail {font-size: 24px;margin-bottom: 64px;}
    #support_wrapper .step_section .point_list .sub {max-width: 800px;margin: 0 auto;padding: 64px 0;}
    #support_wrapper .step_section .point_list .sub > .title {font-size: 32px;margin-bottom: 24px;}
    #support_wrapper .step_section .point_list .sub > .title .gray {font-size: 24px;}
    #support_wrapper .step_section .point_list ul li .title {font-size: 24px;margin: 32px 0 4px;}
    /* section05 */
    #support_wrapper .section05 .flex_box {display: flex;gap: 6.5%;}
    #support_wrapper .section05 .download {padding: 0;display: flex;flex-direction: column;justify-content: space-between;}
    #support_wrapper .section05 .title {font-size: 48px;}
    #support_wrapper .section05 .detail {font-size: 24px;margin-bottom: 24px;word-break: keep-all;}
    #support_wrapper .section05 .download .top > a {font-size: 24px;}
    #support_wrapper .section05 .download:first-child {margin-bottom: 0;}
}