@charset "UTF-8";

/*******************************************************************************
                                   페이지 공통
********************************************************************************/
img {margin: 0 auto;}
.nl-recomm-point5 .title-bg {position:relative;top:50%;transform:translateY(-50%);}
.nl-recomm-point5 *[class^="area-pg-content"] {padding:120rem 0;}
.nl-recomm-point5 .main-video .videoWrap{border-radius: 0; isolation: isolate;}
.nl-recomm-point5 .main-video .videoWrap figure:after{display: none;}
.nl-recomm-point5 .pg-content-title {margin:0 auto 70rem;max-width:1080rem;color:#111;text-align:center;}
.nl-recomm-point5 .pg-content-title .pre-title {margin-bottom:30rem;position:relative;z-index:1;}
.nl-recomm-point5 .pg-content-title .pre-title:before {display:block;position:absolute;top:50%;left:0;z-index:-1;width:100%;height:2rem;background:linear-gradient(to left, transparent 5%, #4f88ff 30%, #4f88ff 60%, transparent 95%);content:'';}
.nl-recomm-point5 .pg-content-title .pre-title span {display:inline-block;padding:6rem 20rem;width:auto;background:#4f88ff;font-size:18rem;color:#fff;text-align:center;text-transform:uppercase;}
.nl-recomm-point5 .pg-content-title h2 {font-size:55rem;line-height:120%;letter-spacing:-1px;text-shadow:2rem 0 0 #111;word-spacing:2rem;}
.nl-recomm-point5 .pg-content-title h2 .color {display:inline-block;color:#4f88ff;text-shadow:2rem 0 0 #4f88ff;}
.nl-recomm-point5 .pg-content-title.large h2 {font-size:65rem;}
.nl-recomm-point5 .pg-content-title .add-text {margin-top:30rem;font-size:24rem;line-height:140%;}

@media screen and (max-width:1100px) {
    .nl-recomm-point5 *[class^="area-pg-content"] {padding:60rem 0;}
    .nl-recomm-point5 .pg-content-title {margin:0 auto 50rem;width:92%;}
    .nl-recomm-point5 .pg-content-title h2 {font-size:40rem;}
    .nl-recomm-point5 .pg-content-title.large h2 {font-size:54rem;}
    .nl-recomm-point5 .pg-content-title.large .color {display:block;}
    .nl-recomm-point5 .pg-content-title .add-text {font-size:18rem;}
}
@media screen and (max-width:991px) {
    .nl-recomm-point5 *[class^="area-pg-content"] {padding:40rem 0;}
    .nl-recomm-point5 .pg-content-title h2 {font-size: 26rem;}
    .nl-recomm-point5 .pg-content-title {margin-bottom: 32rem;}
    .nl-recomm-point5 .pg-content-title.large h2 {font-size:35rem;}
    .nl-recomm-point5 .pg-content-title .add-text { margin-top: 20rem;font-size:11rem;}
    .nl-recomm-point5 .pg-content-title .pre-title span { padding: 4rem 13rem; font-size: 13rem;}
    small {font-size: 13rem;}
}

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

@media screen and (max-width:991px) {
    .nl-recomm-point5 .recomm-point1 {width:100%;}
    .nl-recomm-point5 .recomm-point1 .col2 {padding:26rem 4rem;}
    .nl-recomm-point5 .recomm-point1 .tit {font-size:32.5rem;}
    .nl-recomm-point5 .recomm-point1 .txt {font-size:9.1rem;}
    .nl-recomm-point5 .recomm-point1 .txt strong {font-size:11.7rem;}
}

/*******************************************************************************
                                    추천포인트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:2rem 0 0 #fff;}
.nl-recomm-point5 .area-pg-content2 .pg-content-title h2 .color {color:#fce368;text-shadow:2rem 0 0 #3a6fd7;}
.nl-recomm-point5 .recomm-point2 .tit {padding:16rem 0;position:relative;z-index:1;height:110rem;color: #3a6fd7;text-align:center;box-sizing:border-box;}
.nl-recomm-point5 .recomm-point2 .tit:before {display:block;position:absolute;top:0;left:55rem;z-index:-1;width:calc(100% - 55rem);height:100%;background:linear-gradient(to right, #fce368 88%, transparent 100%);content:'';}
.nl-recomm-point5 .recomm-point2 .tit:after {display:block;position:absolute;top:0;left:0;z-index:-1;width:110rem;height:110rem;background:#fce368;content:'';border-radius:50%; isolation: isolate;}
.nl-recomm-point5 .recomm-point2 .tit h3 {font-size:30rem;}
.nl-recomm-point5 .recomm-point2 .tit .exp {font-size:18rem;line-height:140%;}
.nl-recomm-point5 .recomm-point2 .con {margin:0 auto;width:80%;background:#fff;}
.nl-recomm-point5 .recomm-point2 .con h3 {padding:14rem 0;font-size:24rem;text-align:center;}
.nl-recomm-point5 .recomm-point2 .con .list {}
.nl-recomm-point5 .recomm-point2 .con .list li {display:table;border-top:1rem solid #bfbfbf;width:100%;font-size:18rem;}
.nl-recomm-point5 .recomm-point2 .con .list li.select {position:relative;background:#f4f4f4;font-weight:bold;color:#3a6fd7;}
.nl-recomm-point5 .recomm-point2 .con .list li.select:before {display:block;border:3px solid #fce368;position:absolute;top:-3px;left:-3px;width:100%;height:100%;content:'';}
.nl-recomm-point5 .recomm-point2 .con .list li .num {display:table-cell;padding:14rem 0;border-right:1rem solid #bfbfbf;width:30%;text-align:center;}
.nl-recomm-point5 .recomm-point2 .con .list li .name {display:table-cell;padding:14rem 0 14rem 10%;}

@media screen and (max-width:1000px) {
    .nl-recomm-point5 .recomm-point2 .tit {padding:10rem 0;}
    .nl-recomm-point5 .recomm-point2 .tit .exp .mo-br {display:block;}
}
@media screen and (max-width:991px) {
    .nl-recomm-point5 .recomm-point2 .tit {margin-left:-3%;width:106%; height: 71.5rem;}
    .nl-recomm-point5 .recomm-point2 .tit:before {left: 35rem; width: calc(100% - 35rem);}
    .nl-recomm-point5 .recomm-point2 .tit:after {width: 71.5rem; height: 71.5rem;}
    .nl-recomm-point5 .recomm-point2 .tit h3 {font-size: 20rem}
    .nl-recomm-point5 .recomm-point2 .tit .exp {font-size:9.1rem;}
    .nl-recomm-point5 .recomm-point2 .con {width:86%}
    .nl-recomm-point5 .recomm-point2 .con h3 {font-size:11.7rem;}
    .nl-recomm-point5 .recomm-point2 .con .list li {font-size:9.1rem;}
    .nl-recomm-point5 .recomm-point2 .con .list li .num,
    .nl-recomm-point5 .recomm-point2 .con .list li .name {padding: 10rem 0; }
    .nl-recomm-point5 .recomm-point2 .con .list li .name {padding-left: 13rem; }
}

/*******************************************************************************
                                    추천포인트03
********************************************************************************/
.nl-recomm-point5 .area-pg-content3 {background:#ffee9d url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec04_bg.png") top center;background-size:cover;}
.nl-recomm-point5 .recomm-point3 .img {margin-bottom:100rem;position:relative;z-index:1}
.nl-recomm-point5 .recomm-point3 .img:before {display:block;margin-left:-45rem;position:absolute;top:95%;left:50%;z-index:-1;width:90rem;height:104rem;background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec04_img_arrow.png") center top no-repeat;background-size:contain;content:'';}
.nl-recomm-point5 .recomm-point3 .txt {position:relative;z-index:1;text-align:center;}
.nl-recomm-point5 .recomm-point3 .txt p + p {margin-top:20rem;}
.nl-recomm-point5 .recomm-point3 .txt p img { margin: 0 auto;max-height: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:60rem;}
}

@media screen and (max-width:991px) {
    .nl-recomm-point5 .recomm-point3 .img {margin-bottom: 65rem;}
    .nl-recomm-point5 .recomm-point3 .img:before {margin-left:-30rem;top:95%;width:60rem;height:62rem;}
}

/*******************************************************************************
                                     학비비교
********************************************************************************/
.nl-recomm-point5 .area-pg-content3-1 {position:relative;z-index:1;background:#ffe033;}
.nl-recomm-point5 .area-pg-content3-1:before {display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:50%;background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec05_bg1.png") center top no-repeat;background-size:100%;content:'';}
.nl-recomm-point5 .area-pg-content3-1:after {display:block;position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:50%;background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec05_bg2.png") center bottom no-repeat;background-size:100%;content:'';}
.nl-recomm-point5 .area-pg-content3-1 .pg-content-title .add-text {margin-top:10rem;font-size:18rem;color:#555;}
.nl-recomm-point5 .compare-price {display:flex;justify-content:space-between;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec05_vs.png) center no-repeat;background-size:60rem;font-size:24rem;text-align:center;}
.nl-recomm-point5 .compare-price + .compare-price {margin-top:30rem;}
.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:14rem 0;font-weight:normal;line-height:140%;}
.nl-recomm-point5 .compare-price .school .name {display:block;font-size:30rem;font-weight:800;}
.nl-recomm-point5 .compare-price .school small {font-size:18rem;}
.nl-recomm-point5 .compare-price .yearly {padding:28rem 0;}
.nl-recomm-point5 .compare-price .yearly strong {display:block;min-height:70rem;vertical-align:middle;}
.nl-recomm-point5 .compare-price .total {padding:30rem 0 40rem;position:relative;line-height:150%;}
.nl-recomm-point5 .compare-price .total:before {display:block;border-top:1px dotted;position:absolute;top:0;left:5%;width:90%;height:0;content:'';}
.nl-recomm-point5 .compare-price .total strong {display:block;font-size:40rem;}
.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:30rem;}

@media screen and (max-width:991px) {
    .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:9.1rem;}
    .nl-recomm-point5 .compare-price {background-size:19.5rem;}
    .nl-recomm-point5 .compare-price {font-size:13rem;}
    .nl-recomm-point5 .compare-price .school {padding: 12rem 4rem; min-height: 125rem;}
    .nl-recomm-point5 .compare-price .school .name {font-size:14.3rem;}
    .nl-recomm-point5 .compare-price .school.balance {padding:18.2rem 0;}
    .nl-recomm-point5 .compare-price .school small {font-size:9.1rem;}
    .nl-recomm-point5 .compare-price .yearly {display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0;min-height: 85rem;}
    .nl-recomm-point5 .compare-price .yearly strong {min-height: initial;}
    .nl-recomm-point5 .compare-price .total {padding:9.1rem 0;}
    .nl-recomm-point5 .compare-price .total strong {font-size:18.2rem;}
    .nl-recomm-point5 .compare-price .total strong i {font-size:20rem;}
}

/*******************************************************************************
                                 추천포인트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;margin:20rem auto 0;width:80%;font-size:18rem;text-align:center;}
.nl-recomm-point5 .permanent {margin:140rem auto 80rem;padding:0 8%;position:relative;width:90%;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec06_ticket_bg02.png) center repeat-y;background-size:100%;text-align:center;box-sizing:border-box;}
.nl-recomm-point5 .permanent h3 img {display: inline-block; height:30rem;}
.nl-recomm-point5 .permanent:before {display:block;position:absolute;bottom:100%;left:0;width:100%;height:70rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec06_ticket_bg01.png) center bottom no-repeat;background-size:100%;content:'';}
.nl-recomm-point5 .permanent:after {display:block;position:absolute;top:100%;left:0;width:100%;height:80rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec06_ticket_bg03.png) center top no-repeat;background-size:100%;content:'';}
.nl-recomm-point5 .permanent .small {margin-top:30rem;font-size:18rem;}
.nl-recomm-point5 .permanent .highlight {margin-top:40rem;}
.nl-recomm-point5 .permanent .highlight span {margin-top:40rem;margin-right:10rem;position:relative;z-index:1;font-size:24rem;font-weight:800;}
.nl-recomm-point5 .permanent .highlight span:after {display:block;position:absolute;top:0;left:-2%;z-index:-1;width:104%;height:100%;background:#f3fd1b;content:'';transform:skewX(-20deg)}
.nl-recomm-point5 .permanent .sticker {position:absolute;bottom:76%;left:90%;width:150rem;height:150rem;}

@media screen and (max-width:991px) {
    .nl-recomm-point5 .recomm-point4 li .txt {width:100%;font-size:9.1rem;letter-spacing:-1px;}
    .nl-recomm-point5 .permanent {margin:52rem auto 39rem;padding:0 10.4rem;width:100%;}
    .nl-recomm-point5 .permanent h3 img {height:15.6rem;}
    .nl-recomm-point5 .permanent .small {font-size:9.1rem;}
    .nl-recomm-point5 .permanent .highlight {margin-top:13rem; line-height:1;}
    .nl-recomm-point5 .permanent .highlight span {font-size:11.7rem;}
    .nl-recomm-point5 .permanent .sticker {bottom:-25%;left:85%;z-index:1;width:65rem;height:65rem;}
}

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

@media screen and (max-width:991px) {
    .nl-recomm-point5 .recomm-point5 {font-size:11.7rem; }
    .nl-recomm-point5 .recomm-point5 .step li { padding: 26rem 13rem;width:49%;font-size:11.7rem;}
    .nl-recomm-point5 .recomm-point5 .step li:nth-child(2) ~ li {margin-top:5.2rem;}
    .nl-recomm-point5 .recomm-point5 .step li .num {width:45rem;}
    .nl-recomm-point5 .recomm-point5 .papers h3 {font-size:14.3rem;}
}

/*******************************************************************************
                                네덜란드대학교 구분
********************************************************************************/
.nl-recomm-point5 .area-pg-content6 {background:#3a6fd7;}
.nl-recomm-point5 .area-pg-content6 .pg-content-title h2 {color:#fff;text-shadow:2rem 0 0 #fff;}
.nl-recomm-point5 .area-pg-content6 .pg-content-title h2 .color {color:#fce368;text-shadow:2rem 0 0 #fce368;}
.nl-recomm-point5 .univ-classify {display:flex;justify-content:space-between;}
.nl-recomm-point5 .univ-classify .col2 {width:49%;line-height:120%;text-align:center;}
.nl-recomm-point5 .univ-classify .col2 li {padding:10rem 0;}
.nl-recomm-point5 .univ-classify .col2 .course {margin-bottom:100rem;border:4rem solid rgba(255,255,255,0.5);position:relative;color:#fff;border-radius:10rem; isolation: isolate;}
.nl-recomm-point5 .univ-classify .col2 .course:after {display:block;position:absolute;top:100%;left:0;width:100%;height:88rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec08_arrow.png) center no-repeat;background-size:contain;content:'';}
.nl-recomm-point5 .univ-classify .col2 .course h3 {padding:10rem 0;border-bottom:3rem solid rgba(255,255,255,0.5);font-size:24rem;}
.nl-recomm-point5 .univ-classify .col2 .course ul {font-size:18rem;}
.nl-recomm-point5 .univ-classify .col2 .course ul li ~ li {border-top:1rem solid rgba(255,255,255,0.5);}
.nl-recomm-point5 .univ-classify .col2 .classify {border:3rem solid #333;background:#fff;}
.nl-recomm-point5 .univ-classify .col2 .classify h3 {padding:14rem 0;border-bottom:3rem solid #333;font-size:24rem;line-height:120%;color:#3a6fd7;}
.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:18rem;color:#333;}
.nl-recomm-point5 .univ-classify .col2 .classify li ~ li {border-top:1rem solid #ccc;}
.nl-recomm-point5 .univ-classify .col2 .classify .blc {padding:20rem 0;}

@media screen and (max-width:991px) {

    .nl-recomm-point5 .univ-classify .col2 .course {margin-bottom:48.1rem;}
    .nl-recomm-point5 .univ-classify .col2 .course:after {height:45.5rem;}
    .nl-recomm-point5 .univ-classify .col2 .course h3 { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 65rem;font-size:14rem;}
    .nl-recomm-point5 .univ-classify .col2 .course h3.balance {padding:14.3rem 0;}
    .nl-recomm-point5 .univ-classify .col2 .course ul {font-size:9.1rem;}
    .nl-recomm-point5 .univ-classify .col2 li { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 10rem 4rem; width: 100%; min-height: 60rem;font-size: 13rem;}
    .nl-recomm-point5 .univ-classify .col2 .classify h3 { padding: 10rem 4rem;font-size:14rem;}
}

/*******************************************************************************
                            진학가능한 네덜란드대학교
********************************************************************************/
.nl-recomm-point5 .area-pg-content7 {background:#eeeeee;}
.nl-recomm-point5 .area-pg-content7 .flex-wrap + .pg-content-title {margin-top:120rem;}
.nl-recomm-point5 .area-pg-content7 .school-list + .school-list {margin-top:80rem;}
.nl-recomm-point5 .area-pg-content7 .school-list .name {font-size:30rem;line-height:120%;text-align: left;}
.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 {margin-left:32%;position:relative;width:68%;}
.nl-recomm-point5 .area-pg-content7 .school-list .view {overflow:hidden;position:absolute;top:0;right:calc(100% + 36rem);width:55%;max-width:360rem;max-width:360rem;height:100%;border-radius:10rem; isolation: isolate;}
.nl-recomm-point5 .area-pg-content7 .school-list .view img {position:absolute;top:0;left:50%;width:400rem;max-width:120%;height:auto;min-height:100%;transform:translateX(-50%);}
.nl-recomm-point5 .area-pg-content7 .school-list table {margin-top:20rem;border:1rem solid #ababab;border-top:none;background:#fff;font-size:18rem;border-spacing:0;}
.nl-recomm-point5 .area-pg-content7 .school-list table th {padding:8rem;border-top:1rem solid #ababab;border-right:1rem solid #ababab;width:18%;vertical-align:middle;background:#f2fbff;}
.nl-recomm-point5 .area-pg-content7 .school-list table td {border-top:1rem solid #ababab;width:82%;color:#555;}
.nl-recomm-point5 .area-pg-content7 .school-list table td ul:not(.line) {padding:8rem 0;}
.nl-recomm-point5 .area-pg-content7 .school-list table td li {padding:0 8rem;}
.nl-recomm-point5 .area-pg-content7 .school-list table td .line li {padding:6rem 8rem;}
.nl-recomm-point5 .area-pg-content7 .school-list table td .line li ~ li {border-top:1px dotted #ababab;}

@media screen and (max-width:991px) {
    .nl-recomm-point5 .area-pg-content7 .flex-wrap + .pg-content-title {margin-top:60rem;}
    .nl-recomm-point5 .area-pg-content7 .school-list {margin:0;width:100%;}
    .nl-recomm-point5 .area-pg-content7 .school-list + .school-list {margin-top:26rem;}
    .nl-recomm-point5 .area-pg-content7 .school-list .name {font-size:15.6rem;text-align:center;}
    .nl-recomm-point5 .area-pg-content7 .school-list .name .en {display:block;}
    .nl-recomm-point5 .area-pg-content7 .school-list .view {margin-top:13rem;position:relative;top:auto;right:auto;width:100%;max-width:100%;height:143rem;}
    .nl-recomm-point5 .area-pg-content7 .school-list .view img {top:-10%;width:100%;height:auto;}
    .nl-recomm-point5 .area-pg-content7 .school-list table th,
    .nl-recomm-point5 .area-pg-content7 .school-list table td {font-size: 13rem;}
}

/*******************************************************************************
                                입학후기동영상
********************************************************************************/
.nl-recomm-point5 .area-pg-content8 {overflow:hidden;background:#ffee9d url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec10_bg.png) center top;}
.nl-recomm-point5 .area-pg-content8 .pg-content-title h2 .color {display:block;color:#f23537;text-shadow:2rem 0 0 #f23537;}
.nl-recomm-point5 .area-pg-content8 .pg-content-title h2 img {display:block;margin:0 auto 10rem;width:700rem;}
.nl-recomm-point5 .area-pg-content8 .area-video {margin:80rem auto;position:relative;width:800rem;}
.nl-recomm-point5 .area-pg-content8 .area-video:before {position:absolute;top:50%;left:50%;width:1340rem;height:1000rem;background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec10_video_bg.png") center no-repeat;background-size:100%;content:'';transform:translate(-50%, -50%);}
/* .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:991px) {
    .nl-recomm-point5 .area-pg-content8 {background:#ffee9d url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec10_bg_mo.png) center;background-size:cover;}
    .nl-recomm-point5 .area-pg-content8 .area-video {margin:39rem auto 26rem;width:292.5rem;}
    .nl-recomm-point5 .area-pg-content8 .area-video:before {width:494rem;height:377rem;}
}

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

@media screen and (max-width:991px) {
    .nl-recomm-point5 .foundation-img li:before {width:6.5rem;height:13rem;}
    .nl-recomm-point5 .foundation-txt {font-size:11.7rem;}
    .nl-recomm-point5 .foundation-txt h3 {font-size:15.6rem;}
}

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

@media screen and (max-width:991px) {
    .nl-recomm-point5 .foundation .box-wrap {margin-top:26rem;}
    .nl-recomm-point5 .foundation .box-wrap h3 {font-size:14.3rem;}
    .nl-recomm-point5 .foundation .box-wrap ul {font-size:11.7rem;}
    .nl-recomm-point5 .foundation .box-wrap small {font-size:9.1rem;}
    .nl-recomm-point5 .foundation .box2 {margin-top:26rem;}
}

/*******************************************************************************
                                    진학전략
********************************************************************************/
.nl-recomm-point5 .area-pg-content11 {background:url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/renewal/programs/details/nl-recomm-point5/sec13_bg.png");background-size:8rem;}
.nl-recomm-point5 .area-pg-content11 .pg-content-title {color:#fff;}
.nl-recomm-point5 .area-pg-content11 .pg-content-title img {display:block;margin:0 auto 10rem;max-height:55rem;}
.nl-recomm-point5 .area-pg-content11 .pg-content-title h2 {text-shadow:2rem 0 0 #fff;}
.nl-recomm-point5 .area-pg-content11 .pg-content-title .color {color:#ff3f41;text-shadow:2rem 0 0 #ff3f41;}
.nl-recomm-point5 .strategy .con {display:flex;justify-content:space-around;margin:40rem auto 0;width:90%;}
.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/renewal/programs/details/nl-recomm-point5/sec13_arrow.png") center no-repeat;background-size:100%;}
.nl-recomm-point5 .strategy .con .process p {margin:0 14rem;padding:40rem 0;border:1rem solid #929292;position:relative;width:35%;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 {padding:30rem 0;border:3px solid #00ff79;width:23%;background:#2951ff;color:#fff;text-align:center;}
.nl-recomm-point5 .strategy .con .result img {max-width:120rem;}
.nl-recomm-point5 .strategy .txt {margin-top:40rem;font-size:24rem;text-align:center;}
.nl-recomm-point5 .strategy .txt strong {color:#ff3f41;}

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