@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;900&display=swap');
/*******************************************************************************
                                  layout
********************************************************************************/
.college-solution-canada * {box-sizing: border-box;font-family: 'Noto Sans KR', sans-serif;}
.max-width {max-width: 1080px;margin: 0 auto;padding: 5rem 0;text-align: center;}
.college-canada-conBox-wrap {background: #fff;padding: 60px;}
.college-solution-canada .box-shadow {border-radius: 12px;box-shadow: 0px 3px 6px #00000029;}
.college-solution-canada .sub-title {margin-bottom: 2rem;font-size: 2.1rem;}
.college-solution-canada .sub-title > span {display: block;font-size: 1.1rem;font-weight: 500;}
@media screen and (max-width: 1200px) {
    .max-width {padding: 60px 1rem;}
}
@media screen and (max-width: 767px) {
    .college-canada-conBox-wrap {padding: 0;}
    .college-canada-conBox-wrap.box-shadow {box-shadow: none;}
    .college-solution-canada .sub-title {font-size: calc(1rem + 4.167vw);}
    .college-solution-canada .sub-title > span {font-size: calc(1rem + 0.8334vw);}
}
/*******************************************************************************
                                  캐나다 컬리지
********************************************************************************/
.college-canada-section1 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-section1-bg01.jpg') no-repeat center center;background-size: cover;}
.college-canada-section1 h1 {width: 65%;margin: 0 auto 5rem;}
.college-canada-section1 h1 > span {display: block;padding: 0.5rem 0;border-radius: 6px;background: linear-gradient(270deg, #289FFF 0%, #1D2CFF 100%);font-size: 1.4rem;color: #fff;font-weight: 500;animation: animation .7s .35s forwards;opacity: 0;}
.college-canada-section1 h1 > strong {display: block;font-size: 5.7rem;color: #3200FF;line-height: 1.2;animation: animation .7s .5s forwards;opacity: 0;}
.college-canada-section1 h1 > strong > span {display: block;text-shadow: 0px 2px 8px #7A7C9C;color: #fff;font-size: 6.4rem;animation: animation .7s .65s forwards;opacity: 0;}
.college-canada-section1-con {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 1.2rem;width: 80%;margin: 0 auto;}
.college-canada-section1-col {padding: 1.2rem;background: #fff;border-radius: 10px;border: 1px solid #FFFFFF;}
.college-canada-section1-col > span {position: relative;display: inline-block;padding: 0.15rem .35rem .1rem .7rem;margin-bottom: .85rem;background: #2E316B;border-radius: 5px 0 0 5px;font-size: 1rem;color: #fff;}
.college-canada-section1-col > span::before {content: '';position: absolute;left: 100%;top: 50%;transform: translate(-1px,-50%);height: 100%;aspect-ratio: 18 / 36;background: #2E316B;clip-path: polygon(8% 0, 100% 50%, 8% 100%, 0 100%, 0 0);}
.college-canada-section1-col > p {font-size: 1.2rem;font-weight: 500;color: #3200FF;}
.college-canada-section1-col > p > span {font-size: 1.1rem;color: #9A00FF;font-weight: 600;}
.college-canada-section1-col:nth-child(1){opacity: 0;animation: animation .7s .8s forwards;}
.college-canada-section1-col:nth-child(2){opacity: 0;animation: animation .7s .95s forwards;}
.college-canada-section1-col:nth-child(3){opacity: 0;animation: animation .7s 1.1s forwards;}
@media screen and (max-width: 767px) {
    .college-canada-section1 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-section1-bg02.jpg') no-repeat center center;background-size: cover;}
    .college-canada-section1 h1 {width: 100%;margin: 0 auto 10rem;}
    .college-canada-section1 h1 > span {width: 90%;margin: 0 auto;font-size: calc(1rem + 1.389vw);}
    .college-canada-section1 h1 > strong {font-size: calc(1rem + 11.6676vw);}
    .college-canada-section1 h1 > strong > span {font-size: calc(1rem + 14.167vw);}
    .college-canada-section1-con {width: 100%;}
    .college-canada-section1-col {padding: 1.2rem 0.2rem;}
    .college-canada-section1-col > span {font-size: calc(1rem + 0.2778vw);}
    .college-canada-section1-col > p {font-size: calc(1rem + 0.8334vw);}
    .college-canada-section1-col > p > span {font-size: calc(1rem + 0.2778vw);}
}



/*******************************************************************************
                                절호의 찬스!Z
********************************************************************************/
.college-canada-section2 {padding: 2rem 0;background: linear-gradient(270deg, #1D31FF 0%, #289AFF 100%);text-align: center;}
.college-canada-section2-title {font-size: 1.8rem;color: #fff;}
.college-canada-section2-title > span {font-weight: 400;}
.college-canada-section2-title > strong {color: #FFFB82;}
@media screen and (max-width: 767px) {
    .college-canada-section2-title {font-size: calc(1rem + 3.6114vw);}
}
/*******************************************************************************
                            캐나다 노동 시장 인력 부족
********************************************************************************/
.college-canada-section3 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/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;grid-template-columns: repeat(2,1fr);grid-gap: 2rem;padding: 2rem 3rem;margin-bottom: 1rem;border-radius: 20px;background: linear-gradient(180deg, #ECF2FE 0%, #FFFFFF 0%, #FFF5EF 100%, #D2E0FA 100%, #D2E0FA 100%);}
.college-canada-section3-col-wrap {position: relative;z-index: 1;}
.college-canada-section3-col-wrap::before {content: '';position: absolute;z-index: -2;left: 8px;top: 10px;width: 100%;height: 100%;background: #fff;border: 1px solid #444444;}
.college-canada-section3-col {padding: 0 1.2rem 2.3rem;background: #fff;border: 1px solid #444444;}
.college-canada-section3-col > span {display: inline-block;padding: 0.6rem 0.9rem;margin-bottom: 2rem;border-radius: 0 0 1rem 1rem;background: #2E2E2E;font-size: 0.9rem;font-weight: 500;color: #fff;}
.college-canada-section3-col > p {font-size: 1rem;font-weight: 500;}
.college-canada-section3-col > p > span {color: #FF500E;}
.college-canada-arrow span {display: inline-block;aspect-ratio: 32 / 36;width: 4rem;margin: 0 auto 1rem;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-arrow02.svg') no-repeat center;background-size: cover;transform: rotate(90deg);}
.college-canada-section3-textBox {padding: 1.5rem 0;border: 1px solid #FF500E;border-radius: 12px;}
.college-canada-section3-textBox > p {font-size: 1.1rem;}
.college-canada-section3-textBox > p > strong {font-size: 1.6rem;color: #FF500E;}
@media screen and (max-width: 767px) {
    .college-canada-section3 {position: relative;background: #fff; margin-bottom: 14px;}
    .college-canada-section3::before {content: '';position: absolute;left: 50%;top: 100%;transform: translate(-50%);width: 100%;height: 14px;background: #F8F8F8;}
    .college-canada-section3-con {grid-template-columns: repeat(1,1fr);grid-gap: 3rem;padding: 2rem;}
    .college-canada-section3-col > span {font-size: calc(1rem + 0.2778vw);}
    .college-canada-section3-col > p {font-size: calc(1rem + 0.8334vw);}
    .college-canada-section3-textBox > p {font-size: calc(1rem + 0.8334vw);}
    .college-canada-section3-textBox > p > strong {font-size: calc(1rem + 1.389vw);}
}
/*******************************************************************************
                            캐나다 컬리지 졸업
********************************************************************************/
.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;grid-template-columns: repeat(2,1fr);grid-gap: 1rem;margin-bottom: 2rem;}
.college-canada-section4-col {padding: 0.7rem 0.7rem 0;background: #EFF2FB;border-radius: 0.6rem;}
.college-canada-section4-col > span {display: inline-block;padding: 0.8rem 1.6rem;margin-bottom: 0.5rem;border-radius: 12px;background: #fff;font-size: 1rem;font-weight: 500;color: #4B4E55; letter-spacing: -0.6px;}
.college-canada-section4-col:last-child > span {color: #F50257;}
.college-canada-section4-col > div {height: 10.4rem;margin: 0 auto;}
.college-canada-section4-col > div.img1 {aspect-ratio: 144 / 198;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-section4-img01.png') no-repeat center;background-size: cover;}
.college-canada-section4-col > div.img2 {aspect-ratio: 344 / 208;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-section4-img02.png') no-repeat center;background-size: cover;}
.college-canada-section4-con-grid {display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 3.1rem;margin-bottom: 2.5rem;}
.college-canada-section4-con-grid li {position: relative;padding: 1rem 0.5rem;border: 1px solid #D9DDEE;}
.college-canada-section4-con-grid li + li::before {content: '';position: absolute;right: calc(100% + 1.55rem);top: 50%;transform: translate(50%,-50%);width: 1.9rem;aspect-ratio: 34 / 38;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-arrow01.svg') no-repeat center;background-size: cover;}
.college-canada-section4-con-grid li > span {display: inline-block;margin-bottom: 1.2rem;font-size: 0.9em;font-weight: 500;color: #7B7F94;}
.college-canada-section4-con-grid li > .imgBox {width: 4.35rem;aspect-ratio: 1 / 1;margin: 0 auto .7rem;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-section4-icon01.png') no-repeat center;background-size: cover;}
.college-canada-section4-con-grid li > .imgBox.img2 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/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/r/v1/programs/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/r/v1/programs/college-solution-canada-new/college-canada-section4-icon04.png') no-repeat center;background-size: cover;}
.college-canada-section4-con-grid li > p {font-size: 1rem;font-weight: 700;}
.college-canada-section4-con-grid li:last-child > p {color: #F50257;}
.college-canada-section4-text {background: #E7EAF4;border-radius: 12px;padding: 1.5rem 2rem;text-align: left;}
.college-canada-section4-text dt {margin-bottom: 0.5rem;font-size: 1rem;font-weight: 700;}
.college-canada-section4-text dd {font-size: 0.8rem;}
@media screen and (max-width: 767px) {
    .college-canada-section4 {background: #fff;}
    .college-canada-section4-con {grid-template-columns: repeat(1,1fr);}
    .college-canada-section4-col > span {font-size: calc(1rem + 0.8334vw);}
    .college-canada-section4-con-grid {grid-template-columns: repeat(1,1fr);}
    .college-canada-section4-con-grid li{padding: 1rem 0.5rem 1rem 6.35rem;text-align: left;}
    .college-canada-section4-con-grid li + li::before {right: 50%;top: auto;bottom: calc(100% + 1.55rem);transform: translate(50%,50%) rotate(90deg);}
    .college-canada-section4-con-grid li > span {font-size: calc(1rem + 0.2778vw);margin: 0;}
    .college-canada-section4-con-grid li > .imgBox {position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);width: 4.35rem;margin: 0;}
    .college-canada-section4-con-grid li > p {font-size: calc(1rem + 1.389vw);}
    .college-canada-section4-text {background: #F5F7FC;}
    .college-canada-section4-text dt {font-size: calc(1rem + 1.389vw);}
    .college-canada-section4-text dd {font-size: calc(1rem + 0.2778vw);}
}
/*******************************************************************************
                                컬리지 장점
********************************************************************************/
.college-canada-section5 .sub-title > strong {color: #F50257;}
.college-canada-section5-con {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 2rem;}
.college-canada-section5-con li {border: 1px solid #D9DDEE;padding: 2.6rem .5rem;}
.college-canada-section5-con li > span {display: inline-block;padding: 0 .8rem;margin-bottom: 0.4rem;border-radius: 3rem;background: #C2C7DC;font-size: 0.9rem;font-weight: 500;color: #fff;}
.college-canada-section5-con li > dl > dt {margin-bottom: 0.6rem;font-size: 1.3rem;font-weight: 700;}
.college-canada-section5-con li > dl > dd {font-size: 0.9rem;font-weight: 500;}
.college-canada-section5-con li > dl > dd > span {color: #F50257;}
@media screen and (max-width: 767px) {
    .college-canada-section5-con {grid-template-columns: repeat(2,1fr);grid-gap: 1rem;}
    .college-canada-section5-con li {padding: 2rem .5rem;}
    .college-canada-section5-con li > span {font-size: calc(1rem + 0.2778vw);}
    .college-canada-section5-con li > dl > dt {font-size: calc(1rem + 1.9446vw);}
    .college-canada-section5-con li > dl > dd {font-size: calc(1rem + 0.2778vw);}
}
/*******************************************************************************
                                실제 후기
********************************************************************************/
.college-canada-section6  {background: #F3F7FF;}
.college-canada-section6 .sub-title > span {color: #2041FF;}
.college-canada-section6-con li {display: flex;align-items: start;padding: 1.5rem 2rem;margin-bottom: 2rem;border: 2px solid #2575FF;background: #FFFFFF;}
.college-canada-section6-con li:last-child {margin-bottom: 0;}
.college-canada-section6-con li .imgBox {width: 6rem;aspect-ratio: 1 / 1;margin-right: 2.3rem;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-section6-img01.png') no-repeat center center;background-size: cover;}
.college-canada-section6-con li .imgBox.img2 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/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/r/v1/programs/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% - 8.3rem);font-size: 0.8rem;text-align: left;}
.college-canada-section6-con li .textBox > dt {margin-bottom: 0.4rem;font-weight: 700;color: #2575FF;}
@media screen and (max-width: 767px) {
    .college-canada-section6-con li {display: block;padding: 1rem;}
    .college-canada-section6-con li .imgBox {margin: 0 0 1rem;}
    .college-canada-section6-con li .textBox {width: 100%;font-size: calc(1rem + 0.5556vw);}
    .college-canada-section6-con li .textBox > dt {font-size: calc(1rem + 0.8334vw);}
}
/*******************************************************************************
                                주요 컬리지
********************************************************************************/
.college-canada-section7 {background: #F1EAE3;}
.college-canada-section7 .sub-title > strong {color: #FF500E;}
.college-canada-section7 .imgBox {width: 60%;aspect-ratio: 615 / 506;margin: 0 auto 2rem;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-section7-img01.png') no-repeat center center;background-size: cover;}
.college-canada-section7-con {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 2rem;width: 80%;margin: 0 auto;}
.college-canada-section7-con .textBox {border: 1px solid #DEDEDE;border-radius: 10px;overflow: hidden;}
.college-canada-section7-con .textBox > h3 {padding: 0.9rem;background: #FFF6EF;font-size: 1rem;color: #F54402;}
.college-canada-section7-con .textBox:last-child > h3 {background: #F2F6FF;color: #4723DB;}
.college-canada-section7-con .textBox > div {display: flex;justify-content: center;align-items: center;height: 17.5rem;}
.college-canada-section7-con .textBox > div > ul > li {margin-bottom: 0.6rem;font-size: 0.8rem;}
.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: 767px) {
    .college-canada-section7 {background: #fff;}
    .college-canada-section7 .imgBox {width: 100%;}
    .college-canada-section7-con {width: 100%;}
    .college-canada-section7-con .textBox > h3 {font-size: calc(1rem + 0.5556vw);}
    .college-canada-section7-con .textBox > div {height: 20rem;}
    .college-canada-section7-con .textBox > div > ul > li {font-size: calc(1rem + 0.2778vw);}
}
/*******************************************************************************
                            취업 ∙ 이민 추천 전공
********************************************************************************/
.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: 2rem;}
.college-canada-section8-con .box-shadow.swiper-slide {overflow: hidden;}
.college-canada-section8-con .box-shadow.swiper-slide .imgBox {height: 7.5rem;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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/r/v1/programs/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: 0.8rem 1rem 1rem;background: #fff;height: 100%;}
.college-canada-section8-con .box-shadow.swiper-slide .textBox dt {margin-bottom: 0.6rem;font-size: 1.2rem;font-weight: 700;}
.college-canada-section8-con .box-shadow.swiper-slide .textBox dd {font-size: 0.8rem;}
@media screen and (max-width: 767px) {
    .college-canada-section8-con-wrap {padding: 3rem 16px;}
    .college-canada-section8-con {display: flex;}
    .college-canada-section8-con .box-shadow.swiper-slide {width: 80%;margin-right: 0 !important;}
    .college-canada-section8-con .box-shadow.swiper-slide .imgBox {height: 11.5rem;}
    .college-canada-section8-con .box-shadow.swiper-slide .textBox dt {font-size: calc(1rem + 3.0558vw);}
    .college-canada-section8-con .box-shadow.swiper-slide .textBox dd {font-size: calc(1rem + 0.5556vw); height: 12rem;}
    .swiper-pagination  {bottom: 0;transform: translateY(50%);}
}
/*******************************************************************************
                            컬리지 입학 정보
********************************************************************************/
.college-canada-section9 .sub-title > strong {color: #FF500E;}
.college-canada-section9-table {border-collapse: collapse;width: 100%;border-top: 1px solid #D8D8D8;}
.college-canada-section9-table th,.college-canada-section9-table td {border-bottom: 1px solid #D8D8D8;}
.college-canada-section9-table th {width: 20%;padding: 2rem 0;background: #FBFBFB;font-size: 0.9rem;border-right: 1px solid #D8D8D8;}
.college-canada-section9-table th > span {display: block;font-size: 0.75rem;}
.college-canada-section9-table td {padding: 1.3rem 2rem;text-align: left;font-size: 0.8rem;}
.college-canada-section9-table td ul li::before {content: '- ';}
.college-canada-section9-table tr:last-child td ul li::before {display: none;}
.college-canada-section9-table td ul li span {color: #FF500E;}
@media screen and (max-width: 767px) {
    .college-canada-section9-table th {width: 35%;font-size: calc(1rem + 0.2778vw);}
    .college-canada-section9-table th > span {font-size: calc(1rem + -0.2778vw);}
    .college-canada-section9-table td {width: 65%;font-size: calc(1rem + 0.2778vw);}
}
/*******************************************************************************
                                  공인영어성적이 없다면?
********************************************************************************/
.college-canada-section10 {padding: 2rem 0;background: linear-gradient(270deg, #FF4686 0%, #FF7643 100%);text-align: center;}
.college-canada-section10 h2 {font-size: 1.8rem;color: #fff;}
@media screen and (max-width: 767px) {
    .college-canada-section10 h2 {font-size: calc(1rem + 3.6114vw);}
}
/*******************************************************************************
                              진학 가능합니다!
********************************************************************************/
.college-canada-section11 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-section11-bg01.jpg') no-repeat center center;background-size: cover;}
.college-canada-section11 > .max-width {padding: 3rem 0  5rem;}
.college-canada-section11 .recommendation {position: absolute;display: flex;justify-content: center;align-items: center;width: 2.4rem;aspect-ratio: 1 / 1;border-radius: 50%;border: 2px solid #FF6A53;background: #fff;font-weight: 700;font-size: 0.9rem;color: #FF4416;}
.college-canada-section11-con2 h3,.college-canada-section11-con3 h3,.college-canada-section11-con4 h3 {margin-bottom: 1rem;font-size: 1.3rem;}
.college-canada-section11-con {width: 70%;margin: 0 auto 2.3rem;}
.college-canada-section11-title {font-size: 1.6rem;margin-bottom: 1.4rem;vertical-align: bottom;}
.college-canada-section11-title > strong {display: inline-block;position: relative;padding: 0 0.6rem;background: linear-gradient(270deg, #FF4686 0%, #FF7643 100%);font-size: 1.7rem;color: #fff;}
.college-canada-section11-title > strong > small {right:100%;bottom: 100%;transform: translate(.5rem, .75rem);}
.college-canada-section11-title > span  {display: inline-block;line-height: 1.1;border-bottom: 3px solid #333;}
.college-canada-section11-textBox {position: relative;padding: 1rem 0;margin-bottom: 1.5rem;border: 1px solid #FF74468C;font-size: 0.8rem;}
.college-canada-section11-textBox::before,.college-canada-section11-textBox::after {content: '';position: absolute;left: 50%;bottom: 100%;transform: translate(-50%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%);background: #FF74468C;aspect-ratio: 27 / 21;width: 1rem;}
.college-canada-section11-textBox::after {transform: translate(-50%,2px);background: #fff;}
.college-canada-section11-textBox span{color: #FF500E;}
.college-canada-section11-con2,.college-canada-section11-con3 {margin-bottom: 2.5rem;}
.college-canada-section11-con2 h3 > strong {color: #FF500E;}
.college-canada-section11-con2-grid {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: .8rem;}
.college-canada-section11-con2-grid li {border: 1px solid #D9DDEE;}
.college-canada-section11-con2-grid li > h4 {display: inline-block;padding: 0.3rem .6rem;margin-bottom: 0.8rem;background: #FF6E37;border-radius: 0 0 1rem 1rem;font-size: .8rem;color: #fff;font-weight: 400;}
.college-canada-section11-con2-grid li > p {font-size: 1rem;font-weight: 700;}
.college-canada-section11-con2-grid li .imgBox {aspect-ratio: 210 / 127;height: 6rem;margin: .4rem auto 0;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-section11-img1.jpg') no-repeat center center;background-size: cover;}
.college-canada-section11-con2-grid li .imgBox.img2 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/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/r/v1/programs/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: 3.3rem;}
.college-canada-section11-con3-list > li {position: relative;padding: 1.2rem 0;border: 1px solid #D9DDEE;}
.college-canada-section11-con3-list > li + li::before {content: '';position: absolute;right: calc(100% + 1.65rem);top: 50%;transform: translate(50%,-50%);aspect-ratio: 34 / 38;width: 1.7rem;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-arrow01.svg') no-repeat center;background-size: cover;}
.college-canada-section11-con3-list > li > span {display: inline-block;padding: .3rem .8rem;margin-bottom: 0.5rem;background: #3452FF;border-radius: 3rem;font-size: 0.7rem;color: #Fff;}
.college-canada-section11-con3-list > li > p {font-size: 1rem;font-weight: 700;}
.college-canada-section11-con3-list > li > p > small {display: block;font-size: 0.7rem;font-weight: 700;color: #3452FF;}
.college-canada-section11-con4-row {margin-bottom: 1.5rem;border: 1px solid #B8BBCB;border-radius: 12px;}
.college-canada-section11-con4-row2 {margin-bottom: 0;}
.college-canada-section11-con4-row h4 {padding: 0.5rem 0;border-radius: 12px 12px 0 0;background: #3D415A;font-size: 0.9rem;font-weight: 500;color: #fff;}
.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 {right: 103%;bottom: 10%;color: #2041FF;border-color: #2041FF;}
.college-canada-section11-con4-row div {padding: 1rem 1.5rem;}
.college-canada-section11-con4-row img {width: 100%;}
.college-canada-section11-con4-row2 h4 {background: #1533E2;}
.college-canada-section11-con4-row2 img {width: 50%;}
@media screen and (max-width: 1200px) {
    .college-canada-section11 > .max-width {padding: 60px 1rem;}
}
@media screen and (max-width: 767px) {
    .college-canada-section11 {position: relative;background: #fff;margin-bottom: 14px;}
    .college-canada-section11::before {content: '';position: absolute;left: 50%;top: 100%;transform: translate(-50%);width: 100%;height: 14px;background: #F8F8F8;}
    .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(1rem + 3.0558vw);}
    .college-canada-section11-con {width: 100%;}
    .college-canada-section11-con, .college-canada-section11-con2, .college-canada-section11-con3 {margin-bottom: 5rem;}
    .college-canada-section11-title {font-size: calc(1rem + 4.167vw);}
    .college-canada-section11-title > strong {padding: 0 2rem;font-size: calc(1rem + 5.2782vw);}
    .college-canada-section11-title > strong > small {transform: translate(40%,30%);}
    .college-canada-section11-textBox {padding: 1rem;font-size: calc(1rem + 0.8334vw);}
    .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: 1.5rem;}
    .college-canada-section11-con2-grid li > h4 {padding: 0.5rem 1rem;font-size: calc(1rem + 0.8334vw);}
    .college-canada-section11-con2-grid li > p {font-size: calc(1rem + 1.9446vw);}
    .college-canada-section11-con2-grid li .imgBox {aspect-ratio: 210 / 127;height: 10rem;}
    .college-canada-section11-con3-list {grid-template-columns: repeat(1,1fr);}
    .college-canada-section11-con3-list > li {display: flex;align-items: center;padding: 1.5rem;}
    .college-canada-section11-con3-list > li + li::before {right: 50%;top: auto;bottom: calc(100% + 1.65rem);transform: translate(50%,50%) rotate(90deg);width: 3rem;}
    .college-canada-section11-con3-list > li > span {margin-right: 1rem;font-size: calc(1rem + 0.2778vw);}
    .college-canada-section11-con3-list > li > p {text-align: left;font-size: calc(1rem + 1.389vw);}
    .college-canada-section11-con3-list > li > p > small {font-size: calc(1rem + 0.8334vw);}
    .college-canada-section11-con4-row h4 {padding: 2rem 0;font-size: calc(1rem + 1.389vw);}
    .college-canada-section11-con4-row h4 small.recommendation {right: 103%;bottom: 80%;}
    .college-canada-section11-con4-row div {padding: 2rem;}
    .college-canada-section11-con4-row2 img {width: 100%;}
}
/*******************************************************************************
                                패스웨이 장점
********************************************************************************/
.college-canada-section12 .sub-title > strong {color: #F50257;}
.college-canada-section12-con {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 1.1rem;margin-bottom: 3rem;}
.college-canada-section12-con > li {display: flex;align-items: start;text-align: left;border: 1px solid #D9DDEE;padding: 1.24rem;}
.college-canada-section12-con > li .imgBox {width: 3.4rem;margin-right: 0.9rem;aspect-ratio: 1 / 1;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-section12-img1.jpg') no-repeat center;background-size: cover;}
.college-canada-section12-con > li .imgBox.img2 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/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/r/v1/programs/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/r/v1/programs/college-solution-canada-new/college-canada-section12-img4.jpg') no-repeat center;background-size: cover;}
.college-canada-section12-con > li dl {width: calc(100% - 4.3rem);}
.college-canada-section12-con > li dl dt {margin-bottom: 0.4rem;font-size: 0.9rem;font-weight: 700;}
.college-canada-section12-con > li dl dd {font-size: 0.75rem;}
.college-canada-section12-con2 {margin-bottom: 3.5rem;}
.college-canada-section12-con2:last-child {margin-bottom: 0;}
.college-canada-section12-con2 h3 {margin-bottom: 1rem;font-size: 1.3rem;}
.college-canada-section12-con2-box {padding: 1.6rem;border-radius: 12px;}
.college-canada-section12-con2-box > p {font-size: 0.8rem;}
.college-canada-section12-con2-grid {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 2.6rem;margin-bottom: 1.3rem;}
.college-canada-section12-con2-grid.g4 {grid-template-columns: repeat(4,1fr);}
.college-canada-section12-con2-grid li {position: relative;padding: 1.5rem 0;border-radius: 12px;background: #fff;}
.college-canada-section12-con2-grid li + li::before {content: '';position: absolute;right: calc(100% + 1.3rem);top: 50%;transform: translate(50%,-50%);aspect-ratio: 32 / 36;width: 1.7rem;background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/college-solution-canada-new/college-canada-arrow02.svg') no-repeat center;background-size: cover;}
.college-canada-section12-con2-grid li > p {font-size: 0.9rem;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/r/v1/programs/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/r/v1/programs/college-solution-canada-new/college-canada-arrow04.svg') no-repeat center;background-size: cover;}
@media screen and (max-width: 767px) {
    .college-canada-section12-con {grid-template-columns: repeat(1,1fr);}
    .college-canada-section12-con > li {display: block;}
    .college-canada-section12-con > li .imgBox {width: 3.4rem;margin: 0 0 1rem;}
    .college-canada-section12-con > li dl {width: 100%;}
    .college-canada-section12-con > li dl dt {font-size: calc(1rem + 1.389vw);}
    .college-canada-section12-con > li dl dd {font-size: 1rem;}
    .college-canada-section12-con2 h3 {font-size: calc(1rem + 4.167vw);}
    .college-canada-section12-con2-box {padding: 1rem;}
    .college-canada-section12-con2-box > p {font-size: calc(1rem + 0.8334vw);}
    .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 + li::before {right: 50%;top: auto;bottom: calc(100% + 1.3rem);transform: translate(50%,50%) rotate(90deg);}
    .college-canada-section12-con2-grid li > p {font-size: calc(1rem + 1.389vw);}
}
/*******************************************************************************
                                도전하세요
********************************************************************************/
.college-canada-section13 {padding: 2.5rem 0;background: linear-gradient(270deg, #FF4686 0%, #FF7643 100%);text-align: center;}
.college-canada-section13 > h2 {font-size: 1.6rem;color: #fff;}
.college-canada-section13 > h2 > span {display: block;font-weight: 400;}
@media screen and (max-width: 767px) {
    .college-canada-section13 > h2 {font-size: calc(1rem + 2.5002vw);}
}
/*******************************************************************************
                            압도적인 해외대학 합격 결과!
********************************************************************************/
.special-university-section03 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/special-university-abroad/special-university-section03-bg01-221117.jpg") no-repeat center center;background-size: cover;}
.special-university-section03-title {background: linear-gradient(to bottom right, #8D4CE7 30%,#5B67EC);padding: 2rem 0;font-size: 2rem;color: #fff;line-height: 1.2;margin-bottom: 2.5rem;-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;}
.special-university-section03-title strong {font-size: 2.5rem;color: #FFE200;}
.special-university-section03-textBox {margin-bottom: 1.5rem;}
.special-university-section03-textBox h3 {font-size: 2rem;color: #000;margin-bottom: .5rem;}
.special-university-section03-textBox h3  strong{color: #D90042;}
.special-university-section03-textBox p {color: #666666;font-size: .8rem;}
.special-university-section03-textBox p::before {content: '※';}
.special-university-section03-con {background: rgba(0,0,0, 0.15);padding: 2.5rem 1.5rem;}
.special-university-section03-con-title {font-size: 1.4rem;color: #6462EB;margin-bottom: 2.5rem;}
.special-university-section03-grid {display: grid;grid-template-columns: repeat(4,1fr);grid-gap: .6rem;}
.special-university-section03-col {background: #fff;position: relative;padding:2rem .5rem 1rem;}
.special-university-section03-col  span{position: absolute;display: inline-block;left: 50%;top: 0;transform: translate(-50%,-.5rem);background: #6462EB;font-size: .9rem;color: #fff;line-height: 1;padding: .5rem 2rem;white-space: nowrap;}
.special-university-section03-col span::before {content: '';position: absolute;left: 100%;top: 0;border-top: .25rem solid transparent;border-bottom: .25rem solid #331E76;border-left: .25rem solid #331E76;border-right: .25rem solid transparent;}
.special-university-section03-col  dl dt{font-size: 1.1rem;color: #6462EB;padding-bottom: 1.1rem;border-bottom: 1px solid #666666;font-weight: 700;}
.special-university-section03-col  dl dd{padding: 1rem 0 1rem .5rem;}
.special-university-section03-col  dl dd li{text-align: left;position: relative;font-size: .8rem;}
.special-university-section03-col  dl dd li::before {content: 'ㆍ';position: absolute;right: 100%;top: 0;}
@media screen and (max-width: 767px) {.special-university-section03-title,.special-university-section03-textBox h3 {font-size: calc(1rem + 1.9446vw);}
.special-university-section03-title strong {font-size: calc(1rem + 3.0558vw);}
.special-university-section03-con {padding: 2.5rem 0.75rem;}
.special-university-section03-textBox p {font-size: calc(1rem - 0.2778vw);}
.special-university-section03-grid {grid-template-columns: repeat(2,1fr);grid-gap: 1.325rem .75rem;}
.special-university-section03-con-title {font-size: calc(1rem + 1.389vw);}
.special-university-section03-col span,.special-university-section03-col dl dd li {font-size: calc(1rem + 0.2778vw);}
.special-university-section03-col  dl dt{font-size: calc(1rem + 0.5556vw);}
}
/*******************************************************************************
                            소비자가 선택한 유학기업 1위
********************************************************************************/
.pharmacy-section09 {background: #6D453B;}
.pharmacy-section09 > div {text-align: left;position: relative;padding: 6rem 1rem;}
.pharmacy-section09-img {position: absolute;right: 0;bottom: 0;width: 85%;}
.pharmacy-section09-img > img {width: 100%;}
.pharmacy-section09-logo {display: inline-block;text-align: left;line-height: 1;}
.pharmacy-section09-logo > span {font-size: 1.6rem;display: block;color: #fff;}
.pharmacy-section09-logo > svg {width: 100%;}

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

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