@charset "UTF-8";

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

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

/*******************************************************************************
                                  비쥬얼
********************************************************************************/
.area-pg-visual {width:100%;padding:1rem 0 5rem;box-sizing:border-box;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bg-area01.png) no-repeat top center;background-size:100%;}
.area-pg-visual h1 {width:90%;margin:0 auto;text-align:center;}
.area-pg-visual h1 img.visual-subtitle {width:100%;max-width:18.05rem;margin-bottom:1rem;}
.area-pg-visual h1 img.visual-title{width:100%;}

@media screen and (max-width: 767px) {
    .area-pg-visual {padding:1rem 0 3rem;}
}

/*******************************************************************************
                           페이지 앵커 네비게이션
********************************************************************************/
.area-pg-anchor-wrap {position:relative;}
.area-pg-anchor {width:100%;}
.area-pg-anchor:not(.clone) {position:absolute;}
.area-pg-anchor.sticky {position:fixed;top:0;left:50%;width:100%;transform:translateX(-50%);z-index:9;}
.area-pg-anchor ul {display:flex;}
.area-pg-anchor li {flex:1 1 auto;padding:1.4rem 1rem 1rem;background-color:#e1e1e1;color:#a3a3a3;box-sizing:border-box;border-right:1px solid #c8c8c9;}
.area-pg-anchor li:last-child {border-color: transparent;}
.area-pg-anchor li a {display:block;}
.area-pg-anchor li a strong {display:block;width:5.9rem;height:1.25rem;margin-bottom:0.6rem;background-repeat:no-repeat;background-position:center center;background-size:100%;;text-indent:-9999px;font-size:0;}
.area-pg-anchor li a span {display:block;letter-spacing:-1px;line-height:1;}
.area-pg-anchor li:first-child a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/text-nav-01.png);}
.area-pg-anchor li:nth-child(2) a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/text-nav-02.png);}
.area-pg-anchor li:last-child a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/text-nav-03.png);}
.area-pg-anchor li:hover:first-child,
.area-pg-anchor li.active:first-child {background-color:#00a26b;color:#b7ffea;}
.area-pg-anchor li:hover:nth-child(2),
.area-pg-anchor li.active:nth-child(2) {background-color:#0044ce;color:#b7f1ff;}
.area-pg-anchor li:hover:last-child,
.area-pg-anchor li.active:last-child {background-color:#ee3140;color:#ffcccb;}
.area-pg-anchor li:hover:first-child a strong,
.area-pg-anchor li.active:first-child a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/text-nav-01-on.png);}
.area-pg-anchor li:hover:nth-child(2) a strong,
.area-pg-anchor li.active:nth-child(2) a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/text-nav-02-on.png);}
.area-pg-anchor li:hover:last-child a strong,
.area-pg-anchor li.active:last-child a strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/text-nav-03-on.png);}

@media screen and (max-width: 767px) {
    .area-pg-anchor li {padding:1.4rem 0.6rem 1rem;}
}

/*******************************************************************************
                            단기연수 컨텐츠 공통
********************************************************************************/
.pg-tab-visual .pg-tab-headline {padding:1.9rem 1.75rem;box-sizing:border-box;}
.pg-tab-visual .pg-tab-headline .pg-title {margin-bottom:1.7rem;padding-top:2.9rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bg-title-airplane.png) no-repeat top left; background-size:3.25rem;}
.pg-tab-visual .pg-tab-headline .pg-title img {width:100%;max-width:9.1rem;margin-right:0.8rem;}
.pg-tab-visual .pg-tab-headline .pg-title span {position:relative;top:0.25rem;display:inline-block;padding-left:0.5rem;line-height:1;font-size:1.3rem;}
.pg-tab-visual .pg-tab-headline .pg-title span:after {position:absolute;top:0.15rem;left:0;display:block;width:1px;height:1.2rem;content:'';}
.pg-tab-visual .pg-tab-headline .pg-subtitle,
.pg-tab-content .pg-subtitle {text-align:center;}
.pg-tab-visual .pg-tab-headline .pg-subtitle img,
.pg-tab-content .pg-subtitle img {width:100%;max-width:23.9rem;}
.pg-tab-visual .pg-tab-foreground {position:relative;}
.pg-tab-visual .pg-tab-foreground img {width:100%;}
.pg-tab-visual .pg-tab-foreground .pg-text-wrap {position:absolute;bottom:0;width:100%;padding:0.6rem 0.65rem;box-sizing:border-box;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bg-tab01-01.png) no-repeat center center;background-size:100%;letter-spacing:-1px;font-size:0.8rem;font-weight:300;color:#fff;word-break:keep-all;}
.pg-tab-visual .pg-tab-foreground .pg-text-wrap p + p {margin-top:0.5rem;}
.pg-tab-content {padding:3rem 0.9rem;box-sizing:border-box;}
.pg-tab-content .pg-subtitle + .country-wrap {margin-top:3.4rem;}
.pg-tab-content .country-wrap + .country-wrap {margin-top:3.4rem;}
.pg-tab-content .country-wrap,
.pg-tab-content .country-info {position:relative;}
.pg-tab-content .country-info {padding-bottom:3.5rem;}
.pg-tab-content .country-info:after {display:block;clear:both;content:'';}
.pg-tab-content .country-info dt {float:left;width:47%;}
.pg-tab-content .country-info dt:after {position:absolute;bottom:0;left:0;display:block;padding:2.1rem 0.6rem 0 1.6rem;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd;letter-spacing:-1px;font-size:0.9rem;font-weight:600;}
.pg-tab-content .country-info dt img {width:100%;max-width:15.15rem;border-radius:50%;}
.pg-tab-content .country-info dd {float:right;width:48%;}
.pg-tab-content .country-info dd .country {margin-top:2rem;margin-bottom:1rem;padding-left:2.6rem;padding-bottom:0.1rem;background-repeat:no-repeat;background-position:top left;background-size:2.3rem;color:#919191;}
.pg-tab-content .country-info dd .city {margin-bottom:0.5rem;}
.pg-tab-content .country-info dd .city strong{display:inline-block;margin-right:0.25rem;line-height:1;font-size: 1.6rem;font-weight:600;color:#000;}
.pg-tab-content .country-info dd .city span {position:relative;top:-0.1rem;display:inline-block;line-height:1;font-size:1.4rem;font-weight:300;color:#ababab;}
.pg-tab-content .country-info dd .text {margin-left:0.1rem;font-size:0.8rem;color:#484848;word-break:keep-all;}
.pg-tab-content .detail-wrap {position:relative;padding:2.75rem 0 0 0.85rem;box-sizing:border-box;border-left:1px solid #cdcdcd;}
.pg-tab-content .detail-wrap:after {position:absolute;top:-1rem;left:-1rem;width:2.05rem;height:2.05rem;background-repeat:no-repeat;background-position:center center;background-size:100%;content:'';}
.pg-tab-content .detail-wrap p.box-title{line-height:1;}
.pg-tab-content .detail-wrap p.box-title strong {display:inline-block;padding-left:1.5rem;width:10.75rem;height:1.7rem;background-repeat:no-repeat;background-position:center center;background-size:100%;letter-spacing:-1px;line-height:1.7rem;font-weight:600;color:#fff;}
.pg-tab-content .detail-wrap p.box-title span {display:inline-block;font-size:0.8rem;font-weight:600;}
.pg-tab-content .detail-wrap dl[class^='box-'] + p.box-title {margin-top:3.5rem;}
.pg-tab-content .detail-wrap dl[class^='box-'] {position:relative;padding:2.25rem 1.5rem;box-sizing:border-box;background-color:#f2f2f2;}
.pg-tab-content .detail-wrap dl[class^='box-']:before {position:absolute;top:-0.2rem;left:-1.05rem;display:block;width:0.35rem;height:0.35rem;content:'';}
.pg-tab-content .detail-wrap dl[class^='box-']:after {display:block;clear:both;content:'';}
.pg-tab-content .detail-wrap dl[class^='box-'] dt {font-weight:600;color:#0c0c0c;} 
.pg-tab-content .detail-wrap dl.box-recommend dt {width:5.7rem;float:left;clear:right;}
.pg-tab-content .detail-wrap dl.box-recommend dd {width:calc(100% - 5.7rem);float:right;}
.pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo {margin-bottom:1.5rem;padding-left:4.6rem;box-sizing:border-box;background-repeat:no-repeat;background-position:top left;}
.pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo strong {display:block;margin-bottom:0.5rem;letter-spacing:-1px;line-height:1;}
.pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo p {line-height:1.2;font-size:0.85rem;}
.pg-tab-content .detail-wrap dl.box-recommend dd > p {letter-spacing:-1px;font-size:0.85rem;word-break:keep-all;}
.pg-tab-content .detail-wrap dl.box-recommend dd ul{margin-top:1rem;}
.pg-tab-content .detail-wrap dl.box-recommend dd ul li {position:relative;margin-bottom:0.5rem;padding-left:1rem;letter-spacing:-1px;font-size:0.7rem;word-break:keep-all;}
.pg-tab-content .detail-wrap dl.box-recommend dd ul li:last-child {margin-bottom:0;}
.pg-tab-content .detail-wrap dl.box-recommend dd ul li:before {position:absolute;top:0.15rem;left:0;display:block;width:0.7rem;text-align:center;}
.pg-tab-content .detail-wrap dl.box-recommend dd ul li:first-child:before{content:'*'}
.pg-tab-content .detail-wrap dl.box-recommend dd ul li:last-child:before{content:'**'}
.pg-tab-content .detail-wrap dl.box-activity dt {margin-bottom:0.3rem;}
.pg-tab-content .detail-wrap dl.box-activity dd + dt {margin-top:3rem;}
.pg-tab-content .detail-wrap dl.box-activity dd img {width:100%;max-width:26.5rem;margin-left:0.8rem;}
.pg-tab-content .detail-wrap dl.box-activity dd img.img-activity-nz {max-width:27.1rem;}
.pg-tab-content .detail-wrap dl.box-activity dd img.img-activity-au {max-width:27.5rem;}
.pg-tab-content .detail-wrap dl.box-activity dd img.img-activity-ca {max-width:27.8rem;}
.pg-tab-content .detail-wrap ul.tip-content {margin-top:2rem}
.pg-tab-content .detail-wrap ul.tip-content li {position:relative;padding-left:0.5rem;text-align:left;letter-spacing:-1px;font-size:12px;font-weight:300;color:#808080;word-break:keep-all;}
.pg-tab-content .detail-wrap ul.tip-content li:before {position:absolute;left:0;display:block;content:'*';}

@media screen and (max-width: 767px) {
    .pg-tab-content {padding:3rem 1.54rem;}
    .pg-tab-visual .pg-tab-foreground .pg-text-wrap {background-size:cover;font-size:0.92rem;word-break:keep-all;}
    .pg-tab-content .detail-wrap p.box-title strong {width:9.8rem;box-sizing:border-box;font-size:1.08rem;padding-left:0.77rem;}
    .pg-tab-content .country-info dt {width:40%}
    .pg-tab-content .country-info dd {width:56%;}
    .pg-tab-content .country-info dd .country {margin-top:1.15rem;}
    .pg-tab-content .country-info dd .text {font-size:0.92rem;word-break:keep-all;}
    .pg-tab-content .country-info dd .city span {letter-spacing:-1px;}
    .pg-tab-content .detail-wrap dl.box-recommend dd > p,
    .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo p {font-size:1rem;}
    .pg-tab-content .detail-wrap p.box-title span {letter-spacing:-1px;font-size:0.92rem;}
    .pg-tab-content .detail-wrap dl.box-activity dd {text-align:center;}
}

@media screen and (max-width: 550px){
    .pg-tab-content .country-info dt:after {border-right:0px;}
    .pg-tab-content .detail-wrap dl.box-recommend dd ul li {font-size:0.92rem;font-weight:300;}
}

@media screen and (max-width: 400px) {
    .pg-tab-content .country-info dt:after {border-right:0px;}
    .pg-tab-content .country-info dd .country {margin-top:0rem;padding-top:1.38rem;padding-left:0;background-position:top left;}
    .pg-tab-content .detail-wrap dl.box-recommend dt {width:100%;margin-bottom:0.77rem;float:none;font-size:1.08rem;}
    .pg-tab-content .detail-wrap dl.box-recommend dd {width:100%;float:none;}
}

/*******************************************************************************
                               단기연수 1개월
********************************************************************************/
.area-pg-content .pg-tab-visual .pg-tab-headline {background-color:#00a26b;}
.area-pg-content .pg-tab-visual .pg-tab-headline .pg-title span {color:#b7ffea;}
.area-pg-content .pg-tab-visual .pg-tab-headline .pg-title span:after {background-color:#b7ffea;}
.area-pg-content .pg-tab-visual .pg-tab-foreground .pg-text-wrap {padding:1.45rem 0.6rem;}
.area-pg-content .pg-tab-content .country-info dt:after {color:#00a26b;content:'1개월 연수 코스';}
.pg-tab-content .country-info dd .country.malta{background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bullet-tab01-flag01.png);}
.pg-tab-content .country-info dd .country.nz{background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bullet-tab01-flag02.png);}
.area-pg-content .pg-tab-content .detail-wrap:after {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/icon-timeline01.png);}
.area-pg-content .pg-tab-content .detail-wrap p.box-title strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bg-tab01-box-title.png);}
.area-pg-content .pg-tab-content .detail-wrap p.box-title span {color:#00a26b;}
.area-pg-content .pg-tab-content .detail-wrap dl[class^='box-']:before {background-color:#00a26b;}
.pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.malta {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/img-tab01-box01.png);background-size:3.5rem;}
.pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.nz {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/img-tab01-box02.png);background-size:3.45rem;}

/*******************************************************************************
                               단기연수 2개월                                
********************************************************************************/
.area-pg-content2 .pg-tab-visual .pg-tab-headline{background-color:#0044ce;}
.area-pg-content2 .pg-tab-visual .pg-tab-headline .pg-title span {color:#b7f1ff;}
.area-pg-content2 .pg-tab-visual .pg-tab-headline .pg-title span:after {background-color:#b7f1ff;}
.pg-tab-content .country-info dd .country.au {background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bullet-tab02-flag01.png);}
.pg-tab-content .country-info dd .country.ph {background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bullet-tab02-flag02.png);}
.area-pg-content2 .pg-tab-content .country-info dt:after {color:#0044ce;content:'2개월 연수 코스';}
.area-pg-content2 .pg-tab-content .detail-wrap:after {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/icon-timeline02.png);}
.area-pg-content2 .pg-tab-content .detail-wrap p.box-title strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bg-tab02-box-title.png);}
.area-pg-content2 .pg-tab-content .detail-wrap p.box-title span {color:#0044ce;}
.area-pg-content2 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.au {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/img-tab01-box02.png);background-size:3.45rem;}
.area-pg-content2 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.au p {margin-bottom:1rem;}
.area-pg-content2 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.ph {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/img-tab02-box02_250110.png);background-size:3.4rem;}
.area-pg-content2 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.ilsc {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/img-tab02-box01.png);background-size:3.4rem;}

/*******************************************************************************
                               단기연수 3개월                            
********************************************************************************/
.area-pg-content3 .pg-tab-visual .pg-tab-headline {background-color:#ee3140;}
.area-pg-content3 .pg-tab-visual .pg-tab-headline .pg-title span {color:#ffcccb;}
.area-pg-content3 .pg-tab-visual .pg-tab-headline .pg-title span:after {background-color:#ffcccb;}
.pg-tab-content .country-info dd .country.usa{background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bullet-tab03-flag01.png);letter-spacing:-1px}
.pg-tab-content .country-info dd .country.uk{background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bullet-tab03-flag02.png);letter-spacing:-1px}
.pg-tab-content .country-info dd .country.ca{background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bullet-tab03-flag03.png);}
.area-pg-content3 .pg-tab-content .country-info dt:after {color:#ee3140;content:'3개월 연수 코스';}
.area-pg-content3 .pg-tab-content .detail-wrap:after {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/icon-timeline03.png);}
.area-pg-content3 .pg-tab-content .detail-wrap p.box-title strong {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/bg-tab03-box-title.png);}
.area-pg-content3 .pg-tab-content .detail-wrap p.box-title span {color:#ee3140;}
.area-pg-content3 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.usa {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/img-tab03-box02.png);background-size:3.4rem;}
.area-pg-content3 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.uk {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/img-tab03-box03.png);background-size:3.8rem;}
.area-pg-content3 .pg-tab-content .detail-wrap dl.box-recommend dd.prepend-logo.ca {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/img-tab03-box04.png);background-size:3.8rem;}


/*******************************************************************************
                        컨텐츠4 - 도움이 필요한 경우 
********************************************************************************/
.area-pg-content4 {padding:1.8rem 1rem 0;box-sizing:border-box;background-color:#fccd7d;}
.area-pg-content4 .box-title {margin-bottom:0.8rem;text-align:center;}
.area-pg-content4 .box-title span {display:inline-block;margin-bottom:0.6rem;line-height:1;color:#fe4b9c;}
.area-pg-content4 .box-title h2 img {width:100%;max-width:26.75rem;}
.area-pg-content4 .visual {margin-bottom:1.5rem;}
.area-pg-content4 .visual img {display:block;}
.area-pg-content4 .visual .img-visual {width:100%;max-width:17.5rem;margin:0 auto 0.8rem;}
.area-pg-content4 .visual .speech-bubble {width:100%;max-width:23.8rem;margin-left:1.8rem;}
.area-pg-content4 .colored-box {width:100%;padding:1.9rem;box-sizing:border-box;background-color:#fe509b;}
.area-pg-content4 .colored-box p {position:relative;margin-bottom:1.8rem;padding-left:3.8rem;letter-spacing:-1px;line-height:1.3;color:#fff;word-break:keep-all;}
.area-pg-content4 .colored-box p:before {position:absolute;top:0;left:0;display:block;width:2.4rem;height:2.4rem;border-radius:50%;background:#fff url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/short-term-abroad/logo-area05.png) no-repeat center center;background-size:70%;content:'';}
.area-pg-content4 .colored-box .circle-list {display:flex;justify-content:space-between;}
.area-pg-content4 .colored-box .circle-list li {width:100%;}
.area-pg-content4 .colored-box .circle-list li strong,
.area-pg-content4 .colored-box .circle-list li span {display:block;}
.area-pg-content4 .colored-box .circle-list li strong {display:flex;width:4.7rem;height:4.7rem;margin:0 auto 0.6rem;border:1px solid #fff;border-radius:50%;box-sizing:border-box;justify-content:center;align-items:center;}
.area-pg-content4 .colored-box .circle-list li:first-child strong img {max-width:1.85rem;}
.area-pg-content4 .colored-box .circle-list li:nth-child(2) strong img {max-width:2.45rem;}
.area-pg-content4 .colored-box .circle-list li:nth-child(3) strong img {max-width:1.75rem;}
.area-pg-content4 .colored-box .circle-list li:last-child strong img {max-width:3.65rem;}
.area-pg-content4 .colored-box .circle-list li span {text-align:center;font-size:0.7rem;font-weight:300;color:#fff;word-break:keep-all;}

@media screen and (max-width: 500px) {
    .area-pg-content4 .colored-box .circle-list {flex-wrap:wrap;}
    .area-pg-content4 .colored-box .circle-list li {width:48%;margin-bottom:0.77rem;}
    .area-pg-content4 .colored-box .circle-list li span {font-size:0.92rem}
}