/* BTEC-HND 소개 */ .btec-hnd-section .inner .textBox{padding: 16rem; border-radius: 12rem; background: var(--color-bg-neutral, #F5F5F7);font-size: var(--f-body1);font-style: normal;font-weight: 400;line-height: 150%;letter-spacing: -0.00938rem; word-break: break-all;} #programs-detail .uk-university-btec .contents{padding-bottom: 0;} /* BTEC-HND를 통한 영국 경영학 진학 — Point 카드 (모바일: 세로, PC: 3열·고정 비율) */ #programs-detail .uk-university-btec .btec-hnd-section2 .btec-pts {display: flex;flex-direction: column;gap: 16rem;} #programs-detail .uk-university-btec .btec-hnd-section2 .btec-pts > li {padding: 16rem;display: flex;flex-direction: column;box-sizing: border-box;height: auto;overflow: hidden; gap: 12rem; background: #fff;border-radius: 12rem;box-shadow: 0 4px 10px 0 #EBEFF4;border: 1px solid #E4E8F1;} #programs-detail .uk-university-btec .btec-hnd-section2 .btec-pts .mark {font-size: var(--f-fontSize05); color: var(--c-text01);font-weight: 600;line-height: 150%; letter-spacing: -0.01rem;} #programs-detail .uk-university-btec .btec-hnd-section2 .btec-pts .tit {font-size: var(--f-body2); color: var(--c-text02);font-weight: 400;line-height: 150%; letter-spacing: -0.01rem;} #programs-detail .uk-university-btec .btec-hnd-section2 .btec-pts .txt {font-size: var(--f-detail); color: var(--c-text03);font-weight: 400;line-height: 150%; letter-spacing: -0.190rem; word-break: break-all;} /* BTEC-HND 주요 특징 — 모바일 기본 */ #programs-detail .uk-university-btec .btec-hnd-section3 .flow {display: flex;flex-direction: column;align-items: stretch;gap: 8rem;margin-bottom: 24rem;} #programs-detail .uk-university-btec .btec-hnd-section3 .flow .pill {padding: 16rem 16rem;background: var(--color-bg-neutral, #F5F5F7);border: 1rem solid var(--color-border-blue, #E4E8F1);border-radius: 9999rem;font-size: var(--f-fontSize05);font-weight: 600;color:#000;text-align: center;line-height: 150%;letter-spacing: -0.01rem;position: relative;} #programs-detail .uk-university-btec .btec-hnd-section3 .flow .plus {position: absolute; width: 24rem;height: 24rem; top: 49rem; right: 50%; transform: translateX(50%); ; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-university-btec/plus.svg') no-repeat center center; background-size: contain; z-index: 1;} #programs-detail .uk-university-btec .btec-hnd-section3 .grid {display: grid;grid-template-columns: 1fr;gap: 16rem;} #programs-detail .uk-university-btec .btec-hnd-section3 .grid > li {position: relative; display: flex; align-items: center; min-height: 80rem;padding: 16rem;background: #FFF;border-radius: 12rem;border: 1rem solid #E4E8F1;box-shadow: 0 4rem 10rem 0 #EBEFF4;box-sizing: border-box;} #programs-detail .uk-university-btec .btec-hnd-section3 .grid .txt {font-size: var(--f-fontSize05); font-weight: 400; line-height: 150%; letter-spacing: -0.01rem;} #programs-detail .uk-university-btec .btec-hnd-section3 .grid .ico {position: absolute; width: 40rem; height: 40rem; bottom: 20rem;right: 20rem;} /* BTEC-HND vs 영국 파운데이션 vs A-Level 차이 */ #programs-detail .uk-university-btec .btec-hnd-section4 .tableWrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox { width: 100%; min-width: 0; } #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table {width: 100%;min-width: 501rem;border-collapse: collapse;table-layout: auto;} #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table th{padding: 8rem 12rem;} #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table td{padding: 8rem 12rem;} #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table tr { border-bottom: 1rem solid #E4E8F1; } #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table thead th { background-color: var(--edm-bg-neutral); font-weight: 600; line-height: 150%; letter-spacing: -0.00875rem; text-align: center; box-sizing: border-box; } #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table tbody th { font-weight: 400; letter-spacing: -0.00875rem; padding: 12rem 16rem; border-right: 1rem solid var(--edm-color-border-neutral); text-align: center; box-sizing: border-box; vertical-align: middle; } #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table tbody td { font-weight: 400; letter-spacing: -0.00875rem; line-height: 150%;text-align: center; box-sizing: border-box; vertical-align: middle; } #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table tbody td:not(:last-child) { border-right: 1rem solid var(--edm-color-border-neutral); } #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table tbody tr:last-child { background-color: var(--edm-bg-yellow); } #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table tbody tr:last-child th { background-color: inherit; } #programs-detail .uk-university-btec .common-questions .list li{word-break: break-all;} /* 영국유학 3관왕, A레벨 없이 8개월 만에 영국대학 합격한 비밀은? */ #programs-detail .uk-university-btec .common-video-type{margin-top: 100rem;} /* 먼저 입학한 학생들이 말하는 진짜 차이 */ #programs-detail .uk-university-btec .btec-hnd-section5 .review-list {margin-top: 16rem; display: grid; grid-template-columns: 1fr; gap: 16rem;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-item {padding: 16rem; background: #fff; border-radius: 12rem; border: 1rem solid #E4E8F1; box-shadow: 0 4rem 10rem 0 #EBEFF4;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-head {display: flex; align-items: center; justify-content: space-between; gap: 12rem; margin-bottom: 12rem;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-list .review-item .review-head .school-logo {width: 100rem; height: 42rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-university-btec/university-of-exeter-logo.png') no-repeat center center; background-size: contain;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-list .review-item:nth-child(2) .review-head .school-logo{width: 100rem; height: 42rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-university-btec/university-of-sheffield-logo.png') no-repeat center center; background-size: contain;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-list .review-item:nth-child(3) .review-head .school-logo{width: 100rem; height: 42rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-university-btec/university-of-bristol-logo.png') no-repeat center center; background-size: contain;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-head .name {display: none; position: relative; padding-left: 28rem; font-size: var(--f-detail); line-height: 150%; font-weight: 400; color: var(--c-text03);} #programs-detail .uk-university-btec .btec-hnd-section5 .review-head .name:before {content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 20rem; height: 20rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-university-btec/people.svg') no-repeat center center; background-size: contain;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-item .scroll-name{display: none;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-item .review-txt {font-size: 15rem; font-weight: 400; color: var(--c-text03); line-height: 150%; letter-spacing: -0.00938rem; word-break: break-all;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-meta {margin-top: 8rem; font-size: var(--f-detail); font-weight: 400; color: var(--c-text03); line-height: 150%; letter-spacing: -0.00875rem;} /* 영국 경영학 진학 커리큘럼 구성 */ #programs-detail .uk-university-btec .btec-hnd-section6 {background-color: var(--c-background-neutral); padding: 60rem 0; margin-top: 60rem;} #programs-detail .uk-university-btec .btec-hnd-section6 .curriculum-list {display: flex;flex-direction: column;gap: 16rem;} #programs-detail .uk-university-btec .btec-hnd-section6 .curriculum-list > li {padding: 16rem;background: #fff;border-radius: 12rem;box-shadow: 0 4px 10px 0 #EBEFF4;border: 1px solid #E4E8F1;} #programs-detail .uk-university-btec .btec-hnd-section6 .curriculum-list .tit {font-size: var(--f-fontSize05); font-weight: 700; line-height: 150%; letter-spacing: -0.01rem; color: var(--c-text01); margin-bottom: 12rem;} #programs-detail .uk-university-btec .btec-hnd-section6 .curriculum-list .dotTxt {position: relative; padding-left: 8rem; font-size: var(--f-body2);font-weight: 400;color: #333;line-height: 150%;letter-spacing: -0.00875rem;} #programs-detail .uk-university-btec .btec-hnd-section6 .curriculum-list .dotTxt:before { content: '·';position: absolute; left: 0; top: 0px;} /* 경영학 특화 이수과목 — 모바일 1열·더보기, PC 3열 전체 노출 */ #programs-detail .uk-university-btec .btec-hnd-section7 .special-wrap { position: relative; width: 100%; } #programs-detail .uk-university-btec .btec-hnd-section7 .special-list {display: grid;grid-template-columns: 1fr;gap: 16rem;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-card {display: flex;align-items: flex-start;gap: 12rem;padding: 16rem;background: #fff;border-radius: 12rem;border: 1rem solid #e4e8f1;box-shadow: 0 4rem 10rem 0 #ebeff4;box-sizing: border-box;text-align: left;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-card .ico {flex-shrink: 0;width: 40rem;height: 40rem;border-radius: 50%; background: #f5f5f7;display: flex;align-items: center;justify-content: center;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-card .ico img {object-fit: contain;display: block;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-card .txt { min-width: 0; flex: 1 1 auto; } #programs-detail .uk-university-btec .btec-hnd-section7 .special-card .en {font-size: var(--f-fontSize05);font-weight: 600;color: var(--c-text01, #000);line-height: 150%;letter-spacing: -0.01rem;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-card .ko {margin-top: 2rem; font-size: var(--f-body2);font-weight: 400;color: var(--c-text02, #333);line-height: 150%;letter-spacing: -0.00875rem;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-more {display: flex;align-items: center;justify-content: center;gap: 6rem; width: 100%;margin-top: 0;padding: 7.75rem 20rem;border-radius: 8rem;border: 1rem solid var(--color-border-neutral-new, #666);background: #fff;font: inherit;font-size: var(--f-fontSize05);font-weight: 400;color: var(--c-text03);cursor: pointer;box-sizing: border-box;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-more .special-more-chev {flex-shrink: 0;transition: transform 0.2s ease;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-wrap.is-expanded .special-more .special-more-chev {transform: rotate(180deg);} #programs-detail .uk-university-btec .btec-hnd-section7 .special-wrap:not(.is-expanded) {padding-bottom: calc(36rem - 18px);} #programs-detail .uk-university-btec .btec-hnd-section7 .special-wrap:not(.is-expanded) #btec-special-list {position: relative;overflow: hidden;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-wrap:not(.is-expanded) #btec-special-list::after {content: ''; position: absolute;left: 0;right: 0;bottom: 0;height: 132rem;pointer-events: none;z-index: 1;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 90%);} #programs-detail .uk-university-btec .btec-hnd-section7 .special-wrap:not(.is-expanded) .special-list > li:nth-child(n + 5) {display: none;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-wrap:not(.is-expanded) .special-more {position: absolute;left: 50%;transform: translate(-50%, -3px);margin-top: 0;z-index: 2;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-wrap.is-expanded #btec-special-list {overflow: visible;max-height: none !important;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-wrap.is-expanded .special-more {position: static;width: 100%;margin-top: 16rem;} /* 합격까지 함께하는 입학관리 시스템 (섹션은 .program-detail 밖 — #programs-detail 직계) */ #programs-detail .btec-hnd-section8 .admission-mgmt-list {display: grid; grid-template-columns: 1fr; gap: 16rem; margin: 0; padding: 0; list-style: none;} #programs-detail .btec-hnd-section8 .admission-mgmt-card {background: #fff; border-radius: 12rem; border: 1rem solid #E4E8F1; box-shadow: 0 4rem 10rem 0 #EBEFF4; overflow: hidden; box-sizing: border-box;} #programs-detail .btec-hnd-section8 .admission-mgmt-card .thumb {position: relative; width: 100%; aspect-ratio: 20 / 10; overflow: hidden; background:#F5F5F7;} #programs-detail .btec-hnd-section8 .admission-mgmt-card .thumb img {width: 100%; height: 100%; object-fit: cover; display: block;} #programs-detail .btec-hnd-section8 .admission-mgmt-card .body {padding: 16rem;} #programs-detail .btec-hnd-section8 .admission-mgmt-card .tit {font-size: var(--f-fontSize05); font-weight: 700; line-height: 150%; letter-spacing: -0.01rem; color: var(--c-text01); margin-bottom: 8rem;} #programs-detail .btec-hnd-section8 .admission-mgmt-card .desc {font-size: var(--f-body2); font-weight: 400; line-height: 150%; letter-spacing: -0.00875rem; color: var(--c-text03); margin: 0; word-break: keep-all;} /* 입학 프로세스 */ #programs-detail .uk-university-btec .btec-hnd-section9 .admission-track {display: flex; flex-direction: column; gap: 16rem;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-item {list-style: none; margin: 0; padding: 0;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-link {display: none;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-card {position: relative; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto 1fr; align-items: start; padding: 16rem; background: #fff; border-radius: 12rem; border: 1rem solid #E4E8F1; box-shadow: 0 4rem 10rem 0 #EBEFF4; box-sizing: border-box;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-badge { display: inline-block; align-self: start; text-align: center; width: 39rem; line-height: 18rem; font-size: 12rem; border: 1rem solid #0066FF; border-radius: 4rem; font-weight: 600; color: #0066FF; margin-bottom: 8rem;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-icon {align-self: center; position: absolute; right: 16rem; top: 16rem;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-icon img {width: 40rem; height: 40rem; object-fit: contain; display: block;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-track > .admission-item:first-child .admission-icon img {transform: scaleX(-1);} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-text {grid-column: 1; grid-row: 2; min-width: 0;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-text .tit {margin-bottom: 2rem; font-size: var(--f-fontSize05); font-weight: 700; line-height: 150%; letter-spacing: -0.01rem; color: var(--c-text01);} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-text .desc {margin: 0; font-size: 14rem; font-weight: 400; line-height: 150%; letter-spacing: -0.00875rem; color: #000; word-break: keep-all;} /* BTEC 연계 대학 로고 */ #programs-detail .uk-university-btec .btec-hnd-section10{margin-top: 60rem; padding: 60rem 0; background-color: #F5F5F7;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-wrap {display: flex; flex-direction: column; gap: 16rem;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-box {background: #fff; border-radius: 12rem; overflow: hidden; box-sizing: border-box;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-head {margin: 0; padding: 8rem; font-size: var(--f-fontSize04); font-weight: 700; line-height: 150%; letter-spacing: -0.01rem; color: #fff; text-align: center; background: linear-gradient(90deg, var(--Color-blue-500, #0086FA) 0%, var(--Color-cyan-blue, #01D29C) 100%);} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-grid {display: grid; justify-content: center; width: 100%; max-width: 100%; padding: 12rem; list-style: none; gap: 12rem 17rem; box-sizing: border-box;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-grid--uk {grid-template-columns: repeat(3, auto);} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-grid--au {grid-template-columns: repeat(3, auto); justify-content: center;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-grid--au::after{content: ''; width: 90px; height: 42px;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-grid--hk {grid-template-columns: repeat(3, auto);} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-cell {box-sizing: border-box; width: 90px; height: 42px; display: flex; align-items: center; justify-content: center; overflow: hidden;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-cell picture {display: block; width: 100%; line-height: 0; max-width: 100%; max-height: 100%;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-logo {display: block; width: 100%; object-fit: contain; object-position: center;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-split {display: flex; flex-direction: column; gap: 16rem;} /* 실시간 해외대학 합격생 (OFFER LETTERS) */ #programs-detail .uk-university-btec .btec-hnd-section11 {margin-top: 0; padding: 60rem 0;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-university-btec/hnd-reason-bg-mo.webp")no-repeat center / cover;box-sizing: border-box;} #programs-detail .uk-university-btec .btec-hnd-section11 .titleWrap { text-align: left; word-break: break-all;} #programs-detail .uk-university-btec .btec-hnd-section11 .hap-card {max-width: 100%;margin-left: auto;margin-right: auto;padding: 16rem;background: #fff;border-radius: 12rem; border: 1rem solid #E4E8F1;text-align: center;box-sizing: border-box;} #programs-detail .uk-university-btec .btec-hnd-section11 .hap-badge { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16rem; padding: 2.5rem 8.11rem; font-size: var(--f-body2, 15rem); font-weight: 700; line-height: 150%; letter-spacing: -0.01rem; color: #fff; background: linear-gradient(90deg, #FC1D01 0%, #FDA245 100%); border-radius: 4rem; } #programs-detail .uk-university-btec .btec-hnd-section11 .hap-badge .hap-badge-icon { display: block; flex-shrink: 0; width: 14px; height: 14px; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-university-btec/hap-icon.png") no-repeat center / cover; } #programs-detail .uk-university-btec .btec-hnd-section11 .hap-list {display: flex;flex-direction: column;gap: 16rem;} #programs-detail .uk-university-btec .btec-hnd-section11 .hap-list > li { margin: 0; } #programs-detail .uk-university-btec .btec-hnd-section11 .hap-sch {text-align: left; margin-bottom: 4rem;;font-size: var(--f-body1);font-weight: 700;line-height: 150%;letter-spacing: -0.00938rem;color: var(--c-text01, #000);word-break: keep-all;} #programs-detail .uk-university-btec .btec-hnd-section11 .hap-cty {font-weight: 700; } #programs-detail .uk-university-btec .btec-hnd-section11 .hap-mem {text-align: left; margin: 0;font-size: 15rem;font-weight: 400;line-height: 150%;letter-spacing: -0.00938rem;color: var(--c-text02);word-break: keep-all;} @media screen and (min-width: 576px) { #programs-detail .btec-hnd-section8 .admission-mgmt-list{grid-template-columns: 2fr;} #programs-detail .uk-university-btec .btec-hnd-section11 .hap-sch {text-align: center;} #programs-detail .uk-university-btec .btec-hnd-section11 .hap-mem {text-align: center;} } @media screen and (min-width: 976px) { #programs-detail .uk-university-btec .btec-hnd-section3 .flow .plus{top: 55rem;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-split {grid-template-columns: 1fr;} } @media screen and (min-width: 1200px) { /* BTEC-HND 소개 */ .btec-hnd-section .inner .textBox{ padding: 24rem; font-size: var(--f-body1);line-height: 150%; letter-spacing: -0.01125rem;} /* Point 카드: 가로 3열, 294:383 비율 */ #programs-detail .uk-university-btec .btec-hnd-section2 .btec-pts {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24rem;} #programs-detail .uk-university-btec .btec-hnd-section2 .btec-pts > li {padding: 24rem;} #programs-detail .uk-university-btec .btec-hnd-section2 .btec-pts .mark {font-size: var(--f-fontSize05); line-height: 150%; letter-spacing: -0.0125rem;} #programs-detail .uk-university-btec .btec-hnd-section2 .btec-pts .tit {font-size: var(--f-body2);line-height: 150%;letter-spacing: -0.01rem;} #programs-detail .uk-university-btec .btec-hnd-section2 .btec-pts .txt {font-size: var(--f-detail);line-height: 150%;letter-spacing: -0.00875rem;} /* BTEC-HND 주요 특징 — pill 3등분 (gap 제외 동일 폭) */ #programs-detail .uk-university-btec .btec-hnd-section3 .flow {flex-direction: row;flex-wrap: nowrap;align-items: center;width: 100%;margin-bottom: 70rem;gap: 24rem;} #programs-detail .uk-university-btec .btec-hnd-section3 .flow .pill {flex: 1 1 0;min-width: 0;text-align: center;padding: 24rem 20rem;font-size: var(--f-fontSize05);font-weight: 600;} #programs-detail .uk-university-btec .btec-hnd-section3 .flow .plus {width: 40rem;height: 40rem;top: 50%;right: -32rem;transform: translateY(-50%);} #programs-detail .uk-university-btec .btec-hnd-section3 .grid {grid-template-columns: repeat(3, 1fr);gap: 24rem;} #programs-detail .uk-university-btec .btec-hnd-section3 .grid > li {border-radius: 16rem; padding: 24rem; min-height: 136rem; align-items: flex-start;} #programs-detail .uk-university-btec .btec-hnd-section3 .grid .txt {font-size: var(--f-fontSize05); font-weight: 400; line-height: 150%; letter-spacing: -0.0125rem;} #programs-detail .uk-university-btec .btec-hnd-section3 .grid .ico {width: 50rem; height: 50rem; bottom: 24rem;right: 24rem;} /* 비교 테이블: 4열 평균 312rem (넓은 화면은 균등 확장, 좁으면 가로 스크롤) */ #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table {table-layout: fixed;width: 100%;min-width: 1248rem;} #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table th{padding: 12rem 16rem;letter-spacing: -0.0125rem;} #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table td{padding: 12rem 16rem;letter-spacing: -0.0125rem;} #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table thead th, #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table tbody th, #programs-detail .uk-university-btec .btec-hnd-section4 .tableBox table tbody td {width: 25%;min-width: 312rem;word-break: keep-all;overflow-wrap: break-word;} /* 영국유학 3관왕, A레벨 없이 8개월 만에 영국대학 합격한 비밀은? */ #programs-detail .uk-university-btec .common-video-type{margin-top: 70rem;} /* 먼저 입학한 학생들이 말하는 진짜 차이 */ #programs-detail .uk-university-btec .btec-hnd-section5 .review-list {margin-top: 24rem; grid-template-columns: repeat(3, 1fr); gap: 24rem;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-item {padding: 24rem;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-head {margin-bottom: 12rem; align-items: end;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-head .name{display: block;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-item .scroll-name{display: block; margin-bottom: 4rem; font-size: var(--f-body2); font-weight: 400; line-height: 150%; letter-spacing: -0.01rem; color: var(--c-text01);} #programs-detail .uk-university-btec .btec-hnd-section5 .review-item .review-txt{font-size: var(--f-body2); line-height: 150%; letter-spacing: -0.01rem;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-list .review-item .review-head .school-logo {width: 118rem; height: 42rem;} #programs-detail .uk-university-btec .btec-hnd-section5 .review-meta {font-size: var(--f-detail); display: none;} /* 영국 경영학 진학 커리큘럼 구성 */ #programs-detail .uk-university-btec .btec-hnd-section6{margin-top: 140rem; padding: 140rem 0;} #programs-detail .uk-university-btec .btec-hnd-section6 .curriculum-list{display: grid; grid-template-columns: repeat(3, 1fr);gap: 24rem;} #programs-detail .uk-university-btec .btec-hnd-section6 .curriculum-list > li{padding: 24rem; border-radius: 16rem;} #programs-detail .uk-university-btec .btec-hnd-section6 .curriculum-list .tit {font-size: var(--f-fontSize05); line-height: 150%; letter-spacing: -0.01rem; margin-bottom: 12rem;} #programs-detail .uk-university-btec .btec-hnd-section6 .curriculum-list .dotTxt {font-size: var(--f-body2);font-weight: 400;line-height: 150%;letter-spacing: -0.01rem;} /* 경영학 특화 이수과목 — PC 3열 */ #programs-detail .uk-university-btec .btec-hnd-section7 .special-more {display: none;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-wrap {max-width: none; } #programs-detail .uk-university-btec .btec-hnd-section7 .special-list {grid-template-columns: repeat(3, 1fr);gap: 24rem;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-card {padding: 24rem;min-height: 0;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-card .ico {width: 56rem;height: 56rem;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-card .en { font-size: var(--f-fontSize05); letter-spacing: -0.0125rem; line-height: 150%;} #programs-detail .uk-university-btec .btec-hnd-section7 .special-card .ko { font-size: var(--f-body2); letter-spacing: -0.01rem; } /* 합격까지 함께하는 입학관리 시스템 — PC 3×2 */ #programs-detail .btec-hnd-section8 .titleWrap {text-align: left;} #programs-detail .btec-hnd-section8 .admission-mgmt-list {grid-template-columns: repeat(3, 1fr); gap: 24rem;} #programs-detail .btec-hnd-section8 .admission-mgmt-card{border-radius: 16rem;} #programs-detail .btec-hnd-section8 .admission-mgmt-card .body {padding: 24rem;} #programs-detail .btec-hnd-section8 .admission-mgmt-card .tit {font-size: var(--f-fontSize05); font-weight: 600; letter-spacing: -0.0125rem; margin-bottom: 12rem;} #programs-detail .btec-hnd-section8 .admission-mgmt-card .desc {font-size: var(--f-body2); letter-spacing: -0.01rem;} /* 입학 프로세스 — PC 가로 5단 + 화살표 */ #programs-detail .uk-university-btec .btec-hnd-section9 .admission-track {flex-direction: row; align-items: stretch; gap: 0;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-link {display: flex; align-items: center; justify-content: center; flex: 0 0 auto; align-self: center; position: relative; z-index: 2; width: 40rem; margin-left: -8rem; margin-right: -8rem;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-arrow {display: flex; align-items: center; justify-content: center; width: 40rem; height: 40rem; border-radius: 50%; background: linear-gradient(90deg, var(--Color-blue-500, #0086FA) 0%, var(--Color-cyan-blue, #01D29C) 100%);} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-item {flex: 1 1 0; min-width: 0;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-card {display: flex; flex-direction: column; align-items: center; text-align: center; height: 100%; padding: 24rem 16rem; border-radius: 16rem; row-gap: 0; column-gap: 0;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-badge {margin: 0 auto; font-size: var(--f-body2); width: 57rem; line-height: 22rem; margin-bottom: 12rem;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-icon {margin-bottom: 12rem; position: initial;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-icon img{width: 56rem; height: 56rem;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-text {width: 100%;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-text .tit {font-size: var(--f-fontSize05); font-weight: 600; line-height: 150%; letter-spacing: -0.0125rem;} #programs-detail .uk-university-btec .btec-hnd-section9 .admission-text .desc {font-size: var(--f-body2); letter-spacing: -0.01rem;} /* BTEC 연계 대학 */ #programs-detail .uk-university-btec .btec-hnd-section10 .univ-box{border-radius: 16rem;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-wrap{gap: 40rem;} #programs-detail .uk-university-btec .btec-hnd-section10 {margin-top: 140rem; padding: 140rem 0;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-split {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24rem;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-grid {padding: 24rem; gap: 12rem 24rem;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-cell{width: 100%; height: 80px;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-grid--uk {grid-template-columns: repeat(5, auto);} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-grid--au {grid-template-columns: repeat(2, auto); justify-content: center;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-grid--au::after{display: none;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-grid--hk {grid-template-columns: repeat(3, auto); padding: 24rem;} #programs-detail .uk-university-btec .btec-hnd-section10 .univ-head {padding: 16rem; font-size: var(--f-body1); letter-spacing: -0.0125rem;} /* 실시간 합격생 — PC */ #programs-detail .uk-university-btec .btec-hnd-section11 {padding: 140rem 0; margin-top: 0; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-university-btec/hnd-reason-bg-pc.webp")no-repeat center / cover;} #programs-detail .uk-university-btec .btec-hnd-section11 .titleWrap { text-align: center;} #programs-detail .uk-university-btec .btec-hnd-section11 .hap-card {max-width: 743rem; padding: 40rem; } #programs-detail .uk-university-btec .btec-hnd-section11 .hap-badge {margin-bottom: 24rem; padding: 1.5rem 17.46rem; font-size: var(--f-body1); } #programs-detail .uk-university-btec .btec-hnd-section11 .hap-badge .hap-badge-icon{width: 18rem; height: 18rem;} #programs-detail .uk-university-btec .btec-hnd-section11 .hap-list {gap: 24rem; } #programs-detail .uk-university-btec .btec-hnd-section11 .hap-sch {font-size: var(--f-fontSize03); letter-spacing: -0.01625rem; } #programs-detail .uk-university-btec .btec-hnd-section11 .hap-mem {font-size: var(--f-fontSize05); letter-spacing: -0.0125rem; } }