@charset "UTF-8";

/*******************************************************************************
                                  layout
********************************************************************************/
.navitas-university-abroad-program-austrailia [class^='area-pg'] {max-width:34rem;margin:0 auto;line-height:1.27;word-break:keep-all;}

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

/*******************************************************************************
                                  비쥬얼
********************************************************************************/
.area-pg-visual {background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/navitas-university-abroad-program-austrailia/bg-visual.png) no-repeat top center;background-size:100%;text-align: center;}
.area-pg-visual .pg-visual-top {width:100%;padding:3.1rem 0 5.1rem;background-color:rgba(249,66,66,0.81);}
.area-pg-visual .pg-visual-top p {line-height:1;font-size:1.5rem;font-weight:600;color:#fff;}
.area-pg-visual .pg-visual-top .pg-visual-title {margin-top:2.8rem;}
.area-pg-visual .pg-visual-top .pg-visual-title img {width:80%;max-width:26.95rem;}
.area-pg-visual .pg-visual-bottom {position:relative;width:100%;padding:3.3rem 0 0;background-color:rgba(26,26,26,.38);}
.area-pg-visual .pg-visual-bottom .pg-visual-subtitle {position:absolute;top:0;left:50%;width:14rem;height:2.1rem;border-radius:2rem;background-color:rgba(255,255,255,.82);line-height:2.1rem;font-size:1.4rem;color:#333;transform:translate(-50%,-50%);}
.area-pg-visual .pg-visual-bottom ul {display:flex;align-items:center;width:80%;max-width:27.2rem;margin:0 auto;}
.area-pg-visual .pg-visual-bottom ul li {width:50%;padding:0.9rem 0 2.1rem 2.1rem;box-sizing:border-box;background-repeat:no-repeat;background-position:bottom 0.8rem right 1.3rem;background-size:2.6rem;text-align:left;color:#fff;}
.area-pg-visual .pg-visual-bottom ul li:first-child {padding:0.9rem 0 2.1rem 1.1rem;background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/navitas-university-abroad-program-austrailia/icon-visual-01.png);}
.area-pg-visual .pg-visual-bottom ul li:last-child {position:relative;background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/navitas-university-abroad-program-austrailia/icon-visual-02.png);}
.area-pg-visual .pg-visual-bottom ul li:last-child:before {position:absolute;bottom:0;left:-1px;width:1px;height:100%;background-color:rgba(255, 255, 255, 0.8);content:'';}

@media screen and (max-width: 500px) {
    .area-pg-visual {background-size:cover;}
}

/*******************************************************************************
                                페이지 공통
********************************************************************************/
.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;}
.pg-hidden-text {font-size:0;text-indent:-9999px;overflow:hidden;}
.pg-list li {position:relative;padding-left:0.6rem;box-sizing:border-box;}
.pg-list li:before {position:absolute;top:0;left:0;display:block;}
.pg-list.dot > li:before {content:'·'}
.pg-list.dash > li:before {content:'-'}
.pg-tip {position:relative;padding-left:0.5rem;box-sizing:border-box;}
.pg-tip:before {position:absolute;top:0;left:0;display:block;content:'*';}
.pg-content-title {width:88%;margin:0 auto;padding-bottom:1.3rem;border-bottom:0.25rem solid #cb3939;font-size:1.75rem;color:#363636;}
.pg-content-title b {display:block;color:#cb3939;}
.pg-content-subtitle {width:78%;max-width:26.5rem;margin:0 auto;text-align:left;letter-spacing:-2px;font-size:1.7rem;font-weight:600;color:#002259;}

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

/*******************************************************************************
                            왜 호주 대학인가?
********************************************************************************/
.area-pg-content {padding:1.8rem 0 4.8rem;text-align:center;letter-spacing:-1px;}
.area-pg-content .pg-content-title + .pg-img-wrap {margin-top:1.8rem;}
.area-pg-content .pg-img-wrap img {width:78%;max-width:26.5rem;}
.area-pg-content ul.pg-list {width:78%;max-width:26.5rem;margin:2.3rem auto 0;text-align:left;font-size:1.2rem;}
.area-pg-content ul.pg-list li + li {margin-top:0.25rem;}

@media screen and (max-width: 500px) {
    .area-pg-content .pg-img-wrap img {width:90%;}
    .area-pg-content ul.pg-list {width:90%;}
}

/*******************************************************************************
                        파운데이션과 디플로마가 관건!
********************************************************************************/
.area-pg-content2 {padding:0 0 4.8rem;text-align:center;letter-spacing:-1px;}
.area-pg-content2 .pg-content-title + .pg-img-wrap {margin-top:2.75rem;}
.area-pg-content2 .pg-img-wrap img {width:78%;max-width:26.5rem;}
.area-pg-content2 .pg-img-wrap + .pg-content-subtitle {margin-top:4rem;}
.area-pg-content2 ul.pg-list {width:78%;max-width:26.5rem;margin:3rem auto 0;text-align:left;font-size:1.2rem;}
.area-pg-content2 ul.pg-list li + li {margin-top:0.25rem;}
.area-pg-content2 ul.pg-list + .pg-content-subtitle {margin-top:3.6rem;}

@media screen and (max-width: 500px) {
    .area-pg-content2 .pg-img-wrap img {width:90%;}
    .area-pg-content2 ul.pg-list {width:90%;}
}

/*******************************************************************************
                        나비타스(Navitas) 대학진학과정
********************************************************************************/
.area-pg-content3 {padding:0 0 4.8rem;text-align:center;letter-spacing:-1px;}
.area-pg-content3 p {width:78%;max-width:26.5rem;margin:0 auto;text-align:left;font-size:1.2rem;color:#000;}
.area-pg-content3 p span {display:block;margin-top:2.1rem;color:#373737;}
.area-pg-content3 .pg-content-title + .pg-img-wrap {margin-top:2rem;}
.area-pg-content3 .pg-content-title + .pg-img-wrap img {width:78%;max-width:26.5rem;}
.area-pg-content3 .pg-img-wrap + p.pg-text {margin-top:2.1rem;}
.area-pg-content3 p.pg-text + .pg-img-wrap {margin-top:2.5rem;}
.area-pg-content3 p.pg-text + .pg-img-wrap img {width:80%;max-width:27.15rem;}
.area-pg-content3 .pg-img-wrap + .pg-content-subtitle {margin-top:3.1rem;}
.area-pg-content3 .pg-content-subtitle + p {margin-top:2.6rem;}
.area-pg-content3 p + .pg-content-subtitle {margin-top:3rem;}
.area-pg-content3 .pg-content-subtitle + .pg-img-wrap {margin-top:4.5rem;}
.area-pg-content3 .pg-content-subtitle + .pg-img-wrap img {width:90%;max-width:30.4rem;}

@media screen and (max-width: 500px) {
    .area-pg-content3 p {width:90%;}
    .area-pg-content3 .pg-content-title + .pg-img-wrap img {width:90%;}
    .area-pg-content3 p.pg-text + .pg-img-wrap img {width:90%;}
}

/*******************************************************************************
                        대학 2년 편입 가능 대학교
********************************************************************************/
.area-pg-content4 {padding:0 0 3.4rem;text-align:center;letter-spacing:-1px;}
.area-pg-content4 article[class^="pg-school"] {width:88%;max-width:26.6rem;margin:0 auto;}
.area-pg-content4 article[class^="pg-school"] + article[class^="pg-school"] {margin-top:0.5rem;}
.area-pg-content4 article[class^="pg-school"] header img {width:57%;max-width:15.15rem;}
.area-pg-content4 article[class^="pg-school"] header .pg-school-location {padding:0 0.8rem;box-sizing:border-box;background-color:#535353;text-align:left;line-height:2.7rem;font-size:1.3rem;font-weight:600;color:#fff;}
.area-pg-content4 article[class^="pg-school"] .pg-list {margin-top:0.5rem;padding:1rem;box-sizing:border-box;background-color:#ededed;text-align:left;font-size:1.3rem;}
.area-pg-content4 article[class^="pg-school"] .pg-list li + li {margin-top:0.25rem;}

@media screen and (max-width: 500px) {
    .area-pg-content4 article[class^="pg-school"] {width:90%;}
    .area-pg-content4 article[class^="pg-school"] .pg-list {font-size:1.2rem;}
}
