@charset "UTF-8";

/*******************************************************************************
                                    layout
********************************************************************************/
.work-abroad [class^='area-pg'] {width:34rem;margin:0 auto;}

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

/*******************************************************************************
                                페이지 공통
********************************************************************************/
[class^='area-pg'] .flag-wrap {display:flex;align-items: center;justify-content:space-around;}
[class^='area-pg'] .flag-wrap li {text-align:center;}
[class^='area-pg'] .flag-wrap li img {width:2rem;}
[class^='area-pg'] .flag-wrap li span {display:block;margin-top:0.2rem;text-align:center;font-size:0.6rem;color:#fff;}
[class^='area-pg'] .round-box-title {text-align:center;}
[class^='area-pg'] .round-box-title span {display:block;}
[class^='area-pg'] .round-box-title span.round-box {display:inline-block;width:11rem;margin-bottom:0.4rem;border-radius:4rem;background-color:#fff;font-size:1.2rem;color:#fd6941;}
[class^='area-pg'] .round-box-title span:last-child {line-height:1.2;font-size:1.8rem;font-weight:400;color:#fff;}

@media screen and (max-width: 767px) {
    [class^='area-pg'] .flag-wrap {justify-content:space-between;}
    [class^='area-pg'] .flag-wrap li span {letter-spacing:-1px;font-size:0.92rem;}
    [class^='area-pg'] .round-box-title span:last-child {font-size:1.54rem;}
}

/*******************************************************************************
                                    비쥬얼
********************************************************************************/
.area-pg-visual {position:relative;padding-bottom:3rem;box-sizing:border-box;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area01-main.png) no-repeat top center;background-size:100%;}
.area-pg-visual h1 {margin-bottom:8rem;}
.area-pg-visual h1 img {width:77%;}
.area-pg-visual .round-box {width:25.6rem;margin:0 auto;padding:0.4rem 0.8rem;box-sizing:border-box;border-radius:0.6rem;background-color:rgba(22,185,191,0.7);}
.area-pg-visual .round-box + .round-box {margin-top:0.5rem;}
.area-pg-visual .round-box .text-line + .flag-wrap{margin-top:0.4rem;}
.area-pg-visual .round-box .text-line:after {display:block;clear:both;content:'';}
.area-pg-visual .round-box .text-line b,
.area-pg-visual .round-box .text-line span {display:block;float:left;color:#fff;}
.area-pg-visual .round-box .text-line b {width:8rem;margin-right:0.6rem;padding:0.5rem 0.7rem 0.5rem;box-sizing:border-box;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area01-box-arrow.png) no-repeat center center;background-size:100%;line-height:1;font-size:0.7rem;font-weight:300;}
.area-pg-visual .round-box .text-line span {padding-top:0.2rem;font-size:0.9rem;}
.area-pg-visual .round-box .text-line span.prepend-logo {padding-left:2rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/logo-area01-edm.png) no-repeat top 0.6rem left;background-size:1.85rem;}

@media screen and (max-width: 767px) {
    .area-pg-visual {padding-bottom:1rem;}
    .area-pg-visual figure {margin-bottom:6rem;}
    .area-pg-visual .round-box {padding:0.4rem 0.69rem;width:26.15rem;}
    .area-pg-visual .round-box .text-line b {margin-right:0.38rem;padding:0.5rem 0;width:7.74rem;letter-spacing:-1px;font-size:0.92rem;}
    .area-pg-visual .round-box .text-line span {padding-top:0.15rem;letter-spacing:-1px;font-size:1.08rem;}
    .area-pg-visual .round-box .text-line span.prepend-logo {padding-left:2.38rem;background-position: top 0.62rem left;background-size:2rem;}
}

/*******************************************************************************
                                    본문 1     
********************************************************************************/
.area-pg-content {padding:1.8rem 2.6rem 3.2rem;box-sizing:border-box;background-color:#fd6941;}
.area-pg-content .round-box-title {margin-bottom:2rem;}
.area-pg-content .box-content {width:100%;box-sizing:border-box;background-repeat:no-repeat;background-position:top center;background-size:100%;}
.area-pg-content .priority {margin-bottom:1.1rem;padding:1.5rem 3.25rem 5.6rem;background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area02-box01.png);}
.area-pg-content .priority .box-title {margin-bottom:1.2rem;text-align:center;line-height:1;font-size:1.3rem;color:#393535;}
.area-pg-content .priority .box-title b {color:#df1535;}
.area-pg-content .priority .box-title b i {display:inline-block;padding-bottom:1px;box-sizing:border-box;border-bottom:0.2rem solid #df1535;}
.area-pg-content .priority .rate-wrap {margin-bottom:0.7rem;}
.area-pg-content .priority .rate-wrap li {border-right:0.2rem solid transparent;font-size:0.8rem;}
.area-pg-content .priority .rate-wrap li:after {display:block;clear:both;content:'';}
.area-pg-content .priority .rate-wrap li span {display:block;float:left;color:#393535;}
.area-pg-content .priority .rate-wrap li span b {font-size:0.6rem;font-weight:300;color:#949494;}
.area-pg-content .priority .rate-wrap li span.number {margin-right:5%;width:35%;text-align:right;}
.area-pg-content .priority .rate-wrap li span.text {text-indent:0.15rem;}
.area-pg-content .priority .rate-wrap li:first-child {border: solid #fd6941;background-color:rgba(253,105,65,.23);}
.area-pg-content .priority .rate-wrap li:first-child span,
.area-pg-content .priority .rate-wrap li:first-child span b {color:#fd6941;}
.area-pg-content .priority .rate-wrap li:first-child span {font-size:1.2rem;font-weight:800;}
.area-pg-content .priority .rate-wrap li:first-child span b {font-weight:700;font-size:0.8rem;}
.area-pg-content .priority .rate-wrap li:first-child span.text {text-indent:0;}
.area-pg-content .priority cite.reference {display:block;text-align:center;letter-spacing:-1px;font-size:0.6rem;color:#949494;word-break:keep-all;}
.area-pg-content .dialog-wrap .speech-bubble {margin-bottom:1.2rem;padding:0.15rem 0 0.25rem 5.1rem;box-sizing:border-box;background-repeat:no-repeat;background-position:top 0 left 0.9rem;background-size:2.75rem;}
.area-pg-content .dialog-wrap .speech-bubble01 {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/img-area02-character01.png);}
.area-pg-content .dialog-wrap .speech-bubble02 {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/img-area02-character02.png);}
.area-pg-content .dialog-wrap .speech-bubble03 {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/img-area02-character03.png);margin-bottom:2rem;}
.area-pg-content .dialog-wrap .speech-bubble span {position:relative;display:block;padding:0.8rem 1.8rem;box-sizing:border-box;background-color:#fff;color:#fd6941;border-top-right-radius:0.6rem;border-bottom-left-radius:0.6rem;border-bottom-right-radius:0.6rem;font-size:0.75rem;font-weight:600;}
.area-pg-content .dialog-wrap .speech-bubble span:after {position:absolute;top:0;left:-0.85rem;display:block;width:0.85rem;height:0.5rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area02-tail.png) no-repeat center center;background-size:100%;content:'';}
.area-pg-content .dialog-wrap .speech-bubble span b {position:relative;display:inline-block;color:#27338b;z-index:1;}
.area-pg-content .dialog-wrap .speech-bubble span b:after {position:absolute;bottom:0.1rem;left:-0.1rem;display: block;width:102%;height:0.4rem;background-color:rgba(39,51,139,0.3);content:'';z-index:0;}
.area-pg-content .competitive-rate {margin-bottom:2.2rem;padding:1rem 2.5rem 0.5rem;background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area02-box02.png);}
.area-pg-content .competitive-rate .box-title {margin-bottom:1rem;text-align:center;line-height:1.1;font-size:1.4rem;}
.area-pg-content .competitive-rate .box-title b {font-weight:800;color:#df1535;}
.area-pg-content .competitive-rate ul {display:flex;margin-bottom:0.75rem;flex-direction:row;align-items:center;justify-content:center;}
.area-pg-content .competitive-rate ul li {float:left;}
.area-pg-content .competitive-rate ul li:first-child {width:9rem;padding-right:7rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/img-area02-people.png) no-repeat bottom right 0.5rem;background-size:7.05rem;}
.area-pg-content .competitive-rate ul li:first-child p {text-align:center;font-size:0.75rem;font-weight:600;color:#df1535;}
.area-pg-content .competitive-rate ul li:first-child strong {display:block;width:4.6rem;height:4.6rem;margin:0 auto 1.1rem;padding-top:0.9rem;box-sizing:border-box;border-radius:50%;background-color:#df1535;text-align:center;line-height:1.2;font-size:0.75rem;color:#fff}
.area-pg-content .competitive-rate ul li:first-child strong b {font-size:1rem;}
.area-pg-content .competitive-rate ul li:last-child {width:10rem;}
.area-pg-content .competitive-rate ul li:last-child p {padding-bottom:4.1rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/img-area02-people02.png) no-repeat bottom center; background-size:5rem;text-align:center;line-height:1.3;font-size:0.7rem;}
.area-pg-content .competitive-rate cite.reference {display:block;text-align:center;letter-spacing:-1px;font-size:0.7rem;color:#949494;word-break:keep-all;}

@media screen and (max-width: 767px) {
    .area-pg-content {padding:1.15rem 1.54rem 1.85rem;}
    .area-pg-content .priority {padding:1rem 1.15rem 6.95rem;background-size:cover;}
    .area-pg-content .priority .box-title {margin-bottom:1.15rem;font-size:1.38rem;}
    .area-pg-content .priority .rate-wrap {margin-bottom:1rem;}
    .area-pg-content .priority .rate-wrap li {line-height:1.5;font-size:1rem;}
    .area-pg-content .priority .rate-wrap li:first-child span {font-size:1.3rem}
    .area-pg-content .priority .rate-wrap li:first-child span b {font-size:0.92rem;}
    .area-pg-content .priority .rate-wrap li span.number {width:34%;}
    .area-pg-content .priority cite.reference {font-size:0.92rem;}
    .area-pg-content .dialog-wrap .speech-bubble {padding:0.15rem 0 0.25rem 4.1rem;background-position:top left;}
    .area-pg-content .dialog-wrap .speech-bubble span {padding:0.8rem 1rem; font-size:1rem;letter-spacing:-1px;word-break:keep-all;}
    
}
@media screen and (max-width: 500px) {
    .area-pg-content .competitive-rate {padding:1rem 1.38rem 1.6rem;background-size:cover;}
    .area-pg-content .competitive-rate .box-title {font-size:1.38rem;}
    .area-pg-content .competitive-rate ul {flex-direction:column;align-items:center;}
    .area-pg-content .competitive-rate ul li:first-child {margin-bottom:1rem;padding-right:7.05rem;background-size:6.45rem;}
    .area-pg-content .competitive-rate ul li:first-child p {font-size:1rem;}
    .area-pg-content .competitive-rate ul li:first-child strong {font-size:1rem;}
    .area-pg-content .competitive-rate ul li:first-child strong b {font-size:1.12rem;}
    .area-pg-content .competitive-rate ul li:last-child {width:13rem;}
    .area-pg-content .competitive-rate ul li:last-child p {font-size:1rem;}
    .area-pg-content .competitive-rate cite.reference {font-size:0.92rem;}
}
/*******************************************************************************
                                    본문 2 지도
********************************************************************************/
.area-pg-content2 {padding:1.75rem 3.4rem 1.7rem;box-sizing:border-box;background-color:#e2e2e2;}
.area-pg-content2 .round-box-title {margin-bottom:2rem;}
.area-pg-content2 .round-box-title span.round-box {background-color:#27338b;color:#fff;}
.area-pg-content2 .round-box-title span:last-child {font-weight:600;color:#ef2c27;}
.area-pg-content2 .round-box-title span:last-child strong {position:relative;display:inline-block;color:#b20b07;z-index:1;}
.area-pg-content2 .round-box-title span:last-child strong:after {position:absolute;bottom:0;left:-0.2rem;width:106%;height:0.35rem;background-color:rgba(178,11,7,0.3);content:'';z-index:0;}
.area-pg-content2 figure {margin-bottom:1rem;}
.area-pg-content2 figure figcaption {margin-bottom:1rem;text-align:center;line-height:1;font-size:0.7rem;font-weight:600;color:#383838;}
.area-pg-content2 figure img{width:100%;}
.area-pg-content2 ul {margin-bottom:1.25rem;}
.area-pg-content2 ul:after {display:block;clear:both;content:'';}
.area-pg-content2 ul li {width:48%;padding:0.5rem;box-sizing:border-box;border-radius:0.6rem;background-color:#27338b;text-align:center;word-break:keep-all;}
.area-pg-content2 ul li:first-child {float:left;}
.area-pg-content2 ul li:last-child {float:right;}
.area-pg-content2 ul li .question {display:inline-block;margin-bottom:0.5rem;padding:0.15rem 0 0.2rem 2.1rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bullet-area03-thumb.png) no-repeat top left;background-size:1.75rem;color:#fff;}
.area-pg-content2 ul li .question b {color:#fd6941;}
.area-pg-content2 ul li .answer {font-size:0.75rem;color:#5867d4;}
.area-pg-content2 ul li:first-child .question {margin-bottom:1rem;}
.area-pg-content2 ul li:first-child .answer {margin-bottom:0.6rem;}
.area-pg-content2 .tip-content {text-align:center;line-height:1.2;font-size:0.7rem;color:#949494;word-break:keep-all;}

@media screen and (max-width: 767px) {
    .area-pg-content2 {padding:1.75rem 1.69rem 1.7rem;}
    .area-pg-content2 figure figcaption {font-size:0.92rem;}
    .area-pg-content2 ul li {padding:0.38rem}
    .area-pg-content2 ul li .question {padding:0.15rem 0 0.2rem 2.3rem;background-size:2rem;font-size:1.15rem;}
    .area-pg-content2 ul li .answer {font-size:1rem;}
    .area-pg-content2 ul li:first-child .answer {margin-bottom:0.92rem;}
    .area-pg-content2 .tip-content {font-weight:300;font-size:0.92rem;}
}

/*******************************************************************************
                                    본문 3 - 국가별 - 타이틀
********************************************************************************/
.area-pg-content3 {position:relative;padding:1.95rem 2.25rem 0rem;box-sizing:border-box;background-color:#0f83fe;}
.area-pg-content3 .content-title {margin-bottom:2.9rem;line-height:1.2;font-size:1.6rem;color:#002870;}
.area-pg-content3 .content-title b {position:relative;display:block;font-size:1.75rem;color:#fff;}
.area-pg-content3 .blue-box-wrap {position:relative;padding:1.3rem 4.7rem 1.4rem;box-sizing:border-box;background-color:#002870;text-align:center;}
.area-pg-content3 .blue-box-wrap:after {position:absolute;top:-8.2rem;right:1%;width:13.65rem;height:9.25rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/img-area04-crowd.png) no-repeat center center; background-size:100%; content:'';}
.area-pg-content3 .blue-box-wrap em {display:inline-block;margin-bottom:0.4rem;padding:0.15rem 0.75rem;border:2px solid #e2ce9b;border-radius:0.6rem;background-color:#000e28;line-height:1;font-size:0.7rem;color:#e2ce9b;}
.area-pg-content3 .blue-box-wrap p {margin-bottom:1rem;line-height:1;color:#fff;} 

@media screen and (max-width: 767px) {
    .area-pg-content3 .blue-box-wrap em {font-size:0.92rem;}
    .area-pg-content3 .blue-box-wrap p {font-size:1.08rem;}
    .area-pg-content3 {padding:1.95rem 2rem 0rem;}
    .area-pg-content3 .blue-box-wrap {padding:1.3rem 1rem 1.4rem;}
}
@media screen and (max-width: 400px) {
    .area-pg-content3 .blue-box-wrap:after {width:12.65rem;top:-7.76rem;right:0;}
}

/*******************************************************************************
                                    본문 4 - 국가별 - 상세
********************************************************************************/
[class^='study-abroad'] .title-area {padding:1.4rem 1.7rem 3.1rem;background-repeat:no-repeat; background-position:top center;background-size:100%;text-align:center;}
[class^='study-abroad'] .title-area .text-title {display:inline-block;margin-bottom:0.9rem;}
[class^='study-abroad'] .title-area .text-title span {display:block;color:#fff;}
[class^='study-abroad'] .title-area .text-title span:first-child {padding-bottom:0.4rem;border-bottom:1px solid rgba(255,255,255,0.3);font-size:0.8rem;font-weight:400;}
[class^='study-abroad'] .title-area .text-title span.flag {font-size:2rem;}
[class^='study-abroad'] .title-area .text-title b {position:relative;top:0.4rem;display:inline-block;width:2.8rem;padding-top:1.9rem;background-repeat:no-repeat;background-position:top left;background-size:2.8rem;text-align:center;line-height:1;font-size:0.7rem;font-weight:400;}
[class^='study-abroad'] .title-area ul {margin:0 auto;width:17rem;}
[class^='study-abroad'] .title-area ul li {display:inline-block;margin-right:0.5rem;margin-bottom:0.3rem;padding:0.3rem 0.5rem;border-radius:1rem;background-color:#0f83fe;line-height:1;font-size:0.7rem;color:#fff;}
[class^='study-abroad'] .title-area ul li:last-child{margin-right:0;}
[class^='study-abroad'] .content-area {position:relative;padding:0 1.5rem 2rem;box-sizing:border-box;background-color:#e2e2e2;}
[class^='study-abroad'] .content-area figure {position:relative;top:-1.5rem;left:50%;width:100%;transform:translateX(-50%);text-align:center;}
[class^='study-abroad'] .content-area figure img {width:100%;}
[class^='study-abroad'] .content-area dl dt {margin-bottom:0.7rem;padding-left:2rem;line-height:1;font-size:1.1rem;font-weight:600;color:#000;}
[class^='study-abroad'] .content-area dl dd {position:relative;padding-left:2.1rem;line-height:1.4;font-size:0.8rem;color:#484646;word-break:keep-all;}
[class^='study-abroad'] .content-area dl dd:before {position:absolute;top:0.4rem;left:1.55rem;;width:5px;height:5px;background-color:#0f83fe;content:'';}
[class^='study-abroad'] .content-area dl dd em {color:#0f83fe;}
[class^='study-abroad'] .content-area .strength {margin-bottom:1.2rem;}
[class^='study-abroad'] .content-area .strength dt {padding-top:0.4rem;padding-bottom:0.2rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bullet-area05-patch.png) no-repeat top left;background-size:1.35rem;}
[class^='study-abroad'] .content-area .strategy dt {padding-top:0.25rem;padding-bottom:0.15rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bullet-area05-pencil.png) no-repeat top left;background-size:1.45rem;}
.study-abroad-usa .title-area {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area05-usa.png);}
.study-abroad-usa .title-area ul {width:23rem;}
.study-abroad-usa span.flag b{background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bullet-area05-flag.png);}
.study-abroad-uk .title-area {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area06-uk.png);}
.study-abroad-uk span.flag b{background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bullet-area06-flag.png);}
.study-abroad-nl .title-area {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area07-nl.png);}
.study-abroad-nl span.flag b{background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bullet-area07-flag.png);}
.study-abroad-ca .title-area {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area08-canada.png);}
.study-abroad-ca span.flag b{background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bullet-area08-flag.png);}
.study-abroad-au .title-area {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area09-australia.png);}
.study-abroad-au span.flag b{background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bullet-area09-flag.png);}
.study-abroad-nz .title-area {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area10-nz.png);}
.study-abroad-nz span.flag b{background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bullet-area10-flag.png);}
.study-abroad-sg .title-area {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area11-sg.png);}
.study-abroad-sg span.flag b{background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bullet-area11-flag.png);}

@media screen and (max-width: 767px) {
    [class^='study-abroad'] .title-area {padding: 1.4rem 0 1.5rem;}
    [class^='study-abroad'] .title-area .text-title b {width:3rem;background-size:3rem;}
    [class^='study-abroad'] .title-area ul {width:80%;max-width:360px;}
    [class^='study-abroad'] .title-area ul li {letter-spacing:-1px;font-size:0.92rem;}
    [class^='study-abroad'] .content-area figure {top:-1rem;}
    [class^='study-abroad'] .content-area dl dt {font-size:1.23rem;}
    [class^='study-abroad'] .content-area dl dd {font-size:1rem;}
    [class^='study-abroad'] .content-area dl dd:before {top:6px;width:4px;height:4px;}
    .study-abroad-usa .title-area ul {width:95%;max-width:400px;}
    .study-abroad-au .title-area ul {width:60%;max-width:270px;}
    .study-abroad-sg .title-area ul {max-width:300px;}
}

/*******************************************************************************
                                    본문 5 - 유학센터 수속서비스
********************************************************************************/
.area-pg-content5 .banner-top {position:relative;padding:2% 0;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area12-banner.png) no-repeat center center; background-size:100%;text-align:center;}
.area-pg-content5 .banner-top:after {position:absolute;bottom:-1.2rem;left:50%;width:1.4rem;height:1.25rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area12-banner-tail.png) no-repeat center center;background-size:1.4rem;content:'';transform:translateX(-50%);}
.area-pg-content5 .banner-top b {position:relative;display:block;margin-bottom:0.65rem;font-size:1.3rem;font-weight:600;font-style:italic;color:#f0dca8;}
.area-pg-content5 .banner-top b:after{position:absolute;bottom:-130%;left:50%;display:block;width:62%;height:0.45rem;background-color:rgba(0,0,0,0.3);content:'';transform:translateX(-50%);z-index:1;}
.area-pg-content5 .banner-top span {position:relative;display:inline-block;padding-left:3.9rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/logo-area12-banner.png) no-repeat top 0.1rem left;background-size:4.05rem;line-height:1;font-size:1.6rem;font-weight:600;color:#fff;z-index:2}
.area-pg-content5 .proceeding {padding:1.7rem 2.6rem 2.5rem;box-sizing:border-box;background-color:#16b9bf;}
.area-pg-content5 .round-box-title {margin-bottom:1.1rem;}
.area-pg-content5 .round-box-title span.round-box {background-color:#0a166b;color:#fff;}
.area-pg-content5 .round-box-title span:last-child {display:inline-block;padding-left:3.3rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/logo-area13-title.png) no-repeat top 0.4rem left;background-size:3.15rem;font-size:1.5rem;font-weight:600;color:#0a166b;}
.area-pg-content5 [class^='ordering-'] {margin-bottom:1rem;padding:0.9rem 1rem 1rem;box-sizing:border-box;background-color:#fff;background-repeat:no-repeat;background-position:bottom 1.3rem right 1rem;border-radius:0.2rem;}
.area-pg-content5 .ordering-box {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area13-box01.png);background-size:5.6rem;}
.area-pg-content5 .ordering-box2 {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area13-box02.png);background-size:5rem;}
.area-pg-content5 .ordering-box3 {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area13-box03.png);background-size:5rem;}
.area-pg-content5 [class^='ordering-'] h3 {padding-left:2.5rem;background-repeat:no-repeat;}
.area-pg-content5 .ordering-box h3 {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area13-number01.png);background-position:center left 0.6rem;background-size:1.1rem;}
.area-pg-content5 .ordering-box2 h3 {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area13-number02.png);background-position:top 0.15rem left ;background-size:2rem;}
.area-pg-content5 .ordering-box3 h3 {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/work-abroad/bg-area13-number03.png);background-position:top 0.15rem left ;background-size:2rem;}
.area-pg-content5 [class^='ordering-'] h3 span,
.area-pg-content5 [class^='ordering-'] h3 strong {display:block;}
.area-pg-content5 [class^='ordering-'] h3 span {letter-spacing:-1px;font-size:0.85rem;font-weight:600;font-style:italic;color:#0a166b;}
.area-pg-content5 [class^='ordering-'] h3 strong {font-size:1.3rem;font-weight:800;color:#fd6941;}
.area-pg-content5 [class^='ordering-'] ul {margin-left:2.6rem;background-repeat:no-repeat;background-position:right }
.area-pg-content5 [class^='ordering-'] ul li {position:relative;padding-left:0.5rem;font-size:0.7rem;color:#616161;}
.area-pg-content5 [class^='ordering-'] ul li:after {position:absolute;top:0.45rem;left:0;width:0.2rem;height:0.2rem;background-color:#616161;content:'';}

@media screen and (max-width: 767px) {
    .area-pg-content5 .banner-top {padding:2% 0;}
    .area-pg-content5 .banner-top:after {bottom:-1.16rem;}
    .area-pg-content5 .banner-top b {margin-bottom:0.38rem;font-size:1.15rem;}
    .area-pg-content5 [class^='ordering-'] h3 span {letter-spacing:-1px;font-size:1rem;}
    .area-pg-content5 [class^='ordering-'] ul li {font-size:1rem;}
    .area-pg-content5 [class^='ordering-'] ul li:after {top:8px;width:4px;height:4px;}
    .area-pg-content5 .ordering-box {background-size:3.85rem;}
    .area-pg-content5 .ordering-box2 {background-size:3.65rem;}
    .area-pg-content5 .ordering-box3 {background-size:3.65rem;}
}