@charset "UTF-8";

/*******************************************************************************
                                layout
********************************************************************************/
table th {background-color: inherit;}
.private-acg-new-zealand [class^='area-pg'] {margin:0 auto;max-width:680rem;word-break:keep-all;}

@media screen and (max-width: 991px) {
    .private-acg-new-zealand [class^='area-pg'] {width:100%;}
}

/*******************************************************************************
                                페이지 공통
********************************************************************************/
.container > article,
.container section > article {padding: 0;}
.pg-hidden {margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);position:absolute;width:1px;height:1px;font-size:0;text-indent:-9999px;}
caption.pg-hidden {position:static;}
.pg-hidden-text {overflow:hidden;font-size:0;text-indent:-9999px;}
.pg-list li {padding-left:12rem;position:relative;box-sizing:border-box;}
.pg-list li:before {display:block;position:absolute;top:0;left:0;}
.pg-list.dot > li:before {content:'·'}
.pg-list.dash > li:before {content:'-'}
.pg-list.icon > li {padding-left:24rem;}
.pg-list.icon > li:before {top:2rem;width:20rem;height:20rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/private-acg-new-zealand/bullet-area2-check.png) no-repeat center center; background-size:100%;content:''}
.pg-tip {padding-left:10rem;position:relative;box-sizing:border-box;}
.pg-tip:before {display:block;position:absolute;top:0;left:0;content:'*';}

/*******************************************************************************
                        왜 뉴질랜드 사립학교를 가야 할까요?
********************************************************************************/
.area-pg-content {padding:80rem 0 80rem;background-color:#d8e0eb;text-align:center;letter-spacing:-1px;}
.area-pg-content .pg-content-title img {width:86%;max-width:568rem;}
.area-pg-content .pg-content-list {display:flex;justify-content: space-between;margin:64rem auto 0;width:92%;max-width:624rem;}
.area-pg-content .pg-content-list li {padding:144rem 0 28rem;border:1rem solid #7fa7c5;position:relative;width:49%;max-width:152rem;font-size:16rem;line-height:1.5;color:#666;}
.area-pg-content .pg-content-list li i {display:flex;align-items:center;justify-content:center;box-shadow: 8rem 8rem 8rem rgba(16, 49, 12, 0.1);position:absolute;top:-16rem;left:50%;width:136rem;height:136rem;background-color:#207bbf;font-size:20rem;line-height:1.3;color:#fff;border-radius:50%; isolation: isolate;transform:translateX(-50%);}

@media screen and (max-width: 991px) {
    .area-pg-content .pg-content-list {flex-wrap:wrap;}
    .area-pg-content .pg-content-list li {margin-bottom:32rem;padding:136rem 0 16rem;width:48%;max-width:none;font-size:14rem;}
    .area-pg-content .pg-content-list li i {width:128rem;height:128rem;font-size:16rem;}
}

@media screen and (max-width: 500px) {
    .area-pg-content .pg-content-title img {width: 88%;}
}

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

}

/*******************************************************************************
                            ACG schools은 어떤 곳인가요?
********************************************************************************/
.area-pg-content2 {padding:88rem 0 80rem;background:#e9dcd7 url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/private-acg-new-zealand/bg-area02.png) no-repeat top center;background-size:100%;text-align:center;letter-spacing:-1px;}
.area-pg-content2 .pg-icon-subtitle{margin-left:40rem;}
.area-pg-content2 .pg-icon-subtitle span {display:flex;align-items: center;position:relative;}
.area-pg-content2 .pg-icon-subtitle span i {display:block;position:absolute;top:50%;left:0;width:88rem;height:88rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/private-acg-new-zealand/icon-area2-top.png) no-repeat center center;background-size:100%;transform:translateY(-50%);}
.area-pg-content2 .pg-icon-subtitle span b {display:inline-block;padding:4rem 20rem 4rem 88rem;background-color:#e9ea24;font-size:16rem;color:#010101;border-radius:40rem}
.area-pg-content2 .pg-content-title {margin-top:72rem}
.area-pg-content2 .pg-content-title img:first-child {width:58%;max-width:392rem;}
.area-pg-content2 .pg-content-title img:last-child {margin-top:10rem;width:74%;max-width:496rem;}
.area-pg-content2 .pg-text {margin:44rem auto 0;width:92%;max-width:624rem;font-size:16rem;line-height:1.4;color:#666;text-align:left;}
.area-pg-content2 figure.pg-content-visual {display:flex;align-items:center;margin:24rem auto 0;width:92%;max-width:624rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/private-acg-new-zealand/bg-area2-shadow.png) no-repeat top left 312rem;background-size:56rem;}
figure.pg-content-visual table.pg-table {width:65%;max-width:312rem;color:#fff;border-collapse:collapse;border-spacing: 0;}
figure.pg-content-visual table.pg-table tr.pg-color00 {background-color:transparent; color:#666;}
figure.pg-content-visual table.pg-table tr.pg-color00 th {padding:16rem;font-size:16rem;font-weight:400;}
figure.pg-content-visual table.pg-table tr.pg-color01 {background-color:#8cacc4}
figure.pg-content-visual table.pg-table tr.pg-color02 {background-color:#66a4d3}
figure.pg-content-visual table.pg-table tr.pg-color03 {background-color:#4d9dd9}
figure.pg-content-visual table.pg-table tr.pg-color04 {background-color:#348aca}
figure.pg-content-visual table.pg-table tr.pg-color05 {background-color:#207bbf}
figure.pg-content-visual table.pg-table .pg-table-border {border-bottom:2px solid #e9e2e0;}
figure.pg-content-visual table.pg-table tr th {padding:8rem 0;position:relative;font-size:16rem;}
figure.pg-content-visual table.pg-table tr th:before {display:block;position:absolute;top:50%;left:0;width:20rem;height:20rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/private-acg-new-zealand/bg-area2-arrow.png) no-repeat center center;background-size:100%;content:'';transform:translate(-50%,-50%);}
figure.pg-content-visual table.pg-table tr.pg-color00 th:before,
figure.pg-content-visual table.pg-table tr.pg-color05 th:before {display:none;}
figure.pg-content-visual table.pg-table tr th small {display:block;font-weight:400;}
figure.pg-content-visual table.pg-table tr td {padding:4rem 0;border-bottom:1rem solid #bbc7d2;font-size:16rem; color: inherit;}
figure.pg-content-visual ul.pg-list {padding:64rem 0 60rem 24rem;width:calc(100% - 312rem);background-color:#fff;font-size:16rem;line-height:1.5;color:#333;text-align:left;box-sizing:border-box;}
figure.pg-content-visual ul.pg-list li + li {margin-top:4rem;}
.container section figure.pg-content-visual + .pg-article-box {margin-top:20rem;}
.container section article.pg-article-box {margin: 20rem auto 0;padding:16rem 20rem 20rem;border:1rem solid #7fa7c5;width:92%;max-width:624rem;background-color:#fff;box-sizing:border-box;}
.pg-article-box .pg-box-logo img {width:40%;max-width:192rem;}
.pg-article-box .pg-college-detail {display:flex;justify-content: space-between;margin-top:20rem;font-size:16rem;text-align:left;}
.pg-article-box .pg-college-detail > ul:first-child {width:55%;max-width:312rem;}
.pg-article-box .pg-college-detail > ul:last-child {width:45%;width:calc(100% - 312rem);}
.pg-article-box .pg-college-detail > ul > li {display:flex;color:#515151;}
.pg-article-box .pg-college-detail > ul > li b {margin-right:16rem;font-weight:400;color:#207bbf;}
.pg-article-box .pg-college-detail > ul > li + li {margin-top:4rem;}

@media screen and (max-width: 991px) {
    .area-pg-content2 .pg-content-title {margin-top: 24rem;}
    .area-pg-content2 .pg-icon-subtitle span i {width:64rem;height:64rem;}
    .area-pg-content2 .pg-icon-subtitle span b { padding-left: 72rem;font-size:12rem;}
    .area-pg-content2 .pg-text { margin-top: 32rem;font-size:14rem;}
    .area-pg-content2 figure.pg-content-visual {background-size:40rem;}
    figure.pg-content-visual table.pg-table tr th {font-size:16rem;}
    figure.pg-content-visual table.pg-table tr th:before {width:16rem;height:16rem;}
    figure.pg-content-visual table.pg-table tr.pg-color00 th,
    figure.pg-content-visual table.pg-table tr td {font-size:12rem;}
    figure.pg-content-visual ul.pg-list {font-size:12rem;}
    figure.pg-content-visual .pg-list.icon > li:before {top:0rem;}
    .container section article.pg-article-box {padding:10rem 24rem 12rem;}
    .pg-article-box .pg-college-detail {flex-direction:column;font-size:12rem;}
    .pg-article-box .pg-college-detail > ul:first-child,
    .pg-article-box .pg-college-detail > ul:last-child {width:100%;max-width:none;}
    .pg-article-box .pg-college-detail > ul + ul {margin-top:4rem;}
    .pg-article-box .pg-college-detail > ul > li b {margin-right:0;width:20%;}
    .pg-article-box .pg-college-detail > ul > li span,
    .pg-article-box .pg-college-detail > ul > li ul {width:80%;}
    .pg-article-box .pg-college-detail > ul > li + li {margin-top: 0;}

}

@media screen and (max-width: 500px) {
    .area-pg-content2 .pg-content-title img:first-child {width: 64%;}
    .area-pg-content2 .pg-content-title img:last-child {width: 81%;}
    .area-pg-content2 figure.pg-content-visual {background-position:top left 200rem;background-size: 40rem;}

}

@media screen and (max-width: 400px) {
    .area-pg-content2 .pg-content-title img:first-child {width: 70%;}
    .area-pg-content2 .pg-content-title img:last-child {width: 86%;}
    .area-pg-content2 figure.pg-content-visual {    background-position: top left 176rem;}
    figure.pg-content-visual table.pg-table {max-width: 168rem;}
    figure.pg-content-visual ul.pg-list { padding: 60rem 10rem;width: calc(100% - 168rem);}
}

/*******************************************************************************
                    사립학교 졸업 후, 대학 진학은 어디로 하나요?
********************************************************************************/
.area-pg-content3 {padding:80rem 0;background-color:#d8e0eb;color:#666;text-align:center;letter-spacing:-1px;}
.area-pg-content3 .pg-content-title img {width:57%;max-width:384rem;}
.area-pg-content3 ul.pg-school-list {display:flex;align-items: center;justify-content:space-between;flex-wrap:wrap;margin:48rem auto 0;width:92%;max-width:624rem;}
.area-pg-content3 ul.pg-school-list li {display:flex;justify-content:center;flex-direction: column;margin-bottom:8rem;width:25%;max-width:152rem;height:176rem;background-color:#fff;font-size:16rem;}
.area-pg-content3 ul.pg-school-list li figure { display: flex; flex-direction: column; padding: 16rem;}
.area-pg-content3 ul.pg-school-list li img { margin: auto; width: 100%; max-width: 96rem; object-fit: scale-down;}
.area-pg-content3 ul.pg-school-list li figcaption {margin-top:16rem;}
.area-pg-content3 .pg-tip {margin:10rem auto 0;width:92%;max-width:624rem;font-size:14rem;text-align:left;}
.area-pg-content3 .pg-text {margin:48rem auto 0;width:92%;max-width:624rem;font-size:16rem;line-height:1.5;text-align:left;}

@media screen and (max-width: 991px) {
    .area-pg-content3 ul.pg-school-list li {font-size:12rem;}
    .area-pg-content3 .pg-tip {font-size:12rem;}
    .area-pg-content3 .pg-text {font-size: 12rem;}
    .area-pg-content3 ul.pg-school-list li {height: 100%; aspect-ratio: 2 / 3; }
    .area-pg-content3 ul.pg-school-list li figcaption {margin-top: 0;}
}

@media screen and (max-width: 500px) {
    .area-pg-content3 .pg-content-title img {width: 63%;}
    .area-pg-content3 ul.pg-school-list li {width: 24%;}
}

/*******************************************************************************
                            입학조건은 어떻게 되나요?
********************************************************************************/
.area-pg-content4 {padding:80rem 0 0;background-color:#e9dcd7;text-align:center;letter-spacing:-1px;}
.area-pg-content4 .pg-content-title img {width:63%;max-width:424rem;}
.area-pg-content4 .pg-box-content {margin:48rem auto 80rem;padding:32rem 0 16rem;width:92%;max-width:624rem;background-color:#fff;color:#333;box-sizing:border-box;}
.area-pg-content4 .pg-box-content .pg-list {margin:0 auto;width:52%;max-width:320rem;font-size:16rem;text-align:left;}
.area-pg-content4 .pg-box-content .pg-list li + li {margin-top:4rem;}
.area-pg-content4 .pg-box-content p.pg-tip {display:inline-block;margin-top:28rem;font-size:16rem;}
.area-pg-content4 .pg-content-bottom {padding:72rem 0 80rem;background-color:#207bbf;font-size:28rem;font-weight:600;color:#fff;letter-spacing: -2px;}
.area-pg-content4 .pg-content-bottom b {display:block;margin-top:20rem;font-weight:600;color:#d8ff00;}

@media screen and (max-width: 991px) {
    .area-pg-content4 .pg-box-content {padding: 20rem 12rem 10rem;}
    .area-pg-content4 .pg-box-content .pg-list {width: 100%; max-width: 80%; font-size: 14rem;}
    .area-pg-content4 .pg-box-content .pg-list li + li {margin-top: 4rem;}
    .pg-list.icon > li:before {top: 0;width:16rem;height:16rem;}
    .area-pg-content4 .pg-box-content p.pg-tip {display:block;font-size: 12rem;text-align:left;}
    .area-pg-content4 .pg-content-bottom { padding: 24rem 10rem;font-size:20rem; letter-spacing: 0rem;}
}

@media screen and (max-width: 500px) {
    .area-pg-content4 .pg-content-title img {width: 72%;}
    .area-pg-content4 .pg-box-content {padding: 20rem 24rem 10rem;}
    .area-pg-content4 .pg-box-content p.pg-tip {font-size: 12rem;}
}
