/* layout */
.college-solution-canada .main-video .videoWrap{border-radius: 0; isolation: isolate;}
.college-canada-conBox-wrap { padding: 60px; background: #fff; }
.college-solution-canada .box-shadow { box-shadow: 0px 3px 6px #00000029; border-radius: 12px; isolation: isolate; }
.college-solution-canada .sub-title { margin-bottom: 40rem; font-size: 42rem; }
.college-solution-canada .sub-title > span { display: block; font-size: 22rem; font-weight: 500; }
@media screen and (max-width: 991px){
    body{ width: 100%;}
    .container > article, .container section > article {overflow-x: hidden;}
 .college-canada-conBox-wrap { padding: 0; }
 .college-canada-conBox-wrap.box-shadow { box-shadow: none; }
 .college-solution-canada .sub-title { margin-bottom: 26rem; font-size: calc(13rem + 4.2vw);}
 .college-solution-canada .sub-title > span { font-size: calc(13rem + 0.8vw); }
 }
/*******************************************************************************
 절호의 찬스!Z
********************************************************************************/
.college-canada-section2 { padding: 40rem 0; background: linear-gradient(270deg, #1D31FF 0%, #289AFF 100%); text-align: center; }
.college-canada-section2-title { font-size: 36rem; color: #fff; }
.college-canada-section2-title > span { font-weight: 400; }
.college-canada-section2-title > strong { color: #FFFB82; }
@media screen and (max-width: 991px){
    .college-canada-section2 { padding: 26rem 0; }
 .college-canada-section2-title { font-size: calc(13rem + 3.6vw); }
 }
/*******************************************************************************
 캐나다 노동 시장 인력 부족
********************************************************************************/
.college-canada-section3 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section2-bg01.jpg') no-repeat center center; background-size: cover; }
.college-canada-section3 .sub-title > strong { color: #FF500E; }
.college-canada-section3-con { display: grid; margin-bottom: 20rem; padding: 40rem 60rem; background: linear-gradient(180deg, #ECF2FE 0%, #FFFFFF 0%, #FFF5EF 100%, #D2E0FA 100%, #D2E0FA 100%); grid-template-columns: repeat(2,1fr); grid-gap: 40rem; border-radius: 20px; isolation: isolate; }
.college-canada-section3-col-wrap { position: relative; z-index: 1; }
.college-canada-section3-col-wrap::before { border: 1rem solid #444444; position: absolute; top: 10px; left: 8px; z-index: -2; width: 100%; height: 100%; background: #fff; content: ''; }
.college-canada-section3-col { padding: 0 24rem 46rem; border: 1rem solid #444444; background: #fff; }
.college-canada-section3-col > span { display: inline-block; margin-bottom: 40rem; padding: 12rem 18rem; background: #2E2E2E; font-size: 18rem; font-weight: 500; color: #fff; border-radius: 0 0 20rem 20rem; isolation: isolate; }
.college-canada-section3-col > p { font-size: 20rem; font-weight: 500; }
.college-canada-section3-col > p > span { color: #FF500E; }
.college-canada-arrow span { display: inline-block; margin: 0 auto 20rem; width: 80rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-arrow02.svg') no-repeat center; background-size: cover; aspect-ratio: 32 / 36; transform: rotate(90deg); }
.college-canada-section3-textBox { padding: 30rem 0; border: 1rem solid #FF500E; border-radius: 12px; isolation: isolate; }
.college-canada-section3-textBox > p { font-size: 22rem; }
.college-canada-section3-textBox > p > strong { font-size: 32rem; color: #FF500E; }
@media screen and (max-width: 991px){
 .college-canada-section3 { margin-bottom: 14px; position: relative; background: #fff; }
 .college-canada-section3::before { position: absolute; top: 100%; left: 50%; width: 100%; height: 14px; background: #F8F8F8; content: ''; transform: translate(-50%); }
 .college-canada-section3-con { margin-bottom: 13rem; padding: 26rem; grid-template-columns: repeat(1,1fr); grid-gap: 39rem;}
 .college-canada-section3-col {padding: 0 15rem 30rem;}
 .college-canada-section3-col > span { margin-bottom: 26rem; padding: 8rem 12rem; font-size: calc(13rem + 0.3vw);}
 .college-canada-section3-col > p { font-size: calc(13rem + 0.8vw); }
 .college-canada-arrow span {width: 52rem;}
 .college-canada-section3-textBox {padding: 20rem 0;}
 .college-canada-section3-textBox > p { font-size: calc(13rem + 0.8vw); }
 .college-canada-section3-textBox > p > strong { font-size: calc(13rem + 1.4vw); }
 }
/*******************************************************************************
 캐나다 컬리지 졸업
********************************************************************************/
.college-canada-section4 { background: linear-gradient(180deg, #F9EAEA 0%, #FFFAF2 100%); }
.college-canada-section4 .sub-title > strong { color: #F50257; }
.college-canada-section4-con { display: grid; margin-bottom: 40rem; grid-template-columns: repeat(2,1fr); grid-gap: 20rem; }
.college-canada-section4-col { padding: 14rem 14rem 0; background: #EFF2FB; border-radius: 12rem; isolation: isolate; }
.college-canada-section4-col > span { display: inline-block; margin-bottom: 10rem; padding: 16rem 32rem; background: #fff; font-size: 20rem; font-weight: 500; color: #4B4E55; letter-spacing: -0.6px; border-radius: 12px; isolation: isolate; }
.college-canada-section4-col:last-child > span { color: #F50257; }
.college-canada-section4-col > div { margin: 0 auto; height: 208rem; }
.college-canada-section4-col > div.img1 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section4-img01.png') no-repeat center; background-size: cover; aspect-ratio: 144 / 198; }
.college-canada-section4-col > div.img2 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section4-img02.png') no-repeat center; background-size: cover; aspect-ratio: 344 / 208; }
.college-canada-section4-con-grid { display: grid; margin-bottom: 32rem; grid-template-columns: repeat(4,1fr); grid-gap: 62rem; }
.college-canada-section4-con-grid li { padding: 20rem 10rem; border: 1rem solid #D9DDEE; position: relative; }
.college-canada-section4-con-grid li + li::before { position: absolute; top: 50%; right: calc(100% + 31rem); width: 38rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-arrow01.svg') no-repeat center; background-size: cover; content: ''; transform: translate(50%,-50%); aspect-ratio: 34 / 38; }
.college-canada-section4-con-grid li > span { display: inline-block; margin-bottom: 24rem; font-size: 0.9em; font-weight: 500; color: #7B7F94; }
.college-canada-section4-con-grid li > .imgBox { margin: 0 auto 14rem; width: 87rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section4-icon01.png') no-repeat center; background-size: cover; aspect-ratio: 1 / 1; }
.college-canada-section4-con-grid li > .imgBox.img2 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section4-icon02.png') no-repeat center; background-size: cover; }
.college-canada-section4-con-grid li > .imgBox.img3 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section4-icon03.png') no-repeat center; background-size: cover; }
.college-canada-section4-con-grid li > .imgBox.img4 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section4-icon04.png') no-repeat center; background-size: cover; }
.college-canada-section4-con-grid li > p { font-size: 20rem; font-weight: 700; }
.college-canada-section4-con-grid li:last-child > p { color: #F50257; }
.college-canada-section4-text { padding: 30rem 40rem; background: #E7EAF4; text-align: left; border-radius: 12px; isolation: isolate; }
.college-canada-section4-text dt { margin-bottom: 10rem; font-size: 20rem; font-weight: 700; }
.college-canada-section4-text dd { font-size: 16rem; }
@media screen and (max-width: 991px){
 .college-canada-section4 { background: #fff; }
 .college-canada-section4-con { margin-bottom: 26rem; grid-template-columns: repeat(1,1fr);}
 .college-canada-section4-col { padding: 10rem 10rem 0; }
 .college-canada-section4-col > span { font-size: calc(13rem + 0.8vw); }
 .college-canada-section4-col > div { height: 135rem; }
 .college-canada-section4-con-grid { grid-template-columns: repeat(1,1fr); grid-gap: 40rem;}
 .college-canada-section4-con-grid li { padding: 13rem 6.5rem 13rem 82.5rem; text-align: left; }
 .college-canada-section4-con-grid li + li::before { top: auto; right: 50%; bottom: calc(100% + 20.1rem); width: 24rem; transform: translate(50%,50%) rotate(90deg); }
 .college-canada-section4-con-grid li > span { margin: 0; font-size: calc(13rem + 0.3vw); }
 .college-canada-section4-con-grid li > .imgBox { margin: 0; position: absolute; top: 50%; left: 13rem; width: 56.5rem; transform: translateY(-50%); }
 .college-canada-section4-con-grid li > p { font-size: calc(13rem + 1.4vw); }
 .college-canada-section4-text { padding: 20rem 26rem; background: #F5F7FC; }
 .college-canada-section4-text dt { font-size: calc(13rem + 1.4vw); }
 .college-canada-section4-text dd { font-size: calc(13rem + 0.3vw); }
 }
/*******************************************************************************
 컬리지 장점
********************************************************************************/
.college-canada-section5 .sub-title > strong { color: #F50257; }
.college-canada-section5-con { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40rem; }
.college-canada-section5-con li { padding: 52rem 10rem; border: 1rem solid #D9DDEE; }
.college-canada-section5-con li > span { display: inline-block; margin-bottom: 8rem; padding: 0 16rem; background: #C2C7DC; font-size: 18rem; font-weight: 500; color: #fff; border-radius: 60rem; isolation: isolate; }
.college-canada-section5-con li > dl > dt { margin-bottom: 12rem; font-size: 26rem; font-weight: 700; }
.college-canada-section5-con li > dl > dd { font-size: 18rem; font-weight: 500; }
.college-canada-section5-con li > dl > dd > span { color: #F50257; }
@media screen and (max-width: 991px){
 .college-canada-section5-con { grid-template-columns: repeat(2,1fr); grid-gap: 13rem; }
 .college-canada-section5-con li { padding: 26rem 6.5rem; }
 .college-canada-section5-con li > span { padding: 0 10rem; font-size: calc(13rem + 0.3vw); }
 .college-canada-section5-con li > dl > dt { font-size: calc(13rem + 1.9vw); }
 .college-canada-section5-con li > dl > dd { font-size: calc(13rem + 0.3vw); }
 }
/*******************************************************************************
 실제 후기
********************************************************************************/
.college-canada-section6 { background: #F3F7FF; }
.college-canada-section6 .sub-title > span { color: #2041FF; }
.college-canada-section6-con li { display: flex; align-items: start; margin-bottom: 40rem; padding: 30rem 40rem; border: 2px solid #2575FF; background: #FFFFFF; }
.college-canada-section6-con li:last-child { margin-bottom: 0; }
.college-canada-section6-con li .imgBox { margin-right: 46rem; width: 120rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section6-img01.png') no-repeat center center; background-size: cover; aspect-ratio: 1 / 1; }
.college-canada-section6-con li .imgBox.img2 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section6-img02.png') no-repeat center center; background-size: cover; }
.college-canada-section6-con li .imgBox.img3 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section6-img03.png') no-repeat center center; background-size: cover; }
.college-canada-section6-con li .textBox { width: calc(100% - 166rem); font-size: 16rem; text-align: left; }
.college-canada-section6-con li .textBox > dt { margin-bottom: 8rem; font-weight: 700; color: #2575FF; }
@media screen and (max-width: 991px){
 .college-canada-section6-con li { display: block; margin-bottom: 26rem; padding: 13rem;}
 .college-canada-section6-con li .imgBox { margin: 0 0 13rem; width: 78rem; }
 .college-canada-section6-con li .textBox { width: 100%; font-size: calc(13rem + 0.6vw); }
 .college-canada-section6-con li .textBox > dt { font-size: calc(13rem + 0.8vw); }
 }
/*******************************************************************************
 주요 컬리지
********************************************************************************/
.college-canada-section7 { background: #F1EAE3; }
.college-canada-section7 .sub-title > strong { color: #FF500E; }
.college-canada-section7 .imgBox { margin: 0 auto 40rem; width: 60%; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section7-img01.png') no-repeat center center; background-size: cover; aspect-ratio: 615 / 506; }
.college-canada-section7-con { display: grid; margin: 0 auto; width: 80%; grid-template-columns: repeat(2,1fr); grid-gap: 40rem; }
.college-canada-section7-con .textBox { border: 1rem solid #DEDEDE; overflow: hidden; border-radius: 10px; isolation: isolate; }
.college-canada-section7-con .textBox > h3 { padding: 18rem; background: #FFF6EF; font-size: 20rem; color: #F54402; }
.college-canada-section7-con .textBox:last-child > h3 { background: #F2F6FF; color: #4723DB; }
.college-canada-section7-con .textBox > div { display: flex; align-items: center; justify-content: center; height: 350rem; }
.college-canada-section7-con .textBox > div > ul > li { margin-bottom: 12rem; font-size: 16rem; }
.college-canada-section7-con .textBox > div > ul > li::before { content: '- '; }
.college-canada-section7-con .textBox > div > ul > li:last-child { margin-bottom: 0; }
@media screen and (max-width: 991px){
 .college-canada-section7 { background: #fff; }
 .college-canada-section7 .imgBox { width: 100%; }
 .college-canada-section7-con { gap: 26rem; width: 100%; }
 .college-canada-section7-con .textBox > h3 { font-size: calc(13rem + 0.6vw); }
 .college-canada-section7-con .textBox > div { height: 260rem; }
 .college-canada-section7-con .textBox > div > ul > li { font-size: calc(13rem + 0.3vw); }
 }
/*******************************************************************************
 취업 ∙ 이민 추천 전공
********************************************************************************/
.college-canada-section8 { background: #FFF9F5; }
.college-canada-section8 .sub-title > strong { color: #FF500E; }
.college-canada-section8-con-wrap { overflow: visible; }
.college-canada-section8-con { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40rem; }
.college-canada-section8-con .box-shadow.swiper-slide { overflow: hidden; }
.college-canada-section8-con .box-shadow.swiper-slide .imgBox { height: 150rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section8-img01.jpg') no-repeat center center; background-size: cover; }
.college-canada-section8-con .box-shadow.swiper-slide .imgBox.img2 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section8-img02.jpg') no-repeat center center; background-size: cover; }
.college-canada-section8-con .box-shadow.swiper-slide .imgBox.img3 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section8-img03.jpg') no-repeat center center; background-size: cover; }
.college-canada-section8-con .box-shadow.swiper-slide .imgBox.img4 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section8-img04.jpg') no-repeat center center; background-size: cover; }
.college-canada-section8-con .box-shadow.swiper-slide .imgBox.img5 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section8-img05.jpg') no-repeat center center; background-size: cover; }
.college-canada-section8-con .box-shadow.swiper-slide .imgBox.img6 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section8-img06.jpg') no-repeat center center; background-size: cover; }
.college-canada-section8-con .box-shadow.swiper-slide .textBox { padding: 16rem 20rem 20rem; height: 100%; background: #fff; }
.college-canada-section8-con .box-shadow.swiper-slide .textBox dt { margin-bottom: 12rem; font-size: 24rem; font-weight: 700; }
.college-canada-section8-con .box-shadow.swiper-slide .textBox dd { font-size: 16rem; }
@media screen and (max-width: 991px){
 .college-canada-section8-con-wrap { padding: 39rem 16px; }
 .college-canada-section8-con { display: flex; grid-gap: 26rem;}
 .college-canada-section8-con .box-shadow.swiper-slide { margin-right: 0 !important; width: 80%; }
 .college-canada-section8-con .box-shadow.swiper-slide .imgBox { height: 149.5rem; }
 .college-canada-section8-con .box-shadow.swiper-slide .textBox { padding: 10rem 13rem 13rem; }
 .college-canada-section8-con .box-shadow.swiper-slide .textBox dt { font-size: calc(13rem + 3.1vw); }
 .college-canada-section8-con .box-shadow.swiper-slide .textBox dd { height: 156rem; font-size: calc(13rem + 0.6vw); }
 .swiper-pagination { bottom: 0; transform: translateY(50%); }
 }
/*******************************************************************************
 컬리지 입학 정보
********************************************************************************/
.college-canada-section9 .sub-title > strong { color: #FF500E; }
.college-canada-section9-table { border-top: 1rem solid #D8D8D8; width: 100%; border-collapse: collapse; }
table.college-canada-section9-table tr th,table.college-canada-section9-table tr td { border-bottom: 1rem solid #D8D8D8; }
table.college-canada-section9-table tr th { padding: 40rem 0; border-right: 1rem solid #D8D8D8; width: 20%; background: #FBFBFB; font-size: 18rem; }
table.college-canada-section9-table tr th > span { display: block; font-size: 15rem; }
table.college-canada-section9-table tr td { padding: 26rem 40rem; font-size: 16rem; text-align: left; }
table.college-canada-section9-table tr td ul li::before { content: '- '; }
table.college-canada-section9-table tr:last-child td ul li::before { display: none; }
table.college-canada-section9-table tr td ul li span { color: #FF500E; }
@media screen and (max-width: 991px){
 table.college-canada-section9-table tr th { width: 35%; font-size: calc(13rem + 0.3vw); }
 table.college-canada-section9-table tr th > span { font-size: calc(13rem + -0.3vw); }
 table.college-canada-section9-table tr td { width: 65%; font-size: calc(13rem + 0.3vw); }
 table.college-canada-section9-table tr th,
 table.college-canada-section9-table tr td { padding: 16rem 26rem; }
 }
/*******************************************************************************
 공인영어성적이 없다면?
********************************************************************************/
.college-canada-section10 { padding: 40rem 0; background: linear-gradient(270deg, #FF4686 0%, #FF7643 100%); text-align: center; }
.college-canada-section10 h2 { font-size: 36rem; color: #fff; }
@media screen and (max-width: 991px){
 .college-canada-section10 h2 { font-size: calc(13rem + 3.6vw); }
 }
/*******************************************************************************
 진학 가능합니다!
********************************************************************************/
.college-canada-section11 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section11-bg01.jpg') no-repeat center center; background-size: cover; }
.college-canada-section11 > .max-width { padding: 60rem 0 100rem; }
.college-canada-section11 .recommendation { display: flex; align-items: center; justify-content: center; border: 2px solid #FF6A53; position: absolute; width: 48rem; background: #fff; font-size: 18rem; font-weight: 700; color: #FF4416; aspect-ratio: 1 / 1; border-radius: 50%; isolation: isolate; }
.college-canada-section11-con2 h3,.college-canada-section11-con3 h3,.college-canada-section11-con4 h3 { margin-bottom: 20rem; font-size: 26rem; }
.college-canada-section11-con { margin: 0 auto 46rem; width: 70%; }
h2.college-canada-section11-title { margin-bottom: 28rem; vertical-align: bottom; font-size: 32rem; }
h2.college-canada-section11-title > strong { display: inline-block; padding: 0 12rem; position: relative; background: linear-gradient(270deg, #FF4686 0%, #FF7643 100%); font-size: 34rem; color: #fff; }
h2.college-canada-section11-title > strong > small { right:100%; bottom: 100%; transform: translate(10rem, 15rem); }
h2.college-canada-section11-title > span { display: inline-block; border-bottom: 3px solid #333; line-height: 1.1; }
.college-canada-section11-textBox { margin-bottom: 30rem; padding: 20rem 0; border: 1rem solid #FF74468C; position: relative; font-size: 16rem; }
.college-canada-section11-textBox::before,.college-canada-section11-textBox::after { position: absolute; bottom: 100%; left: 50%; width: 20rem; background: #FF74468C; content: ''; transform: translate(-50%); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); aspect-ratio: 27 / 21; }
.college-canada-section11-textBox::after { background: #fff; transform: translate(-50%,2px); }
.college-canada-section11-textBox span { color: #FF500E; }
.college-canada-section11-con2,.college-canada-section11-con3 { margin-bottom: 50rem; }
.college-canada-section11-con2 h3 > strong { color: #FF500E; }
.college-canada-section11-con2-grid { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 16rem; }
.college-canada-section11-con2-grid li { border: 1rem solid #D9DDEE; }
.college-canada-section11-con2-grid li > h4 { display: inline-block; margin-bottom: 16rem; padding: 6rem 12rem; background: #FF6E37; font-size: 16rem; font-weight: 400; color: #fff; border-radius: 0 0 20rem 20rem; isolation: isolate; }
.college-canada-section11-con2-grid li > p { font-size: 20rem; font-weight: 700; }
.college-canada-section11-con2-grid li .imgBox { margin: 8rem auto 0; height: 120rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section11-img1.jpg') no-repeat center center; background-size: cover; aspect-ratio: 210 / 127; }
.college-canada-section11-con2-grid li .imgBox.img2 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section11-img2.jpg') no-repeat center center; background-size: cover; }
.college-canada-section11-con2-grid li .imgBox.img3 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section11-img3.jpg') no-repeat center center; background-size: cover; }
.college-canada-section11-con3 h3 > strong { color: #3452FF; }
.college-canada-section11-con3-list { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 66rem; }
.college-canada-section11-con3-list > li { padding: 24rem 0; border: 1rem solid #D9DDEE; position: relative; }
.college-canada-section11-con3-list > li + li::before { position: absolute; top: 50%; right: calc(100% + 33rem); width: 34rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-arrow01.svg') no-repeat center; background-size: cover; content: ''; transform: translate(50%,-50%); aspect-ratio: 34 / 38; }
.college-canada-section11-con3-list > li > span { display: inline-block; margin-bottom: 10rem; padding: 6rem 16rem; background: #3452FF; font-size: 14rem; color: #Fff; border-radius: 60rem; isolation: isolate; }
.college-canada-section11-con3-list > li > p { font-size: 20rem; font-weight: 700; }
.college-canada-section11-con3-list > li > p > small { display: block; font-size: 14rem; font-weight: 700; color: #3452FF; }
.college-canada-section11-con4-row { margin-bottom: 30rem; border: 1rem solid #B8BBCB; border-radius: 12px; isolation: isolate; }
.college-canada-section11-con4-row2 { margin-bottom: 0; }
.college-canada-section11-con4-row h4 { padding: 10rem 0; background: #3D415A; font-size: 18rem; font-weight: 500; color: #fff; border-radius: 12px 12px 0 0; isolation: isolate; }
.college-canada-section11-con4-row h4 strong { position: relative; }
.college-canada-section11-con4-row h4 span { color: #FFFB82; }
.college-canada-section11-con4-row h4 small.recommendation { border-color: #2041FF; right: 103%; bottom: 10%; color: #2041FF; }
.college-canada-section11-con4-row div { padding: 20rem 30rem; }
.college-canada-section11-con4-row img { width: 100%; }
.college-canada-section11-con4-row2 h4 { background: #1533E2; }
.college-canada-section11-con4-row2 img { margin: 0 auto; width: 50%;}
@media screen and (max-width: 1200px){
 .college-canada-section11 > .max-width { padding: 65rem 13rem; }
 }
@media screen and (max-width: 991px){
 .college-canada-section11 { margin-bottom: 14px; position: relative; background: #fff; }
 .college-canada-section11::before { position: absolute; top: 100%; left: 50%; width: 100%; height: 14px; background: #F8F8F8; content: ''; transform: translate(-50%); }
 .college-canada-section11 .recommendation { width: 48px; font-size: 18px; }
 .college-canada-section11-con2 h3,.college-canada-section11-con3 h3,.college-canada-section11-con4 h3 { font-size: calc(13rem + 3.1vw); }
 .college-canada-section11-con { width: 100%; }
 .college-canada-section11-con, .college-canada-section11-con2, .college-canada-section11-con3 { margin-bottom: 65rem; }
 .college-canada-section11-title { font-size: calc(13rem + 4.2vw); }
 .college-canada-section11-title > strong { padding: 0 26rem; font-size: calc(13rem + 5.3vw); }
 .college-canada-section11-title > strong > small { transform: translate(40%,30%); }
 .college-canada-section11-textBox { padding: 13rem; font-size: calc(13rem + 0.8vw); }
 .college-canada-section11-textBox::before,.college-canada-section11-textBox::after { width: 20px; }
 .college-canada-section11-con2-grid { grid-template-columns: repeat(1,1fr); grid-gap: 19.5rem; }
 .college-canada-section11-con2-grid li > h4 { padding: 6.5rem 13rem; font-size: calc(13rem + 0.8vw); }
 .college-canada-section11-con2-grid li > p { font-size: calc(13rem + 1.9vw); }
 .college-canada-section11-con2-grid li .imgBox { height: 130rem; aspect-ratio: 210 / 127; }
 .college-canada-section11-con3-list { grid-template-columns: repeat(1,1fr); }
 .college-canada-section11-con3-list > li { display: flex; align-items: center; padding: 19.5rem; }
 .college-canada-section11-con3-list > li + li::before { top: auto; right: 50%; bottom: calc(100% + 21.4rem); width: 39rem; transform: translate(50%,50%) rotate(90deg); }
 .college-canada-section11-con3-list > li > span { margin-right: 13rem; font-size: calc(13rem + 0.3vw); }
 .college-canada-section11-con3-list > li > p { font-size: calc(13rem + 1.4vw); text-align: left; }
 .college-canada-section11-con3-list > li > p > small { font-size: calc(13rem + 0.8vw); }
 .college-canada-section11-con4-row h4 { padding: 26rem 0; font-size: calc(13rem + 1.4vw); }
 .college-canada-section11-con4-row h4 small.recommendation { right: 103%; bottom: 80%; }
 .college-canada-section11-con4-row div { padding: 26rem; }
 .college-canada-section11-con4-row2 img { width: 100%; }
 }
/*******************************************************************************
 패스웨이 장점
********************************************************************************/
.college-canada-section12 .sub-title > strong { color: #F50257; }
.college-canada-section12-con { display: grid; margin-bottom: 60rem; grid-template-columns: repeat(2,1fr); grid-gap: 22rem; }
.college-canada-section12-con > li { display: flex; align-items: start; padding: 24.8rem; border: 1rem solid #D9DDEE; text-align: left; }
.college-canada-section12-con > li .imgBox { margin-right: 18rem; width: 68rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section12-img1.jpg') no-repeat center; background-size: cover; aspect-ratio: 1 / 1; }
.college-canada-section12-con > li .imgBox.img2 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section12-img2.jpg') no-repeat center; background-size: cover; }
.college-canada-section12-con > li .imgBox.img3 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section12-img3.jpg') no-repeat center; background-size: cover; }
.college-canada-section12-con > li .imgBox.img4 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-section12-img4.jpg') no-repeat center; background-size: cover; }
.college-canada-section12-con > li dl { width: calc(100% - 86rem); }
.college-canada-section12-con > li dl dt { margin-bottom: 8rem; font-size: 18rem; font-weight: 700; }
.college-canada-section12-con > li dl dd { font-size: 15rem; }
.college-canada-section12-con2 { margin-bottom: 70rem; }
.college-canada-section12-con2:last-child { margin-bottom: 0; }
.college-canada-section12-con2 h3 { margin-bottom: 20rem; font-size: 26rem; }
.college-canada-section12-con2-box { padding: 32rem; border-radius: 12px; isolation: isolate; }
.college-canada-section12-con2-box > p { font-size: 16rem; }
.college-canada-section12-con2-grid { display: grid; margin-bottom: 26rem; grid-template-columns: repeat(3,1fr); grid-gap: 52rem; }
.college-canada-section12-con2-grid.g4 { grid-template-columns: repeat(4,1fr); }
.college-canada-section12-con2-grid li { padding: 30rem 0; position: relative; background: #fff; border-radius: 12px; isolation: isolate; }
.college-canada-section12-con2-grid li + li::before { position: absolute; top: 50%; right: calc(100% + 26rem); width: 34rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-arrow02.svg') no-repeat center; background-size: cover; content: ''; transform: translate(50%,-50%); aspect-ratio: 32 / 36; }
.college-canada-section12-con2-grid li > p { font-size: 18rem; font-weight: 700; }
.college-canada-section12-con2.color1 h3 > strong { color: #FF500E; }
.college-canada-section12-con2.color1 .college-canada-section12-con2-box { background: #FFF9F5; }
.college-canada-section12-con2.color1 .college-canada-section12-con2-box > p > span { color: #FF500E; }
.college-canada-section12-con2.color1 .college-canada-section12-con2-grid li { box-shadow: 0px 1px 4px #ECE2DB; }
.college-canada-section12-con2.color2 h3 > strong { color: #F50257; }
.college-canada-section12-con2.color2 .college-canada-section12-con2-box { background: #FCF6F8; }
.college-canada-section12-con2.color2 .college-canada-section12-con2-box > p > span { color: #F50257; }
.college-canada-section12-con2.color2 .college-canada-section12-con2-grid li { box-shadow: 0px 1px 4px #EFE6E9; }
.college-canada-section12-con2.color2 .college-canada-section12-con2-grid li + li::before { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-arrow03.svg') no-repeat center; background-size: cover; }
.college-canada-section12-con2.color3 h3 > strong { color: #7F61FE; }
.college-canada-section12-con2.color3 .college-canada-section12-con2-box { background: #F4F2FC; }
.college-canada-section12-con2.color3 .college-canada-section12-con2-box > p > span { color: #7F61FE; }
.college-canada-section12-con2.color3 .college-canada-section12-con2-grid li { box-shadow: 0px 1px 4px #E0DCEF; }
.college-canada-section12-con2.color3 .college-canada-section12-con2-grid li + li::before { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/college-canada-arrow04.svg') no-repeat center; background-size: cover; }
@media screen and (max-width: 991px){
 .college-canada-section12-con { grid-template-columns: repeat(1,1fr); }
 .college-canada-section12-con > li { display: block; }
 .college-canada-section12-con > li .imgBox { margin: 0 0 13rem; width: 44.2rem; }
 .college-canada-section12-con > li dl { width: 100%; }
 .college-canada-section12-con > li dl dt { font-size: calc(13rem + 1.4vw); }
 .college-canada-section12-con > li dl dd { font-size: 13rem; }
 .college-canada-section12-con2 h3 { font-size: calc(13rem + 4.2vw); }
 .college-canada-section12-con2-box { padding: 13rem; }
 .college-canada-section12-con2-box > p { font-size: calc(13rem + 0.8vw); }
 .college-canada-section12-con2-grid { grid-template-columns: repeat(1,1fr); }
 .college-canada-section12-con2-grid.g4 { grid-template-columns: repeat(1,1fr); }
 .college-canada-section12-con2-grid li {padding: 20rem 0;}
 .college-canada-section12-con2-grid li + li::before { top: auto; right: 50%; bottom: calc(100% + 16.9rem); transform: translate(50%,50%) rotate(90deg); }
 .college-canada-section12-con2-grid li > p { font-size: calc(13rem + 1.4vw); }
 }
/*******************************************************************************
 도전하세요
********************************************************************************/
.college-canada-section13 { padding: 50rem 0; background: linear-gradient(270deg, #FF4686 0%, #FF7643 100%); text-align: center; }
.college-canada-section13 > h2 { font-size: 32rem; color: #fff; }
.college-canada-section13 > h2 > span { display: block; font-weight: 400; }
@media screen and (max-width: 991px){
 .college-canada-section13 > h2 { font-size: calc(13rem + 2.5vw); }
 }
/*******************************************************************************
 압도적인 해외대학 합격 결과!
********************************************************************************/
.special-university-section03 { background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/college-solution-canada-new/special-university-section03-bg01-221117.jpg") no-repeat center center; background-size: cover; }
.special-university-section03-title { margin-bottom: 50rem; padding: 40rem 0; background: linear-gradient(to bottom right, #8D4CE7 30%,#5B67EC); font-size: 40rem; line-height: 1.2; color: #fff; -webkit-border-radius: 5rem; isolation: isolate; -moz-border-radius: 5rem; isolation: isolate; border-radius: 5rem; isolation: isolate; }
.special-university-section03-title strong { font-size: 50rem; color: #FFE200; }
.special-university-section03-textBox { margin-bottom: 30rem; }
.special-university-section03-textBox h3 { margin-bottom: 10rem; font-size: 40rem; color: #000; }
.special-university-section03-textBox h3 strong { color: #D90042; }
.special-university-section03-textBox p { font-size: 16rem; color: #666666; }
.special-university-section03-textBox p::before { content: '※'; }
.special-university-section03-con { padding: 50rem 30rem; background: rgba(0,0,0, 0.1); }
.special-university-section03-con-title { margin-bottom: 50rem; font-size: 28rem; color: #6462EB; }
.special-university-section03-grid { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 12rem; }
.special-university-section03-col { padding:40rem 10rem 20rem; position: relative; background: #fff; }
.special-university-section03-col span { display: inline-block; padding: 10rem 40rem; position: absolute; top: 0; left: 50%; background: #6462EB; font-size: 18rem; line-height: 1; color: #fff; white-space: nowrap; transform: translate(-50%,-10rem); }
.special-university-section03-col span::before { border-top: 5rem solid transparent; border-right: 5rem solid transparent; border-bottom: 5rem solid #331E76; border-left: 5rem solid #331E76; position: absolute; top: 0; left: 100%; content: ''; }
.special-university-section03-col dl dt { padding-bottom: 22rem; border-bottom: 1rem solid #666666; font-size: 22rem; font-weight: 700; color: #6462EB; }
.special-university-section03-col dl dd { padding: 20rem 0 20rem 10rem; }
.special-university-section03-col dl dd li { position: relative; font-size: 16rem; text-align: left; }
.special-university-section03-col dl dd li::before { position: absolute; top: 0; right: 100%; content: 'ㆍ'; }
@media screen and (max-width: 991px){
.special-university-section03-title {padding: 26rem 0;}
h2.special-university-section03-title, .special-university-section03-textBox h3 { font-size: calc(13rem + 1.9vw); }
.special-university-section03-title strong { font-size: calc(13rem + 3.1vw); }
.special-university-section03-con { padding: 32.5rem 9.8rem; }
.special-university-section03-textBox p { font-size: calc(13rem - 0.3vw); }
.special-university-section03-grid { grid-template-columns: repeat(2,1fr); grid-gap: 17.2rem 9.8rem; }
.special-university-section03-con-title { font-size: calc(13rem + 1.4vw); }
.special-university-section03-col span,.special-university-section03-col dl dd li { font-size: calc(13rem + 0.3vw); }
.special-university-section03-col dl dt { font-size: calc(13rem + 0.6vw); }
 }
/*******************************************************************************
 소비자가 선택한 유학기업 1위
********************************************************************************/
.pharmacy-section09 { background: #6D453B; }
.pharmacy-section09 > div { padding: 120rem 20rem; position: relative; text-align: left; }
.pharmacy-section09-img { position: absolute; right: 0; bottom: 0; width: 85%; }
.pharmacy-section09-img > img { width: 100%; }
.pharmacy-section09-logo { display: inline-block; line-height: 1; text-align: left; }
.pharmacy-section09-logo > span { display: block; font-size: 32rem; color: #fff; }
.pharmacy-section09-logo > svg { width: 100%; }

@media screen and (max-width: 991px){
 .pharmacy-section09 > div { padding-bottom: 70.0vw; text-align: center; }
 .pharmacy-section09-logo > span { font-size: calc(13rem + 3.1vw); }
 .pharmacy-section09-img { width: 140%; }
 }

/*******************************************************************************
 애니메이션
********************************************************************************/
@keyframes animation {
 0% { transform: translateY(60rem); opacity: 0; }
 100% { transform: translateY(0); opacity: 1; }
 }