@charset "UTF-8";

/*******************************************************************************
                                   페이지 공통
********************************************************************************/
.nl-recomm-point5 .title-bg {position:relative;top:50%;transform:translateY(-50%);}
.nl-recomm-point5 *[class^="area-pg-content"] {padding:6rem 0;}
.nl-recomm-point5 .pg-content-title {max-width:54rem;margin:0 auto 3.5rem;color:#111;text-align:center;}
.nl-recomm-point5 .pg-content-title .pre-title {position:relative;margin-bottom:1.5rem;z-index:1;}
.nl-recomm-point5 .pg-content-title .pre-title:before {content:'';position:absolute;top:50%;left:0;display:block;width:100%;height:.1rem;background:linear-gradient(to left, transparent 5%, #4f88ff 30%, #4f88ff 60%, transparent 95%);z-index:-1;}
.nl-recomm-point5 .pg-content-title .pre-title span {display:inline-block;width:auto;padding:.3rem 1rem;background:#4f88ff;font-size:.9rem;color:#fff;text-transform:uppercase;text-align:center;}
.nl-recomm-point5 .pg-content-title h2 {font-size:2.75rem;letter-spacing:-1px;word-spacing:.1rem;text-shadow:.1rem 0 0 #111;line-height:120%;}
.nl-recomm-point5 .pg-content-title h2 .color {display:inline-block;color:#4f88ff;text-shadow:.1rem 0 0 #4f88ff;}
.nl-recomm-point5 .pg-content-title.large h2 {font-size:3.25rem;}
.nl-recomm-point5 .pg-content-title .add-text {margin-top:1.5rem;font-size:1.2rem;line-height:140%;}

@media screen and (max-width:1100px) {
    .nl-recomm-point5 *[class^="area-pg-content"] {padding:3rem 0;}
    .nl-recomm-point5 .pg-content-title {width:92%;margin:0 auto 2.5rem;}
    .nl-recomm-point5 .pg-content-title h2 {font-size:2rem;}
    .nl-recomm-point5 .pg-content-title.large h2 {font-size:2.7rem;}
    .nl-recomm-point5 .pg-content-title.large .color {display:block;}
    .nl-recomm-point5 .pg-content-title .add-text {font-size:.9rem;}
}

/*******************************************************************************
                                    비쥬얼
********************************************************************************/
.nl-recomm-point5 .area-pg-visual {padding:6rem 0 17rem;background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/visual_bg.jpg") top center no-repeat;color:#fff;text-align:center;background-size:cover;letter-spacing:-1px;}
.nl-recomm-point5 .area-pg-visual .pre-title {margin-bottom:1rem;font-size:2.25rem;}
.nl-recomm-point5 .area-pg-visual .visual-title {position:relative;font-size:6.1rem;line-height:120%;z-index:1;}
.nl-recomm-point5 .area-pg-visual .visual-title:before {content:'';position:absolute;bottom:1.5rem;left:67%;display:block;width:21rem;height:8rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/visual_point.png) no-repeat;background-size:contain;z-index:-1;}
.nl-recomm-point5 .area-pg-visual .visual-title .point {color:#f23537;}
.nl-recomm-point5 .area-pg-visual-add {padding:3.5rem 2rem;box-sizing:border-box;background:#37fff3 url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/visual_bottom_bg.jpg") center left no-repeat;background-size:25rem;font-size:1.5rem;text-align:center;letter-spacing:-1px;}

@media screen and (max-width:600px) {
    .nl-recomm-point5 .area-pg-visual {background-position:33% top;}
    .nl-recomm-point5 .area-pg-visual .pre-title {margin-bottom:1rem;font-size:1.4rem;}
    .nl-recomm-point5 .area-pg-visual .visual-title {font-size:4.5rem;}
    .nl-recomm-point5 .area-pg-visual-add {padding:2rem;font-size:1.1rem;background-size:14.5rem;background-position:-1rem -1.5rem;}
}

/*******************************************************************************
                                    추천포인트01
********************************************************************************/
.nl-recomm-point5 .area-pg-content {background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec02_bg.jpg") center top;background-size:cover;}
.nl-recomm-point5 .recomm-point1 {display:flex;width:80%;margin:0 auto;color:#fff;}
.nl-recomm-point5 .recomm-point1 .col2 {width:50%;padding:3rem 0;box-sizing:border-box;background:#f23537;text-align:center;}
.nl-recomm-point5 .recomm-point1 .col2 + .col2 {background:linear-gradient(to right, #242424, #414141 10%);}
.nl-recomm-point5 .recomm-point1 .tit {font-size:3.5rem;font-weight:800;}
.nl-recomm-point5 .recomm-point1 .txt {margin-top:1rem;font-size:.9rem;}
.nl-recomm-point5 .recomm-point1 .txt strong {font-size:1.2rem;}

@media screen and (max-width:600px) {
    .nl-recomm-point5 .recomm-point1 {width:100%;}
    .nl-recomm-point5 .recomm-point1 .col2 {padding:2rem 0;}
    .nl-recomm-point5 .recomm-point1 .tit {font-size:2.5rem;}
    .nl-recomm-point5 .recomm-point1 .txt {font-size:.7rem;}
    .nl-recomm-point5 .recomm-point1 .txt strong {font-size:.9rem;}
}

/*******************************************************************************
                                    추천포인트02
********************************************************************************/
.nl-recomm-point5 .area-pg-content2 {background:#3a6fd7;}
.nl-recomm-point5 .area-pg-content2 .pg-content-title {color:#fff;}
.nl-recomm-point5 .area-pg-content2 .pg-content-title .pre-title span {background:#e9f0ff;color:#3a6fd7;}
.nl-recomm-point5 .area-pg-content2 .pg-content-title .pre-title:before {background:linear-gradient(to left, transparent 5%, #e9f0ff 30%, #e9f0ff 60%, transparent 95%);}
.nl-recomm-point5 .area-pg-content2 .pg-content-title h2 {text-shadow:.1rem 0 0 #fff;}
.nl-recomm-point5 .area-pg-content2 .pg-content-title h2 .color {color:#fce368;text-shadow:.1rem 0 0 #3a6fd7;}
.nl-recomm-point5 .recomm-point2 .tit {position:relative;height:5.5rem;padding:.8rem 0;box-sizing:border-box;color: #3a6fd7;text-align:center;z-index:1;}
.nl-recomm-point5 .recomm-point2 .tit:before {content:'';position:absolute;top:0;left:2.75rem;display:block;width:calc(100% - 2.75rem);height:100%;background:linear-gradient(to right, #fce368 88%, transparent 100%);z-index:-1;}
.nl-recomm-point5 .recomm-point2 .tit:after {content:'';position:absolute;top:0;left:0;display:block;width:5.5rem;height:5.5rem;z-index:-1;border-radius:50%;background:#fce368;}
.nl-recomm-point5 .recomm-point2 .tit h3 {font-size:1.5rem;}
.nl-recomm-point5 .recomm-point2 .tit .exp {font-size:.9rem;line-height:140%;}
.nl-recomm-point5 .recomm-point2 .con {width:80%;margin:0 auto;background:#fff;}
.nl-recomm-point5 .recomm-point2 .con h3 {padding:.7rem 0;font-size:1.2rem;text-align:center;}
.nl-recomm-point5 .recomm-point2 .con .list {}
.nl-recomm-point5 .recomm-point2 .con .list li {display:table;width:100%;border-top:1px solid #bfbfbf;font-size:.9rem;}
.nl-recomm-point5 .recomm-point2 .con .list li.select {position:relative;background:#f4f4f4;color:#3a6fd7;font-weight:bold;}
.nl-recomm-point5 .recomm-point2 .con .list li.select:before {content:'';position:absolute;top:-3px;left:-3px;display:block;width:100%;height:100%;border:3px solid #fce368;}
.nl-recomm-point5 .recomm-point2 .con .list li .num {display:table-cell;width:30%;padding:.7rem 0;text-align:center;border-right:1px solid #bfbfbf;}
.nl-recomm-point5 .recomm-point2 .con .list li .name {display:table-cell;padding:.7rem 0 .7rem 10%;}

@media screen and (max-width:1000px) {
    .nl-recomm-point5 .recomm-point2 .tit {padding:.5rem 0;}
    .nl-recomm-point5 .recomm-point2 .tit .exp .mo-br {display:block;}
}
@media screen and (max-width:600px) {
    .nl-recomm-point5 .recomm-point2 .tit {width:106%;margin-left:-3%;}
    .nl-recomm-point5 .recomm-point2 .tit .exp {font-size:.7rem;}
    .nl-recomm-point5 .recomm-point2 .con {width:86%}
    .nl-recomm-point5 .recomm-point2 .con h3 {font-size:.9rem;}
    .nl-recomm-point5 .recomm-point2 .con .list li {font-size:.7rem;}
    .nl-recomm-point5 .recomm-point2 .con .list li .name {padding-left:1rem;}
}

/*******************************************************************************
                                    추천포인트03
********************************************************************************/
.nl-recomm-point5 .area-pg-content3 {background:#ffee9d url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec04_bg.png") top center;background-size:cover;}
.nl-recomm-point5 .recomm-point3 .img {position:relative;margin-bottom:5rem;z-index:1}
.nl-recomm-point5 .recomm-point3 .img:before {content:'';position:absolute;top:95%;left:50%;display:block;width:4.5rem;height:5.2rem;margin-left:-2.25rem;background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec04_img_arrow.png") center top no-repeat;background-size:contain;z-index:-1;}
.nl-recomm-point5 .recomm-point3 .txt {position:relative;text-align:center;z-index:1;}
.nl-recomm-point5 .recomm-point3 .txt p + p {margin-top:1rem;}
.nl-recomm-point5 .recomm-point3 .txt p img {max-height:3.75rem;}

@media screen and (max-width:1100px) {
    .nl-recomm-point5 .area-pg-content3 {background-position:right top;background-size:200%;}
    .nl-recomm-point5 .recomm-point3 .txt p img {max-height:3rem;}
}

/*******************************************************************************
                                     학비비교
********************************************************************************/
.nl-recomm-point5 .area-pg-content3-1 {position:relative;background:#ffe033;z-index:1;}
.nl-recomm-point5 .area-pg-content3-1:before {content:'';position:absolute;top:0;left:0;display:block;width:100%;height:50%;background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec05_bg1.png") center top no-repeat;background-size:100%;z-index:-1;}
.nl-recomm-point5 .area-pg-content3-1:after {content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:50%;background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec05_bg2.png") center bottom no-repeat;background-size:100%;z-index:-1;}
.nl-recomm-point5 .area-pg-content3-1 .pg-content-title .add-text {margin-top:.5rem;font-size:.9rem;color:#555;}
.nl-recomm-point5 .compare-price {display:flex;justify-content:space-between;font-size:1.2rem;text-align:center;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec05_vs.png) center no-repeat;background-size:3rem;}
.nl-recomm-point5 .compare-price + .compare-price {margin-top:1.5rem;}
.nl-recomm-point5 .compare-price *[class^=box] {width:46%;background:#fff;letter-spacing:-1px;}
.nl-recomm-point5 .compare-price .box1 .school {background:#eeeeee;}
.nl-recomm-point5 .compare-price .box2 .school {background:#3a6fd7;color:#fff;}
.nl-recomm-point5 .compare-price .school {padding:.7rem 0;font-weight:normal;line-height:140%;}
.nl-recomm-point5 .compare-price .school .name {display:block;font-size:1.5rem;font-weight:800;}
.nl-recomm-point5 .compare-price .school small {font-size:.9rem;}
.nl-recomm-point5 .compare-price .yearly {padding:1.4rem 0;}
.nl-recomm-point5 .compare-price .yearly strong {display:block;min-height:3.5rem;vertical-align:middle;}
.nl-recomm-point5 .compare-price .total {position:relative;padding:1.5rem 0 2rem;line-height:150%;}
.nl-recomm-point5 .compare-price .total:before {content:'';position:absolute;top:0;left:5%;display:block;width:90%;height:0;border-top:1px dotted;}
.nl-recomm-point5 .compare-price .total strong {display:block;font-size:2rem;}
.nl-recomm-point5 .compare-price .box1 .total strong {color:#8a8a8a;}
.nl-recomm-point5 .compare-price .box2 .total strong {color:#3a6fd7;}
.nl-recomm-point5 .compare-price .total strong i {font-size:1.5rem;}

@media screen and (max-width:600px) {
    .nl-recomm-point5 .area-pg-content3-1:before, .nl-recomm-point5 .area-pg-content4:after {background-size:170%;}
    .nl-recomm-point5 .area-pg-content3-1 .pg-content-title .add-text {font-size:.7rem;}
    .nl-recomm-point5 .compare-price {background-size:1.5rem;}
    .nl-recomm-point5 .compare-price {font-size:1rem;}
    .nl-recomm-point5 .compare-price .school .name {font-size:1.1rem;}
    .nl-recomm-point5 .compare-price .school.balance {padding:1.4rem 0;}
    .nl-recomm-point5 .compare-price .school small {font-size:.7rem;}
    .nl-recomm-point5 .compare-price .yearly {padding:.7rem 0;}
    .nl-recomm-point5 .compare-price .total {padding:.7rem 0;}
    .nl-recomm-point5 .compare-price .total strong {font-size:1.4rem;}
}

/*******************************************************************************
                                 추천포인트04
********************************************************************************/
.nl-recomm-point5 .area-pg-content4 {}
.nl-recomm-point5 .recomm-point4 {display:flex;justify-content:space-between;}
.nl-recomm-point5 .recomm-point4 li {width:30%;}
.nl-recomm-point5 .recomm-point4 li .txt {display:block;width:80%;margin:1rem auto 0;font-size:.9rem;text-align:center;}
.nl-recomm-point5 .permanent {position:relative;width:90%;margin:7rem auto 4rem;padding:0 8%;box-sizing:border-box;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec06_ticket_bg02.png) center repeat-y;background-size:100%;text-align:center;}
.nl-recomm-point5 .permanent h3 img {height:1.5rem;}
.nl-recomm-point5 .permanent:before {content:'';position:absolute;bottom:100%;left:0;display:block;width:100%;height:3.5rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec06_ticket_bg01.png) center bottom no-repeat;background-size:100%;}
.nl-recomm-point5 .permanent:after {content:'';position:absolute;top:100%;left:0;display:block;width:100%;height:4rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec06_ticket_bg03.png) center top no-repeat;background-size:100%;}
.nl-recomm-point5 .permanent .small {margin-top:1.5rem;font-size:.9rem;}
.nl-recomm-point5 .permanent .highlight {margin-top:2rem;}
.nl-recomm-point5 .permanent .highlight span {position:relative;margin-top:2rem;margin-right:.5rem;font-size:1.2rem;font-weight:800;z-index:1;}
.nl-recomm-point5 .permanent .highlight span:after {content:'';position:absolute;top:0;left:-2%;display:block;width:104%;height:100%;background:#f3fd1b;z-index:-1;transform:skewX(-20deg)}
.nl-recomm-point5 .permanent .sticker {position:absolute;bottom:76%;left:90%;width:7.5rem;height:7.5rem;}

@media screen and (max-width:600px) {
    .nl-recomm-point5 .recomm-point4 li .txt {width:100%;font-size:.7rem;letter-spacing:-1px;}
    .nl-recomm-point5 .permanent {width:100%;margin:4rem auto 3rem;padding:0 .8rem;}
    .nl-recomm-point5 .permanent h3 img {height:1.2rem;}
    .nl-recomm-point5 .permanent .small {font-size:.7rem;}
    .nl-recomm-point5 .permanent .highlight {margin-top:1rem;}
    .nl-recomm-point5 .permanent .highlight span {font-size:.9rem;}
    .nl-recomm-point5 .permanent .sticker {width:5rem;height:5rem;bottom:-25%;left:85%;z-index:1;}
}

/*******************************************************************************
`                                  추천포인트05
********************************************************************************/
.nl-recomm-point5 .area-pg-content5 {background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec07_bg.jpg") center top no-repeat;background-size:cover;}
.nl-recomm-point5 .recomm-point5 {font-size:1.2rem;}
.nl-recomm-point5 .recomm-point5 .step {display:flex;justify-content:space-between;flex-wrap:wrap;align-content:stretch;}
.nl-recomm-point5 .recomm-point5 .step li {display:inline-flex;align-items:center;position:relative;width:24%;padding:2rem 1rem;box-sizing:border-box;border-radius:1rem 0 0 0;background:#fff;overflow:hidden;text-align:center;}
.nl-recomm-point5 .recomm-point5 .step li .num {position:absolute;top:0;left:0;display:block;width:4.2rem;height:4.2rem;}
.nl-recomm-point5 .recomm-point5 .step li .txt {width:100%;}
.nl-recomm-point5 .recomm-point5 .papers {margin-top:2rem;border-radius:1rem 1rem 0 0;background:#fff;overflow:hidden;}
.nl-recomm-point5 .recomm-point5 .papers h3 {padding:.5rem 0;background:#06266a;color:#fff;font-size:1.5rem;text-align:center;font-weight:normal;}
.nl-recomm-point5 .recomm-point5 .papers h3 strong {font-weight:800;}
.nl-recomm-point5 .recomm-point5 .papers ul {width:90%;margin:1rem auto;text-align:center;}

@media screen and (max-width:600px) {
    .nl-recomm-point5 .recomm-point5 {font-size:.9rem;}
    .nl-recomm-point5 .recomm-point5 .step li {width:49%;font-size:.9rem;}
    .nl-recomm-point5 .recomm-point5 .step li:nth-child(2) ~ li {margin-top:.4rem;}
    .nl-recomm-point5 .recomm-point5 .papers h3 {font-size:1.1rem;}
}

/*******************************************************************************
                                네덜란드대학교 구분
********************************************************************************/
.nl-recomm-point5 .area-pg-content6 {background:#3a6fd7;}
.nl-recomm-point5 .area-pg-content6 .pg-content-title h2 {color:#fff;text-shadow:.1rem 0 0 #fff;}
.nl-recomm-point5 .area-pg-content6 .pg-content-title h2 .color {color:#fce368;text-shadow:.1rem 0 0 #fce368;}
.nl-recomm-point5 .univ-classify {display:flex;justify-content:space-between;}
.nl-recomm-point5 .univ-classify .col2 {width:49%;text-align:center;line-height:120%;}
.nl-recomm-point5 .univ-classify .col2 li {padding:.5rem 0;}
.nl-recomm-point5 .univ-classify .col2 .course {position:relative;margin-bottom:5rem;border:.2rem solid rgba(255,255,255,0.5);border-radius:.5rem;color:#fff;}
.nl-recomm-point5 .univ-classify .col2 .course:after {content:'';position:absolute;top:100%;left:0;display:block;width:100%;height:4.4rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec08_arrow.png) center no-repeat;background-size:contain;}
.nl-recomm-point5 .univ-classify .col2 .course h3 {padding:.5rem 0;border-bottom:.15rem solid rgba(255,255,255,0.5);font-size:1.2rem;}
.nl-recomm-point5 .univ-classify .col2 .course ul {font-size:.9rem;}
.nl-recomm-point5 .univ-classify .col2 .course ul li ~ li {border-top:.05rem solid rgba(255,255,255,0.5);}
.nl-recomm-point5 .univ-classify .col2 .classify {border:.15rem solid #333;background:#fff;}
.nl-recomm-point5 .univ-classify .col2 .classify h3 {padding:.7rem 0;border-bottom:.15rem solid #333;font-size:1.2rem;color:#3a6fd7;line-height:120%;}
.nl-recomm-point5 .univ-classify .col2 .classify h3 .en {display:block;font-weight:normal;letter-spacing:-1px;}
.nl-recomm-point5 .univ-classify .col2 .classify ul {font-size:.9rem;color:#333;}
.nl-recomm-point5 .univ-classify .col2 .classify li ~ li {border-top:.05rem solid #ccc;}
.nl-recomm-point5 .univ-classify .col2 .classify .blc {padding:1rem 0;}

@media screen and (max-width:600px) {
    .nl-recomm-point5 .univ-classify .col2 .course {margin-bottom:3.7rem;}
    .nl-recomm-point5 .univ-classify .col2 .course:after {height:3.5rem;}
    .nl-recomm-point5 .univ-classify .col2 .course h3 {font-size:.9rem;}
    .nl-recomm-point5 .univ-classify .col2 .course h3.balance {padding:1.1rem 0;}
    .nl-recomm-point5 .univ-classify .col2 .course ul {font-size:.7rem;}
    .nl-recomm-point5 .univ-classify .col2 .classify h3 {font-size:.9rem;}
}

/*******************************************************************************
                            진학가능한 네덜란드대학교
********************************************************************************/
.nl-recomm-point5 .area-pg-content7 {background:#eeeeee;}
.nl-recomm-point5 .area-pg-content7 .flex-wrap + .pg-content-title {margin-top:6rem;}
.nl-recomm-point5 .area-pg-content7 .school-list + .school-list {margin-top:4rem;}
.nl-recomm-point5 .area-pg-content7 .school-list .name {font-size:1.5rem;line-height:120%;}
.nl-recomm-point5 .area-pg-content7 .school-list .name .en {display:inline-block;font-weight:normal;letter-spacing:-1px;}
.nl-recomm-point5 .area-pg-content7 .school-list {position:relative;width:65%;margin-left:35%;}
.nl-recomm-point5 .area-pg-content7 .school-list .view {position:absolute;top:0;right:calc(100% + 2%);width:55%;max-width:18rem;height:100%;max-width:18rem;border-radius:.5rem;overflow:hidden;}
.nl-recomm-point5 .area-pg-content7 .school-list .view img {position:absolute;top:0;left:50%;width:20rem;max-width:120%;height:auto;min-height:100%;transform:translateX(-50%);}
.nl-recomm-point5 .area-pg-content7 .school-list table {margin-top:1rem;border-spacing:0;border:1px solid #ababab;border-top:none;font-size:.9rem;background:#fff;}
.nl-recomm-point5 .area-pg-content7 .school-list table th {width:18%;padding:.4rem;border-right:1px solid #ababab;border-top:1px solid #ababab;background:#f2fbff;vertical-align:middle;}
.nl-recomm-point5 .area-pg-content7 .school-list table td {width:82%;color:#555;border-top:1px solid #ababab;}
.nl-recomm-point5 .area-pg-content7 .school-list table td ul:not(.line) {padding:.4rem 0;}
.nl-recomm-point5 .area-pg-content7 .school-list table td li {padding:0 .4rem;}
.nl-recomm-point5 .area-pg-content7 .school-list table td .line li {padding:.3rem .4rem;}
.nl-recomm-point5 .area-pg-content7 .school-list table td .line li ~ li {border-top:1px dotted #ababab;}

@media screen and (max-width:600px) {
    .nl-recomm-point5 .area-pg-content7 .school-list {width:100%;margin:0;}
    .nl-recomm-point5 .area-pg-content7 .school-list + .school-list {margin-top:2rem;}
    .nl-recomm-point5 .area-pg-content7 .school-list .name {text-align:center;font-size:1.2rem;}
    .nl-recomm-point5 .area-pg-content7 .school-list .name .en {display:block;}
    .nl-recomm-point5 .area-pg-content7 .school-list .view {position:relative;top:auto;right:auto;width:100%;max-width:100%;height:11rem;margin-top:1rem;}
    .nl-recomm-point5 .area-pg-content7 .school-list .view img {top:-10%;width:100%;height:auto;}
}

/*******************************************************************************
                                입학후기동영상
********************************************************************************/
.nl-recomm-point5 .area-pg-content8 {background:#ffee9d url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec10_bg.png) center top;overflow:hidden;}
.nl-recomm-point5 .area-pg-content8 .pg-content-title h2 .color {display:block;color:#f23537;text-shadow:.1rem 0 0 #f23537;}
.nl-recomm-point5 .area-pg-content8 .pg-content-title h2 img {display:block;width:35rem;margin:0 auto .5rem;}
.nl-recomm-point5 .area-pg-content8 .area-video {position:relative;width:40rem;margin:4rem auto;}
.nl-recomm-point5 .area-pg-content8 .area-video:before {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:67rem;height:50rem;background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec10_video_bg.png") center no-repeat;background-size:100%;}
.nl-recomm-point5 .area-pg-content8 .area-video .area-video .video-wrap iframe {top:0;left:0;}
.nl-recomm-point5 .area-pg-content8 .area-video .area-video .video-tit {font-size:16px;text-align:left;}

@media screen and (max-width:600px) {
    .nl-recomm-point5 .area-pg-content8 {background:#ffee9d url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec10_bg_mo.png) center;background-size:cover;}
    .nl-recomm-point5 .area-pg-content8 .area-video {width:22.5rem;margin:3rem auto 2rem;}
    .nl-recomm-point5 .area-pg-content8 .area-video:before {width:38rem;height:29rem;}
}

/*******************************************************************************
                                파운데이션이란
********************************************************************************/
.nl-recomm-point5 .area-pg-content9 {background:#e7f3fe;}
.nl-recomm-point5 .foundation-img {display:flex;justify-content:space-between;align-items:center;}
.nl-recomm-point5 .foundation-img li {position:relative;width:28%;padding:1.5rem;box-sizing:border-box;border-radius:.5rem;background:#aac0d4;text-align:center;}
.nl-recomm-point5 .foundation-img li:nth-child(2) {width:32%;background:#db3337;box-shadow:0 0 1rem rgba(171,36,39,50);}
.nl-recomm-point5 .foundation-img li:before {content:'';position:absolute;top:50%;left:107%;display:block;width:15%;max-width:1rem;height:1.8rem;color:#aac0d4;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec11_img_arr.png) center no-repeat;background-size:100%;}
.nl-recomm-point5 .foundation-img li:last-child:before {display:none;}
.nl-recomm-point5 .foundation-txt {margin-top:2rem;text-align:center;font-size:1.2rem;letter-spacing:-1px;}
.nl-recomm-point5 .foundation-txt h3 {color:#db3337;font-size:1.5rem;line-height:120%;}
.nl-recomm-point5 .foundation-txt h3 .en {display:block;margin-bottom:1rem;}

@media screen and (max-width:600px) {
    .nl-recomm-point5 .foundation-img li:before {width:.5rem;height:1rem;}
    .nl-recomm-point5 .foundation-txt {font-size:.9rem;}
    .nl-recomm-point5 .foundation-txt h3 {font-size:1.2rem;}
}

/*******************************************************************************
                                파운데이션안내
********************************************************************************/
.nl-recomm-point5 .area-pg-content10 {background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec12_bg.jpg") center top;background-size:cover;}
.nl-recomm-point5 .foundation .box-wrap {margin-top:5rem;text-align:center;}
.nl-recomm-point5 .foundation .box-wrap h3 {padding:.5rem 0;border-radius:.5rem .5rem 0 0;overflow:hidden;background:#0ddace;font-size:1.5rem;color:#fff;}
.nl-recomm-point5 .foundation .box-wrap ul {padding:1rem 0 1.5rem;box-sizing:border-box;background:#fff;font-size:1.2rem;}
.nl-recomm-point5 .foundation .box-wrap li {}
.nl-recomm-point5 .foundation .box-wrap small {display:block;margin-top:.5rem;font-size:.9rem;color:#555;}
.nl-recomm-point5 .foundation *[class^=box] {}
.nl-recomm-point5 .foundation .box1 {}
.nl-recomm-point5 .foundation .box2 {margin-top:2rem;}
.nl-recomm-point5 .foundation .box2 h3 {background:#0d42b2;}

@media screen and (max-width:600px) {
    .nl-recomm-point5 .foundation .box-wrap {margin-top:2rem;}
    .nl-recomm-point5 .foundation .box-wrap h3 {font-size:1.1rem;}
    .nl-recomm-point5 .foundation .box-wrap ul {font-size:.9rem;}
    .nl-recomm-point5 .foundation .box-wrap small {font-size:.7rem;}
}

/*******************************************************************************
                                    진학전략
********************************************************************************/
.nl-recomm-point5 .area-pg-content11 {background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec13_bg.png");background-size:.4rem;}
.nl-recomm-point5 .area-pg-content11 .pg-content-title {color:#fff;}
.nl-recomm-point5 .area-pg-content11 .pg-content-title img {display:block;max-height:2.75rem;margin:0 auto .5rem;}
.nl-recomm-point5 .area-pg-content11 .pg-content-title h2 {text-shadow:.1rem 0 0 #fff;}
.nl-recomm-point5 .area-pg-content11 .pg-content-title .color {color:#ff3f41;text-shadow:.1rem 0 0 #ff3f41;}
.nl-recomm-point5 .strategy .con {display:flex;justify-content:space-around;width:90%;margin:2rem auto 0;}
.nl-recomm-point5 .strategy .con .process {display:flex;justify-content:center;width:68%;background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/nl-recomm-point5/sec13_arrow.png") center no-repeat;background-size:100%;}
.nl-recomm-point5 .strategy .con .process p {position:relative;width:35%;margin:0 .7rem;padding:2rem 0;border:1px solid #929292;background:#414141;color:#fff;text-align:center;}
.nl-recomm-point5 .strategy .con .process p span {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
.nl-recomm-point5 .strategy .con .process p strong {display:block;}
.nl-recomm-point5 .strategy .con .result {width:23%;padding:1.5rem 0;border:3px solid #00ff79;background:#2951ff;color:#fff;text-align:center;}
.nl-recomm-point5 .strategy .con .result img {max-width:6rem;}
.nl-recomm-point5 .strategy .txt {margin-top:2rem;text-align:center;font-size:1.2rem;}
.nl-recomm-point5 .strategy .txt strong {color:#ff3f41;}

@media screen and (max-width:600px) {
    .nl-recomm-point5 .area-pg-content11 .pg-content-title img {max-height:2rem;}
    .nl-recomm-point5 .strategy .con {width:100%;justify-content:space-between;}
    .nl-recomm-point5 .strategy .con .process {width:65%;}
    .nl-recomm-point5 .strategy .con .process p {width:40%;margin:0;}
    .nl-recomm-point5 .strategy .con .process p + p {margin-left:.5rem;}
    .nl-recomm-point5 .strategy .con .result {width:30%;}
    .nl-recomm-point5 .strategy .con .result img {max-width:5rem;}
    .nl-recomm-point5 .strategy .txt {font-size:.9rem;}
}