@charset "UTF-8";
/*******************************************************************************
                                  layout
********************************************************************************/
.university-solution-canada [class^='area-pg'] {max-width:34rem;margin:0 auto;line-height:1.27;word-break:keep-all;}

@media screen and (max-width: 767px) {
    .university-solution-canada [class^='area-pg'] {width:100%;}
}

/*******************************************************************************
                                  비쥬얼
********************************************************************************/
.area-pg-visual {padding:1rem 0 5rem; box-sizing:border-box; background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-visual.png) no-repeat top center;background-size:100%;text-align:center;}
.area-pg-visual p.pg-content-title span {font-size:0.9rem;}
.area-pg-visual p.pg-content-title span b {font-weight:600;}
.area-pg-visual .pg-visual-title {margin-top:1rem;}
.area-pg-visual .pg-visual-title img {width:50%;max-width:16.3rem;}
.area-pg-visual figure.pg-visual-logo {margin-top:0.8rem;}
.area-pg-visual figure.pg-visual-logo img {width:64%;max-width:21.75rem;}
.area-pg-visual .pg-visual-program {display:flex;justify-content:space-between;width:80%;max-width:29rem;margin:0.5rem auto 0;}
.area-pg-visual .pg-visual-program li {position:relative;width:49%;padding:1rem 0;background-color:rgba(39,41,43,.85);font-size:0.9rem;}
.area-pg-visual .pg-visual-program li:first-child:after {position: absolute;top:50%;right:-1.2rem;display:block;width:14%;max-width:1.75rem;height:1.75rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-visual-box.png) no-repeat center center;background-size:100%;transform:translateY(-50%);content:'';z-index: 2;} 
.area-pg-visual .pg-visual-program li span {display:block;color:#fff;}
.area-pg-visual .pg-visual-program li b {display:block;font-weight:600;color:#f5d5ac;}

@media screen and (max-width: 500px) {
    .area-pg-visual {padding: 1rem 0 4.5rem}
    .area-pg-visual .pg-visual-program {width: 85%;}
    .area-pg-visual .pg-visual-program li {font-size: 0.92rem;}
    .area-pg-visual .pg-visual-title img {width:45%;}
    .area-pg-visual figure.pg-visual-logo img {width:59%;}
}

@media screen and (max-width: 400px) {
    .area-pg-visual {padding: 1rem 0 2rem;}
    .area-pg-visual .pg-visual-program {width: 92%;}
}

/*******************************************************************************
                                페이지 공통
********************************************************************************/
.pg-hidden {position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0;font-size:0;text-indent:-9999px;overflow:hidden;}
caption.pg-hidden {position:static;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0;font-size:0;text-indent:-9999px;overflow:hidden;}
.pg-content-title span {position:relative;display:inline-block;padding:0.5rem 1.75rem;text-align:center;}
.pg-content-title span:before {position:absolute;top:50%;left:0;display:block;width:1.1rem;height:2.35rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-visual-top-left.png) no-repeat center center;background-size:100%;transform:translateY(-50%);content:'';}
.pg-content-title span:after {position:absolute;top:50%;right:0;display:block;width:1.1rem;height:2.35rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-visual-top-right.png) no-repeat center center;background-size:100%;transform:translateY(-50%);content:'';}
.pg-list li {position:relative;padding-left:0.5rem;}
.pg-list li:before {position:absolute;top:0.4rem;left:0;display:block;width:0.25rem;height:0.25rem;background-color:#a09387;content:'';}
.pg-tip {position:relative;padding-left:0.5rem;}
.pg-tip:before {position:absolute;top:0;left:0;display:block;content:'*';}

@media screen and (max-width: 500px) {
    .pg-tip {padding-left: 0.8rem;}
}

/*******************************************************************************
                        진학 가능한 캐나다 명문대
********************************************************************************/
.area-pg-content {padding:1.5rem 0 2rem;background-color: #e5e5e5;}
.area-pg-content .pg-content-title {text-align:center;font-size:1.3rem;font-weight:400;color:#5e1715;}
.area-pg-content .pg-content-title span strong {font-size:1.5rem;}
.area-pg-content article[class^="pg-content"] {width:93%;max-width:31.5rem;margin:0 auto;padding:1.6rem 1.5rem;box-sizing:border-box;background-color:#50433d;}
.area-pg-content article[class^="pg-content"] + article[class^="pg-content"] {margin-top:2rem}
.area-pg-content article[class^="pg-content"] .pg-school-name {text-align: center;}
.area-pg-content article[class^="pg-content"] .pg-school-name span {display:inline-block;padding:0 0.25rem;background-color:#5d1715;font-size:0.8rem;font-weight:400;color:#fff;}
.area-pg-content article[class^="pg-content"] dl.pg-school-info {display:flex;justify-content: space-between;margin-top:1.7rem;}
.area-pg-content article[class^="pg-content"] dl.pg-school-info dt {width:48%;max-width:12.5rem;}
.area-pg-content article[class^="pg-content"] dl.pg-school-info dt img {width:100%;}
.area-pg-content article[class^="pg-content"] dl.pg-school-info dd {align-self:center;width:50%;letter-spacing:-1px;font-size:0.75rem;color:#fff;}
.area-pg-content article[class^="pg-content"] dl.pg-school-info dd li + li {margin-top:0.5rem;}
.area-pg-content article[class^="pg-content"] dl.pg-school-info dd li span {display:block;letter-spacing:-1px;font-style: italic;}
.area-pg-content article[class^="pg-content"] dl.pg-school-info dd > figure {margin-top:1.5rem}
.area-pg-content article[class^="pg-content"] dl.pg-school-info dd > figure img {width:100%;}
.area-pg-content article[class^="pg-content"] dl.pg-school-detail {display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:2rem;}
.area-pg-content article[class^="pg-content"] dl.pg-school-detail dt {width:4.65rem;}
.area-pg-content article[class^="pg-content"] dl.pg-school-detail dt strong {display:block;width:100%;max-width:3.9rem;margin-right:0.75rem;background-color:#000;text-align:center;line-height:1.5;font-size:0.7rem;font-weight:400;color:#fff;}
.area-pg-content article[class^="pg-content"] dl.pg-school-detail dd {width:calc(100% - 4.65rem);font-size:0.75rem;color:#d6c8b8;}
.area-pg-content article[class^="pg-content"] dl.pg-school-detail dd > span {padding-left:1.25rem;}
.area-pg-content article[class^="pg-content"] dl.pg-school-detail dt:nth-last-child(2),
.area-pg-content article[class^="pg-content"] dl.pg-school-detail dd:last-child {margin-top:1rem}
dl.pg-school-detail table.pg-school-major {width:100%;border-spacing: 0;border-top:1px solid #312a27;border-collapse:collapse;letter-spacing:-1px;font-size:0.75rem;}
dl.pg-school-detail table.pg-school-major tr {border-bottom:1px solid #312a27;}
dl.pg-school-detail table.pg-school-major th {width:30%;padding:0.55rem 0 0.6rem 1.25rem;background-color:#443a35;text-align: left;font-weight:400;}
dl.pg-school-detail table.pg-school-major td {padding:0.55rem 0 0.6rem 1rem;}
dl.pg-school-detail table.pg-school-major td ul {display:flex;justify-content: space-between;flex-wrap:wrap;}
dl.pg-school-detail table.pg-school-major td ul li {width:50%;}
.area-pg-content article.pg-content-01 .pg-school-name img {width:30%;max-width:8.3rem;}
.area-pg-content article.pg-content-02 .pg-school-name img {width:30%;max-width:8.3rem;}
.area-pg-content article.pg-content-03 .pg-school-name img {width:49%;max-width:13.95rem;}
.area-pg-content article.pg-content-04 .pg-school-name img {width:25%;max-width:7rem;}
.area-pg-content article.pg-content-05 .pg-school-name img {width:34%;max-width:9.65rem;}

@media screen and (max-width: 500px) {
    .area-pg-content article[class^="pg-content"] .pg-school-name span {font-size:0.92rem;}
    .area-pg-content article.pg-content-01 .pg-school-name img {width:33%;}
    .area-pg-content article.pg-content-02 .pg-school-name img {width:33%;}
    .area-pg-content article.pg-content-03 .pg-school-name img {width:55%;}
    .area-pg-content article.pg-content-04 .pg-school-name img {width:28%;}
    .area-pg-content article.pg-content-05 .pg-school-name img {width:38%;}
    .area-pg-content article[class^="pg-content"] dl.pg-school-info dt {width: 46%;}
    .area-pg-content article[class^="pg-content"] dl.pg-school-info dd {font-size: 0.92rem;}
    .area-pg-content article[class^="pg-content"] dl.pg-school-detail dt strong {font-size: 0.92rem;}
    .area-pg-content article[class^="pg-content"] dl.pg-school-detail dd {font-size:0.92rem;}
    .area-pg-content article[class^="pg-content"] dl.pg-school-detail dd > span {padding-left: 0.5rem;}
    dl.pg-school-detail table.pg-school-major {font-size:0.92rem;}
    dl.pg-school-detail table.pg-school-major th, 
    dl.pg-school-detail table.pg-school-major td {padding: 0.55rem 0 0.6rem 0.5rem;}
}

@media screen and (max-width: 400px) {
    .area-pg-content article[class^="pg-content"] dl.pg-school-detail {flex-direction:column;}
    .area-pg-content article[class^="pg-content"] dl.pg-school-detail dd {margin-top:1rem;width:100%;}
}

/*******************************************************************************
            졸업 후 취업비자 취득, 영주권 신청의 문이 열립니다!
********************************************************************************/
.area-pg-content2 {padding:1.6rem 0 2.4rem;background-color:#a89b95;}
.area-pg-content2 .pg-text {text-align:center;font-size:0.85rem;}
.area-pg-content2 .pg-text span {display:block;letter-spacing:-1px;font-style:italic;color:#dedddb;}
.area-pg-content2 .pg-text b {display:inline-block;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-area02-text.png) repeat-x bottom left;}
.area-pg-content2 .pg-content-title {margin-top:1rem;text-align:center;font-size:1.6rem;}
.area-pg-content2 .pg-content-title span {padding:0.5rem 2.6rem;color:#303133;}
.area-pg-content2 .pg-content-title span:before {width:1.75rem;height:3.8rem;background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-visual-top-left2.png);}
.area-pg-content2 .pg-content-title span:after {width:1.75rem;height:3.8rem;background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-visual-top-right2.png);}
.area-pg-content2 .pg-content-subtitle {text-align:center;letter-spacing:-1px;font-size:0.75rem;font-weight:600;color:#4d443f;}
.area-pg-content2 ul.pg-box {display:flex;justify-content:space-between;width:94%;max-width:31.7rem;margin:0.8rem auto 0;padding:1.2rem 1.3rem;box-sizing:border-box;background-color:#807875;}
.area-pg-content2 ul.pg-box li {position:relative;width:29%;max-width:8.3rem;background-color:#fff;}
.area-pg-content2 ul.pg-box li:first-child {width:22%;max-width:6.2rem;}
.area-pg-content2 ul.pg-box li:last-child:after {position: absolute;bottom:-0.45rem;right:-0.2rem;display:block;width:3.1rem;height:2.55rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-area02-approved.png) no-repeat center center;background-size:100%;content:'';}
.area-pg-content2 ul.pg-box li + li:before {position: absolute;top:50%;left:-28%;display:block;width:1.45rem;height:1rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-area02-arrow.png) no-repeat center center;background-size:100%;transform:translateY(-50%);content:'';}
.area-pg-content2 ul.pg-box li strong {display:block;padding:0.5rem 0.65rem;background-color:#50433d;line-height:1;font-size:0.75rem;font-weight:400;color:#fff;}
.area-pg-content2 ul.pg-box li span {display:block;padding:0.5rem 0.65rem 0;font-size:0.7rem;color:#4d443f;}
.area-pg-content2 ul.pg-box li p {padding:0.25rem 0.65rem 0.5rem;font-size:0.8rem;font-weight:600;color:#5d1715;}
.area-pg-content2 p.pg-tip {width:88%;max-width:29rem;margin:0.25rem auto 0;letter-spacing:-1px;;font-size:0.6rem;color:#ececec;}
.area-pg-content2 p.pg-content-text {width:94%;max-width:31.7rem;margin:2.2rem auto 0;font-size:0.9rem;font-weight:600;text-align:center;color:#303133;}
.area-pg-content2 p.pg-content-text em {text-decoration: underline;font-weight:600;color:#010101;}

@media screen and (max-width: 500px) {
    .area-pg-content2 .pg-text {font-size:1rem;}
    .area-pg-content2 .pg-content-subtitle {font-size:1rem;}
    .area-pg-content2 ul.pg-box li strong {font-size:1rem;}
    .area-pg-content2 ul.pg-box li p {font-size:1rem;}
    .area-pg-content2 ul.pg-box li span {font-size:0.92rem;}
    .area-pg-content2 p.pg-tip {font-size:0.92rem;}
}

@media screen and (max-width: 400px) {

}

/*******************************************************************************
                 캐나다 4년제 명문대, 이렇게 준비하십시오!
********************************************************************************/
.area-pg-content3 {padding-top:2.1rem;background-color:#e6e6e6;}
.area-pg-content3 .pg-content-title {text-align:center;color:#671b17;letter-spacing:-1px;font-size:1.3rem;font-weight:400;}
.area-pg-content3 .pg-content-title span strong {display:block;letter-spacing:0;}
.area-pg-content3 article[class^='pg-content-strategy'] {padding:2.1rem 0 1.4rem;background-color:#e6e6e6;}
.area-pg-content3 .pg-article-title {width:88%;max-width:29.7rem;margin:0 auto;}
.area-pg-content3 .pg-article-title img {display:block;}
.area-pg-content3 .pg-article-title img + img {margin-top:0.25rem;}
.area-pg-content3 ul.pg-procedure {display:flex;justify-content:space-between;width:88%;max-width:29.7rem;margin:2.3rem auto 0;}
.area-pg-content3 ul.pg-procedure li {align-self: center;}
.area-pg-content3 ul.pg-procedure li:first-child {width:42%;max-width:12.3rem;}
.area-pg-content3 ul.pg-procedure li:first-child img {width:100%;}
.area-pg-content3 ul.pg-procedure li:last-child {position:relative;width:45%;max-width:13.3rem;}
.area-pg-content3 ul.pg-procedure li:last-child:before {position:absolute;top:50%;left:-24%;display:block;width:1.75rem;height:1.2rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-area03-arrow.png) no-repeat center center;background-size:100%;transform: translateY(-45%);content:'';}
.area-pg-content3 ul.pg-procedure .pg-ranking {display:flex;justify-content: space-between;}
.area-pg-content3 ul.pg-procedure .pg-ranking + .pg-ranking {margin-top:1rem;}
.area-pg-content3 ul.pg-procedure .pg-ranking .pg-circle {display:block;width:3.2rem;height:3.2rem;margin-right:0.5rem;padding:0.65rem 0;border-radius:50%;box-sizing:border-box;background-color:#5d1715;text-align:center;font-size:0.75rem;color:#fff;}
.area-pg-content3 ul.pg-procedure .pg-ranking .pg-circle b {display:block;font-size:0.9rem;color:#f5d5af;}
.area-pg-content3 ul.pg-procedure .pg-ranking figure {width:calc(100% - 3.7rem);text-align: center;}
.area-pg-content3 ul.pg-procedure .pg-ranking figure span {display:block;margin-top:0.25rem;font-size:0.8rem;font-weight:600;color:#1b1b1b;}
.area-pg-content3 article[class^='pg-content-strategy'] ul.pg-list {width:88%;max-width:29.7rem;margin:2rem auto 0;padding:1.7rem 1.5rem;box-sizing:border-box;background-color:#9e9997;font-size:0.75rem;color:#fff;}
.area-pg-content3 article[class^='pg-content-strategy'] ul.pg-list.square li + li {margin-top:0.9rem;}
.area-pg-content3 article[class^='pg-content-strategy'] ul.pg-list.square li:before {background-color:#d8d6d5;}
.area-pg-content3 article[class^='pg-content-strategy'] p.pg-tip {width:83%;max-width:28rem;margin:0 auto;font-size:0.6rem;color:#7e7e7e;}
.area-pg-content3 article[class^='pg-content-roadmap'] {padding:1.5rem 0 2rem;background-color:#bab1ad;}
.area-pg-content3 article[class^='pg-content-roadmap'] .pg-article-title img {width:13%;max-width:3.7rem;}
.area-pg-content3 [class^='pg-roadmap-step'] {position:relative;width:88%;max-width:29.7rem;margin:0 auto;padding:1rem 0 0.9rem 4.9rem;box-sizing:border-box;background-color:#ebe8e7;}
[class^='pg-roadmap-step'] .pg-step-num {position:absolute;top:-.75rem;left:-0.6rem;width:4.5rem;background-color:#5d1715;border-radius: 2rem;text-align:center;color:#fff;}
[class^='pg-roadmap-step'] .pg-step-num img {width:27%;max-width:1.2rem;}
[class^='pg-roadmap-step'] .pg-step-num b {display:inline-block;margin-left:0.25rem;line-height:1.5;}
[class^='pg-roadmap-step'] strong {display:block;font-size:0.85rem;}
[class^='pg-roadmap-step'] strong b {color:#8f3531;}
[class^='pg-roadmap-step'] strong + span {display:block;margin-top:0.25rem;font-size:0.7rem;color:#4d443f;}
[class^='pg-roadmap-step'] ul {font-size:0.75rem;color:#7d7d7d;}
[class^='pg-roadmap-step'] strong + ul {margin-top:0.5rem;} 
[class^='pg-content-roadmap'] .pg-tip-wrap {width:88%;max-width:29.7rem;margin:0.5rem auto 1rem;padding-left:4.9rem;box-sizing:border-box;font-size: 0.6rem;color:#5d5a5a;}
[class^='pg-content-roadmap'] .pg-school-logo {width:88%;max-width:29.75rem; margin:1.5rem auto 0;background-color:#ebe8e7;padding:1rem 0 1.4rem;text-align:center;}
[class^='pg-content-roadmap'] .pg-school-logo strong {display:block;font-size:0.9rem;}
[class^='pg-content-roadmap'] .pg-school-logo figure {margin-top:0.5rem;vertical-align:middle;}
[class^='pg-content-roadmap'] .pg-school-logo span {display:block;margin-top:1rem;font-size:0.7rem;color:#4d443f;}
.area-pg-content3 .pg-roadmap-step01 {margin-top:1.6rem;}
.pg-roadmap-step03:before {position:absolute;top:50%;left:0.9rem;display:block;font-size:0.85rem;font-weight:600;color:#a0a0a0;transform:translateY(-50%);content:'진학 후';}
article.pg-content-roadmap02 .pg-roadmap-step03:before {content:'편입 후';}
.area-pg-content3 article[class^='pg-content-strategy'] ul.pg-list + p.pg-tip {margin-top:1rem;}
.area-pg-content3 article.pg-content-strategy01 .pg-article-title img:first-child {width:14%;max-width:3.6rem;}
.area-pg-content3 article.pg-content-strategy01 .pg-article-title img:last-child {width:66%;max-width:17.65rem;}
.area-pg-content3 article.pg-content-strategy01 ul.pg-procedure .pg-ranking figure.pg-school-sfu img {width:48%;max-width:4.55rem;}
.area-pg-content3 article.pg-content-strategy01 ul.pg-procedure .pg-ranking figure.pg-school-manitoba img {width:78%;max-width:7.4rem;}
.area-pg-content3 article.pg-content-strategy01 p.pg-tip + p.pg-tip {margin-top:0.5rem;}
.area-pg-content3 article.pg-content-strategy01 p.pg-tip + p.pg-tip:before {content:'**'}
.area-pg-content3 article.pg-content-strategy02 .pg-article-title img:first-child {width:14%;max-width:3.75rem;}
.area-pg-content3 article.pg-content-strategy02 .pg-article-title img:last-child {width:43%;max-width:12.7rem;}
.area-pg-content3 article.pg-content-strategy02 ul.pg-procedure .pg-ranking figure img {width:75%;max-width:7.2rem;}
.area-pg-content3 article.pg-content-strategy02 ul.pg-list.square li span {display:inline-block;vertical-align:top;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph {margin-top:2.1rem;text-align: center;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph .pg-text span {position:relative;display:inline-block;padding:0 1.25rem;line-height:1.1;font-size:1.1rem;color:#8f3531;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph .pg-text span:before {position:absolute;top:0;left:0;display:block;width:0.85rem;height:0.75rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-area03-quote01.png) no-repeat center center;background-size:100%;content:'';}
.area-pg-content3 article.pg-content-strategy02 .pg-graph .pg-text span:after {position:absolute;top:0;right:0;display:block;width:0.85rem;height:0.7rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-area03-quote02.png) no-repeat center center;background-size:100%;content:'';}
.area-pg-content3 article.pg-content-strategy02 .pg-graph > figure img {width:37%;max-width:12.4rem;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph ul {width:88%;max-width:29.7rem;margin:0.5rem auto 0;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph ul li {display:flex;justify-content:space-between;align-items: center;margin-top:1.2rem;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph ul li figure:first-child {width:53%;max-width:15.6rem;text-align:left;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph ul li figure:first-child img {width:100%;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph ul li figure:nth-child(2) {width:25%;max-width:7.2rem;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph ul li figure.pg-logo-toronto img {width:100%;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph ul li figure.pg-logo-waterloo img {width:96%;max-width:6.85rem;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph ul li figure.pg-logo-york img {width:71%;max-width:5.1rem;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph ul li figure:nth-child(2) b {display:block;margin-top:0.25rem;font-size:0.7rem;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph ul li > span {display:block;width:20%;max-width:4.05rem;height:4.05rem;padding:1.1rem 0;box-sizing:border-box;border-radius:50%;box-sizing:border-box;background-color:#8f3531;letter-spacing:-1px;font-size:0.75rem;color:#fff;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph ul li > span b {font-weight:600;color:#f5d5af;}
.area-pg-content3 article.pg-content-strategy02 .pg-graph + .pg-tip {margin-top:0.5rem;}
.area-pg-content3 article.pg-content-roadmap01 .pg-roadmap-step03 {margin-top:2rem;}
.area-pg-content3 article.pg-content-roadmap01 .pg-picture {margin-top:1rem;text-align:center;}
.area-pg-content3 article.pg-content-roadmap01 .pg-picture img {width:88%;max-width:29.75rem;}
.area-pg-content3 article.pg-content-roadmap01 > .pg-tip {width:88%;max-width:29.75rem; margin:0 auto;font-size:0.6rem;color:#5d5a5a;}
.area-pg-content3 article.pg-content-roadmap01 .pg-picture + .pg-tip {margin-top:1rem;}
.area-pg-content3 article.pg-content-roadmap01 .pg-picture + .pg-tip + .pg-tip {margin-top:0.5rem;} 
.area-pg-content3 article.pg-content-roadmap01 .pg-picture + .pg-tip + .pg-tip:before {content:'**'} 
.area-pg-content3 article.pg-content-roadmap01 .pg-roadmap-step02 figure img {width:86%;max-width:21.3rem;}
.area-pg-content3 article.pg-content-roadmap01 .pg-school-logo figure img:first-child {width:24%;max-width:6.95rem;}
.area-pg-content3 article.pg-content-roadmap01 .pg-school-logo figure img:last-child {margin-left:1.8rem;width:25%;max-width:7.4rem;}
.area-pg-content3 article.pg-content-roadmap02 .pg-roadmap-step02, 
.area-pg-content3 article.pg-content-roadmap02 .pg-roadmap-step03, 
.area-pg-content3 article.pg-content-roadmap02 .pg-roadmap-step04 {margin-top:2rem;}
.area-pg-content3 article.pg-content-roadmap02 .pg-school-logo figure img:first-child {width:25%;max-width:7.2rem;}
.area-pg-content3 article.pg-content-roadmap02 .pg-school-logo figure img:nth-child(2) {width:24%;max-width:6.85rem;margin-left:1.65rem;}
.area-pg-content3 article.pg-content-roadmap02 .pg-school-logo figure img:last-child {width:21%;max-width:6.15rem;margin-left:2.2rem;}

@media screen and (max-width: 500px) {
    .area-pg-content3 ul.pg-procedure .pg-ranking .pg-circle {font-size:0.92rem;}
    .area-pg-content3 article[class^='pg-content-strategy'] ul.pg-list {font-size:1rem;}
    .area-pg-content3 article[class^='pg-content-strategy'] p.pg-tip {font-size:0.92rem;}
    [class^='pg-roadmap-step'] .pg-step-num img {width: 50%;max-width:1.85rem;}
    [class^='pg-roadmap-step'] strong {font-size:1rem;}
    [class^='pg-roadmap-step'] strong + span {font-size:0.92rem;}
    [class^='pg-content-roadmap'] .pg-tip-wrap {font-size:0.92rem;}
    .pg-roadmap-step03:before {font-size:1rem;}
    .area-pg-content3 article.pg-content-roadmap01 > .pg-tip {font-size:0.92rem;}
    [class^='pg-content-roadmap'] .pg-school-logo strong {font-size:1rem;}
    [class^='pg-content-roadmap'] .pg-school-logo span {font-size:1rem;}
    .area-pg-content3 article.pg-content-strategy02 .pg-article-title img:last-child {width: 47%;}

}

@media screen and (max-width: 400px) {

}

/*******************************************************************************
                                생생 후기
********************************************************************************/
.area-pg-content4 {padding:2rem 0 7.5rem;background-color:#382322;text-align:center;}
.area-pg-content4 .pg-content-subtitle {font-size:1.2rem;font-weight:600;color:#fff;}
.area-pg-content4 .pg-content-title img {width:100%;max-width:6.9rem;}
.area-pg-content4 article[class^="pg-review"] {width:92%;max-width:31.2rem;margin:1.8rem auto 0;text-align:left;}
.area-pg-content4 article[class^="pg-review"] h4 {display:flex;justify-content:space-around;align-items:center;width:9.8rem;height:2.25rem;background-color:#fff;}
.area-pg-content4 article[class^="pg-review"] h4 span {font-size:0.7rem;font-weight:600;color:#1b1110;}
.area-pg-content4 article[class^="pg-review"] h4 span b {font-weight:600;color:#d84f48;}
.area-pg-content4 article[class^="pg-review"] ul {padding:1.4rem 2.05rem 1.2rem;border:0.1rem solid #50433d;box-sizing:border-box;background-color:#1b1110;}
.area-pg-content4 article[class^="pg-review"] ul li {display:flex;justify-content: space-between;}
.area-pg-content4 article[class^="pg-review"] ul li + li {margin-top:1.5rem;}
.area-pg-content4 article[class^="pg-review"] ul li > figure {width:17%;max-width:4.5rem;}
.area-pg-content4 article[class^="pg-review"] ul li > figure img {width:100%;}
.area-pg-content4 article[class^="pg-review"] ul li p {width:83%;max-width:20.35rem;}
.area-pg-content4 article[class^="pg-review"] ul li p span {display:block;}
.area-pg-content4 article[class^="pg-review"] ul li p span.pg-speech-bubble {position:relative;width:100%;padding:0.8rem 1rem;box-sizing:border-box;border-radius:0.4rem;background-color:#50433d;font-size:0.7rem;color:#f3d6ae;}
.area-pg-content4 article[class^="pg-review"] ul li p span.pg-speech-bubble:after {position:absolute;top:0.7rem;left:-1.1rem;display:block;width:1.2rem;height:0.7rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/university-solution-canada/bg-area04-speechbubble-tail-right.png) no-repeat center center; background-size:100%;transform:rotateY(180deg);content:'';}
.area-pg-content4 article[class^="pg-review"] ul li p span.pg-writer {padding:0.8rem 0 0.8rem 1rem;font-size:0.7rem;}
.area-pg-content4 article[class^="pg-review"] ul li p span.pg-writer em {display:block;font-style:italic;color:#b0afaf;}
.area-pg-content4 article[class^="pg-review"] ul li p span.pg-writer b {display:block;margin-top:0.25rem;font-weight:400;color:#fff;}
.area-pg-content4 article.pg-review-toronto ul li:first-child,
.area-pg-content4 article.pg-review-waterloo ul li {flex-direction: row-reverse;}
.area-pg-content4 article.pg-review-toronto ul li:first-child p span.pg-speech-bubble:after,
.area-pg-content4 article.pg-review-waterloo ul li p span.pg-speech-bubble:after {left:auto;right:-1.1rem;transform:rotateY(0deg);}
.area-pg-content4 article.pg-review-toronto h4 img {width:54%;max-width:5.2rem;}
.area-pg-content4 article.pg-review-waterloo h4 img {width:53%;max-width:5.1rem;}
.area-pg-content4 article.pg-review-york h4 img {width:44%;max-width:4.25rem;}
.area-pg-content4 article.pg-review-york + .pg-tip {display:inline-block;width: 92%;max-width: 31.2rem;margin: 0.5rem auto 0;margin-top:0.5rem;font-size:0.6rem;color:#bfafaf;}
.area-pg-content4 article.pg-review-york + .pg-tip:before {display:none;}

@media screen and (max-width: 500px) {
    .area-pg-content4 article[class^="pg-review"] h4 span {font-size: 0.92rem;}
    .area-pg-content4 article[class^="pg-review"] ul li p {width: 75%;}
    .area-pg-content4 article[class^="pg-review"] ul li p .pg-speech-bubble br,
    .area-pg-content4 article[class^="pg-review"] ul li p span.pg-writer em br {display:none;}
    .area-pg-content4 article[class^="pg-review"] ul li p span.pg-speech-bubble {font-size:0.92rem;}
    .area-pg-content4 article[class^="pg-review"] ul li p span.pg-writer {font-size:0.92rem;}
    .area-pg-content4 article.pg-review-york + .pg-tip {font-size:0.92rem;}
}

@media screen and (max-width: 400px) {

}