@charset "UTF-8";
/*********************************************************************
**********************************************************************
                           공통
**********************************************************************
*********************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');

.canada-university-abroad * {
    font-family: 'Noto Sans KR', sans-serif;
    box-sizing: border-box;
    line-height: 1.2;
}
.max-width {
    max-width: 1080px;
    padding: 5rem 0;
    margin: 0 auto;
    text-align: center;
}
.sub-title {
    margin-bottom: 2rem;
    font-size: 3rem;
    color: #000;
}
.sub-title > span {
    display: block;
    font-weight: 400;
    font-size: 1.4rem;
}
@media screen and (max-width: 1200px) {
    .max-width {
        padding: 5rem 1rem;
    }
}
@media screen and (max-width: 767px) {
    .sub-title {
        font-size: calc(1rem + 4.7226vw);
    }
    .sub-title > span {
        font-size: calc(1rem + 0.8334vw);
    }
}

/*********************************************************************
**********************************************************************
                    해외 명문 대학교 진학
**********************************************************************
*********************************************************************/
.canada-university-section1 {
    background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section1-bg01.jpg') no-repeat center center;
    background-size: cover;
}
.canada-university-section1 h1 {
    margin-bottom: 1rem;
}
.canada-university-section1 h1 > span {
    display: inline-block;
    padding: .4rem 1.5rem;
    margin-bottom: 1rem;
    background: #000;
    border-radius: 2rem;
    color: #fff;
    font-size: 2rem;
}
.canada-university-section1 h1 > span > span {
    display: inline-block;
    width: 3rem;
    aspect-ratio:  64 / 35;
    background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section1-img01.png') no-repeat center center;
    background-size: cover;
}
.canada-university-section1 h1 > strong {
    font-size: 7.5rem;
    font-weight: 900;
    color: #000;
}
.canada-university-section1 h1 > strong > strong {
    display: block;
    color: #007D25;
    font-weight: 900;
}
.canada-university-section1 > div > p {
    margin-bottom: 3rem;
    font-size: 1.7rem;
    color: #000;
}
.canada-university-section1 > div > p > span {
    color: #E82511;
}
.canada-university-section1-con {
    width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 3rem;
    background: rgba(51, 51, 51, 0.826);
    padding: 1.5rem;
    border-radius: 100rem;
}
.canada-university-section1-col {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio:  1/ 1;
    border-radius: 50%;
    background: #06A736;
}
.canada-university-section1-col + .canada-university-section1-col::before {
    content: '';
    position: absolute;
    right: calc(100% + 1.5rem);
    top: 50%;
    transform: translate(50%,-50%);
    width: 2rem;
    background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-arrow01.png') no-repeat center center;
    background-size: cover;
    aspect-ratio: 31 / 15;
}
.canada-university-section1-col > div > p {
    font-size: 1.3rem;
    color: #fff;
}
.canada-university-section1-icon {
    width: 2.5rem;
    margin: 0 auto .5rem;
    aspect-ratio:  1 / 1;
}
.canada-university-section1-icon.icon1 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section1-icon01.svg') no-repeat center center;background-size: cover;}
.canada-university-section1-icon.icon2 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section1-icon02.svg') no-repeat center center;background-size: cover;}
.canada-university-section1-icon.icon3 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section1-icon03.svg') no-repeat center center;background-size: cover;}


@media screen and (max-width: 1200px) {
    .canada-university-section1-con {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .canada-university-section1 h1 > span {
        font-size: calc(1rem + 1.9446vw);
        padding: .5rem 1.5rem;
    }
    .canada-university-section1 h1 > strong {
        font-size: calc(1rem + 13.6122vw);
    }
    .canada-university-section1 > div > p {
        font-size: calc(1rem + 1.389vw);
    }
    .canada-university-section1-con {
        grid-gap: 2rem;
        padding: 1rem;
    }
    .canada-university-section1-col + .canada-university-section1-col::before {
        right: calc(100% + 1rem);
        width: 1rem;
    }
    .canada-university-section1-col > div > p {
        font-size: calc(1rem + -0.5556vw);
    }
    .canada-university-section1-icon {
        width: 1.5rem;
        margin-bottom: 0.2rem;
    }
}
/*********************************************************************
**********************************************************************
                    세계 명문 대학교 진학 성과!
**********************************************************************
*********************************************************************/
.canada-university-section2 {
    background: #CEEEF2;
}
.canada-university-section2 .sub-title {
    color: #1F2A58;
}
.canada-university-section2-con {
    margin-bottom: 6rem;
}
.canada-university-section2-con:last-child {
    margin-bottom: 0;
}
.canada-university-section2-con h3 {
    margin-bottom: 1.4rem;
    font-size: 1.8rem;
    color: #D2210D;
}
.canada-university-section2-con div {
    width: 80%;
    margin: 0 auto;
    aspect-ratio: 760 / 460;
}
.canada-university-section2-con table {
    width: 80%;
    margin: 2rem auto 0;
    background: #fff;
    border-collapse: collapse;
}
.canada-university-section2-con table th,
.canada-university-section2-con table td {
    padding: 0.5rem 0;
    border: 1px solid #8F8F8F;
    font-size: 1.1rem;
}
.canada-university-section2-con table th {
    background: #E5E5E5;
    font-weight: 400;
}
.canada-university-section2-con table td {
    color: #C61E25;
}
.canada-university-section2-con table th:first-child {
    font-weight: 700;
}
.canada-university-section2-con table td:first-child {
    background: #EAE1FF;
    font-weight: 700;
    color: #000;
}
.canada-university-section2-con p {
    width: 80%;
    margin: .5rem auto;
    text-align: right;
    font-size: 0.8rem;
    color: #4D4D4D;
}
.canada-university-section2-con p::before {
    content: '*';
}
.canada-university-section2-con div.img1 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section2-img01.png') no-repeat center center;background-size: cover;}
.canada-university-section2-con div.img2 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section2-img02-240823.png') no-repeat center center;background-size: cover;}

@media screen and (max-width: 767px) {
    .canada-university-section2-con h3 {
        font-size: calc(1rem + 1.9446vw);
    }
    .canada-university-section2-con div {
        width: 100%;
    }
    .canada-university-section2-con table {
        width: 100%;
    }
    .canada-university-section2-con table th,
    .canada-university-section2-con table td {
        font-size: calc(1rem + -0.2778vw);
    }
    .canada-university-section2-con p {
        width: 100%;
    }

}
/*********************************************************************
**********************************************************************
                           공통
**********************************************************************
*********************************************************************/
.canada-university-section3 {
    background: #F1EDFF url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section3-bg01.jpg') no-repeat center bottom;
    background-size: cover;
}
.canada-university-section3 > div > p {
    margin-bottom: 3rem;
    font-size: 1.4rem;
}
.canada-university-section3 p > span {
    color: #E82511;
}
.canada-university-section3-con {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 5rem;
    width: 90%;
    margin: 0 auto 2rem;
}
.canada-university-section3-col {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    background: linear-gradient(136deg, #8BD13B 0%, #4AAD3D 70%, #289A3E 100%);
    box-shadow: 6px 6px 8px #00000033;
}
.canada-university-section3-col + .canada-university-section3-col::before {
    content: '';
    position: absolute;
    right: calc(100% + 2.5rem);
    top: 50%;
    transform: translate(50%, -50%);
    width: 2rem;
    background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-arrow02.png') no-repeat center center;
    background-size: cover;
    aspect-ratio: 31 / 15;
}
.canada-university-section3-col > div > span {
    display: inline-block;
    width: 2.5rem;
    margin: 0 auto .5rem;
    aspect-ratio:  1 / 1;
}
.canada-university-section3-col > div > p {
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
}

.canada-university-section3-video h3 {
    margin-bottom: 3rem;
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 1.4;
}
.canada-university-section3-video h3 > span {
    display: inline-block;
    padding: 0 .5rem;
    background: #009D34;
    color: #fff;
    font-weight: 700;
}

.canada-university-section3-col > div > span.icon1 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section1-icon01.svg') no-repeat center center;background-size: cover;}
.canada-university-section3-col > div > span.icon2 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section1-icon02.svg') no-repeat center center;background-size: cover;}
.canada-university-section3-col > div > span.icon3 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section1-icon03.svg') no-repeat center center;background-size: cover;}

@media screen and (max-width: 1200px) {
    .canada-university-section3-con {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .canada-university-section3 > div > p {
        font-size: calc(1rem + 0.8334vw);
    }
    .canada-university-section3-con {
        grid-gap: 2rem;
    }
    .canada-university-section3-col + .canada-university-section3-col::before {
        right: calc(100% + 1rem);
        width: 1.5rem;
    }
    .canada-university-section3-col > div > span {
        display: none;
    }
    .canada-university-section3-col > div > p {
        font-size: calc(1rem + 0.2778vw);
    }    
    .canada-university-section3-video h3 {
        font-size: calc(1rem + 1.3vw);
    }
}

/*********************************************************************
**********************************************************************
                    국제학교가 유리한가요
**********************************************************************
*********************************************************************/
.canada-university-section4 {
    background: #E9F0FF;
}
.canada-university-section4 .sub-title {position: relative; color: #D2210D;}
.canada-university-section4 .sub-title::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    aspect-ratio: 1 / 1;
    width: 9rem;
    border-radius: 50%;
    background: #F9EFAA url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section4-img01.png') no-repeat center center;background-size: cover;
}
.canada-university-section4-con {
    margin-bottom: 6rem;
}
.canada-university-section4-con:last-child {
    margin-bottom: 0;
}
.canada-university-section4-con h3 {
    position: relative;
    display: inline-block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 3rem;
    background: #008A29;
    font-size: 1.4rem;
    color: #FFFFFF;
    font-weight: 500;
}
.canada-university-section4-con h3::before,
.canada-university-section4-con h3::after {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    transform: translateX(1px);
    height: 100%;
    aspect-ratio: 21 / 66;
    background: #008A29;
    clip-path: polygon(100% 0, 90% 0, 0 50%, 90% 100%, 100% 100%);
}
.canada-university-section4-con h3::after {
    right: auto;
    left: 100%;
    transform: translateX(-1px);
    clip-path: polygon(0% 0%, 10% 0, 100% 50%, 10% 100%, 0% 100%);
}
.canada-university-section4-con p {
    font-weight: 700;
    font-size: 1.8rem;
}
.canada-university-section4-con p > strong {
    color: #008A29;
}
.canada-university-section4-con ul{
    margin-top: 1rem;
}
.canada-university-section4-con ul > li {
    color: #777777;
    font-size: 0.9rem;
}
.canada-university-section4-con ul > li::before {
    content: '※';
}
.canada-university-section4-con1-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    width: 80%;
    margin: 0 auto 4rem;
}
.canada-university-section4-con1-col {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    border: 1px solid #B8B8B8;
    background: #E6E6E6;
    color: #666666;
}
.canada-university-section4-con1-col.active {
    box-shadow: 6px 6px 8px #00000033;
    transform: scale(1.1);
    background: #FFEF80;
}
.canada-university-section4-con1-col > div > h4 {
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
}
.canada-university-section4-con1-col > div > p {
    font-size: 1.3rem;
    font-weight: 400;
    
}
.canada-university-section4-con1-col > div > p > span {
    color: #E82511;
}
.canada-university-section4-con1-col.active {
    color: #333333;
}
.canada-university-section4-con1-col.active h4 {
    color: #000;
}
.canada-university-section4-con table {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #B8B8B8;
    margin-bottom: 1rem;
}
.canada-university-section4-con table th,
.canada-university-section4-con table td {
    padding: 1rem;
    border-bottom: 1px solid #B8B8B8;
}
.canada-university-section4-con table th:first-child,
.canada-university-section4-con table td:first-child {
    border-left: 1px solid #B8B8B8;
}
.canada-university-section4-con table th:last-child,
.canada-university-section4-con table td:last-child {
    border-right: 1px solid #B8B8B8;
}
.canada-university-section4-con table th {
    font-size: 1.3rem;
    background: #FFEF80;
}
.canada-university-section4-con table td {
    font-size: 1.2rem;
    background: #fff;
}
.canada-university-section4-con table td > span {
    display: inline-block;
    color: #FF0909;
    background: #FFF174;
    padding: .2rem 1rem;
    border-radius: 2rem;
}
.canada-university-section4-con table th > strong,
.canada-university-section4-con table td > strong {
    color: #E82511;
}
.canada-university-section4-con table td > strong {
    font-weight: 400;
}



.canada-university-section4-con-row {
    position: relative;
    padding: .8rem 0;
    margin-bottom: 2.5rem;
    background: linear-gradient(to top, #DBDBDB 0%, #FFFFFF 20% );
}
.canada-university-section4-con-row + .canada-university-section4-con-row::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: calc(100% + 1.25rem);
    transform: translate(-50%, 50%);
    width: 2rem;
    aspect-ratio: 47 / 29;
    background:  url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section4-icon01.png') no-repeat center center;background-size: cover;
}
.canada-university-section4-con-row p {
    font-size: 1.4rem;
    font-weight: 400;
}
.canada-university-section4-con-row p span {
    color: #E82511;
}

.canada-university-section4-con .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.canada-university-section4-con .flex-box .imgBox {
    width: 60%;
    aspect-ratio: 590 / 467;
    background:  url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section4-img02.jpg') no-repeat center center;background-size: cover;
}
.canada-university-section4-con .flex-box .textBox {
    width: 35%;
    list-style-type: square;
}
.canada-university-section4-con .flex-box .textBox li {
    position: relative;
    margin-bottom: 0.4rem;
    text-align: left;
    font-size: 1.2rem;
    color: #333333;
}
.canada-university-section4-con .flex-box .textBox li::before {
    display: none;
}
.canada-university-section4-con .flex-box .textBox li::marker {
    color: #008A29;
}



@media screen and (max-width: 1200px) {
    .canada-university-section4 .sub-title::before {display: none;}
}
@media screen and (max-width: 767px) {    
    .canada-university-section4-con h3 {
        font-size: calc(1rem + 0.2778vw);
    }
    .canada-university-section4-con p {
        font-size: calc(1rem + 1.9446vw);
    }
    .canada-university-section4-con ul > li {
        font-size: calc(1rem + 0.2778vw);
    }
    .canada-university-section4-con1-grid {
        width: 100%;
    }
    .canada-university-section4-con1-col > div > h4 {
        font-size: calc(1rem + 0.2778vw);
    }
    .canada-university-section4-con1-col > div > p {
        font-size: 1rem;
    }
    .canada-university-section4-con table th {
        font-size: calc(1rem + -0.2778vw);
    }
    .canada-university-section4-con table td {
        font-size: calc(1rem + -0.2778vw);
    }
    .canada-university-section4-con-row p {
        font-size: calc(1rem + 0.2778vw);
    }
    .canada-university-section4-con .flex-box {
        display: block;
    }
    .canada-university-section4-con .flex-box .imgBox {
        width: 100%;
    }
    .canada-university-section4-con .flex-box .textBox {
        width: 100%;
        padding-left: 1.5rem;
    }
    .canada-university-section4-con .flex-box .textBox li {
        font-size: calc(1rem + 0.5556vw);
    }
}
/*********************************************************************
**********************************************************************
                    추천 포인트
**********************************************************************
*********************************************************************/
.canada-university-section5 {
    background: #E9DAAF;
}
.canada-university-section5 .sub-title {
    color: #403310;
}
.canada-university-section5-row {
    margin-bottom: 1.5rem;
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    text-align: left;
}
.canada-university-section5-row:last-of-type {
    margin-bottom: 0;
}
.canada-university-section5-row h3 {
    padding: 0.8rem 1.5rem;
    background: #852455;
    font-size: 1.5rem;
    color: #fff;
}
.canada-university-section5-row p {
    padding: 1.5rem;
    font-size: 1.1rem;
}
.canada-university-section5-row p > span {
    color: #E82511;
}
.canada-university-section5-row p > small {
    display: inline-block;
    width: 75%;
    font-size: 1rem;
    color: #515151;
}
@media screen and (max-width: 767px) {
    .canada-university-section5-row h3 {
        padding: 0.8rem 1rem;
        font-size: calc(1rem + 0.5556vw);
    }
    .canada-university-section5-row p {
        padding: 1rem;
        font-size: calc(1rem + 0.2778vw);
    }
    .canada-university-section5-row p > small {
        width: 100%;
        font-size: calc(1rem + -0.5556vw);
    }
}
/*********************************************************************
**********************************************************************
                    실제 진학 사례
**********************************************************************
*********************************************************************/
.canada-university-section6 {
    background: linear-gradient(144deg, #FFB872 0%, #FF92D7 100%);
}
.canada-university-section6-con {
    position: relative;
    padding: 2.5rem 4rem;
    margin-bottom: 2rem;
    border-radius: 1rem;
    background: #fff;
    text-align: left;
}
.canada-university-section6-con::before {
    content: '';
    position: absolute;
    right: 2rem;
    top: 0.5rem;
    aspect-ratio: 120 / 147;
    width: 6rem;
    background:  url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section6-img03.jpg') no-repeat center center;background-size: cover;
}
.canada-university-section6-con-title {
    display: flex;
    align-items: start;
    margin-bottom: 2rem;
}
.canada-university-section6-con-title > span {
    display: inline-block;
    width: 5.5rem;
    margin-right: 1rem;
    aspect-ratio: 110 / 74;
    background:  url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section6-img01.jpg') no-repeat center center;background-size: cover;
}
.canada-university-section6-con-title > span.img2 {
    background:  url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/canada-university-abroad/canada-section6-img02.jpg') no-repeat center center;background-size: cover;
}
.canada-university-section6-con-title > dl dt {
    font-size: 1.7rem;
    color: #000;
    font-weight: 700;
}
.canada-university-section6-con-title > dl dt > span {
    display: inline-block;
    padding-left: 0.4rem;
    font-size: 1.3rem;
    color: #777777;
}
.canada-university-section6-con-title > dl dd {
    font-size: 1.2rem;
}

.canada-university-section6-con table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1.5rem;
}
.canada-university-section6-con table th,
.canada-university-section6-con table td {
    border: 1px solid #888888;
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
}
.canada-university-section6-con table th {
    background: #EBFFF3;
}
.canada-university-section6-con .text {
    padding: 0.75rem 0;
    text-align: center;
    background: transparent linear-gradient(270deg, #FFFFFF00 0%, #BBEFFF 15%, #BBEFFF 87%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
    font-size: 1.5rem;
    color: #000;
}
.canada-university-section6-con .text > strong {
    display: block;
    color: #ED210C;
}
@media screen and (max-width: 767px) {
    .canada-university-section6 {
        background: linear-gradient(144deg, #FFB872 0%, #FF92D7 100%);
    }
    .canada-university-section6-con {
        position: relative;
        padding: 2.5rem 1rem;
    }
    .canada-university-section6-con::before {
        right: 1rem;
        width: 4rem;
    }
    .canada-university-section6-con-title > span {
        width: 4rem;
        margin-right: 0.5rem;
    }
    .canada-university-section6-con-title > dl dt {
        font-size: calc(1rem + 1.389vw);
    }
    .canada-university-section6-con-title > dl dt > span {
        font-size: calc(1rem + -0.2778vw);
    }
    .canada-university-section6-con-title > dl dd {
        font-size: 10px;
    }
    .canada-university-section6-con table th,
    .canada-university-section6-con table td {
        font-size: calc(1rem + -0.2778vw);
    }
    .canada-university-section6-con .text {
        font-size: calc(1rem + 1.389vw);
    }
}
/*********************************************************************
**********************************************************************
                    압도적인 해외대학 합격결과!
**********************************************************************
*********************************************************************/
.canada-university-section7-con {
    width: 80%;
    margin: 0 auto 2rem;
    padding: 1.6rem 1rem;
    background: #F3F3F3;
}
.canada-university-section7-con > p {
    font-size: 1.5rem;
    font-weight: 500;
}
.canada-university-section7-con > h3 {
    margin-bottom: 1rem;
    font-size: 4rem;
    color: #333333;
}
.canada-university-section7-con > h3 > strong {
    color: #F50000;
}
.canada-university-section7-con ul li {
    font-size: 0.8rem;
    color: #888888;
}
.canada-university-section7-con ul li::before {
    content: '※ ';
}

.canada-university-section7-con2 h3 {
    margin-bottom: 1.5rem;
    font-size: 1.7rem;
    color: #6462EB;
}
.canada-university-section7-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: .6rem;
}
.canada-university-section7-col {
    position: relative;
    padding: 2.25rem 0.5rem 1rem;
    background: #EEEEFF;
}
.canada-university-section7-col > span {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -10px);
    width:60%;
    padding: 0.2rem;
    background: #6462EB;
    font-size: 0.9rem;
    color: #fff;
}
.canada-university-section7-col > span::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    background: #000;
    width: 10px;
    aspect-ratio: 1 / 1;
    clip-path: polygon(0 0, 0 100%, 100% 100%);
}
.canada-university-section7-col > h4 {
    color: #6462EB;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #666666;
    font-size: 1.1rem;
}
.canada-university-section7-col > ul {
    text-align: left;
    list-style: inside;
}
.canada-university-section7-col > ul > li {
    font-size: 0.8rem;
}

@media screen and (max-width: 767px) {
    .canada-university-section7-con {
        width: 100%;
    }
    .canada-university-section7-con > p {
        font-size: calc(1rem + 0.2778vw);
    }
    .canada-university-section7-con > h3 {
        font-size: calc(1rem + 6.945vw);
    }
    .canada-university-section7-con ul li {
        font-size: calc(1rem + -0.5556vw);
    }
    
    .canada-university-section7-con2 h3 {
        font-size: calc(1rem + 3.0558vw);
    }
    .canada-university-section7-grid {
        grid-template-columns: repeat(1,1fr);
        grid-gap: 2rem;
    }
    .canada-university-section7-col > span {
        font-size: calc(1rem + 0.2778vw);
    }
    .canada-university-section7-col > h4 {
        font-size: calc(1rem + 1.9446vw);
    }
    .canada-university-section7-col > ul {
        display: inline-block;
    }
    .canada-university-section7-col > ul > li {
        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%;
    }
}