@charset "UTF-8"; 

/*********************************************************************
**********************************************************************
 공통
**********************************************************************
*********************************************************************/
h2.sub-title { margin-bottom: 40rem; font-size: 60rem; color: #000; }
h2.sub-title > span { display: block; font-size: 28rem; font-weight: 400; }
@media screen and (max-width: 991px){
    h2.sub-title { margin-bottom: 26rem; font-size: calc(13rem + 16rem);}
    h2.sub-title > span { font-size: calc(13rem + 4rem); }
 }
/*********************************************************************
**********************************************************************
 세계 명문 대학교 진학 성과!
**********************************************************************
*********************************************************************/
.canada-university-abroad .main-video .videoWrap{border-radius: 0; isolation: isolate;}
.canada-university-abroad .video-wrap figure:after{display: none;}

.canada-university-section2 { background: #CEEEF2; }
.canada-university-section2 .sub-title { color: #1F2A58; }
.canada-university-section2-con { margin-bottom: 120rem; }
.canada-university-section2-con:last-child { margin-bottom: 0; }
.canada-university-section2-con h3 { margin-bottom: 28rem; font-size: 36rem; color: #D2210D; }
.canada-university-section2-con div { margin: 0 auto; width: 80%; aspect-ratio: 760 / 460; }
.canada-university-section2-con table { margin: 40rem auto 0; width: 80%; background: #fff; border-collapse: collapse; }
.canada-university-section2-con table tr th,
.canada-university-section2-con table tr td { padding: 10rem 0; border: 1rem solid #8F8F8F; font-size: 22rem; }
.canada-university-section2-con table tr th { background: #E5E5E5; font-weight: 400; }
.canada-university-section2-con table tr td { color: #C61E25; }
.canada-university-section2-con table tr th:first-child { font-weight: 700; }
.canada-university-section2-con table tr td:first-child { background: #EAE1FF; font-weight: 700; color: #000; }/*******************************************
    캐나다-조기유학-추천-프로그램
*******************************************/
/* 공통요소 */
/* .canada-public-study-parent .articleTitle .sub { margin-top: 8rem;} */
table th {background-color: #fff;}

.canada-public-study-parent .roundArea { box-shadow: 0 8px 20px 0 #EBEFF4; overflow: hidden; background-color: #fff; border-radius: 24px; isolation: isolate; }
.canada-public-study-parent .roundArea .titleWrap { padding: 40rem 0; position: relative; background: linear-gradient(90deg, #FF8049 0%, #F44447 100%); color: #fff; text-align: center; text-shadow: 0px 1px 4px #0000004D; }
.canada-public-study-parent .roundArea .titleWrap::after { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/rouondArea_titleWrap_bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; content: ''; pointer-events: none; touch-action: none; }
.canada-public-study-parent .roundArea .titleWrap .title { color: #fff; }
.canada-public-study-parent .roundArea .titleWrap .sub { margin-bottom: 8px; font-weight: 700; }
.canada-public-study-parent .roundArea .roundAreaCont { padding: 0 106rem; }
.canada-public-study-parent .roundArea .roundAreaCont .desc { font-size: var(--f-fontSize05); color: var( --c-text01); }
.canada-public-study-parent .roundArea .roundAreaCont .desc > strong { background: var(--c-gradient-red); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.canada-public-study-parent .roundArea .roundAreaCont .desc > strong::selection{ background: #FDA245 !important; background-color: #FDA245; background-clip: initial; -webkit-background-clip: initial;color: #fff; -webkit-text-fill-color: #fff;}

/* 비주얼 */
.canada-public-study-parent .area-pg-visual { padding: 100rem 0; position: relative; width: 100%; height: 428rem; }
.canada-public-study-parent .area-pg-visual .maxWidth {position: relative; width: 100%; height: 100%; }
.canada-public-study-parent .area-pg-visual .bgImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/mainBanner.png'); background-repeat: no-repeat; background-position: center; background-size: cover; }
.canada-public-study-parent .area-pg-visual .titleWrap { position: absolute; z-index: 1; }
.canada-public-study-parent .area-pg-visual .titleWrap span { display: inline-block; padding: 2px 9px; background-color: #FF401F; font-size: var(--f-body1); font-weight: 600; color: #fff; border-radius: 8px; isolation: isolate; }
.canada-public-study-parent .area-pg-visual .titleWrap span + span { margin-left: 8rem; }
.canada-public-study-parent .area-pg-visual .titleWrap .title { margin-top: 16rem; color: var(--c-text01); }
.canada-public-study-parent .area-pg-visual .titleWrap .sub { margin-top: 8rem; font-size: var(--f-fontSize05); }
.canada-public-study-parent .area-pg-visual .contactWrap { padding: 24px 16px; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1); position: absolute; top: 50%; right: 0; z-index: 1; width: 400px; background-color: #fff; border-radius: 24px; isolation: isolate; transform: translateY(-50%); }
.canada-public-study-parent .area-pg-visual .contactWrap .box { padding-left: 66rem; position: relative; font-size: var(--f-body2); line-height: 150%;}
.canada-public-study-parent .area-pg-visual .contactWrap .box + .box { margin-top: 12rem; }
.canada-public-study-parent .area-pg-visual .contactWrap strong { display: block; padding-left: 16rem; position: absolute; left: 0; width: 66rem; }
.canada-public-study-parent .area-pg-visual .contactWrap .contact-btn { display: block; display: flex; align-items: center; justify-content: center; margin-top: 16rem; height: 40px; background-color: var(--c-text01); font-size: var(--f-body1); font-weight: 600; line-height: 150%; color: #fff; border-radius: 999999px; isolation: isolate; }
.canada-public-study-parent .area-pg-visual .contactWrap .contact-btn:hover { background-color: #18A149; }
.canada-public-study-parent .area-pg-visual .contactWrap .contact-btn .arrow { margin-left: 4rem; width: 16rem; height: 16rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-university-abroad/buttonArrow.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; }

/* 부모동반 공립유학 */
.canada-public-study-parent .parent { background-color: #F7F8FB; }
.canada-public-study-parent .parent .roundArea .roundAreaCont > div { padding: 60rem 0; }
.canada-public-study-parent .parent .roundArea .roundAreaCont > div + div { border-top: 1rem solid var(--c-border-blue); }
.canada-public-study-parent .parent .roundArea .roundAreaCont > div h3.title { display: block; margin-bottom: 40rem; width: 100%; font-size: var(--f-fontSize02); font-weight: 700; line-height: 130%; color: var(--c-text01); text-align: center;}
.canada-public-study-parent .parent .roundArea .roundAreaCont .listFeature { display: grid; gap: 26px; grid-template-columns: repeat(3,1fr); }
.canada-public-study-parent .parent .roundArea .roundAreaCont .listFeature > li { padding: 24rem; border: 1rem solid #E4E8F1; box-shadow: 0px 4px 10px 0px #0000001F; border-radius: var(--r-radius01); isolation: isolate; }
.canada-public-study-parent .parent .roundArea .roundAreaCont .listFeature figure { display: block; width: 40rem; height: 40rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/listFeature_icon.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.canada-public-study-parent .parent .roundArea .roundAreaCont .listFeature .title { display: block; padding: 12rem 0;color: var(--c-text01);}
.canada-public-study-parent .parent .roundArea .roundAreaCont .listFeature .sub { font-size: var(--f-body2); letter-spacing: -.4px; }
.canada-public-study-parent .parent .roundArea .roundAreaCont .listBenefit { display: grid; gap: 40px 26px; margin-top: 60rem; grid-template-columns: repeat(3,1fr); }
.canada-public-study-parent .parent .roundArea .roundAreaCont .listBenefit figure  { width: 100%; height: 200rem; background-repeat: no-repeat; background-position: center; background-size: cover; }
.canada-public-study-parent .parent .roundArea .roundAreaCont .listBenefit .title { display: block; padding: 24rem 0 4rem; color: var(--c-text01);}
.canada-public-study-parent .parent .roundArea .roundAreaCont .listBenefit .sub { padding-bottom: 4rem; font-size: var(--f-body1); color: var(--c-text03); }
.canada-public-study-parent .parent .roundArea .roundAreaCont .listOfficeInfo { border-top: 1rem solid var(--c-border-black); }
.canada-public-study-parent .parent .roundArea .roundAreaCont .listOfficeInfo > li { display: flex; align-items: center; padding: 24rem 0; border-bottom: 1rem solid var(--c-border-blue); font-size: var(--f-fontSize05);}
.canada-public-study-parent .parent .roundArea .roundAreaCont .listOfficeInfo .title { padding: 0 24rem; width: 264rem; font-size: var(--f-fontSize05); color: var(--c-primary); }
.canada-public-study-parent .parent .roundArea .roundAreaCont .listOfficeInfo .sub { padding-top: 12rem; font-size: var(--f-body1); color: var(--c-text03); }
.canada-public-study-parent .parent .roundArea .roundAreaCont .listOfficeInfo .info { width: calc(100% - 264rem); color: var(--c-text01); }
/* 인기 교육청 */
.canada-public-study-parent .region { padding: 0; background-color: #F7F8FB; }
.canada-public-study-parent .regionWrap .thumb { padding: 60rem 212rem; width: 100%; min-height: 304rem; text-align: center; }
.canada-public-study-parent .regionWrap.britishColumbia .thumb { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/britishColumbia_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; }
.canada-public-study-parent .regionWrap.ontario .thumb { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/ontario_bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; }
.canada-public-study-parent .regionWrap .thumbBox { padding: 24rem 0; width: 100%; height: 100%; background-color: #fff; border-radius: 16px; isolation: isolate; }
.canada-public-study-parent .regionWrap .thumbBox figure { display: block; margin: 0 auto; width: 48rem; height: 48rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/regionContThumb_icon.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.canada-public-study-parent .regionWrap .thumbBox .title { display: block; padding: 8rem 0; font-size: var(--f-fontSize02); line-height: 131%; color: var( --c-text01); }
.canada-public-study-parent .regionWrap .thumbBox .sub { color: var( --c-text03); }
.canada-public-study-parent .regionWrap .roundAreaCont.regionCont { padding: 60rem 106rem; }
.canada-public-study-parent .regionCont .imgWrap { padding: 0 106rem 60rem; }
.canada-public-study-parent .regionCont .listTabNav { display: grid; gap: 12px; margin: 60rem auto 40rem; width: 636rem; text-align: center; grid-template-columns: repeat(3,1fr);}
.canada-public-study-parent .regionCont .listTabNav a { display: block; padding: 8rem 0; width: 100%; height: 100%; background-color: #ECFBF2; color: var(--c-text01); border-radius: 8px; isolation: isolate; }
.canada-public-study-parent .regionCont .listTabNav a.active { background-color: var( --c-primary); color: #fff;}
.canada-public-study-parent .regionCont .contTabNav .con { display: none; }
.canada-public-study-parent .regionCont .contTabNav .con.show { display: block; }
.canada-public-study-parent .regionCont .boxOffice { padding: 40rem; border: 1rem solid var( --c-primary); box-shadow: 0px 4px 10px 0px #0000001F; border-radius: 24px; isolation: isolate; }
.canada-public-study-parent .regionCont .boxOffice .con > .title { padding-bottom: 16rem; }
.canada-public-study-parent .regionCont .boxOffice .con > .title strong { padding-right: 8rem; vertical-align: middle; font-size: var(--f-fontSize03); color: var( --c-primary); }
.canada-public-study-parent .regionCont .boxOffice .con > .title span { vertical-align: middle; font-size: var(--f-body1); }
.canada-public-study-parent .regionCont .boxOffice .info .office { display: flex; gap: 24px; }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap { width: calc( (100% - 24px)/2); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image { width: 100%; height: 320rem; background-position: center; background-size: cover; border-radius: 12px; isolation: isolate; }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image01 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img01.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image02 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img02.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image03 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img03.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image04 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img04.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image05 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img05.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image06 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img06.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image07 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img07.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image08 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img08.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image09 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img09.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image10 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img10.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image11 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img11.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image12 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img12.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image13 {  background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/educationOffice_img13.png'); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap > p { padding-top: 14rem; font-size: var(--f-body2); font-weight: 500; color: var(--c-text03); }
.canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap > p > a { margin-left: .2rem; font-weight: 400; color: var( --c-text02);}
.canada-public-study-parent .regionCont .boxOffice .info .office .textWrap { width: calc( (100% - 24px)/2); font-size: var( --f-body2); }
.canada-public-study-parent .regionCont .boxOffice .info .office .textWrap > div { padding-top: 12rem; }
.canada-public-study-parent .regionCont .boxOffice .info .office .textWrap > div:first-child { padding-top: 0; }
.canada-public-study-parent .regionCont .boxOffice .info .office .textWrap .title { display: block; padding-bottom: 12rem; font-size: var(--f-body1); color: var(--c-text01); }
.canada-public-study-parent .regionCont .boxOffice .info .office .textWrap p { padding-left: 20px; position: relative; }
.canada-public-study-parent .regionCont .boxOffice .info .office .textWrap p:before { position: absolute; top: 0; left: 0; width: 20px; text-align: center; content: "\00B7";}
.canada-public-study-parent .regionCont .boxOffice .info .office .textWrap p .desc { font-size: var(--f-detail); }
.canada-public-study-parent .regionCont .boxOffice .info .office .textWrap .school .title { padding-bottom: 8rem; }
.canada-public-study-parent .regionCont .boxOffice .info .office .textWrap .school p { padding-left: 0;}
.canada-public-study-parent .regionCont .boxOffice .info .office .textWrap .school p:before { display: none; }
.canada-public-study-parent .regionCont .boxOffice .info .recommend { margin-top: 24rem; }
.canada-public-study-parent .regionCont .boxOffice .info .recommend .title { display: block; padding-bottom: 12rem; font-size: var(--f-body1); color: var(--c-text01); }
.canada-public-study-parent .regionCont .boxOffice .info .recommend .boxWrap { display: flex; gap: 24px; font-size: var(--f-body2);}
.canada-public-study-parent .regionCont .boxOffice .info .recommend .box { display: flex; padding: 12rem; width: calc( (100% - 24px)/2); background: #EAFAFF; border-radius: 12px; isolation: isolate;}
.canada-public-study-parent .regionCont .boxOffice .info .recommend .box em { width: 114rem; font-weight: 700; color: #0086FA; }
.canada-public-study-parent .regionCont .boxOffice .info .recommend .box div { display: grid; align-content: start; gap: 4px; width: calc(100% - 114rem); grid-template-columns : repeat(2,1fr); }
.canada-public-study-parent .regionCont .boxOffice .info .recommend .boxWrap.three { gap: 28px; }
.canada-public-study-parent .regionCont .boxOffice .info .recommend .boxWrap.three .box { width: calc( (100% - 24px)/3); }
.canada-public-study-parent .regionCont .boxOffice .info .recommend .boxWrap.three .box em { width: 106rem; }
.canada-public-study-parent .regionCont .boxOffice .info .recommend .boxWrap.three .box div { display: block; width: calc(100% - 106rem); }
.canada-public-study-parent .regionWrap .point { padding: 40rem 0 60rem; border-bottom: 1rem solid #E4E8F1;}
.canada-public-study-parent .regionWrap .point:last-child { padding: 60rem 0 0; border-bottom: 0 none;}
.canada-public-study-parent .regionWrap .point figure { display: inline-block; margin: 0 auto; padding-right: .2px; width: 36rem; height: 36rem; vertical-align: top; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/regionContPoint_icon.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.canada-public-study-parent .regionWrap .point > .title { display: block; font-size: var(--f-body1); line-height: 40rem; text-align: center; }
.canada-public-study-parent .regionWrap .point > .title > strong { display: inline-block; padding-left: 8rem; vertical-align: top; font-size: var( --f-fontSize03); font-weight: 700; line-height: 36rem; color: var(--c-text01); }
.canada-public-study-parent .regionWrap .point > .title > span { display: inline-block; vertical-align: top; line-height: 36rem;}
.canada-public-study-parent .regionWrap .point .imgWrap {margin-top: 72rem;}
.canada-public-study-parent .regionWrap .point .listImgDesc { display: grid; gap: 24px; margin-top: 24rem; color: var(--c-text01); grid-template-columns: repeat(2,1fr); }
.canada-public-study-parent .regionWrap .point .listImgDesc li { padding: 24rem; border: 1rem solid #E4E8F1; border-radius: 12px; isolation: isolate; }
.canada-public-study-parent .regionWrap .point .listImgDesc li > strong { display: block; font-size: var(--f-body1); }
.canada-public-study-parent .regionWrap .point .listImgDesc li > p { margin-top: 4rem; font-size: var(--f-body2); }
.canada-public-study-parent .regionWrap .point .boxOffice:last-child { margin-top: 24rem;}
.canada-public-study-parent .regionWrap .point.york .desc { padding-top: 26rem; }
.canada-public-study-parent .regionWrap .point.york .imgWrap { margin-top: 60rem; }
@media screen and (max-width: 1280px){
    .canada-public-study-parent .maxWidth { padding: 0 16px; }

    .canada-public-study-parent .area-pg-visual .contactWrap{right: 16px;}
}
/* 예상 비용 */
.canada-public-study-parent .cost { background-color: #F7F8FB; }
.canada-public-study-parent .cost .wrapTbl { padding: 60rem 0; }
.tblCost { border-bottom: 1rem solid var(--c-border-black); width: 100%; font-size: var(--f-body1); color: var(--c-text01); text-align: center; border-collapse: collapse; }
.tblCost tr{ border-top: 1rem solid var(--c-border-black); }
.tblCost th{ bottom: 1rem solid var(--c-border-black); font-weight: 400; }
.tblCost thead tr th,
.tblCost tbody tr th,
.tblCost tbody tr td { padding: 12rem 0; }
.tblCost colgroup col { width: 37.4%; }
.tblCost colgroup col:first-child { width: 25.2%; }
.tblCost tr th,
.tblCost tbody tr td{ border-right: 1rem solid var(--c-border-black); }
.tblCost thead tr th:last-child,
.tblCost tbody tr td:last-child{ border-right: none; }
.tblCost thead tr th { background-color: #FFEEAC; font-weight: 700; }
.tblCost thead tr th .thDesc { padding: 0; font-weight: 400; }
.tblCost tbody .total th { border-right: 0 none; font-weight: 700; }
.tblCost tbody .total td { font-weight: 700; color: var(--c-primary); }
.tblCost.optional { margin-top: 40rem; }
.tblCost.optional thead tr th { background-color: #F5F5F7; }
.wrapTbl .table-bottom{ margin-top: 16rem; font-size: var(--f-body2); color: var( --c-text01); text-align: right; letter-spacing: -0.2px; }

@media screen and (max-width: 1200px){
    #pointView .swiper-slide { height: auto; }
    #pointView .swiper-slide p { letter-spacing: -.5px; }
}

@media screen and (max-width: 1100px){
    .canada-public-study-parent .regionCont .boxOffice .info .recommend .box em { width: 82rem; }
    .canada-public-study-parent .regionCont .boxOffice .info .recommend .box div { width: calc(100% - 82rem); }
    .canada-public-study-parent .regionCont .boxOffice .info .recommend .boxWrap.three .box em { width: 64rem; }
    .canada-public-study-parent .regionCont .boxOffice .info .recommend .boxWrap.three .box div { width: calc(100% - 64rem); }
}

@media screen and (max-width: 1049px){
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listBenefit figure { height: 160rem; }
    .canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image { height: 240rem; }
    .canada-public-study-parent .regionCont .imgWrap { padding: 0 60rem 60rem; }
}
/*
1rem = 13px
*/
@media screen and (max-width: 991px){
    #pointView .swiper-slide { min-height: 182rem; }

    .canada-public-study-parent > article { padding: 50px 0; }
    .canada-public-study-parent section > article { padding: 30px 0; }
    .canada-public-study-parent section > article.parent { padding-top: 50px; }
    .canada-public-study-parent .articleTitle .title { line-height: 32.5px; }
    .canada-public-study-parent .articleTitle .sub { margin-bottom: 3px; }

    .canada-public-study-parent .roundArea .titleWrap { padding: 32px 16px; }
    .canada-public-study-parent .roundArea .titleWrap::after { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/rouondArea_titleWrap_bg_mo.png'); }
    .canada-public-study-parent .roundArea .titleWrap .title { font-weight: 600; }
    .canada-public-study-parent .roundArea .titleWrap .sub { margin-bottom: 3px; }

    .canada-public-study-parent .area-pg-visual { padding: 29.9rem 0 16rem; height: auto; }
    .canada-public-study-parent .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-public-study-parent/mainBanner_mo.png'); background-position: bottom center; }
    .canada-public-study-parent .area-pg-visual .titleWrap { position: static; }
    .canada-public-study-parent .area-pg-visual .titleWrap span { padding: 2px 4px; font-weight: 500; line-height: 22.5px; }
    .canada-public-study-parent .area-pg-visual .titleWrap span + span { margin-left: 8px; }
    .canada-public-study-parent .area-pg-visual .titleWrap .title { margin-top: 12px; line-height: 36.4px; }
    .canada-public-study-parent .area-pg-visual .titleWrap .sub { margin-top: 8px; line-height: 24px; }
    .canada-public-study-parent .area-pg-visual .contactWrap { margin-top: 156rem; padding: 16px 24px; position: static; width: 100%; transform: none; }
    .canada-public-study-parent .area-pg-visual .contactWrap strong { padding-left: 0; width: 58rem; }
    .canada-public-study-parent .area-pg-visual .contactWrap .box { padding-left: 58rem; }
    .canada-public-study-parent .area-pg-visual .contactWrap .box + .box { margin-top: 12px; }
    .canada-public-study-parent .area-pg-visual .contactWrap .contact-btn { display: none; }

    .canada-public-study-parent .roundArea .roundAreaCont { padding: 0 16px; }
    /* 부모동반 공립유학 */
    .canada-public-study-parent .parent .roundArea .roundAreaCont > div { display: block; padding: 30px 0; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont > div .title { width: 100%; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont > div h3.title { margin-bottom: 16rem; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listFeature { gap: 16px; grid-template-columns: repeat(1,1fr); }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listFeature > li { padding: 12px; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listFeature figure { width: 35.8rem; height: 35.8rem; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listFeature .title { padding: 12px 0; font-size: 16rem; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listBenefit { gap: 16px; margin-top: 30.6rem; grid-template-columns: repeat(1,1fr); }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listBenefit figure { height: 180.7rem; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listBenefit .title { padding: 12rem 0 2rem; font-size: 16rem; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listBenefit .sub { padding-bottom: 0; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listOfficeInfo > li { display: block; padding: 24px 12px; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listOfficeInfo > li:last-child { border-bottom: 0; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listOfficeInfo .title { padding: 0; width: 100%; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listOfficeInfo .info { width: 100%; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listOfficeInfo .title { display: block; padding-bottom: 7.9rem; font-size: 16rem; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listOfficeInfo .info { font-size: 16rem; }
    .canada-public-study-parent .parent .roundArea .roundAreaCont .listOfficeInfo .sub { font-size: 13.4rem; }
    /* 인기 교육청 */
    .canada-public-study-parent .regionWrap .thumb { padding: 24px 16px; min-height: 177.1rem; }
    .canada-public-study-parent .regionWrap .thumbBox { padding: 12px 0; }
    .canada-public-study-parent .regionWrap .thumbBox figure { width: 35.8rem; height: 35.8rem; }
    .canada-public-study-parent .regionWrap .thumbBox .title { padding: 8px 0;}
    .canada-public-study-parent .regionWrap .thumbBox .sub { font-size: 16rem; }
    .canada-public-study-parent .regionWrap .roundAreaCont.regionCont { padding: 30px 16px; }
    .canada-public-study-parent .regionCont .imgWrap { padding: 0 0 30px; }
    .canada-public-study-parent .regionCont .imgWrap.ontario { padding: 0 0 18px; }
    .canada-public-study-parent .regionCont .listTabNav { gap: 8px; margin: 29.9rem 0 24.1rem; width: 100%; }
    .canada-public-study-parent .regionCont .listTabNav a { padding: 8px 0; font-size: 16rem; }
    .canada-public-study-parent .regionCont .boxOffice { padding: 12px; }
    .canada-public-study-parent .regionCont .boxOffice .con > .title { padding-bottom: 12rem; }
    .canada-public-study-parent .regionCont .boxOffice .con > .title strong { display: block; padding-right: 0; }
    .canada-public-study-parent .regionCont .boxOffice .con > .title span { display: block; margin-top: 3.9rem; }
    .canada-public-study-parent .regionCont .boxOffice .info .office { display: block; }
    .canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap { width: 100%; }
    .canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap > p { padding-top: 12rem; }
    .canada-public-study-parent .regionCont .boxOffice .info .office .imageWrap .image { height: 208rem; border-radius: 8px; isolation: isolate; }
    .canada-public-study-parent .regionCont .boxOffice .info .recommend .title { padding-bottom: 0; }
    .canada-public-study-parent .regionCont .boxOffice .info .office .textWrap { width: 100%; }
    .canada-public-study-parent .regionCont .boxOffice .info .office .textWrap > div:first-child { padding-top: 12rem; }
    .canada-public-study-parent .regionCont .boxOffice .info .office .textWrap .school .title { padding-bottom: 7.8rem; }
    .canada-public-study-parent .regionCont .boxOffice .info .office .textWrap .school p { padding-left: 24px;}
    .canada-public-study-parent .regionCont .boxOffice .info .office .textWrap .school p:before { display: block; }
    .canada-public-study-parent .regionCont .boxOffice .info .office .textWrap p .desc { display: none; }
    .canada-public-study-parent .regionCont .boxOffice .info .recommend { margin-top: 12rem; }
    .canada-public-study-parent .regionCont .boxOffice .info .recommend .boxWrap { display: block; }
    .canada-public-study-parent .regionCont .boxOffice .info .recommend .box { display: block; margin-top: 8rem; padding: 12px; width: 100%; }
    .canada-public-study-parent .regionCont .boxOffice .info .recommend .box em { display: block; width: 100%; }
    .canada-public-study-parent .regionCont .boxOffice .info .recommend .box div { padding-top: 7.8rem; width: 100%; }
    .canada-public-study-parent .regionCont .boxOffice .info .recommend .boxWrap.three .box { width: 100%; }
    .canada-public-study-parent .regionCont .boxOffice .info .recommend .boxWrap.three .box div { display: grid; width: 100%; grid-template-columns: repeat(2,1fr); }
    .canada-public-study-parent .regionWrap .point { padding: 30px 0; }
    .canada-public-study-parent .regionWrap .point:last-child {padding-top: 30px; }
    .canada-public-study-parent .regionWrap .point figure { width: 32.5rem; height: 32.5rem; }
    .canada-public-study-parent .regionWrap .point > .title > strong { display: block; padding-top: 7.8rem; padding-left: 0; line-height: 29.9rem; }
    .canada-public-study-parent .regionWrap .point > .title > span { line-height: 32.5rem; }
    .canada-public-study-parent .regionWrap .point .imgWrap { margin-top: 30px; }
    .canada-public-study-parent .regionWrap .point .listImgDesc { display: block; margin-top: 29.9rem; }
    .canada-public-study-parent .regionWrap .point .listImgDesc li { margin-bottom: 8px; padding: 12px; }
    .canada-public-study-parent .regionWrap .point .listImgDesc li:last-child { margin-bottom: 0; }
    .canada-public-study-parent .regionWrap .point.york .desc { padding-top: 7.8rem; }
    .canada-public-study-parent .regionWrap .point.york .imgWrap { margin-top: 30px; }
    /* 예상 비용 */
    .canada-public-study-parent .cost .roundArea .roundAreaCont { position: relative;}
    .canada-public-study-parent .cost .wrapTbl { margin: 30px 0; padding: 0;}
    .canada-public-study-parent .cost .wrapTbl:after { position: absolute; top: 0; right: -2px; width: 72px; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 3.0%, #FFFFFF 62.8%); content: ""; }
    .canada-public-study-parent .cost .wrapTbl > div { overflow-y: auto; }
    .canada-public-study-parent .cost .wrapTbl .innerWrapTbl { margin: 0 auto; padding-right: 28px; width: 592px; box-sizing: content-box; }
    .tblCost colgroup col { width: 236px; }
    .tblCost colgroup col:first-child { width: 120px; }
    .tblCost.optional { margin-top: 16px; }
    .wrapTbl .table-bottom { margin-top: 12px; text-align: left; }
}
.canada-university-section2-con p { margin: 10rem auto; width: 80%; font-size: 16rem; color: #4D4D4D; text-align: right; }
.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/renewal/programs/details/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/renewal/programs/details/canada-university-abroad/canada-section2-img02-240823.png') no-repeat center center; background-size: cover; }

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

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

.canada-university-section3-col > div > span.icon1 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/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/renewal/programs/details/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/renewal/programs/details/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: 991px){
 .canada-university-section3 > div > p { font-size: calc(13rem + 4rem); }
 .canada-university-section3-con { grid-gap: 26rem; }
 .canada-university-section3-col + .canada-university-section3-col::before { right: calc(100% + 13rem); width: 19.5rem; }
 .canada-university-section3-col > div > span { display: none; }
 .canada-university-section3-col > div > p { font-size: calc(13rem + 0rem); }
 .canada-university-section3-video h3 { font-size: calc(13rem + 4rem); }
 }

/*********************************************************************
**********************************************************************
 국제학교가 유리한가요
**********************************************************************
*********************************************************************/
.canada-university-section4 { background: #E9F0FF; }
.canada-university-section4 .sub-title { position: relative; color: #D2210D; }
.canada-university-section4 .sub-title::before { position: absolute; top: 50%; right: 0; width: 180rem; background: #F9EFAA url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-university-abroad/canada-section4-img01.png') no-repeat center center; background-size: cover; content: ''; transform: translateY(-50%); aspect-ratio: 1 / 1; border-radius: 50%; isolation: isolate; }
.canada-university-section4-con { margin-bottom: 120rem; }
.canada-university-section4-con:last-child { margin-bottom: 0; }
.canada-university-section4-con h3 { display: inline-block; margin-bottom: 60rem; padding: 10rem 30rem; position: relative; background: #008A29; font-size: 28rem; font-weight: 500; color: #FFFFFF; }
.canada-university-section4-con h3::before,
.canada-university-section4-con h3::after { position: absolute; top: 0; right: 100%; height: 100%; background: #008A29; content: ''; transform: translateX(1px); aspect-ratio: 21 / 66; 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-size: 36rem; font-weight: 700; }
.canada-university-section4-con p > strong { color: #008A29; }
.canada-university-section4-con ul { margin-top: 20rem; }
.canada-university-section4-con ul > li { font-size: 18rem; color: #777777; }
.canada-university-section4-con ul > li::before { content: '※'; }
.canada-university-section4-con1-grid { display: grid; margin: 0 auto 80rem; width: 80%; grid-template-columns: repeat(3,1fr); }
.canada-university-section4-con1-col { display: flex; align-items: center; justify-content: center; border: 1rem solid #B8B8B8; background: #E6E6E6; color: #666666; aspect-ratio: 1 / 1; }
.canada-university-section4-con1-col.active { box-shadow: 6px 6px 8px #00000033; background: #FFEF80; transform: scale(1.1); }
.canada-university-section4-con1-col > div > h4 { margin-bottom: 10rem; font-size: 32rem; }
.canada-university-section4-con1-col > div > p { font-size: 26rem; 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 { margin-bottom: 20rem; border-top: 1rem solid #B8B8B8; width: 100%; border-collapse: collapse; }
.canada-university-section4-con table tr th,
.canada-university-section4-con table tr td { padding: 20rem; border-bottom: 1rem solid #B8B8B8; }
.canada-university-section4-con table tr th:first-child,
.canada-university-section4-con table tr td:first-child { border-left: 1rem solid #B8B8B8; }
.canada-university-section4-con table tr th:last-child,
.canada-university-section4-con table tr td:last-child { border-right: 1rem solid #B8B8B8; }
.canada-university-section4-con table tr th { background: #FFEF80; font-size: 26rem; }
.canada-university-section4-con table tr td { background: #fff; font-size: 24rem; }
.canada-university-section4-con table tr td > span { display: inline-block; padding: 4rem 20rem; background: #FFF174; color: #FF0909; border-radius: 40rem; isolation: isolate; }
.canada-university-section4-con table tr th > strong,
.canada-university-section4-con table tr td > strong { color: #E82511; }
.canada-university-section4-con table tr td > strong { font-weight: 400; }



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

.canada-university-section4-con .flex-box { display: flex; align-items: start; justify-content: space-between; }
.canada-university-section4-con .flex-box .imgBox { width: 60%; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-university-abroad/canada-section4-img02.jpg') no-repeat center center; background-size: cover; aspect-ratio: 590 / 467; }
.canada-university-section4-con .flex-box .textBox { width: 35%; list-style-type: square; }
.canada-university-section4-con .flex-box .textBox li { margin-bottom: 8rem; position: relative; font-size: 24rem; color: #333333; text-align: left; }
.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: 991px){
    .canada-university-section4-con {margin-bottom: 52rem;}
 .canada-university-section4-con h3 { margin-bottom: 40rem; padding: 6.5rem 19.5rem; font-size: calc(13rem + 0rem); }
 .canada-university-section4-con p { font-size: calc(13rem + 8rem); }
 .canada-university-section4-con ul { margin-top: 13rem; }
 .canada-university-section4-con ul > li { font-size: calc(13rem + 0rem); }
 .canada-university-section4-con1-grid { margin-bottom: 52rem; width: 100%;}
 .canada-university-section4-con1-col > div > h4 { font-size: calc(13rem + 0rem); }
 .canada-university-section4-con1-col > div > p { font-size: 13rem; }
 .canada-university-section4-con table tr th { padding: 13rem; font-size: calc(13rem + -0rem);}
 .canada-university-section4-con table tr td { padding: 13rem; font-size: calc(13rem + -0rem);}
 .canada-university-section4-con-row { margin-bottom: 32rem;padding: 10rem 0;}
 .canada-university-section4-con-row + .canada-university-section4-con-row::before { bottom: calc(100% + 15rem); width: 26rem;}
 .canada-university-section4-con-row p { font-size: calc(13rem + 0rem); }
 .canada-university-section4-con .flex-box { display: block; }
 .canada-university-section4-con .flex-box .imgBox { width: 100%; }
 .canada-university-section4-con .flex-box .textBox { padding-left: 19.5rem; width: 100%; }
 .canada-university-section4-con .flex-box .textBox li { margin-bottom: 2rem; font-size: calc(13rem + 2rem);}
 }
/*********************************************************************
**********************************************************************
 추천 포인트
**********************************************************************
*********************************************************************/
.canada-university-section5 { background: #E9DAAF; }
.canada-university-section5 .sub-title { color: #403310; }
.canada-university-section5-row { margin-bottom: 30rem; overflow: hidden; background: #fff; text-align: left; border-radius: 20rem; isolation: isolate; }
.canada-university-section5-row:last-of-type { margin-bottom: 0; }
.canada-university-section5-row h3 { padding: 16rem 30rem; background: #852455; font-size: 30rem; color: #fff; }
.canada-university-section5-row p { padding: 30rem; font-size: 22rem; }
.canada-university-section5-row p > span { color: #E82511; }
.canada-university-section5-row p > small { display: inline-block; width: 75%; font-size: 20rem; color: #515151; }
@media screen and (max-width: 991px){
    .canada-university-section5-row { margin-bottom: 20rem; border-radius: 13rem; isolation: isolate;}
 .canada-university-section5-row h3 { padding: 10.4rem 13rem; font-size: calc(13rem + 2rem); }
 .canada-university-section5-row p { padding: 13rem; font-size: calc(13rem + 0rem); }
 .canada-university-section5-row p > small { width: 100%; font-size: calc(13rem + -2rem); }
 }
/*********************************************************************
**********************************************************************
 실제 진학 사례
**********************************************************************
*********************************************************************/
.canada-university-section6 { background: linear-gradient(144deg, #FFB872 0%, #FF92D7 100%); }
.canada-university-section6-con { margin-bottom: 40rem; padding: 50rem 80rem; position: relative; background: #fff; text-align: left; border-radius: 20rem; isolation: isolate; }
.canada-university-section6-con::before { position: absolute; top: 10rem; right: 40rem; width: 120rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-university-abroad/canada-section6-img03.jpg') no-repeat center center; background-size: cover; content: ''; aspect-ratio: 120 / 147; }
.canada-university-section6-con-title { display: flex; align-items: start; margin-bottom: 40rem; }
.canada-university-section6-con-title > span { display: inline-block; margin-right: 20rem; width: 110rem; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-university-abroad/canada-section6-img01.jpg') no-repeat center center; background-size: cover; aspect-ratio: 110 / 74; }
.canada-university-section6-con-title > span.img2 { background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/canada-university-abroad/canada-section6-img02.jpg') no-repeat center center; background-size: cover; }
.canada-university-section6-con-title > dl dt { font-size: 34rem; font-weight: 700; color: #000; }
.canada-university-section6-con-title > dl dt > span { display: inline-block; padding-left: 8rem; font-size: 26rem; color: #777777; }
.canada-university-section6-con-title > dl dd { font-size: 24rem; }

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

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

@media screen and (max-width: 991px){
 .canada-university-section7-con { padding: 20rem 13rem ; width: 100%;}
 .canada-university-section7-con > p { font-size: calc(13rem + 0rem); }
 .canada-university-section7-con > h3 { margin-bottom: 13rem; font-size: calc(13rem + 24rem);}
 .canada-university-section7-con ul li { font-size: calc(13rem + -2rem); }

 .canada-university-section7-con2 h3 { font-size: calc(13rem + 12rem); }
 .canada-university-section7-grid { grid-template-columns: repeat(1,1fr); grid-gap: 26rem; }
 .canada-university-section7-col { padding: 32rem 6rem 13rem; }
 .canada-university-section7-col > span { font-size: calc(13rem + 0rem); }
 .canada-university-section7-col > h4 { font-size: calc(13rem + 8rem); }
 .canada-university-section7-col > ul { display: inline-block; }
 .canada-university-section7-col > ul > li { font-size: calc(13rem + 2rem); }
 }
/*******************************************************************************
 소비자가 선택한 유학기업 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: 264rem; text-align: center; }
 .pharmacy-section09-logo > span { font-size: calc(13rem + 12rem); }
 .pharmacy-section09-img { width: 140%; }
 }