/*******************************************************************************
********************************************************************************
 layout
********************************************************************************
*******************************************************************************/
.connecticut-section01 { background: #eaeaea url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/connecticut-university/connecticut-section01-bg01-220408.jpg") no-repeat center top; background-size: 100%; }
.connecticut-section02 { background: #eaeaea url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/connecticut-university/connecticut-section02-bg01-220408.jpg") no-repeat center top; background-size: 100%; }
.connecticut-section03 { background: #c6bfbb url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/connecticut-university/connecticut-section03-bg01-220408.jpg") no-repeat center center; background-size: 100%; }
.connecticut-section04 { background: #B6C4F7; }
.connecticut-section05 { background: #313047; }
@media screen and (max-width:991px) {
    .connecticut-section01 { background-size: 150%; }
}
/*******************************************************************************
********************************************************************************
 동부 명문 공립 미국대학교
********************************************************************************
*******************************************************************************/
.connecticut-university .main-video .videoWrap { border-radius: 0; isolation: isolate; }
.connecticut-section02-title, .connecticut-section02-title { margin-bottom: 60rem; font-size: 64rem; line-height: 1; color: #111111; }
.connecticut-section02-title > small { display: inline-block; font-size: 32rem; line-height: 1; color: #797979; }
.connecticut-section02-title > span { display: inline-block; font-size: 36rem; line-height: 1; color: #333333; }
.connecticut-section02-con-wrap { padding: 64rem; background: #fff; text-align: left; }
.connecticut-section02-con-top { margin-bottom: 88rem; }
.connecticut-section02-con-top-title { margin: 0 auto 64rem; width: 272rem; }
.connecticut-section02-con-top-title > img { width: 100%; }
.connecticut-section02-con-top-textBox { margin-bottom: 48rem; }
.connecticut-section02-con-top-text { display: flex; margin-bottom: 14rem; }
.connecticut-section02-con-top-text > dt { width: 20%; font-size: 24rem; font-weight: 600; color: #111; }
.connecticut-section02-con-top-text > dd { width: 80%; font-size: 20rem; color: #777777; }
.connecticut-section02-con-top-youtube { margin: 0 auto; width: 720rem; height: 408rem; }
.connecticut-section02-con-bottom-title { margin-bottom: 40rem; font-size: 24rem; font-weight: 400; color: #333333; text-align: center; }
.connecticut-section02-con-bottom-title > strong { font-size: 48rem; color: #315DE9; }
.connecticut-section02-con-bottom-flex { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32rem; }
.connecticut-section02-con-bottom-imgBox { width: 50%; }
.connecticut-section02-con-bottom-textBox { width: 48%; color: #333; }
.connecticut-section02-con-bottom-textBox-title { margin-bottom: 12rem; font-size: 32rem; }
.connecticut-section02-con-bottom-textBox-title > span { display: inline-block; padding: 4rem 12rem; background: #315DE9; font-size: 16rem; color: #fff; }
.connecticut-section02-con-bottom-textBox-text { margin-bottom: 8rem; }
.connecticut-section02-con-bottom-textBox-text > dt { font-size: 24rem; }
.connecticut-section02-con-bottom-textBox-text > dd > ul { margin-left: 24rem; list-style: outside square; }
.connecticut-section02-con-bottom-textBox-text li { margin-bottom: 4rem; font-size: 20rem; white-space: nowrap; }
@media screen and (max-width:991px) {
    .connecticut-section02-con-wrap { padding: 24rem 16rem; }
    .connecticut-section02-title { font-size: 24rem; }
    .connecticut-section02-title > small { font-size: 14rem; }
    .connecticut-section02-title > span { font-size: 16rem; }
    .connecticut-section02-con-top-title { margin-bottom: 24rem; width: 112rem; }
    .connecticut-section02-con-top-text > dt { font-size: 14rem; }
    .connecticut-section02-con-top-text > dd { font-size: 14rem; }
    .connecticut-section02-con-top-youtube { width: 312rem; height: 176rem; }
    .connecticut-section02-con-bottom-title { margin-bottom: 24rem; font-size: 14rem; }
    .connecticut-section02-con-bottom-title > strong { font-size: 24rem; }
    .connecticut-section02-con-bottom-flex { display: block; }
    .connecticut-section02-con-bottom-imgBox { margin: 24rem auto 8rem; width: 100%; }
    .connecticut-section02-con-bottom-textBox { width: 100%; }
    .connecticut-section02-con-bottom-textBox-title { margin-bottom: 0; font-size: 20rem; }
    .connecticut-section02-con-bottom-textBox-title > span { font-size: 12rem; }
    .connecticut-section02-con-bottom-textBox-text > dt { font-size: 14rem; }
    .connecticut-section02-con-bottom-textBox-text li { font-size: 14rem; }
}
/*******************************************************************************
********************************************************************************
 유학생 특별전형으로 SAT, ACT 점수 없이 진학하는 방법
********************************************************************************
*******************************************************************************/
.connecticut-section03-title { margin-bottom: 60rem; font-size: 64rem; color: #010101; }
.connecticut-section03-title > span:first-child { margin-bottom: 24rem; padding: 8rem 24rem; background: #5D1715; font-size: 28rem; color: #fff; border-radius: 32rem; isolation: isolate; }
.connecticut-section03-title-style { display: inline-block; margin-top: 16rem; padding: 10rem 0; width: 100%; background: linear-gradient( to right, #ffffff00,#ffffff,#ffffff00 ); font-size: 32rem; color: #B60E0E; }
.connecticut-section03-con-row { margin-bottom: 40rem; padding: 72rem 0 36rem; overflow: hidden; position: relative; background: #000; border-radius: 20rem; isolation: isolate; }
.connecticut-section03-con-row-title { padding: 14rem; position: absolute; top: 0; left: 50%; z-index: 1; color: #fff; transform: translateX(-50%); }
.connecticut-section03-con-row-title::before { position: absolute; bottom: 0; left: 50%; z-index: -1; width: 176rem; height: 136rem; background: #191919; content: ''; transform: translateX(-50%); border-radius: 50%; isolation: isolate; }
.connecticut-section03-con-row-img { position: absolute; top: 50%; left: 48rem; width: 128rem; height: 128rem; transform: translateY(-50%); }
.connecticut-section03-con-row-textBox { width: 100%; font-size: 32rem; line-height: 1.2; color: #fff; }
.connecticut-section03-con-row-textBox > span { font-size: 20rem; }
.connecticut-section03-con-row:nth-child(1) { background: #EE9356; }
.connecticut-section03-con-row:nth-child(2) { background: #CC603A; }
.connecticut-section03-con-row:nth-child(3) { background: #9B492C; }
.connecticut-section03-con-row:nth-child(4) { background: #723225; }
.connecticut-section03-con-row:nth-child(5) { background: #5A1919; }
.connecticut-section03-con-row:nth-child(1) .connecticut-section03-con-row-img { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/connecticut-university/connecticut-section03-img01-220408.png") no-repeat center center; background-size: cover; }
.connecticut-section03-con-row:nth-child(2) .connecticut-section03-con-row-img { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/connecticut-university/connecticut-section03-img02-220408.png") no-repeat center center; background-size: cover; }
.connecticut-section03-con-row:nth-child(3) .connecticut-section03-con-row-img { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/connecticut-university/connecticut-section03-img03-220408.png") no-repeat center center; background-size: cover; }
.connecticut-section03-con-row:nth-child(4) .connecticut-section03-con-row-img { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/connecticut-university/connecticut-section03-img04-220408.png") no-repeat center center; background-size: cover; }
.connecticut-section03-con-row:nth-child(5) .connecticut-section03-con-row-img { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/connecticut-university/connecticut-section03-img05-220408.png") no-repeat center center; background-size: cover; }
.connecticut-section03-con-title { margin-bottom: 24rem; font-size: 48rem; color: #111; }
.connecticut-section03-con-table { width: 100%; background: #fff; border-collapse: collapse; }
.connecticut-section03-con-table thead, .connecticut-section03-con-table thead tr th { background: #FFDFA0; }
.connecticut-section03-con-table tr th, .connecticut-section03-con-table tr td { border: 1rem solid #C2BAB6; }
.connecticut-section03-con-table tr th { padding: 6rem 12rem; font-size: 24rem; }
.connecticut-section03-con-table tr td { padding: 20rem; font-size: 20rem; }
.connecticut-section03-con-table tr td > strong { font-size: 32rem; font-weight: 600; }
.connecticut-section03-con-table tr td > ul { display: inline-block; text-align: left; list-style: outside; }
.connecticut-section03-con-table tr td > ul > li { font-size: 20rem; }
.connecticut-section03-con-table tr td > small { font-size: 16rem; color: #4F4F4F; }
@media screen and (max-width:991px) {
    .connecticut-section03-title { margin-bottom: 20rem; font-size: 24rem; }
    .connecticut-section03-title > span:first-child { margin-bottom: 8rem; padding: 4rem 8rem; font-size: 14rem; }
    .connecticut-section03-title-style { margin-top: 6rem; padding: 4rem 0; font-size: 16rem; }
    .connecticut-section03-con-row { margin-bottom: 16rem; padding: 48rem 8rem 16rem; }
    .connecticut-section03-con-row-title { padding: 4rem; font-size: 16rem; }
    .connecticut-section03-con-row-title::before { width: 80rem; height: 68rem; }
    .connecticut-section03-con-row-img { left: 16rem; width: 44rem; height: 44rem; }
    .connecticut-section03-con-row-textBox { font-size: 18rem; }
    .connecticut-section03-con-row-textBox > span { font-size: 12rem; }
    .connecticut-section03-con-title { margin-bottom: 8rem; font-size: 20rem; }
    .connecticut-section03-con-table tr th { padding: 8rem; font-size: 16rem; }
    .connecticut-section03-con-table tr td { padding: 8rem; font-size: 14rem; }
    .connecticut-section03-con-table tr td > strong { font-size: 18rem; }
    .connecticut-section03-con-table tr td > ul { list-style: none; }
    .connecticut-section03-con-table tr td > ul > li { font-size: 14rem; }
    .connecticut-section03-con-table tr td > small { font-size: 12rem; }
    .connecticut-section03-con-title { font-size: 20rem; }
    .connecticut-section03-con-row-img { display: none; }
}
/*******************************************************************************
********************************************************************************
    코네티컷대학교 합격 결과
********************************************************************************
*******************************************************************************/
.connecticut-section04-title { margin-bottom: 36rem; font-size: 64rem; color: #000; }
.connecticut-section04-title br { display: none; }
.connecticut-section04-title > img { margin: 0 auto 24rem; width: 784rem; }
.connecticut-section04-con-row-wrap { margin-bottom: 24rem; padding: 16rem 64rem; box-shadow: 2rem 4rem 4rem #81818145; background: #F4F4F4; }
.connecticut-section04-con-row { display: flex; align-items: center; padding: 20rem 0; border: 4rem solid #E6E6E6; background: #fff; }
.connecticut-section04-con-row-img1 { width: 20%; }
.connecticut-section04-con-row-img1 > img { width: 120rem; }
.connecticut-section04-con-row-textBox { width: 60%; text-align: left; }
.connecticut-section04-con-row-text > dt { margin-bottom: 16rem; font-size: 24rem; }
.connecticut-section04-con-row-text > dt > strong { font-size: 32rem; }
.connecticut-section04-con-row-text > dt > span { color: #EE3228; }
.connecticut-section04-con-row-text > dd { font-size: 24rem; }
.connecticut-section04-con-row-img2 { width: 20%; }
@media screen and (max-width:1080px) {
    .connecticut-section04-title { margin-bottom: 12rem; font-size: 24rem; }
    .connecticut-section04-title > img { margin: 0 auto 8rem; width: 272rem; }
    .connecticut-section04-con-row-wrap { margin-bottom: 8rem; padding: 6rem 24rem; }
    .connecticut-section04-con-row { padding: 8rem 0; }
    .connecticut-section04-con-row-img1 > img { width: 44rem; }
    .connecticut-section04-con-row-text > dt { margin-bottom: 6rem; font-size: 8rem; }
    .connecticut-section04-con-row-text > dt > strong { font-size: 10rem; }
    .connecticut-section04-con-row-text > dd { font-size: 8rem; }
}
@media screen and (max-width:991px) {
    .connecticut-section04-title { font-size: 24rem; }
    .connecticut-section04-title > img { width: 90%; }
    .connecticut-section04-con-row-wrap { padding: 4rem; }
    .connecticut-section04-con-row-text > dt { font-size: 14rem; }
    .connecticut-section04-con-row-text > dt > strong { font-size: 16rem; }
    .connecticut-section04-con-row-text > dt > span { display: block; }
    .connecticut-section04-con-row-text > dd { font-size: 14rem; }
}
/*******************************************************************************
********************************************************************************
 코네티컷대학 학비&장학금
********************************************************************************
*******************************************************************************/
.connecticut-section05-title { margin-bottom: 60rem; font-size: 64rem; color: #fff; }
.connecticut-section05-title br { display: none; }
.connecticut-section05-title > span { display: block; font-size: 32rem; color: #ECF0FF; }
.connecticut-section05-table { margin-bottom: 40rem; width: 100%; background: #fff; font-size: 28rem; color: #313047; border-collapse: collapse; }
.connecticut-section05-table tr th, .connecticut-section05-table tr td { border: 1rem solid #000; font-weight: 700; }
.connecticut-section05-table tr th:last-child, .connecticut-section05-table tr td:last-child { background: #F2EEB1; }
.connecticut-section05-table tr th { padding: 12rem 0; white-space: nowrap; }
.connecticut-section05-table tr th > span { font-size: 16rem; }
.connecticut-section05-table tr td { padding: 24rem 32rem; }
.connecticut-section05-text { margin-bottom: 48rem; font-size: 24rem; color: #ECF0FF; }
.connecticut-section05-imgBox { margin: 0 auto 36rem; width: 400rem; }
.connecticut-section05-imgBox > img { width: 100%; }
.connecticut-section05-text > strong { font-size: 32rem; }
.connecticut-section05-text > strong > strong { font-size: 40rem; }
.connecticut-section05-text > strong > span { color: #54E8C8; }
@media screen and (max-width:991px) {
    .connecticut-section05-title { margin-bottom: 20rem; font-size: 24rem; }
    .connecticut-section05-title > span { font-size: 10rem; }
    .connecticut-section05-table { margin-bottom: 14rem; font-size: 10rem; }
    .connecticut-section05-table tr th { padding: 8rem 0; }
    .connecticut-section05-table tr th > span { font-size: 10rem; }
    .connecticut-section05-table tr td { padding: 8rem 2rem; }
    .connecticut-section05-table + .connecticut-section05-text { width: 90%;}
    .connecticut-section05-text { font-size: 14rem; width: 100%; margin: 0 auto 16rem;}
    .connecticut-section05-imgBox { margin: 0 auto 12rem; width: 136rem; }
    .connecticut-section05-text > strong { font-size: 20rem; }
    .connecticut-section05-text > strong > strong { font-size: 14rem; }
    .connecticut-section05-title { font-size: 24rem; }
    .connecticut-section05-title > span { font-size: 16rem; }
    .connecticut-section05-table { font-size: 14rem; }
}
/*******************************************************************************
********************************************************************************
    출국 전 유학준비반 무료 수업
********************************************************************************
*******************************************************************************/
.connecticut-section06 { background: #1333A2; }
.connecticut-section06-title { margin-bottom: 80rem; font-size: 60rem; line-height: 1.2; color: #fff; text-align: center; }
.connecticut-section06-title small { display: block; font-size: 28rem !important; font-weight: 400; }
.connecticut-section06-title span { color: #FDDC00; }
.connecticut-section06-row { display: flex; justify-content: space-between; margin-bottom: 40rem; padding: 40rem 80rem; position: relative; background: #fff; -webkit-border-radius: 10rem; isolation: isolate; -moz-border-radius: 10rem; isolation: isolate; border-radius: 10rem; isolation: isolate; }
.connecticut-section06-row:last-of-type { margin-bottom: 80rem; }
.connecticut-section06-imgBox { width: 40%; aspect-ratio: 21 / 10; }
.connecticut-section06-textBox { width: 55%; text-align: left; }
.connecticut-section06-textBox > span { position: absolute; top: 0; right: 5%; color: #fff; transform: translateY(-10rem); }
.connecticut-section06-textBox > span::before { display: block; position: absolute; top: 0; left: 100%; z-index: 1; width: 20rem; height: 10rem; background: #61000B; content: ''; clip-path: polygon(0 0, 0% 100%, 100% 100%); }
.connecticut-section06-textBox > span > span { display: flex; align-items: center; justify-content: center; width: 72rem; height: 72rem; background: #CE1126; clip-path: polygon(100% 0, 100% 100%, 50% 75%, 0 100%, 0 0); }
.connecticut-section06-textBox > span > span > span { font-size: 24rem; font-weight: 700; transform: translateY(-25%); }
.connecticut-section06-textBox > h3 { margin-bottom: 20rem; font-size: 32rem; color: #000; }
.connecticut-section06-textBox > p { margin-bottom: 10rem; font-size: 20rem; }
.connecticut-section06-textBox > p > small { font-size: 16rem; color: #767676; }
.connecticut-section06-textBox > ul > li { padding-left: 16rem; position: relative; font-size: 16rem; }
.connecticut-section06-textBox > ul > li::before { position: absolute; top: 0; left: 0; content: '-'; }
.connecticut-section06-text { font-size: 32rem; color: #fff; text-align: center }
.connecticut-section06-imgBox.img1 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/connecticut-university/uk-preparation-component-img01.jpg') no-repeat center center; background-size: contain; }
.connecticut-section06-imgBox.img2 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/connecticut-university/uk-preparation-component-img02.jpg') no-repeat center center; background-size: contain; }
.connecticut-section06-imgBox.img3 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/connecticut-university/uk-preparation-component-img03.jpg') no-repeat center center; background-size: contain; }
@media screen and (max-width:991px) {
    .connecticut-section06-title { margin-bottom: 40rem; font-size: 28rem; }
    .connecticut-section06-title small { font-size: 16rem !important; }
    .connecticut-section06-row { display: block; padding: 48rem 16rem; }
    .connecticut-section06-imgBox { margin-bottom: 24rem; width: 100%; }
    .connecticut-section06-textBox { width: 100%; }
    .connecticut-section06-textBox > span { right: 20rem; }
    .connecticut-section06-textBox > span > span { width: 48rem; height: 56rem; }
    .connecticut-section06-textBox > span > span > span { font-size: 14rem; }
    .connecticut-section06-textBox > h3 { margin-bottom: 6rem; font-size: 24rem; }
    .connecticut-section06-textBox > p { font-size: 14rem; }
    .connecticut-section06-textBox > p > small { font-size: 14rem; }
    .connecticut-section06-textBox > ul > li { padding-left: 10rem; font-size: 16rem; }
    .connecticut-section06-text { font-size: 24rem; }
}
/*******************************************************************************
********************************************************************************
 애니메이션
********************************************************************************
*******************************************************************************/
.connecticut-section01 .connecticut-width { animation: text-focus-in 1s .3s cubic-bezier(0.6, 0.1, 0.7, 0.5) both; }
@keyframes text-focus-in {
    /* animation: text-focus-in 1s cubic-bezier(0.6, 0.1, 0.7, 0.5) both; */
    0% { filter: blur(12px); opacity: 0; }
    100% { filter: blur(0); opacity: 1; }
}