/* 공통 */ .uk-prestige-univ .section{padding: 60rem 0;} .uk-prestige-univ .section.type2{padding: 92rem 0;} .uk-prestige-univ .section .whiteWrap{background-color: #fff; padding: 60rem 92rem;} .uk-prestige-univ .sub-circleTxt{text-align: center;} .uk-prestige-univ .sub-circleTxt span{background-color: #3F0CE1; color: #fff; font-weight: 700; font-size: 32rem; display: inline-block; border-radius: 999999999rem; isolation: isolate; padding: 8rem 32rem;} .uk-prestige-univ .sub-circleTxt.type2{margin-top: -93rem; margin-bottom: 26rem;} .uk-prestige-univ .sub-circleTxt.type2 span{font-size: 22rem; padding: 0 32rem; background-color: #3C12C3; height: 66rem; line-height: 66rem;} .uk-prestige-univ h3 { margin-bottom: 60rem; font-size: 45rem; font-weight: 700; text-align: center; color: #000; line-height: 1.35;} .uk-prestige-univ em{color: #3F0CE1;} .uk-prestige-univ table.table-one { width: 100%; border-collapse: collapse; border-top: 1rem solid #DBDBDB; border-bottom: 1rem solid #DBDBDB; text-align: center; color: #000; } .uk-prestige-univ table.table-one em{color: #3F0CE1;} .uk-prestige-univ table.table-one th { height: 64rem; font-size: 22rem; font-weight: 700; color: #333; border-right: 1rem solid #DBDBDB;} .uk-prestige-univ table.table-one th:last-child{border-right: none;} .uk-prestige-univ table.table-one tr { border-bottom: 1rem solid #DBDBDB; } .uk-prestige-univ table.table-one tr:last-child{border-bottom: none;} .uk-prestige-univ table.table-one tr:last-child td.null{border-bottom: 1rem solid #DBDBDB;} .uk-prestige-univ table.table-one td { width: 20%; height: 58rem; border-right: 1rem solid #DBDBDB; font-size: 18rem; word-break: break-all; } .uk-prestige-univ table.table-one td.null{border-bottom: 1rem solid #fff;} .uk-prestige-univ table.table-one td:last-child{border-right: none;} .uk-prestige-univ table.table-one .color0{background-color: #E8FDFF;} .uk-prestige-univ table.table-one .color1{background-color: #FFFAE5;} .uk-prestige-univ table.table-one .color2{background-color: #DCFCFF;} .uk-prestige-univ table.table-one .color3{background-color: #FFF6D4;} .uk-prestige-univ table.table-one .color4{background-color: #FFFDDB;} .uk-prestige-univ table.table-one .color5{background-color: #FFF1BB;} .uk-prestige-univ table.table-one + .bottomTxt{font-size: 20rem; margin-top: 40rem;} .uk-prestige-univ table.table-one + .bottomTxt em{font-weight: 700;} /* 메인 비주얼 */ .uk-prestige-univ .prestige-univ-section1 { background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-prestige-univ/prestige-univ-bg01-241025.jpg") no-repeat center bottom; background-size: cover; } .uk-prestige-univ .prestige-univ-section1 { text-align: center; padding: 80rem 0; } .uk-prestige-univ .prestige-univ-section1 .sub{text-align: center;} .uk-prestige-univ .prestige-univ-section1 .sub span { font-size: 26rem; color: #fff; font-weight: 700; background-color: #9E1CFF; border-radius: 99999999rem; isolation: isolate; padding: 12rem 32rem; line-height: 33.8rem; margin-bottom: 12rem; display: inline-block;} .uk-prestige-univ .prestige-univ-section1 .title { color: #fff; font-size: 108rem; line-height: 1.4;} .uk-prestige-univ .prestige-univ-section1 .title em{color: #FFECC7;} .uk-prestige-univ .prestige-univ-section1 .logoWrap{display: flex; align-items: center; justify-content: center; margin: 57rem 0 60rem;} .uk-prestige-univ .prestige-univ-section1 .logoWrap .logo{background-color: #FFFFFF; border-radius: 20rem; isolation: isolate; aspect-ratio: 344/148; width: 344rem; box-shadow: 0 6rem 12rem #331F85;} .uk-prestige-univ .prestige-univ-section1 .logoWrap .logo{margin: 0 12rem;} .uk-prestige-univ .prestige-univ-section1 .logoWrap .logo figure{ width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat;} .uk-prestige-univ .prestige-univ-section1 .contactWrap {text-align: center;} .uk-prestige-univ .prestige-univ-section1 .contactWrap a { width: 344rem; font-size: 26rem; font-weight: 700; text-align: center; color: #fff; background-color: #000000; padding: 16rem 0; display: inline-block;} /* edm아트유학 포트폴리오와 함께 세계랭킹 TOP 영국 명문대 진학! */ .uk-prestige-univ .pass-story{background-color: #E3EBFF;} .uk-prestige-univ .pass-story .sub-circleTxt{margin-bottom: 12rem;} .uk-prestige-univ .pass-story .list{display: grid; grid-template-columns: repeat(2, 1fr); padding: 60rem 60rem 20rem; background-color: #fff; gap: 40rem;} .uk-prestige-univ .pass-story .list .box{text-align: center; margin-bottom: 40rem;} .uk-prestige-univ .pass-story .list .box .imgWrap{aspect-ratio: 460/264; width: 100%;} .uk-prestige-univ .pass-story .list .box .imgWrap figure{width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;} .uk-prestige-univ .pass-story .list .box .textWrap{background-color: #3F0CE1; color: #fff; font-size: 26rem; padding: 12rem 0; font-weight: 700;} /* 합리적인 학비 비용 */ .uk-prestige-univ .prestige-univ-section10 { padding: 60rem 0; background-color: #E7DCFC; } .uk-prestige-univ .prestige-univ-section10-con { padding: 60rem 92rem; background-color: #fff; } .uk-prestige-univ .prestige-univ-section10-con > h3 > strong { color: #E73442; } .uk-prestige-univ .prestige-univ-section10 table.england { border-top: none; } .uk-prestige-univ .prestige-univ-section10 table.england th { background-color: #FFFAE5; } .uk-prestige-univ .prestige-univ-section10-con-text { margin-top: 26rem; text-align: left; font-size: 16rem; color: #666; } /* 학사 3년, 석사 1년 과정의 짧은 학위 취득 기간 */ .uk-prestige-univ .advantage2{background-color: #FFF1CF;} /* 전공 심화 커리큘럼 구성 */ .uk-prestige-univ .curriculum{background-color: #FFF1CF;} .uk-prestige-univ .curriculum h3{margin-bottom: 40rem;} .uk-prestige-univ .curriculum .tableDesign{display: flex; flex-wrap: wrap;} .uk-prestige-univ .curriculum .tableDesign .table-cation{font-size: 18rem; font-weight: 700; margin-bottom: 58rem; color: #000; width: 100%;} .uk-prestige-univ .curriculum .tableDesign .box{width: 50%;} .uk-prestige-univ .curriculum .tableDesign .title{color: #fff; font-size: 22rem; padding: 16rem 0; position: relative; font-weight: 700;} .uk-prestige-univ .curriculum .tableDesign .title figure{background-repeat: no-repeat; background-size: contain; background-position: center; width: 68rem; height: 98rem; position: absolute; bottom: 0;} .uk-prestige-univ .curriculum .tableDesign .blue .title figure{left: 62rem; } .uk-prestige-univ .curriculum .tableDesign .red .title figure{left: 35rem; } .uk-prestige-univ .curriculum .tableDesign .blue .title{background-color: #1D37FF; } .uk-prestige-univ .curriculum .tableDesign .red .title{background-color: #EA2E40; } .uk-prestige-univ .curriculum .tableDesign .info{padding: 24rem; line-height: 1.53; font-size: 18rem; color: #333333; border: 1rem solid #DBDBDB; border-top: none; height: 354rem; position: relative; display: flex; justify-content: center; align-items: center;} .uk-prestige-univ .curriculum .tableDesign .info b{margin-top: 30rem; display: block;} .uk-prestige-univ .curriculum .tableDesign .info .color1{color: #1D37FF;} .uk-prestige-univ .curriculum .tableDesign .info .color2{color: #EA2E40;} .uk-prestige-univ .curriculum .tableDesign .blue .info{border-right: none;} .uk-prestige-univ .curriculum .tableDesign2{margin-top: 24rem; display: flex; flex-wrap: wrap;} .uk-prestige-univ .curriculum .tableDesign2 .box{width: 50%; padding: 24rem 0; font-size: 18rem;} .uk-prestige-univ .curriculum .tableDesign2 .box:nth-child(1){border-right: 2rem solid #fff; background-color: #EFF7FF; box-sizing: border-box;} .uk-prestige-univ .curriculum .tableDesign2 .box:nth-child(2){background-color: #FFF1F1;} .uk-prestige-univ .curriculum .tableDesign2 .box b{color: #000;} .uk-prestige-univ .curriculum .tableDesign2 .box .blue{color: #1D37FF;} .uk-prestige-univ .curriculum .tableDesign2 .box .red{color: #EA2E40;} .uk-prestige-univ .curriculum .mo-box{display: none;} /* 세계가 주목하는 '영국식 디자인'과 '디자인 경영' */ .uk-prestige-univ .prestige-univ-section3 { background: #EBE8F2; } .uk-prestige-univ .prestige-univ-section3 {background-color: #E3EBFF;} .uk-prestige-univ .prestige-univ-section3 .sub-circleTxt{margin-top: 0;} .uk-prestige-univ .prestige-univ-section3 .bx-pager .bx-pager-item a{background: #C6C6C6;} .uk-prestige-univ .prestige-univ-section3 .bx-pager .bx-pager-item a.active{background: #1C3EB4;} .uk-prestige-univ #article01-slides { width:100%; margin: 0 auto; text-align: center; } .auto-scroller { overflow:hidden; display: flex; } .auto-scroller li { margin:0 9rem 0 0; padding:0; width: 200rem; } .auto-scroller li img { width: 100%; } /* 세계적인 디자이너 다수 배출 */ .uk-prestige-univ #article01-designers {background-color: #E3EBFF; padding-top: 20rem;} .uk-prestige-univ #article01-designers .sub-circleTxt{margin-top: 0;} .uk-prestige-univ #article01-designers .simply-scroll-clip { position:relative; overflow:hidden; } /* 세계적인 아티스트로 성장할 수 있는 영국 유학의 기회를 잡아보세요 */ .uk-prestige-univ .chanceWrap{text-align: center; color: #fff; font-weight: 700; font-size: 40rem; padding: 100rem 0; background-size: cover; background-position: center; background-repeat: no-repeat;} .uk-prestige-univ .chanceWrap em{color: #F8FF30;} /* 영국 아트 명문대 인텐시브 포트폴리오 준비반 */ .uk-prestige-univ .intensivePortfolio{background-color: #EDE3FF; } .uk-prestige-univ .intensivePortfolio h4{font-size: 32rem; color: #3F0CE1; margin-bottom: 40rem;} .uk-prestige-univ .intensivePortfolio .sub-circleTxt span{font-size: 18rem; background-color: #9E1CFF; margin-bottom: 8rem;} .uk-prestige-univ .intensivePortfolio .area + .area{margin-top: 80rem;} .uk-prestige-univ .intensivePortfolio .prepare .dateBox{display: flex;} .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li{width: calc(100%/3 - 56rem); margin-right: 84rem; background-color: #fff; text-align: center; font-size: 22rem; font-weight: 700;} .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li:last-child{margin-right: 0;} .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li + li{position: relative;} .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li + li::before{content: ''; position: absolute; left: -60rem; top: 50%; transform: translateY(-50%); width: 36rem; height: 40rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uk-prestige-univ/intensivePortfolio_arrow.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;} .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li .date{background-color: #3F0CE1; color: #fff; padding: 12rem 0;} .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li .textWrap{height: 130rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li .textWrap span{display: block; font-weight: 400; font-size: 18rem; width: 100%;} .uk-prestige-univ .intensivePortfolio .prepare .infoBox{background-color: #E7D9FF; margin-top: 24rem; text-align: left; padding: 32rem; font-size: 16rem;} .uk-prestige-univ .intensivePortfolio .prepare .infoBox b{margin-bottom: 12rem; display: block;} .uk-prestige-univ .intensivePortfolio .special .infoBox .box{display: flex; flex-wrap: wrap; text-align: center;} .uk-prestige-univ .intensivePortfolio .special .infoBox .box + .box{border-top: 1rem solid #EAEAEA;} .uk-prestige-univ .intensivePortfolio .special .infoBox .box .left{width: 344rem; display: flex; justify-content: center; align-items: center; font-size: 20rem; font-weight: 700;} .uk-prestige-univ .intensivePortfolio .special .infoBox .box .right{width: calc(100% - 344rem); background-color: #fff; padding: 30rem 32rem; font-size: 16rem; box-sizing: border-box;} .uk-prestige-univ .intensivePortfolio .special .infoBox .box:nth-child(1) .left{background-color: #FFFAB7;} .uk-prestige-univ .intensivePortfolio .special .infoBox .box:nth-child(2) .left{background-color: #E0FCCC;} .uk-prestige-univ .intensivePortfolio .special .infoBox .box:nth-child(3) .left{background-color: #D5F7FF;} .uk-prestige-univ .intensivePortfolio .management .infoBox{display: flex; flex-wrap: wrap; justify-content: center; row-gap: 25rem; column-gap: 30rem; max-width: 850rem; margin: 0 auto;} .uk-prestige-univ .intensivePortfolio .management .infoBox .circle{width: 142rem; aspect-ratio: 1/1; background-color: #fff; border-radius: 50%; isolation: isolate; font-size: 20rem; text-align: center; color: #30146B;} .uk-prestige-univ .intensivePortfolio .management .infoBox .circle .icon{width: 50rem; aspect-ratio: 50/46; margin: 34rem auto 0;} .uk-prestige-univ .intensivePortfolio .management .infoBox .circle .icon figure{width: 100%; height: 100%; object-fit: contain; background-repeat: no-repeat; background-position: center; background-size: contain;} /* 비교불가한 합격 결과! 2024 영국 명문 대학교 합격 리스트 */ .uk-prestige-univ .resultWrap{background-color: #E3F2FF;} .uk-prestige-univ .resultWrap .table-one th{background-color: #F8F8F8;} .uk-prestige-univ .resultWrap .table-one caption{caption-side: bottom; text-align: left; color: #666666; margin-top: 24rem; font-size: 16rem; font-weight: 400;} .uk-prestige-univ .resultWrap .infoBox{margin-top: 48rem;} .uk-prestige-univ .resultWrap .infoBox .box{display: flex; flex-wrap: wrap; padding: 32rem 0 32rem 92rem; margin-right: 24rem; text-align: left; font-size: 20rem; background-color: #fff; align-items: center;} .uk-prestige-univ .resultWrap .infoBox .box + .box{margin-top: 16rem;} .uk-prestige-univ .resultWrap .infoBox .box .icon{width: 160rem; aspect-ratio: 160/132;} .uk-prestige-univ .resultWrap .infoBox .box .icon figure{width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center;} .uk-prestige-univ .resultWrap .infoBox .box .textWrap{width: calc(100% - 276rem); padding-left: 24rem;} .uk-prestige-univ .resultWrap .infoBox .box .textWrap em{color: #1562E6;} @media screen and (max-width: 1080px){ /* 세계가 주목하는 '영국식 디자인'과 '디자인 경영' */ .auto-scroller li { width: 100rem; } } @media screen and (max-width: 991px) { .uk-prestige-univ .sub-circleTxt span { padding: 4rem 24rem; font-size: 18rem; line-height: 28rem; } .uk-prestige-univ .sub-circleTxt.type2 { margin-top: -60rem; margin-bottom: 12rem; } .uk-prestige-univ .sub-circleTxt.type2 span { padding: 0 24rem; height: 50rem; font-size: 18rem; line-height: 50rem; } .uk-prestige-univ .section { padding: 30rem 0; } .uk-prestige-univ .section.type2 { padding: 56rem 0 30rem; } .uk-prestige-univ .section .whiteWrap { padding: 40rem 12rem 30rem; } .uk-prestige-univ h3 { margin-bottom: 30rem; font-size: 22rem; line-height: 30rem; } .uk-prestige-univ table.table-one th { height: 48rem; font-size: 16rem; } .uk-prestige-univ table.table-one td { padding: 8rem 4rem; height: 44rem; font-size: 14rem; color: #666; word-break: keep-all; } .uk-prestige-univ .pass-story .list { gap: 12rem; padding: 12rem; } .uk-prestige-univ .pass-story .list .box { margin-right: 0; margin-bottom: 0; width: 100%; } .uk-prestige-univ .pass-story .list .box .textWrap { padding: 8rem 0; font-size: 20rem; } .uk-prestige-univ .prestige-univ-section10 h3 { margin-bottom: 20rem; } .uk-prestige-univ .prestige-univ-section10 .table-one td:nth-child(1) { width: 22%; } .uk-prestige-univ .prestige-univ-section10 .table-one td:nth-child(2) { width: 19%; } .uk-prestige-univ .prestige-univ-section10-con-text { margin-top: 2rem; font-size: 12rem; line-height: 22rem; } .uk-prestige-univ .advantage2 table.table-one td, .uk-prestige-univ .advantage2 table.table-one th { border-right: none; color: #000; } .uk-prestige-univ table.table-one + .bottomTxt { margin-top: 32rem; font-size: 16rem; } .uk-prestige-univ .curriculum .tableDesign .box { width: 100%; } .uk-prestige-univ .curriculum .tableDesign .table-cation { margin-bottom: 62rem; font-size: 16rem; } .uk-prestige-univ .curriculum .tableDesign .title { padding: 8rem 0; font-size: 16rem; } .uk-prestige-univ .curriculum .tableDesign .title figure { width: 60rem; height: 86rem; } .uk-prestige-univ .curriculum .tableDesign .blue .title figure { left: 42rem; } .uk-prestige-univ .curriculum .tableDesign .red .title figure { left: 24rem; } .uk-prestige-univ .curriculum .tableDesign .blue .info { border-right: 1rem solid #DBDBDB; } .uk-prestige-univ .curriculum .tableDesign .red { margin-top: 62rem; } .uk-prestige-univ .curriculum .tableDesign .info { padding: 16rem; height: 262.0rem; font-size: 14.0rem; box-sizing: border-box; } .uk-prestige-univ .curriculum .tableDesign2 { margin-top: 16rem; } .uk-prestige-univ .curriculum .tableDesign2 .box { width: 100%; font-size: 16rem; padding-inline: 16rem; } .uk-prestige-univ .curriculum .tableDesign2 .box:nth-child(1) { border-right: 2rem solid #fff; background-color: #EFF7FF; box-sizing: border-box; } .uk-prestige-univ .curriculum .tableDesign2 .box:nth-child(2) { background-color: #FFF1F1; } .uk-prestige-univ .curriculum .tableDesign2 .box .blue { color: #1D37FF; } .uk-prestige-univ .curriculum .tableDesign2 .box .red { color: #EA2E40; } .uk-prestige-univ .curriculum .tableDesign2 .pc-box { display: none; } .uk-prestige-univ .curriculum .mo-box { display: block; width: 100%; } .uk-prestige-univ .curriculum .mo-box .box { border-right: none !important; width: 100%; } .prestige-univ-section3 { padding: 16rem 0; } #article01-slides { margin: 0 0 18rem auto; } .auto-scroller { width: 1000% !important; } .auto-scroller li { margin: 0 6rem 0 0; width: 200rem; } .uk-prestige-univ #article01-slides { margin-bottom: 0; } .uk-prestige-univ .prestige-univ-section3 .sub-circleTxt { margin-top: 0; margin-bottom: 12rem; } .uk-prestige-univ .prestige-univ-section3 .bx-pager { margin: 0 0 6rem; } .uk-prestige-univ .prestige-univ-section3 .bx-pager .bx-pager-item a { width: 6rem; height: 6rem; } #article01-designers { padding: 8rem 0; } .uk-prestige-univ #article01-designers { padding-top: 10rem; padding-bottom: 50rem; } .uk-prestige-univ .chanceWrap { padding: 50rem 0; font-size: 24rem; } .uk-prestige-univ .chanceWrap { padding: 50rem 0; letter-spacing: 0rem; } .uk-prestige-univ .intensivePortfolio h4 { margin-bottom: 24rem; font-size: 24rem; } .uk-prestige-univ .intensivePortfolio .prepare .dateBox { flex-wrap: wrap; } .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li { margin-right: 0; width: 100%; font-size: 18rem; } .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li + li { margin-top: 60rem; } .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li .date { padding: 8rem 0; font-size: 16rem; } .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li .textWrap { padding: 16rem 0; height: auto; } .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li .textWrap span { font-size: 16rem; } .uk-prestige-univ .intensivePortfolio .prepare .dateBox > li + li::before { top: -42rem; left: 50%; width: 30rem; height: 28rem; transform: translateX(-50%) rotate(90deg); } .uk-prestige-univ .intensivePortfolio .prepare .infoBox { margin-top: 16rem; padding: 24rem; font-size: 14rem; } .uk-prestige-univ .intensivePortfolio .prepare .infoBox b { font-size: 16rem; } .uk-prestige-univ .intensivePortfolio .management .infoBox { gap: 14rem; max-width: 600rem; } .uk-prestige-univ .intensivePortfolio .management .infoBox .circle .icon { margin: 22rem auto 0; width: 36rem; height: 36rem; } .uk-prestige-univ .intensivePortfolio .management .infoBox .circle .icon figure { width: 100%; height: 100%; background-position: top center; } .uk-prestige-univ .intensivePortfolio .management .infoBox .circle span { display: block; margin-top: -2rem; font-size: 14rem; } .uk-prestige-univ .intensivePortfolio .sub-circleTxt span { font-size: 16rem; } .uk-prestige-univ .intensivePortfolio .area + .area { margin-top: 40rem; } .uk-prestige-univ .intensivePortfolio .special .infoBox .box .left { padding: 12rem 0; width: 100%; font-size: 16rem; } .uk-prestige-univ .intensivePortfolio .special .infoBox .box .right { padding: 16rem; width: 100%; font-size: 14rem; } .uk-prestige-univ .intensivePortfolio .management .infoBox .circle { width: 100rem; height: 100rem; } .uk-prestige-univ .resultWrap .table-one caption { font-size: 12rem; } .uk-prestige-univ .resultWrap .infoBox .box { display: block; margin-top: 12rem; padding: 24rem 0; width: 100%; } .uk-prestige-univ .resultWrap .infoBox .box .icon { margin: 0 auto 12rem; width: 120rem; aspect-ratio: 1 auto; } .uk-prestige-univ .resultWrap .infoBox .box .textWrap { margin: 0 auto; padding: 0 12rem; width: 100%; font-size: 14rem; text-align: center; } } @media screen and (max-width: 575px) { .uk-prestige-univ .pass-story .list{grid-template-columns: repeat(1, 1fr); } }