#programs-detail .uk-art-admission .inner + .text-banner { margin-top: 40rem; } #programs-detail .uk-art-admission .text-banner { text-align: center; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-art-admission/text-banner-bg.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 40rem 0; box-shadow: 0 0 0 1px var(--edm-color-border-blue); border-radius: var(--edm-radius4); isolation: isolate; font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); font-weight: 600; color: var(--edm-color-text-1);} .uk-art-admission .why-choose .list-tit { margin-top: 40rem; font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); color: var(--edm-color-text-1); } .uk-art-admission .why-choose .list-tit + ul { margin-top: 24rem; } .uk-art-admission .why-choose ul li .textWrap p em { color: var(--edm-brand-blue); } .uk-art-admission .why-choose .partner-university-list{margin-top: 60rem;} .uk-art-admission .why-choose .partner-university-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24rem; margin-top: 0; padding: 40rem 24rem; border: 1rem solid var(--edm-color-border-blue); border-radius: var(--edm-radius3); isolation: isolate; box-shadow: var(--edm-sd-blue-1); list-style: none; } .uk-art-admission .why-choose .partner-university-grid > li { display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 126rem; padding: 16rem; border-radius: var(--edm-radius3); isolation: isolate; background-color: #fff; position: static; box-shadow: none; word-break: break-word; } .uk-art-admission .why-choose .partner-university-grid > li .logo { position: relative; flex-shrink: 0; width: 160rem; height: 54rem; } .uk-art-admission .why-choose .partner-university-grid > li .logo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; pointer-events: none; } .uk-art-admission .why-choose .partner-university-grid > li:nth-child(6) .logo img { object-fit: cover; } .uk-art-admission .why-choose .partner-university-grid > li .name { margin: 0; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; color: var(--edm-color-text-2); text-align: center; word-break: break-word; white-space: nowrap;} .uk-art-admission .admission-result .imgTextCard li .imgWrap .admission-stat{position: absolute; color: #A45E13; font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); z-index: 2; top: 88rem; right: 105rem; display: flex; justify-content: center; align-items: center; gap: 4rem;} .uk-art-admission .admission-result .imgTextCard li .imgWrap .admission-stat .num{font: 700 44rem/130% Pretendard;} .uk-art-admission .admission-result .imgTextCard li .textWrap b{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600; color: var(--edm-color-text-1); margin-bottom: 12rem; display: block;} .uk-art-admission .admission-process .gradientTitBox.numbered-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } .uk-art-admission .admission-process .gradientTitBox.numbered-steps li { gap: 12rem; } .uk-art-admission .admission-process .gradientTitBox.numbered-steps li .step-title { font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 700; color: var(--edm-color-text-2);} #programs-detail .uk-art-admission .admission-process .text-banner{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-art-admission/text-banner-bg2.webp');} #programs-detail .uk-art-admission .admission-process .text-banner .desc{font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 400; color: var(--edm-color-text-2); margin-bottom: 4rem;} .uk-art-admission .university-route-guide .curriculum-compare .tabMenu { margin-bottom: 40rem; } .uk-art-admission .university-route-guide .curriculum-compare .tab-contents ul li.tab { height: auto; margin-top: 0; padding: 0; border: none; box-shadow: none; border-radius: 0; } .uk-art-admission .university-route-guide .curriculum-compare .tab-contents ul li.tab.active { display: block !important; position: relative; height: auto; padding-left: 318rem; overflow: hidden; border: 1rem solid var(--edm-color-border-blue); border-radius: var(--edm-radius3); isolation: isolate; box-shadow: var(--edm-sd-blue-1); } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .img { position: absolute; top: 0; left: 0; bottom: 0; width: 318rem; max-height: none; min-height: 0; border-radius: var(--edm-radius3) 0 0 var(--edm-radius3); isolation: isolate; overflow: hidden; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .img img { display: block; width: 100%; height: 100%; object-fit: cover; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .txt-wrap { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 40rem; gap: 40rem; border-left: 1rem solid var(--edm-color-border-blue); border-radius: 0 var(--edm-radius3) var(--edm-radius3) 0; isolation: isolate; background-color: #fff; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .route-tab-intro { display: flex; flex-direction: column; gap: 12rem; margin: 0; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .step-tit { margin: 0; font: var(--edm-f-h3); letter-spacing: var(--edm-f-h3-ls); color: var(--edm-color-text-1); } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .step-sub { margin: 0; font: var(--edm-f-h4); letter-spacing: var(--edm-f-h4-ls); font-weight: 600; color: var(--edm-color-text-1); } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .txt-item { display: flex; flex-direction: row; align-items: flex-start; margin-top: 0; gap: 24rem; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .txt-item + .txt-item { margin-top: 0; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .txt-item strong { flex-shrink: 0; width: 148rem; margin: 0; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600; color: var(--edm-color-text-1); } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .txt-item .txt-list { flex: 1; min-width: 0; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .dot-list { margin: 0; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 400; color: var(--edm-color-text-2); } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .dot-list li { margin: 0; padding: 0 0 0 16rem; border: none; box-shadow: none; background: none; position: relative; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .dot-list li::before { content: '•'; position: absolute; left: 0; top: 0; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-options { display: flex; gap: 24rem; width: 100%; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-options.col1 { display: block; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-option { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; gap: 16rem; justify-content: flex-start; align-items: flex-start; flex-direction: column;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-options:not(.col1) .class-option:first-child { flex: 0 0 302rem; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-option-head { display: flex; flex-wrap: wrap; gap: 8rem; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 400; color: var(--edm-color-text-2); width: 100%;} .uk-art-admission .university-route-guide .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .class-option-tit { margin: 0; font-weight: 600; color: var(--edm-color-text-2); display: flex; align-items: center; gap: 4rem; width: 100%;} .uk-art-admission .university-route-guide .curriculum-compare .tab-contents ul li .txt-wrap .txt-item .txt-list .class-option-tit *{display: inline; color: inherit; margin: 0; padding: 0; font: inherit; font-weight: inherit; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-option-desc { margin: 0; white-space: nowrap; width: 100%;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .time-chip { display: inline-flex; align-items: center; justify-content: center; min-height: 56rem; margin: 0; padding: 16rem; border: 1rem solid var(--edm-color-border-blue); border-radius: var(--edm-radius3); isolation: isolate; background-color: var(--edm-bg-neutral); font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; color: var(--edm-color-text-2); text-align: center; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-options:not(.col1) .class-option:first-child .time-chip { width: 100%; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .time-chip-row { display: flex; gap: 4rem; align-items: stretch; width: 100%; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .time-chip-row + .time-chip-row {margin-top: -8rem;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-label { display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 56rem; padding: 16rem; border: 1rem solid var(--edm-color-border-blue); border-radius: var(--edm-radius3); isolation: isolate; background-color: var(--edm-bg-blue); font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; color: var(--edm-color-text-2); } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .time-chip-row .time-chip { flex: 1; min-width: 0; padding-left: 5rem; padding-right: 5rem;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .curriculum-steps { display: flex; align-items: center; gap: 2rem; width: 100%; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .curriculum-step { flex: 1; min-width: 0; padding: 16rem 8rem; border: 1rem solid var(--edm-color-border-blue); border-radius: var(--edm-radius3); isolation: isolate; background-color: var(--edm-bg-neutral); text-align: center; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .curriculum-step-tit { display: flex; flex-direction: column; gap: 4rem; margin-bottom: 4rem; color: var(--edm-color-text-2); } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .curriculum-step-tit b { margin: 0; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 600; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .curriculum-step-tit p { margin: 0; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .curriculum-step-desc { margin: 0; font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); color: var(--edm-color-text-3); } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .step-arrow { flex-shrink: 0; width: 20rem; height: 20rem; border-radius: var(--edm-radiusFull); isolation: isolate; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-art-admission/step-arrow.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .session-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12rem; width: 100%; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .session-card { min-height: 126rem; padding: 16rem; border: 1rem solid var(--edm-color-border-blue); border-radius: var(--edm-radius3); isolation: isolate; background-color: var(--edm-bg-neutral); } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .session-card b { display: block; margin-bottom: 4rem; font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 600; color: var(--edm-color-text-2); } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .session-card ul { margin: 0; padding: 0; list-style: none; font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); color: var(--edm-color-text-3); } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .session-card li { position: relative; margin: 0; padding: 0 0 0 12rem; border: none; box-shadow: none; background: none; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .session-card li::before { content: '·'; position: absolute; left: 0; top: 0; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .table-bot-txt { margin-top: 12rem; font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); color: var(--edm-color-text-3); } .uk-art-admission .program-panels{background-color: #EAFAFF; padding: 140rem 0;} .uk-art-admission .edm-coaching-profile .inner:not(.why-choose) .edm-coaching-profile-heading, .uk-art-admission .edm-coaching-profile .inner:not(.why-choose) .textWrap .name, .uk-art-admission .edm-coaching-profile .inner:not(.why-choose) .textWrap .role, .uk-art-admission .edm-coaching-profile .inner:not(.why-choose) .textWrap .dot, .uk-art-admission .edm-coaching-profile .inner:not(.why-choose) .textWrap .dot b { color: #000; } .edm-coaching-profile .inner.why-choose .max-width{padding: 0;} @media (max-width: 991px) { #programs-detail .uk-art-admission .inner + .text-banner { margin-top: 24rem; } #programs-detail .uk-art-admission .text-banner { padding: 24rem; border-radius: var(--edm-radius3); background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-art-admission/text-banner-bg-mo.webp'); font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls);} .uk-art-admission .admission-process .gradientTitBox.numbered-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .uk-art-admission .why-choose .list-tit { margin-top: 24rem; } .uk-art-admission .why-choose .list-tit + ul { margin-top: 16rem; } .uk-art-admission .why-choose .partner-university-list{margin-top: 40rem;} .uk-art-admission .why-choose .partner-university-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8rem; padding: 24rem 16rem; } .uk-art-admission .why-choose .partner-university-grid > li { height: auto; padding: 12rem 0; gap: 8rem;} .uk-art-admission .why-choose .partner-university-grid > li:nth-child(9), .uk-art-admission .why-choose .partner-university-grid > li:nth-child(10) { height: 80rem; } .uk-art-admission .why-choose .partner-university-grid > li .logo { width: 80rem; height: 27rem; } .uk-art-admission .why-choose .partner-university-grid > li .name { font: var(--edm-f-detail); letter-spacing: var(--edm-f-detail-ls); white-space: initial;} .uk-art-admission .admission-result .imgTextCard li .imgWrap .admission-stat{font: 700 6.1111vw / 130% Pretendard; letter-spacing: -0.061111vw; top: auto; right: 0; height: 100%; padding-top: 8vw; bottom: 0; width: 80vw;} .uk-art-admission .admission-result .imgTextCard li .imgWrap .admission-stat .num{font: 700 10vw/130% Pretendard; letter-spacing: -0.1rem;} .uk-art-admission .admission-process .gradientTitBox.numbered-steps li .step-title{color: var(--edm-color-text-1);} #programs-detail .uk-art-admission .admission-process .text-banner .desc{font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 400;} .uk-art-admission .success-case{margin-top: 60rem;} .uk-art-admission .success-case ul li .imgWrap{height: 100%; padding-top: 53%;} .uk-art-admission .university-route-guide{margin-top: 60rem;} .uk-art-admission .university-route-guide .curriculum-compare .tabMenu { margin-bottom: 24rem; } .uk-art-admission .university-route-guide .curriculum-compare .tab-contents ul li.tab.active { display: flex !important; flex-direction: column; padding-left: 0; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .img { width: 100%; height: auto; padding-top: 30.7%; position: relative; border-radius: var(--edm-radius3) var(--edm-radius3) 0 0; isolation: isolate; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .img img { position: absolute; inset: 0; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .txt-wrap { width: 100%; padding: 24rem 16rem; gap: 40rem; border-left: none; border-radius: 0 0 var(--edm-radius3) var(--edm-radius3); isolation: isolate; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .step-tit { font-size: 18rem; letter-spacing: -0.18rem; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .step-sub { font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .txt-item { flex-direction: column; gap: 12rem; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .txt-item strong { width: 100%; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 600;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .txt-item .txt-list { width: 100%; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .dot-list { font: var(--edm-f-body1); letter-spacing: var(--edm-f-body1-ls); font-weight: 400; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .dot-list li::before{left: 3rem;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-options { flex-direction: column; gap: 32rem; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-options:not(.col1) .class-option:first-child { flex: 1 1 auto; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-options .class-option:first-child .time-chip{text-align: center; justify-content: center;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-option-head { gap: 4rem; font-size: 15rem; letter-spacing: -0.15rem; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .time-chip { min-height: 0; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400; text-align: left; padding: 16rem; justify-content: flex-start; width: 100%;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .time-chip-row .time-chip{padding: 16rem;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .class-label { width: 88rem; min-height: 0; font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .curriculum-steps { flex-direction: column; align-items: stretch; align-items: center;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .curriculum-step { width: 100%; padding: 16rem; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .curriculum-step-tit { flex-direction: row; justify-content: center; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .curriculum-step-tit b { font-size: 15rem; letter-spacing: -0.15rem; font-weight: 600; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .curriculum-step-tit p { font: var(--edm-f-body2); letter-spacing: var(--edm-f-body2-ls); font-weight: 400;} .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .curriculum-step-desc { font-size: 13rem; letter-spacing: -0.13rem; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .step-arrow { width: 16rem; height: 16rem; transform: rotate(90deg); } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .step-arrow::after { width: 5rem; height: 5rem; margin-top: -2.5rem; margin-left: -3.5rem; border-width: 1.5rem; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .session-grid { grid-template-columns: 1fr; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .session-card { min-height: 0; } .uk-art-admission .university-route-guide .curriculum-compare .route-guide.route-tab-split .session-card ul { font-size: 13rem; letter-spacing: -0.13rem; } .uk-art-admission .program-panels{margin-top: 60rem; padding: 60rem 0;} .uk-art-admission .program-panels .listType{margin-top: 0;} .uk-art-admission .edm-coaching-profile{margin-top: 60rem;} #programs-detail .uk-art-admission .edm-coaching-profile .inner + .inner{margin-top: 24rem;} }