@charset "UTF-8";

/*******************************************************************************
                                  layout
********************************************************************************/
.rca-school * {box-sizing: border-box;line-height: 1.4;}
.max-width {max-width: 1080px;margin: 0 auto;padding: 5rem 0;text-align: center;}
.rca-sub-title {margin-bottom: 4rem;font-size: 3rem;color: #712EDB;}
.rca-sub-title > span {display: block;font-size: 2.2rem;}
@media (max-width: 1200px) {
    .max-width {padding: 5rem 1rem;}
}
@media (max-width: 768px) {
    .rca-sub-title {font-size: calc(1rem + 4.7226vw);}
    .rca-sub-title > span {font-size: calc(1rem + 3.0558vw);}
}
/*******************************************************************************
                                상단 타이틀
*******************************************************************************/
.rca-section1 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/rca-school/rca-section1-bg.jpg') no-repeat center bottom;background-size: cover;}
.rca-section1-logo {width: 40%;margin: 0 auto 3rem;aspect-ratio: 310.61 / 35.35;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/rca-school/art-logo.svg') no-repeat center center;background-size: cover;}
.rca-section1 h1 {margin-bottom: 1rem;color: #000;font-size: 3rem;}
.rca-section1 h1 strong {display: block;font-size: 6.5rem;color: #712EDB;}
.rca-section1 > div > p {margin-bottom: 2rem;font-size: 1.6rem;}
.rca-section1-con {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 1.5rem;width: 60%;margin: 0 auto 2.5rem;}
.rca-section1-con li {display: flex;justify-content: center;align-items: center;aspect-ratio: 1 / 1;border-radius: 50%;background: #fff;}
.rca-section1-con li div h2 {margin-bottom: .5rem;font-size: 1.4rem;color: #CE1126;}
.rca-section1-con li div p {font-size: 1.2rem;}
.rca-section1-link a {display: inline-block;width: 40%;padding: 1rem 0;background: #34277C;border-radius: 0.5rem;font-size: 1.2rem;font-weight: 700;color: #fff;}
@media (max-width: 768px) {
    .rca-section1-logo {width: 60%;}
    .rca-section1 h1 {font-size: calc(1rem + 4.7226vw);}
    .rca-section1 h1 strong {font-size: calc(1rem + 10.2786vw);}
    .rca-section1 > div > p {font-size: calc(1rem + 0.8334vw);}
    .rca-section1-con {width: 100%;}
    .rca-section1-con li div h2 {font-size: calc(1rem + 0.8334vw);}
    .rca-section1-con li div p {font-size: calc(1rem + 0.2778vw);}
    .rca-section1-link a {width: 100%;font-size: calc(1rem + 0.8334vw);}
}
/*******************************************************************************
                            세계 랭킹 1위 RCA
********************************************************************************/
.rca-section2{background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/rca-school/rca-section2-bg.jpg') no-repeat center bottom;background-size: cover;}
.rca-section2-logo{width: 30%;margin: 0 auto 2rem;aspect-ratio: 236 / 166;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/rca-school/rca-logo.png') no-repeat center center;background-size: cover;}
.rca-section2-con {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 3rem;}
.rca-section2-table {border-collapse: collapse;width: 100%;box-shadow: 0 .15rem .3rem rgba(0, 0, 0, 0.2);}
.rca-section2-table td,
.rca-section2-table th {padding: 1.2rem .8rem;border-bottom: 1px solid #C5C5C5;text-align: center;}
.rca-section2-table th {background: #767676;font-size: 0.9rem;color: #fff;}
.rca-section2-table td {background: #fff;font-size: 0.8rem;color: #767676;text-align: left;}
.rca-section2-table tr:first-child td {color: #CE1126;}
.rca-section2-table td:first-child {text-align: center;}
.rca-section2-textBox p {font-size: 1.1rem;color: #767676;margin-bottom: 1rem;text-align: left;}
.rca-section2-textBox p:last-child {margin-bottom: 0;}
.rca-section2-textBox p strong {color: #333;font-size: 1.4rem;}
.rca-section2-textBox p span {color: #CE1126;}
@media (max-width: 1200px) {
    .rca-section2-con {display: block;}
    .rca-section2-table {margin-bottom: 2rem;}
}
@media (max-width: 768px) {
    .rca-section2-table th {font-size: calc(1rem + 0.2778vw);}
    .rca-section2-table td {font-size: calc(1rem + 0.2778vw);}
    .rca-section2-textBox p {font-size: calc(1rem + 0.8334vw);}
    .rca-section2-textBox p strong {font-size: calc(1rem + 1.389vw);}
}
/*******************************************************************************
                                RCA 동문들
********************************************************************************/
.rca-section3 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/rca-school/rca-section3-bg.jpg') no-repeat center bottom;background-size: cover;}
.rca-section3 > div > p {margin-bottom: 2rem;font-size: 1.5rem;}
.rca-section3-con {display: flex;justify-content: space-between;margin-bottom: 1rem;}
.rca-section3-con:last-of-type {margin-bottom: 0;}
.rca-section3-con dt {width: 20%;padding: 1.4rem 0;background: #34277C;border-radius: 0.5rem;font-size: 1.25rem;color: #fff;}
.rca-section3-con dd {display: flex;align-items: center;width: calc(80% - 1rem);padding: 0 1.5rem;border-radius: 0.5rem;background: #FFFFFF;font-size: 1.1rem;color: #767676;text-align: left;}
@media (max-width: 768px) {
    .rca-section3 > div > p {font-size: calc(1rem + 0.8334vw);}
    .rca-section3-con dt {width: 30%;display: flex;justify-content: center;align-items: center;font-size: calc(1rem + 0.8334vw);}
    .rca-section3-con dd {width: calc(70% - 1rem);padding: 1.5rem;font-size: calc(1rem + 0.2778vw);}
}

/*******************************************************************************
                                RCA 과정 안내
********************************************************************************/
.rca-section4 {background: #F2F4F5;}
.rca-section4-con {margin-bottom: 4rem;}
.rca-section4-con h3 {display: inline-block;width: 40%;padding: 0.5rem 0;margin: 0 auto 3rem;border-radius: 3rem;background: #34277C;font-size: 1.4rem;color: #fff;}
.rca-section4-con dl {text-align: left;margin-bottom: 3rem;}
.rca-section4-con dl:last-child {margin-bottom: 0;}
.rca-section4-con dl dt {margin-bottom: 1rem;font-size: 1.6rem;font-weight: 700;}
.rca-section4-con dl dd p {color: #767676;font-size: 1.1rem;}
.rca-section4-con dl dd p span {color: #CE1126;}
.rca-section4-con dl dd > small {font-size: 1rem; color: #767676;}
.rca-section4-con dl dd ul {margin: 1rem 0 .5rem ;font-size: 1.2rem;color: #333;}
.rca-section4-con dl dd p strong {display: block;font-size: 1.2rem;color: #712EDB;margin: 1rem 0 0.5rem ;}
.rca-section4-con dl dd > span {color: #767676;font-size: 0.8rem;}
.rca-section4-grid {display: grid;grid-template-columns: repeat(2,1fr);width: 90%;margin: 1rem auto 0;}
.rca-section4-grid p {padding: 1rem 2rem;background: #fff;border-bottom: 1px solid #C5C5C5;font-size: 1rem;color: #767676;display: flex;justify-content: start;align-items: center;}
.rca-section4-grid p:nth-child(2n) {border-left: 1px solid #C5C5C5;}
.rca-section4-grid p:nth-last-of-type(-n + 2) {border-bottom: none;}
.rca-section4-grid span {grid-column: 2 span;padding: 0.5rem 0;font-size: 0.8rem;color: #767676;}
@media (max-width: 768px) {
    .rca-section4-con h3 {width: 60%;font-size: calc(1rem + 1.9446vw);}
    .rca-section4-con dl dt {font-size: calc(1rem + 1.9446vw);}
    .rca-section4-con dl dd p {font-size: calc(1rem + 0.8334vw);}
    .rca-section4-con dl dd ul {font-size: calc(1rem + 0.8334vw);}
    .rca-section4-con dl dd p strong {font-size: calc(1rem + 0.8334vw);}
    .rca-section4-con dl dd > span {font-size: calc(1rem + 0.2778vw);}
    .rca-section4-con dl dd > small {font-size: calc(1rem + 0.2778vw);}
    .rca-section4-grid {width: 100%;}
    .rca-section4-grid p {padding: 1rem;font-size: calc(1rem + 0.2778vw);}
    .rca-section4-grid span {font-size: calc(1rem + 0.2778vw);}
}
/*******************************************************************************
                            합격생 최다 배출 신화
********************************************************************************/
.rca-section5 {background: #FAF7F2;}
.rca-section5-con {margin-bottom: 4rem;}
.rca-section5-con:last-of-type {margin-bottom: 0;}
.rca-section5-review h3,
.rca-section5-con h3 {font-size: 1.8rem;margin-bottom: 2rem;}
.rca-section5-table-wrap {display: flex;align-items: start;justify-content: space-between;padding:0 1rem;}
.rca-section5-table {width: calc(50% - 1rem);border-collapse: collapse;text-align: left;}
.rca-section5-table th {padding: 0.5rem 0;background: #DEDEDE;font-size: 1.2rem;font-weight: 500;text-align: center;}
.rca-section5-table td {padding: 0.8rem 1rem .8rem 3rem;background: #fff;border-bottom: 1px solid #767676;font-size: 0.9rem;color: #767676;}
.rca-section5-table tr:last-child td {border-bottom: none;}
.rca-section5-review-row {display: flex;justify-content: space-between;align-items: start;}
.rca-section5-review-row:first-of-type {margin-bottom: 4rem;}
.rca-section5-review-imgBox {width: calc(50% - .9rem);aspect-ratio: 522 / 285;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/rca-school/rca-section5-img1.jpg') no-repeat center center;background-size: cover;}
.rca-section5-review-imgBox.img2 {aspect-ratio: 522 / 253;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/rca-school/rca-section5-img2.jpg') no-repeat center center;background-size: cover;}
.rca-section5-review-textBox {width: calc(50% - .9rem);text-align: left;}
.rca-section5-review-textBox h4 {margin-bottom: 2.5rem;}
.rca-section5-review-textBox h4 strong {position: relative; font-size: 1.4rem;display: inline-block;}
.rca-section5-review-textBox h4 strong > span {position: absolute;left: 100%; top: 50%;transform: translateY(-45%); display: inline-block;padding: 0 0.5rem;margin-left: .5rem;background: #BD2D2F;border-radius: 1rem;font-size: 0.9rem;color: #fff;text-align: center; line-height: 1.2;}
.rca-section5-review-textBox h4 > span {font-size: 1rem;color: #767676; font-weight: 400;}
.rca-section5-review-textBox p {position: relative;width: 90%;margin: 0 0 1rem auto;font-size: 0.9rem;color: #767676;}
.rca-section5-review-textBox p::before {content: '"';position: absolute;right: 102%;top: 0;color: #000;font-size: 2rem;transform: translateY(-20%);}
.rca-section5-review-textBox p span {color: #CE1126;}
@media (max-width: 768px) {
    .rca-section5-review h3,.rca-section5-con h3 {font-size: calc(1rem + 1.9446vw);}
    .rca-section5-table-wrap {display: block;}
    .rca-section5-table {width: 100%;margin-bottom: 1rem;}
    .rca-section5-table:last-child {margin-bottom: 0;}
    .rca-section5-table th {font-size: calc(1rem + 0.8334vw);}
    .rca-section5-table td {font-size: calc(1rem + .2778vw);padding: 1rem;}
    .rca-section5-review-row {display: block;}
    .rca-section5-review-imgBox {width: 100%;margin-bottom: 2rem;}
    .rca-section5-review-textBox {width: 100%;}
    .rca-section5-review-textBox h4 {align-items: start;}
    .rca-section5-review-textBox h4 strong {font-size:calc(1rem + 1.9446vw);}
    .rca-section5-review-textBox h4 strong > span {font-size: calc(1rem + 0.8334vw);}
    .rca-section5-review-textBox h4 > span {font-size: calc(1rem + .2778vw);}
    .rca-section5-review-textBox p {font-size: calc(1rem + .2778vw);}
    .rca-section5-review-textBox p::before {font-size: calc(1rem + 4.167vw);}
}


/*******************************************************************************
                            대한민국 교육브랜드 대상
********************************************************************************/
.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/r/v1/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 (min-width: 768px) {
    .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;}
}

/*******************************************************************************
                            애니메이션
********************************************************************************/
.rca-section1-con li {opacity: 0;transform: translateY(50%);animation: bottomGo 1s both;}
.rca-section1-con li:nth-child(2) {animation-delay: .3s;}
.rca-section1-con li:nth-child(3) {animation-delay: .6s;}
.rca-section1-link {animation: bottomGo 1s 1.2s both;opacity: 0;transform: translateY(50%);}
@keyframes bottomGo {
    0% {transform: translateY(50%);opacity: 0;}
    100% {transform: translateY(0);opacity: 1;}
}