@charset "UTF-8";
/*******************************************************************************
 layout
********************************************************************************/
.uts-program-australia [class^='area-pg'] { margin: 0 auto; max-width: 680rem; }
@media screen and (max-width:991px) {
	.uts-program-australia [class^='area-pg'] { padding-right: 16rem; padding-left: 16rem; width: 100%; max-width: 100%; }
	img { margin: 0; }
}
/*******************************************************************************
 페이지 공통
********************************************************************************/
.pg-hidden { margin: -1rem; padding: 0; border: 0; overflow: hidden; clip: rect(0,0,0,0); position: absolute; width: 1rem; height: 1rem; font-size: 0; text-indent: -9999rem; }
.pg-hidden-text { overflow: hidden; font-size: 0; text-indent: -9999rem; }
.pg-list li { padding-left: 12rem; position: relative; }
.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-tip { padding-left: 10rem; position: relative; }
.pg-tip:before { margin-right: 4rem; content: '※'; }
.pg-bullet-square { margin-bottom: 12rem; padding-left: 16rem; position: relative; font-size: 25rem; font-weight: 600; color: #2d2d2f; }
.pg-bullet-square:before { display: block; position: absolute; top: 15rem; left: 0; width: 8rem; height: 8rem; background-color: #ff4d00; content: '' }
@media screen and (max-width:991px) {
	.area-pg-content .pg-content .pg-list { font-size: 14rem; }
	.pg-bullet-square { padding-left: 14rem; font-size: 15rem; }
	.pg-bullet-square:before { top: 7rem; width: 6rem; height: 6rem; }
}
@media screen and (max-width:400px) {
	.area-pg-content .pg-content .pg-list { font-size: 12rem; }
}
/*******************************************************************************
 왜 UTS를 추천하는가!!
********************************************************************************/
.area-pg-content { padding: 69rem 43rem 42rem; position: relative; box-sizing: border-box; }
.area-pg-content .pg-content-title { display: block; padding: 32rem 0 0 22rem; position: absolute; top: 88rem; left: 43rem; z-index: 1; width: 220rem; height: 204rem; background-color: #2d2d2f; }
.area-pg-content .pg-content-title img { width: 90%; max-width: 133rem; }
.area-pg-content .pg-content { margin-left: 80rem; width: 90%; max-width: 514rem; }
.area-pg-content .pg-content img { width: 100%; }
.area-pg-content .pg-content .pg-list { margin-top: 30rem; font-size: 16rem; letter-spacing: -.5rem; }
@media screen and (max-width:991px) {
	.area-pg-content { margin-left: 52rem; padding: 45rem 20rem 42rem; max-width: 340rem; }
	.area-pg-content .pg-content { margin-left: 32rem; }
	.area-pg-content .pg-content-title { padding: 20rem 14rem 0 0; top: 70rem; left: 27rem; width: 140rem; height: 140rem }
	.area-pg-content .pg-content-title img { width: 90%; max-width: 86rem; }
	.area-pg-content .pg-content .pg-list { font-size: 14rem; }
}
@media screen and (max-width:400px) {
	.area-pg-content .pg-content .pg-list { font-size: 12rem; }
}
/*******************************************************************************
 UTS 인기전공
********************************************************************************/
.area-pg-content2 { background-color: #dcfbff; font-size: 16rem; color: #2d2d2f; letter-spacing: -.5rem; }
.area-pg-content2 .pg-content-title { position: relative; }
.area-pg-content2 .pg-content-title > img { margin: 0; width: 87%; max-width: 514rem; }
.area-pg-content2 .pg-content-title .pg-title-box { display: block; padding: 26rem 0 0 22rem; position: absolute; right: 0; bottom: 0; width: 219rem; height: 147rem; background-color: #2d2d2f; box-sizing: border-box; }
.area-pg-content2 .pg-content-title .pg-title-box img { width: 68%; max-width: 132rem; }
.area-pg-content2 [class^="pg-content"] { margin: 0 auto; padding: 0 20rem; }
.area-pg-content2 .pg-content { margin-top: 40rem; }
.area-pg-content2 .pg-content > figure, .area-pg-content2 .pg-content .pg-img-content { display: flex; align-items: center; justify-content: space-between; margin-top: 12rem; }
.area-pg-content2 .pg-content > figure img, .area-pg-content2 .pg-content .pg-img-content p, .area-pg-content2 .pg-content .pg-img-content ul { width: calc(50% - 8rem); }
.area-pg-content2 .pg-content > figure + p { margin-top: 10rem; letter-spacing: -.7rem; }
.area-pg-content2 .pg-content .pg-img-content figure { width: 49%; }
.area-pg-content2 .pg-content .pg-img-content figure img { width: 100%; }
@media screen and (max-width:991px) {
	.area-pg-content2 { font-size: 14rem; }
	.area-pg-content2 .pg-content { margin-top: 26rem; }
	.area-pg-content2 .pg-content > figure + p { font-size: 12rem; }
	.area-pg-content2 .pg-content > figure + p br { display: none; }
	.area-pg-content2 .pg-content > figure, .area-pg-content2 .pg-content .pg-img-content { align-items: start; margin-top: 14rem; }
	.area-pg-content2 .pg-content-title .pg-title-box { margin: 0; padding: 18rem 0 0 16rem; width: 150rem; height: 100rem; }
}
@media screen and (max-width:400px) {
	.area-pg-content2 { font-size: 12rem; }
}
/*******************************************************************************
 UTS 진학방법
********************************************************************************/
.area-pg-content3 { padding: 60rem 0 118rem; font-size: 16rem; color: #2d2d2f; }
.area-pg-content3 .pg-content-title { margin: 0 auto; position: relative; text-align: right; }
.area-pg-content3 .pg-content-title > img { width: 87%; max-width: 514rem; }
.area-pg-content3 .pg-content-title .pg-title-box { display: block; padding: 24rem 0 0 36rem; position: absolute; bottom: -22rem; left: 0; width: 219rem; height: 149rem; background-color: #2d2d2f; text-align: left; box-sizing: border-box; }
.area-pg-content3 .pg-content-title .pg-title-box img { width: 71%; max-width: 129rem; }
.area-pg-content3 .pg-content-subtitle { margin-top: 64rem; position: relative; display: flex; justify-content: space-between; align-items: center; }
.area-pg-content3 .pg-content-subtitle img{margin: 0;}
.area-pg-content3 .pg-content-subtitle img:first-child { margin: 0; max-width: 266rem; }
.area-pg-content3 .pg-content-subtitle img:last-child { display: block; max-width: 309rem; }
.area-pg-content3 .pg-insearch-text { margin-top: 54rem; }
.area-pg-content3 dl.pg-insearch-box { margin-top: 40rem; padding: 20rem 18rem; border: 1rem solid #d2d2d2; letter-spacing: -.5rem; box-sizing: border-box; }
.area-pg-content3 dl.pg-insearch-box dt { font-size: 18rem; color: #2fc0d9; }
.area-pg-content3 dl.pg-insearch-box dd { margin-top: 10rem; padding-left: 6rem; font-size: 15rem; color: #8c8c8c; }
.area-pg-content3 figure.pg-insearch-img { display: flex; justify-content: space-between; margin-top: 46rem; }
.area-pg-content3 figure.pg-insearch-img img { width: calc(50% - 8rem); }
.area-pg-content3 figure.pg-insearch-img + .pg-insearch-content { margin-top: 60rem }
.area-pg-content3 ul.pg-insearch-diploma { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 46rem; text-align: center; }
.area-pg-content3 ul.pg-insearch-diploma li { margin-bottom: 33rem; width: 32%; }
.area-pg-content3 ul.pg-insearch-diploma li strong { display: block; padding-top: 82rem; background-repeat: no-repeat; font-size: 18rem; font-weight: 600; color: #ff4d00; letter-spacing: -.5rem; }
.area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-business { background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uts-program-australia/icon-area03-01.png); background-position: top 2rem center; background-size:78rem; }
.area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-communication { background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uts-program-australia/icon-area03-02.png); background-position: top center; background-size:87rem; }
.area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-design { background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uts-program-australia/icon-area03-03.png); background-position: top 1rem center; background-size:70rem; }
.area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-engineering { background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uts-program-australia/icon-area03-04.png); background-position: top 3rem center; background-size:65rem; }
.area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-it { background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uts-program-australia/icon-area03-05.png); background-position: top center; background-size:47rem; }
.area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-science { background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uts-program-australia/icon-area03-06.png); background-position: top 6rem center; background-size:70rem; }
.area-pg-content3 ul.pg-insearch-diploma li span { display: block; font-size: 15rem; line-height: 1.1; letter-spacing: -.5rem; }
.area-pg-content3 ul.pg-entering { display: flex; gap: 12rem; justify-content: space-between; }
.area-pg-content3 ul.pg-entering li { flex: 1; text-align: center; }
.area-pg-content3 ul.pg-entering li strong { display: flex; align-items: center; justify-content: center; width: 100%; height: 110rem; background-color: #2fc0d9; font-size: 25rem; font-weight: 600; line-height: 1.1; color: #fff; letter-spacing: -.5rem; }
.area-pg-content3 ul.pg-entering li:not(:first-child) strong { position: relative; background:#2fc0d9 url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/uts-program-australia/bg-area3-box-top.png) no-repeat top left; background-size:46rem; }
.area-pg-content3 ul.pg-entering li:not(:first-child) strong:before { position: absolute; top: 0; left: -45rem; width: 80rem; height: 3rem; background-color: #2d2d2f; content: ''; }
.area-pg-content3 ul.pg-entering li p { display: flex; justify-content: space-between; flex-direction: column; padding: 20rem 0; border-right: 1rem solid #929292; border-bottom: 1rem solid #929292; border-left: 1rem solid #929292; min-height: 145rem; font-size: 15rem; line-height: 1.2; letter-spacing: -.5rem; box-sizing: border-box; }
.area-pg-content3 ul.pg-entering li p span { display: block; font-size: 14rem; color: #8c8c8c; }
.area-pg-content3 .pg-insearch-content + .pg-content, .area-pg-content3 .pg-content + .pg-content { margin-top: 80rem; }
.area-pg-content3 .pg-content .pg-bullet-square + p, .area-pg-content3 .pg-content .pg-bullet-square + ul { padding-left: 8rem; font-size: 18rem; }
.area-pg-content3 .pg-content .pg-tip { margin-top: 10rem; margin-left: 16rem; font-size: 15rem; color: #2fc0d9; }
@media screen and (max-width:991px) {
    .area-pg-content3 { font-size: 14rem; }
    .area-pg-content3 .pg-content-title > img { margin-left: auto; }
    .area-pg-content3 .pg-content-title .pg-title-box { padding: 18rem 0 0 24rem; bottom: -15rem; left: 0; width: 150rem; height: 100rem; }
    .area-pg-content3 .pg-content-title .pg-title-box img { width: 71%; max-width: 86rem; }
    .area-pg-content3 .pg-content-subtitle img:first-child {width: 49%;}
    .area-pg-content3 .pg-content-subtitle img:last-child { width: 50%;}
    .area-pg-content3 figure.pg-insearch-img { margin-top: 26rem; }
    .area-pg-content3 figure.pg-insearch-img + .pg-insearch-content { margin-top: 40rem; }
    .area-pg-content3 dl.pg-insearch-box { padding: 16rem; }
    .area-pg-content3 dl.pg-insearch-box dt, .area-pg-content3 dl.pg-insearch-box dd, .area-pg-content3 ul.pg-insearch-diploma li strong, .area-pg-content3 ul.pg-insearch-diploma li span { font-size: 12rem; }
    .area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-business, .area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-communication, .area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-it { background-size: 70rem; }
    .area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-design, .area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-engineering, .area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-science { background-size: 60rem; }
    .area-pg-content3 ul.pg-insearch-diploma li strong.pg-icon-it { background-size: 40rem; }
    .area-pg-content3 ul.pg-entering li { width: 24%; }
    .area-pg-content3 ul.pg-entering li p { padding: 12rem 0; font-size: 12rem; }
    .area-pg-content3 ul.pg-entering li strong { font-size: 16rem; }
    .area-pg-content3 ul.pg-entering li:not(:first-child) strong:before { left: -35rem; width: 60rem; }
    .area-pg-content3 ul.pg-entering li p span { font-size: 12rem; }
    .area-pg-content3 .pg-content .pg-bullet-square + p, .area-pg-content3 .pg-content .pg-bullet-square + ul, .area-pg-content3 .pg-content .pg-tip { font-size: 12rem; }
    .area-pg-content3 .pg-insearch-content + .pg-content, .area-pg-content3 .pg-content + .pg-content { margin-top: 52rem; }
}
