@charset "UTF-8";

/*******************************************************************************
                                  layout
********************************************************************************/
.workers-program [class^='area-full-pg'] {width:100%;background-repeat:no-repeat;background-position:top center;background-size:100%;}
.workers-program [class^='area-pg'] {max-width:54rem;margin:0 auto;}

/*******************************************************************************
                                  비쥬얼
********************************************************************************/
.workers-program .area-full-pg-visual {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/bg-visual.png);background-size:cover;}
.area-pg-visual {padding:4.5rem 3.8rem 11.4rem; box-sizing:border-box;;background-size:100%;}
.pg-visual-top {margin-bottom:1.1rem;text-align:center;}
.pg-visual-top span,
.pg-visual-top b {display:inline-block;letter-spacing:-2px;font-size:1.2rem;color:#002533;}
.pg-visual-top b {font-weight:600;}
.pg-visual-box {position:relative;border-top:0.3rem solid rgba(255,255,255,0.9);border-left:0.3rem solid rgba(255,255,255,0.9);border-right:0.3rem solid rgba(255,255,255,0.9);text-align:center;}
.pg-visual-box .pg-visual-patch {position:absolute;top:-2.6rem;right:-4rem;width: 23.23%;}
.pg-visual-box .pg-visual-patch img {width:100%;}
.pg-visual-box .pg-visual-subtitle {margin-top:2.3rem;margin-bottom:1.1rem;}
.pg-visual-box .pg-visual-subtitle img:first-child {width:42.1%;}
.pg-visual-box .pg-visual-subtitle img:last-child {width:21.75%;}
.pg-visual-box .pg-visual-title {margin-bottom:2.7rem;text-align:center;}
.pg-visual-box .pg-visual-title img,
.pg-visual-box .pg-visual-subtitle img {display:inline-block;}
.pg-visual-box .pg-visual-title img:first-child{width:35.3%;margin-right:1rem;}
.pg-visual-box .pg-visual-title img:last-child{width:46.9%;}
.pg-visual-box .pg-visual-img {padding-bottom:3.8rem;background-color:rgba(255,255,255,0.9);}
.pg-visual-box .pg-visual-img img {width:100%;}

@media screen and (max-width: 1080px) {
    .workers-program .area-full-pg-visual {background-size:300%;}
    .area-pg-visual {padding:3rem 1.5rem 9rem;}
    .pg-visual-top {margin-bottom:2.2rem;}
    .pg-visual-top > span,
    .pg-visual-top > b {display:block;font-size:1.6rem;}
    .pg-visual-box .pg-visual-patch {top:-5%;right:-2%;}
    .pg-visual-box .pg-visual-subtitle,
    .pg-visual-box .pg-visual-title {padding:0 2.5rem; box-sizing:border-box;text-align:left;}
    .pg-visual-box .pg-visual-subtitle img:first-child {width:63.1%;}
    .pg-visual-box .pg-visual-subtitle img:last-child {display:none;}
    .pg-visual-box .pg-visual-title:after {display:block;clear:both;content:'';}
    .pg-visual-box .pg-visual-title img {display:block;}
    .pg-visual-box .pg-visual-title img:first-child {float:left;width:60.3%;margin-bottom:1rem;}
    .pg-visual-box .pg-visual-title img:last-child {float:right;width:77.9%;}
}
@media screen and (max-width: 500px) {
    .workers-program .area-full-pg-visual {background-size:360%;}
    .pg-visual-top > span,
    .pg-visual-top > b {display:block;font-size:1.4rem;}
    .pg-visual-box .pg-visual-subtitle,
    .pg-visual-box .pg-visual-title {padding:0 1.54rem;}
}

/*******************************************************************************
                           페이지 앵커 네비게이션
********************************************************************************/

.area-full-pg-anchor {position:relative;background-color:#fff;}
.area-full-pg-anchor:not(.clone) {position:absolute;}
.area-pg-anchor {position:absolute;top:0;left:50%;width:100%;transform:translate(-50%,-50%)}
.area-pg-anchor.sticky {position:fixed;top:0;left:50%;width:100%;background-color:#fff;transform:translateX(-50%);z-index:9;}
.area-pg-anchor ul {display:flex;border:1px solid #b3b3b3;box-sizing:border-box;overflow:hidden;}
.area-pg-anchor ul li {flex:1 1 auto;position:relative;background-color:#fff;}
.area-pg-anchor ul li:after {content:'';position:absolute;top:0;right:-1px;width:0;height:100%;border-left:1px solid #b3b3b3;z-index:1;}
.area-pg-anchor ul li a {display:block;padding:1rem 0;box-sizing:border-box;text-align:center;}
.area-pg-anchor ul li a span {display:inline-block;box-sizing:border-box;background-repeat:no-repeat;text-align:center;font-size:1.3rem;color:#000;}
.area-pg-anchor ul li a span b {display:block;font-weight:600;color:#000;}
.area-pg-anchor ul li:first-child a span b {color:#e9301a;}
.area-pg-anchor ul li:hover,
.area-pg-anchor ul li.active {background-color:#bed2f0;}

.programs-sticky .area-pg-anchor {transform:translate(-50%,0);}

@media screen and (max-width: 767px) {
    .area-pg-anchor {position:relative;left:0;transform:translate(0,0) !important;}
}

@media screen and (max-width: 500px) {
    .area-pg-anchor ul li a span {font-size:1.08rem;}
}

@media screen and (max-width: 400px) {
    .area-pg-anchor ul li a {padding:1rem 0;}
    .area-pg-anchor ul li a span {font-size:1rem;}
}
/*******************************************************************************
                                페이지 공통
********************************************************************************/
.pg-content-title h2 {text-align:center;letter-spacing:-2px;line-height:1;font-size:2.85rem;font-weight:300;color:#000;}
.pg-content-title h2 b {font-weight:800;color:#06429b;}
.pg-summary-box {position:relative;padding:2.5rem 0 0rem;border:1px solid #111;box-sizing:border-box;background-color:#fff;}
.pg-summary-box .pg-content-subtitle {position:absolute;top:-6.3rem;left:50%;text-align:center;transform:translateX(-50%);z-index:2;} 
.pg-summary-box .pg-content-subtitle p {position:relative;margin-bottom:0.25rem;letter-spacing:-2px;font-size:1.3rem;}
.pg-summary-box .pg-content-subtitle p:before{position:relative;top:-1rem;left:50%;display:block;width:2.75rem;height:2.75rem;border-radius:50%;background-color:#000;line-height:2.75rem;font-size:2.1rem;color:#fff;transform:translateX(-50%);}
.pg-summary-box .pg-content-subtitle figure img {width:18.5rem}
.pg-box-list {padding:1rem;box-sizing:border-box;background-color:#fff;}
.pg-box-list > li {border-bottom:1px solid #c1c1c1;font-size:1.15rem;}
.pg-box-list > li:last-child {border-bottom:0;}
.pg-box-list > li dl:after {display:block;clear:both;content:'';}
.pg-box-list > li dl dt {float:left;width:10.5rem;letter-spacing:-1px;word-break:keep-all;}
.pg-box-list > li dl dt.pg-square-dt strong {display:inline-block;width:8.6rem;margin-top:1rem;padding:0.4rem;border:1px solid #2358a7;box-sizing:border-box;text-align:center;line-height:1;font-weight:600;color:#06429b;word-break:keep-all;}
.pg-box-list > li dl dd {float:right;width:calc(100% - 10.5rem);line-height:1.3;padding:1rem 0;font-weight:400;word-break:keep-all;}
.pg-box-list > li dl dd.vertical-center {padding:1.8rem 0;}
.pg-box-list > li dl.pg-one-line dt,
.pg-box-list > li dl.pg-one-line dd{width:100%;float:none;}
.pg-box-list > li dl dt span {display:inline-block;padding:1rem 1rem 1rem 1.6rem;box-sizing:border-box;line-height:1.3;font-weight:600;}
.pg-box-list > li dl dd b {font-weight:600;}
.pg-box-list > li dl dd em {border-bottom:1px solid #797979;font-weight:600;}
.pg-box-list > li dl dd em + b {display:block;padding-top:0.3rem;}
.pg-box-list > li dl dd span {display:block;margin-top:0.2rem;font-size:1rem;}
.pg-box-list > li dl dd ol {display:flex;flex-wrap:wrap;list-style-type: decimal-leading-zero;}
.pg-box-list > li dl dd ol li {margin-left:2rem;margin-bottom:0.3rem;word-break:keep-all;}
.pg-box-list > li dl dd ol li:nth-child(odd) {width:30%;}
.pg-box-list > li dl dd ol li:nth-child(even) {width:58%;}
.pg-box-list > li dl dd ul.pg-bullet-list li {position:relative;padding-left:1rem;letter-spacing:-2px;word-break:keep-all;}
.pg-box-list > li dl dd ul.pg-bullet-list li:after {position:absolute;top:0;left:0;display:block;content:'ㆍ'}
.pg-box-list > li dl.pg-one-line dd figure {text-align:center;}
.pg-box-list > li dl.pg-one-line dd figure img {width:77.1%;}
.pg-box-list ul.pg-countries li {display:inline-block;margin-right:0.9rem;}
.pg-box-list ul.pg-countries li:last-child {margin-right:0;}
.pg-box-list ul.pg-countries li span {margin-top:0;padding-left:2.5rem;background-repeat:no-repeat;background-position:center left;background-size:2.2rem;line-height: 1.8;font-weight:300;}
.pg-box-list ul.pg-countries li span.pg-country-ca {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/icon-flag-ca.png);}
.pg-box-list ul.pg-countries li span.pg-country-mt {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/icon-flag-mt.png);}
.pg-box-list ul.pg-countries li span.pg-country-ph {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/icon-flag-pl.png);}
.pg-box-list ul.pg-countries li span.pg-country-us {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/icon-flag-us.png);}
.pg-box-list ul.pg-countries li span.pg-country-au {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/icon-flag-au.png);}
.pg-box-list ul.pg-countries li span.pg-country-uk {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/icon-flag-uk.png);}
.pg-box-list ul.pg-countries li span.pg-country-ie {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/icon-flag-ie.png);}
.pg-box-list ul.pg-countries li span.pg-country-nz {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/icon-flag-nz.png);}
.pg-recommend-box {width:100%;box-sizing:border-box;}
.pg-recommend-box figure img {width:100%;}
.pg-summary-box + .pg-recommend-box,
.pg-recommend-box + .pg-recommend-box {margin-top:2rem;}

@media screen and (max-width: 767px) {
    .pg-content-title h2 {font-size:2.75rem;}
    .pg-box-list > li dl.pg-one-line dd figure img {width:100%;}
    .pg-box-list > li dl dt.pg-square-dt {width:100%;}
    .pg-box-list > li dl dt.pg-square-dt + dd{width:100%;}
    .pg-box-list > li dl dd ol {justify-content: space-between;}
    .pg-box-list > li dl dd ol li:nth-child(odd) {width:calc(40% - 1.4rem);}
    .pg-box-list > li dl dd ol li:nth-child(even) {width:calc(55% - 1.4rem);}
}

@media screen and (max-width: 500px) {
    .pg-content-title h2 {font-size:2rem;}
    .pg-summary-box {padding: 1.5rem 0 0rem;}
    .pg-summary-box .pg-content-subtitle p:before {width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:1.75rem;}
    .pg-box-list > li {letter-spacing:-1px;font-size:1.08rem;}
    .pg-box-list > li dl dt {width:9rem;}
    .pg-box-list > li dl dt span {padding:1rem 0rem 1rem 1rem;}
    .pg-box-list > li dl dt.pg-square-dt strong {width:7.7rem;}
    .pg-box-list > li dl dd {width: calc(100% - 9rem);}
    .pg-box-list > li dl dd ol li {margin-left:1.4rem;}
    .pg-box-list ul.pg-countries {display:flex;flex-wrap:wrap;justify-content:space-between;}
    .pg-box-list ul.pg-countries li {width:33%;margin-right:0;}
    .pg-box-list ul.pg-countries li span {font-size:0.92rem;font-weight:400;}
}
@media screen and (max-width: 400px) {
    .pg-box-list > li dl dt {width:7.8rem;font-size:1rem;}
    .pg-box-list > li dl dd {width: calc(100% - 7.8rem);font-size:0.92rem;}
    .pg-box-list > li dl dd ul.pg-bullet-list li {letter-spacing:-1px;}
    .pg-box-list > li dl dd ol li {margin-left: 1.2rem;}
    .pg-box-list > li dl dd ol li:nth-child(odd) {width: calc(40% - 1.2rem);}
    .pg-box-list > li dl dd ol li:nth-child(even) {width: calc(55% - 1.2rem);}
    .pg-box-list ul.pg-countries li span {padding-left:2rem;background-size:1.54rem;line-height:1.5;}
}
/*******************************************************************************
                             영어와 휴식을 동시에
********************************************************************************/
.workers-program .area-full-pg-content {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/bg-area.png);background-size:cover;text-align:center;}
.area-pg-content {padding:5rem 0;}
.area-pg-content .pg-content-title +.pg-quote {margin-top:2.3rem;}
.area-pg-content p.pg-quote {display:inline-block;margin-bottom:3rem;padding:0 1.5rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/bg-area-quotemark.png) no-repeat top center; background-size:100%;text-align:center;letter-spacing:-2px;font-size:1.5rem;color:#000;word-break:keep-all;}
.area-pg-content p.pg-quote b {display:block;}
.area-pg-content .pg-video-wrap {margin-bottom:2.5rem}
.area-pg-content .pg-video-wrap iframe {display:block;width:84%;height:25.5rem;margin:0 auto;border:0;box-shadow: 1.75rem 1.75rem 0.5rem rgba(0,0,0,.3);}

@media screen and (max-width: 1080px) {
    .area-pg-content .pg-content-title h2 b {display:block;line-height:1.5;}
    .area-pg-content p.pg-quote {background:transparent;}
}

@media screen and (max-width: 767px) {
    .area-pg-content .pg-video-wrap iframe {height:17.45rem;}

}

@media screen and (max-width: 500px) {
    .area-pg-content .pg-content-title +.pg-quote {margin-top:1.3rem;}
    .area-pg-content p.pg-quote {margin-bottom:1.5rem;font-size:1.15rem;}
    .area-pg-content .pg-video-wrap iframe {height:15rem;}
    .area-pg-content2 .pg-review-wrap ul > li > figure span {font-size:0.92rem;font-weight:300;}
}

@media screen and (max-width: 400px) {
    .pg-box-list > li dl dd ol {font-size:0.92rem;}
}

/*******************************************************************************
                                     리뷰
********************************************************************************/
.workers-program .area-full-pg-content2 {background-color:#cbd6e2;background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/bg-area2.png);}
.area-pg-content2 {padding:5rem 0;}
.area-pg-content2 > h2 {margin-bottom:3rem;text-align:center;}
.area-pg-content2 > h2 img {width:72.5%;}
.area-pg-content2 .pg-review-wrap {position:relative;padding:1.5rem;box-sizing:border-box;background-color:#fff;}
.area-pg-content2 .pg-review-wrap:after {position:absolute;top:-5.2rem;left:1.5rem;display:block;width:6.5rem;height:5.2rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/icon-area3-box.png) no-repeat top center;background-size:100%;content:'';}
.area-pg-content2 .pg-review-wrap ul > li {padding-bottom:1.4rem;margin-bottom:1.5rem;border-bottom:1px dashed #aaa;}
.area-pg-content2 .pg-review-wrap ul > li:last-child {padding-bottom:0;margin-bottom:0;border-bottom:0;}
.area-pg-content2 .pg-review-wrap ul > li:after {display:block;clear:both;content:'';}
.area-pg-content2 .pg-review-wrap ul > li > figure {float:left;width:39.5%;}
.area-pg-content2 .pg-review-wrap ul > li > figure img {width:100%;}
.area-pg-content2 .pg-review-wrap ul > li > figure span{display:block;letter-spacing:-1px;}
.area-pg-content2 .pg-review-wrap ul > li > .pg-review {float:right;width:57%;}
.area-pg-content2 .pg-review .pg-name {margin-bottom:0.5rem;}
.area-pg-content2 .pg-review .pg-name b,
.area-pg-content2 .pg-review .pg-name span {display:inline-block;}
.area-pg-content2 .pg-review .pg-name b {font-size:1.15rem;font-weight:600;margin-right:1.6rem;}
.area-pg-content2 .pg-review .pg-name span {position:relative;padding-left:3.15rem;background-repeat:no-repeat;background-position:top left;;background-size:2.35rem;}
.area-pg-content2 .pg-review .pg-name span.pg-name-ca {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/icon-review-flag-ca.png);}
.area-pg-content2 .pg-review .pg-name span.pg-name-mt {background-image:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/icon-review-flag-mt.png);}
.area-pg-content2 .pg-review .pg-review-text {line-height:1.5;color:#666;word-break:keep-all;}
.area-pg-content2 .pg-review .pg-review-text b {line-height:1.5;font-weight:400;color:#666;}
.area-pg-content2 .pg-review .pg-review-text b span {line-height:1.5;background-color:#beedff;}

@media screen and (max-width: 1140px) {
    .area-pg-content2 {padding:5rem 1.5rem;}
}

@media screen and (max-width: 1080px) {
    .area-pg-content2 .pg-review-wrap:after {top:-3.6rem;left:1.5rem;width:6.95rem;height:3.65rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/icon-area3-box-m.png) no-repeat top center;background-size:100%;}
}
@media screen and (max-width: 767px) {
    .area-pg-content2 .pg-review-wrap {background-color:transparent;}
    .area-pg-content2 .pg-review-wrap ul > li {border-bottom:0;}
    .area-pg-content2 .pg-review-wrap ul > li > figure {float:none;width:100%;background-color:#fff;text-align:center;}
    .area-pg-content2 .pg-review-wrap ul > li > figure img {width:100%;}
    .area-pg-content2 .pg-review-wrap ul > li > figure span {padding:0 1rem;box-sizing:border-box;text-align:right;}
    .area-pg-content2 .pg-review-wrap ul > li > .pg-review {float:none;width:100%;padding:1rem;box-sizing:border-box;background-color:#fff;}
}
@media screen and (max-width: 500px) {
    .area-pg-content2 {padding:5rem 1rem;}
    .area-pg-content2 > figure img {width:100%;}
}

@media screen and (max-width: 400px) {
    .area-pg-content2 .pg-review-wrap {padding:1rem;}
}

/*******************************************************************************
                        추천 영어과정 - 1 단기여행&연수
********************************************************************************/
.workers-program .area-full-pg-content3 {background-color:#fbf2e6;background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/bg-area3.png);}
.area-pg-content3 {padding:5rem 0;}
.area-pg-content3 .pg-content-title {position:relative;margin-bottom:10.3rem;text-align:center;}
.area-pg-content3 .pg-content-title h3 {margin-bottom:1rem;letter-spacing:-2px;font-size:1.5rem;font-weight:300;}
.area-pg-content3 .pg-content-title h3 b {font-weight:400;}
.area-pg-content3 .pg-summary-box:before {position:absolute;top:-7.05rem;left:20%;width:11.2rem;height:7rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/bg-area3-character.png) no-repeat top center;background-size:100%;content:'';z-index:0;}
.area-pg-content3 .pg-summary-box .pg-content-subtitle p {display:inline-block;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/bg-subtitle-area3.png) no-repeat center bottom;background-size:100%;}
.area-pg-content3 .pg-summary-box .pg-content-subtitle p:before {content:'1';}

@media screen and (max-width: 1140px) {
    .area-pg-content3 {padding:5rem 1.5rem;}
}

@media screen and (max-width: 1080px) {
    .workers-program .area-full-pg-content3 {background-size:300%;}
    .area-pg-content3 .pg-summary-box:before {top:-7.1rem;left:1%;}
}

@media screen and (max-width: 500px) {
    .area-pg-content3 {padding:5rem 1rem;}
    .area-pg-content3 .pg-content-title {margin-bottom:8.3rem;}
    .area-pg-content3 .pg-content-title h3 {font-size:1.15rem;}
}

/*******************************************************************************
                        추천 영어과정 - 2 워라밸 휴직연수
********************************************************************************/
.workers-program .area-full-pg-content4 {background-color:#e9e4ef;background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/workers-program/bg-area4.png);}
.area-pg-content4 {padding:5.7rem 0;}
.area-pg-content4 .pg-content-title {margin-bottom:10.3rem;text-align:center;}
.area-pg-content4 .pg-summary-box .pg-content-subtitle p:before {content:'2';}

@media screen and (max-width: 1140px) {
    .area-pg-content4 {padding:5.7rem 1.5rem;}
}

@media screen and (max-width: 1080px) {
    .workers-program .area-full-pg-content4 {background-size:300%}
}

@media screen and (max-width: 500px) {
    .area-pg-content4 {padding:7rem 1rem 5.7rem;}
    .area-pg-content4 .pg-content-title {margin-bottom:9rem}
}

/*******************************************************************************
                                꼭 읽어주세요!
********************************************************************************/
.workers-program .area-full-pg-content5 {background-color:#d8dce3;}
.area-pg-content5 {padding:4.5rem 0 5rem;}
.area-pg-content5 h2 {display:block;margin-bottom:1rem;font-size:1.4rem;}
.area-pg-content5 ul {font-size:1.15rem;}
.area-pg-content5 ul li {position:relative;padding-left:1rem;box-sizing:border-box;letter-spacing:-2px;color:#5f5f5f;word-break:keep-all;}
.area-pg-content5 ul li:after {position:absolute;top:0;left:0;display:block;content:'ㆍ';}

@media screen and (max-width: 1140px) {
    .area-pg-content5 {padding:4.5rem 1.5rem;}
}

@media screen and (max-width: 500px) {
    .area-pg-content5 {padding:3rem 1rem;}
    .area-pg-content5 ul li {letter-spacing:-1px;font-size:1rem;}
}