/********************************************************************* ********************************************************************** 레이아웃 ********************************************************************** *********************************************************************/ .rca-section1-logo {width: 30%;margin: 0 auto 60rem;aspect-ratio: 310.61 / 35.35;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/rca-school/art-logo.svg') no-repeat center center;background-size: cover;} .freshman h2 {margin-bottom: 40rem;font-size: 54rem; } .freshman h2 > span {display: block;font-size: 32rem;font-weight: 400;} .freshman > article, .freshman > section{padding: 100rem 0;} /********************************************************************* ********************************************************************** 메인 비주얼 ********************************************************************** *********************************************************************/ .freshman-section1 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section1-bg.jpg') no-repeat center center;background-size: cover;} .freshman-section1 .rca-section1-logo {aspect-ratio: 286 / 32;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section1-logo.svg') no-repeat center center;background-size: cover;} .freshman-section1 h1 {margin-bottom: 60rem;} .freshman-section1 h1 > span {display: block;color: #fff;font-size: 48rem;font-weight: 400;} .freshman-section1 h1 > span > strong {display: block;} .freshman-section1 h1 > strong {font-size: 138rem;color: #E83245;} .freshman-section1 p {width: 80%;margin: 0 auto;padding: 28rem;border-radius: 100rem; isolation: isolate;background: rgba(108, 22, 247, 0.2);font-size: 32rem;font-weight: 500;color: #fff;} /********************************************************************* ********************************************************************** 카운트 다운 ********************************************************************** *********************************************************************/ .freshman-section2 {background: #2E2E2E;} .freshman-section2 h2 {color: #fff; } .freshman-section2-cnt {display: flex;justify-content: center;margin-bottom: 30rem;} .freshman-section2-cnt > span {display: flex;align-items: center;justify-content: center;width: 14%;margin: 0 8rem;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section2-img.png') no-repeat center center;background-size: cover;aspect-ratio: 114 / 125;font-size: 80rem;color: #E83245;font-weight: 700;text-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.7);} .freshman-section2-text {display: flex;justify-content: center;align-items: center;width: 80%;margin: 0 auto;padding: 20rem 0;background: #fff;border-radius: 20rem; isolation: isolate;} .freshman-section2-text .img {display: inline-block; width: 76rem; height: 115rem; margin-right: 20rem;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section2-img2.jpg') no-repeat center center;background-size: contain;} .freshman-section2-text .text h3 {font-size: 34rem;color: #000;} .freshman-section2-text .text p {font-size: 24rem;color: #3D3D3D;} .freshman-section2-text .text p span {color: #DB0000;} /********************************************************************* ********************************************************************** SKY보다 높은 세계랭킹 ********************************************************************** *********************************************************************/ .freshman-section3 h2 {color: #6D11D6;} .freshman-section3 h2 > span {color: #000;} .freshman-section3 h3 {font-size: 36rem;font-weight: 500;margin-bottom: 30rem; -webkit-appearance: none; } .freshman-section3 h3 > strong {display: block;font-size: 54rem; color: #6D11D6; line-height: inherit;} .freshman-section3 h3 > span {display: block;font-size: 28rem;color: #5D5D5D;font-weight: 400;} .freshman-section3-imgBox1 {width: 80%;margin: 0 auto 80rem; max-width: 937rem;} .freshman-section3-imgBox1 img {width: 100%;} .freshman-section3-con {margin-bottom: 80rem;} .freshman-section3-con table {position: relative;z-index: 1;border-collapse: collapse;width: 100%;margin-bottom: 30rem;border-top: 1px solid #C9C9C9; -webkit-appearance: none;} .freshman-section3-con table::before {content: '';position: absolute;left: 24rem;top: 40rem;width: 100%;height: 100%;background: #EEEEEE;filter: blur(4rem);z-index: -1;} .freshman-section3-con table tbody {margin-bottom: 40rem !important;} .freshman-section3-con table td {border-bottom: 1px solid #C9C9C9;text-align: left;padding: 20rem;background: #fff;} .freshman-section3-con table td:first-child {width: 15%;border-left: 1px solid #C9C9C9;} .freshman-section3-con table td:last-child {border-right: 1px solid #C9C9C9;text-align: center; font: var(--edm-f-h5); letter-spacing: var(--edm-f-h5-ls); font-weight: 400;} .table-height {background: transparent !important;} .table-height td {height: 20rem;padding: 0;border-left: none !important;border-right: none !important;background: none !important;} .freshman-section3-con table td > span {display: inline-block;padding: 0 15rem; border-radius: 6rem; isolation: isolate;background: #6F0EDE;font-size: 24rem;color: #fff;text-align: center; height: 35rem; line-height: 35rem;} .freshman-section3-con table tr:nth-last-child(-n + 3) td {background: #F8F8F8;} .freshman-section3-con table tr:nth-last-child(-n + 3) td > span {background: #9E9E9E;} .freshman-section3-con table td > figure {display: flex;align-items: center;} .freshman-section3-con table td > figure > span {width: 20%;text-align: center;} .freshman-section3-con table td > figure > span > img {max-width: 80%;} .freshman-section3-con table td > figure > figcaption {width: 80%;font-size: 20rem;} .freshman-section3-con > p {position: relative;z-index: 2;font-size: 16rem;color: #707070;text-align: right;} .freshman-section3-con2 table {border-collapse: collapse;width: 100%;margin-bottom: 80rem;} .freshman-section3-con2 table tr:first-child td, .freshman-section3-con2 table tr:first-child th {font-weight: 700;} .freshman-section3-con2 table th, .freshman-section3-con2 table td {border: 1px solid #9A9A9A;padding: 20rem;font-size: 20rem;color: #000;font-weight: 400;} .freshman-section3-con2 table th {margin-right: 40rem !important;} .freshman-section3-con2 table th:first-of-type{background-color: #fff;} .freshman-section3-con2 table td:first-of-type {width: 8rem;padding: 0;border: none;} .freshman-section3-con2 table td:nth-of-type(2) {background: #EFEFEF;} .freshman-section3-con2 table td:nth-of-type(3) {background: #E2DCFF;} .freshman-section3-con2 table td:nth-of-type(4) {background: #4721AC;color: #fff;} .freshman-section3-con2 table td ul {display: inline-block;text-align: left;padding-left: 20rem;} .freshman-section3-con2 table td ul > li {position: relative;} .freshman-section3-con2 table td ul > li::before {content: 'ㆍ';position: absolute;right: 100%;top: 0;} .freshman-section3-con2 table td strong {display: block;color: #EE263B;} .freshman-section3-con3-grid {display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 34rem;} .freshman-section3-con3-col {position: relative;display: flex;justify-content: center;align-items: center;padding: 40rem 0;border-radius: 10rem; isolation: isolate;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section3-img2.jpg') no-repeat center center;background-size: cover;} .freshman-section3-con3-col:nth-of-type(2) {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section3-img3.jpg') no-repeat center center;background-size: cover;} .freshman-section3-con3-col:nth-of-type(3) {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section3-img4.jpg') no-repeat center center;background-size: cover;} .freshman-section3-con3-col:nth-of-type(4) {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section3-img5.jpg') no-repeat center center;background-size: cover;} .freshman-section3-con3-col + li::before {content: '';position: absolute;right: calc(100% + 17rem);top: 50%;transform: translate(50%, -50%);width: 16rem;aspect-ratio: 16 / 27;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section3-arrow.png') no-repeat center center;background-size: cover;} .freshman-section3-con3-col > p {font-size: 26rem;font-weight: 700;color: #fff;} /********************************************************************* ********************************************************************** 기적의 하이패스반 ********************************************************************** *********************************************************************/ .freshman-section4 {background: #F3EDED;} .freshman-section4 h2 {color: #000;} .freshman-section4 h2 > span {font-weight: 700;color: #EE263B;} .freshman-section4 p {font-size: 24rem;margin-bottom: 40rem;} .freshman-section4 h3 {margin-bottom: 38rem;font-size: 36rem;color: #6D11D6;} .freshman-section4-con {margin-bottom: 80rem;} .freshman-section4-con-imgBox {background: #DBC5EE;} .freshman-section4-con-imgBox img {width: 80%;aspect-ratio: 880 / 460;} .freshman-section4-con2 {margin-bottom: 80rem;} .freshman-section4-con2-list {margin-bottom: 40rem;} .freshman-section4-con2-list > li {display: inline-block;aspect-ratio: 1 / 1;margin: 15rem;width: calc(19% - 30rem);border-radius: 50%; isolation: isolate;background: #fff;} .freshman-section4-con2-list > li > div {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .freshman-section4-con2-list > li > div > div > span {display: inline-block;width: 50rem;aspect-ratio: 1 / 1;} .freshman-section4-con2-list > li > div > div > p {margin-bottom: 0;} .freshman-section4-con2-list > li > div > div > span.img1 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section4-icon1.png') no-repeat center center;background-size: cover;} .freshman-section4-con2-list > li > div > div > span.img2 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section4-icon2.png') no-repeat center center;background-size: cover;} .freshman-section4-con2-list > li > div > div > span.img3 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section4-icon3.png') no-repeat center center;background-size: cover;} .freshman-section4-con2-list > li > div > div > span.img4 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section4-icon4.png') no-repeat center center;background-size: cover;} .freshman-section4-con2-list > li > div > div > span.img5 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section4-icon5.png') no-repeat center center;background-size: cover;} .freshman-section4-con2-list > li > div > div > span.img6 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section4-icon6.png') no-repeat center center;background-size: cover;} .freshman-section4-con2-list > li > div > div > span.img7 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section4-icon7.png') no-repeat center center;background-size: cover;} .freshman-section4-con2-list > li > div > div > span.img8 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section4-icon8.png') no-repeat center center;background-size: cover;} .freshman-section4-con2-list > li > div > div > span.img9 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section4-icon9.png') no-repeat center center;background-size: cover;} .freshman-section4-con2 > img {width: 100%;aspect-ratio: 1080 / 477;} .freshman-section4-con3 > ul {margin-bottom: 20rem;display: grid;grid-template-columns: repeat( 2,1fr);grid-gap: 28rem;} .freshman-section4-con3 > ul li {aspect-ratio: 400 / 265;display: flex;justify-content: center;align-items: center;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section4-img3.jpg') no-repeat center center;background-size: cover;} .freshman-section4-con3 > ul li:last-child {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section4-img4.jpg') no-repeat center center;background-size: cover;} .freshman-section4-con3 > ul li > strong {font-size: 32rem;color: #fff;} .freshman-section4-con3 > ul li > strong > span {display: block;font-size: 26rem;font-weight: 400;} .freshman-section4-con3 > p > span {color: #DC2167;} /********************************************************************* ********************************************************************** 진학 가능 대학 ********************************************************************** *********************************************************************/ .freshman-section5 {background: #2E2E2E;} .freshman-section5-con{margin-bottom: 60rem;} .freshman-section5-con:last-child {margin-bottom: 0;} .freshman-section5-con h3 {display: flex;justify-content: center;align-items: center;font-size: 30rem;color: #fff;margin-bottom: 40rem;} .freshman-section5-con h3 > span {display: inline-block;width: 60rem;margin-right: 10rem;aspect-ratio: 60 / 37;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section5-img1.jpg') no-repeat center center;background-size: cover;} .freshman-section5-con:nth-of-type(2) h3 > span {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section5-img2.jpg') no-repeat center center;background-size: cover;} .freshman-section5-con:nth-of-type(3) h3 > span {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section5-img3.jpg') no-repeat center center;background-size: cover;} .freshman-section5-con-img {padding: 40rem 80rem;background: #fff;border-radius: 18rem; isolation: isolate; display: flex; flex-wrap: wrap; justify-content: center;} .freshman-section5-con-img img {max-width: 100%; margin: 0 10rem; flex-shrink: 0; object-fit: contain;} /********************************************************************* ********************************************************************** 해외 대학 합격 후기 ********************************************************************** *********************************************************************/ .freshman-section6 {background: #E0E7F3;} .freshman-section6-con {position: relative;display: flex;justify-content: space-between;padding: 120rem 40rem 60rem;margin-bottom: 50rem;background: #F5F5F5;box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.1);} .freshman-section6-con:last-of-type {margin-bottom: 0;} .freshman-section6-con > span {position: absolute;top: 10rem;left: 50%;transform: translate(-50%);width: 120rem;font-size: 0;aspect-ratio: 130 / 105;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section6-img1.png') no-repeat center center;background-size: cover;} .freshman-section6-con .imgBox {width: 45%;} .freshman-section6-con .imgBox.img1 {aspect-ratio: 410 / 508;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section6-img2.jpg') no-repeat center center;background-size: cover;} .freshman-section6-con .imgBox.img2 {aspect-ratio: 410 / 481;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section6-img3.jpg') no-repeat center center;background-size: cover;} .freshman-section6-con .imgBox.img3 {aspect-ratio: 410 / 522;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section6-img4.jpg') no-repeat center center;background-size: cover;} .freshman-section6-con .textBox {width: 55%;padding: 20rem 20rem 20rem 60rem;text-align: left;} .freshman-section6-con .textBox h3 {margin-bottom: 10rem;font-size: 30rem;color: #000;} .freshman-section6-con .textBox small {display: block;margin-bottom: 20rem;font-size: 20rem;color: #777777;} .freshman-section6-con .textBox small > strong {display: block;margin-bottom: 10rem;color: #535353;font-size: 20rem;} .freshman-section6-con .textBox p {margin-bottom: 20rem;font-size: 20rem;} .freshman-section6-con .textBox p:last-child {margin-bottom: 0;} .freshman-section6-con .textBox p > span {color: #6D11D6;} /******************************************************************************* 대한민국 교육브랜드 대상 ********************************************************************************/ .rca-section7 {background: #333333;} .rca-section7-con {margin-bottom: 30px;} .rca-section7-img {aspect-ratio: 2 / 3;width: 25.5556vw;margin: 0 auto 20px;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/fashion-design/fashion-design-img04-240627.png") no-repeat center center;background-size: cover;} .rca-section7-text > span {display: inline-block;} .rca-section7-text > span > img {width: 90%;margin: 0 auto 10px;} .rca-section7-text > p {color: #C5C5C5;font-size: 14px;} .rca-section7-link > div {margin-bottom: 8px;} .rca-section7-link > div > a {font-size: 18px;color: #FFFFFF;} @media (max-width: 991px) { .freshman > article, .freshman > section{padding: 65rem 0;} .rca-section1-logo {width: 60%;} .freshman-section2 h2{margin-bottom: 26rem;} .freshman h2 {font-size: 26rem; margin-bottom: 26rem;} .freshman h2 > span {font-size: 18rem;} .freshman-section1 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/freshman/freshman-section1-bg.jpg') no-repeat 25% center;background-size: cover;} .freshman-section1 h1 > span {font-size: calc(1rem + 3.0558vw);} .freshman-section1 h1 > strong {font-size: calc(1rem + 13vw);} .freshman-section1 p {width: 100%;font-size: calc(1rem + 1.1112vw);} .freshman-section2-cnt{margin-bottom: 20rem;} .freshman-section2-cnt > span {font-size: 24rem; width: 47rem; height: 51rem; margin: 0 5rem;} .freshman-section2-text {width: 100%; padding: 13rem 0; border-radius: 13rem; isolation: isolate;} .freshman-section2-text .text h3 {font-size: 14rem;} .freshman-section2-text .text p {font-size: 12rem;} .freshman-section2-text .img{width: 33rem; height: 50rem; margin-right: 13rem;} .freshman-section3 h3 {font-size: 18rem; margin-bottom: 20rem;} .freshman-section3 h3 > strong {font-size: 26rem;} .freshman-section3 h3 > span {font-size: 14rem;} .freshman-section3-imgBox1 {width: 100%; margin-bottom: 50rem;} .freshman-section3-con{margin-bottom: 52rem;} .freshman-section3-con table{margin-bottom: 20rem;} .freshman-section3-con table::before {display: none;} .freshman-section3-con table tr:first-child td { border-top: 1px solid #C9C9C9; } .freshman-section3-con table td {padding: 20rem 6.5rem;} .freshman-section3-con table td > span {display: inline-block; margin-bottom: 0.4rem; font-size: 12rem; padding: 0 8rem; height: 18rem; line-height: 18rem;} .freshman-section3-con table td > figure {display: block;} .freshman-section3-con table td > figure > span {width: 100%;text-align: left; display: block;} .freshman-section3-con table td > figure > span > img {max-width: none; max-height: 32.5rem; margin: 0;} .freshman-section3-con table td > figure > figcaption {width: 100%; font-size: 14rem;} .freshman-section3-con table td:last-child{font-size: 13rem;} .freshman-section3-con > p {font-size: 12rem;} .freshman-section3-con2 table{margin-bottom: 20rem;} .freshman-section3-con2 table th, .freshman-section3-con2 table td {font-size: 12rem; padding: 6.5rem;} .freshman-section3-con3-grid {grid-gap: 13rem;} .freshman-section3-con3-col{padding: 26rem 0;} .freshman-section3-con3-col + li::before {right: calc(100% - 2rem); transform: translateX(-50%); width: 7.8rem;} .freshman-section3-con3-col > p {font-size: 15rem;} .freshman-section4 p {font-size: 14rem; margin-bottom: 26rem;} .freshman-section4 h3 {font-size: 20rem; margin-bottom: 25rem;} .freshman-section4-con{margin-bottom: 52rem;} .freshman-section4-con-imgBox img {width: 96%;} .freshman-section4-con2{margin-bottom: 52rem;} .freshman-section4-con2-list{gap: 16rem; display: flex; flex-wrap: wrap; justify-content: center;} .freshman-section4-con2-list > li{margin: 0;} .freshman-section4-con2-list > li > div > div > span{width: 32.5rem; height: 32.5rem;} .freshman-section4-con3 > ul{grid-gap: 13rem; margin-bottom: 13rem;} .freshman-section4-con3 > ul li {border-radius: 13rem; isolation: isolate;} .freshman-section4-con3 > ul li > strong {font-size: 16rem;} .freshman-section4-con3 > ul li > strong > span {font-size: 12rem;} .freshman-section5-con{margin-bottom: 39rem;} .freshman-section5-con h3 {font-size: 20rem; margin-bottom: 26rem;} .freshman-section5-con h3 > span{width: 39rem;} .freshman-section5-con-img {padding: 26rem; border-radius: 11.7rem; isolation: isolate;} .freshman-section5-con-img img {max-width: 24%; margin: 0 6.5rem;} .freshman-section6-con {padding: 78rem 26rem 26rem; margin-bottom: 33rem;} .freshman-section6-con > span{width: 78rem; top: 6.5rem;} .freshman-section6-con .imgBox {margin: 0 auto 13rem;} .freshman-section6-con .textBox {padding: 16rem 0 0 16rem;} .freshman-section6-con .textBox h3 {font-size: 20rem; margin-bottom: 7rem;} .freshman-section6-con .textBox small {font-size: 13rem; margin-bottom: 13rem;} .freshman-section6-con .textBox small > strong {font-size: 13rem;} .freshman-section6-con .textBox p {font-size: 13rem; margin-bottom: 13rem;} .rca-section7-con {display: flex;justify-content: center;align-items: center;margin-bottom: 3rem;} .rca-section7-img {width: 8.2407vw;margin: 0;} .rca-section7-text {text-align: left;} .rca-section7-text > span {display: inline-block;width: 100%;} .rca-section7-text > span > img {width: 100%;max-width: 405px;margin: 0 auto 1rem 0;} .rca-section7-text > p {font-size: .9rem;} .rca-section7-link {display: flex;justify-content: center;} .rca-section7-link > div {margin: 0 1rem;} .rca-section7-link > div > a {font-size: 1.4rem;} } @media (max-width: 746px) { .freshman-section4-con2-list > li{width: calc(100%/5 - 13rem);} } @media (max-width: 575px) { .freshman-section4-con2-list {display: grid;grid-template-columns: repeat(3,1fr); gap: 13rem;} .freshman-section4-con2-list > li {width: 100%;margin: 0;} .freshman-section6-con{display: block;} .freshman-section6-con .imgBox{width: 80%;} .freshman-section6-con .textBox{width: 100%; padding: 0;} }