@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
/*******************************************************************************
                                    공통 css
********************************************************************************/
.sub-main-con-width {width: 1080px;margin: 0 auto;box-sizing: border-box;padding: 3rem 0;}
.sub-title {margin-bottom: .5rem;font-size: 2rem;line-height: 1.2;text-align: center;}
.sub-title > span {font-size: 1.1rem;}
.sub-text {margin-bottom: 3rem;font-size: .8rem;color: #666 ;}
.sub-text > strong {font-size: 1.1rem; display: inline-block;margin-bottom: 1.5rem;color: #333;}
.sub-text > strong > strong {color: #1EC95B;}
.sub-text > span {color: #EF3D42;}
.sub-text-tl {text-align: left;}
.sub-text-tc {text-align: center;}
.sub-text-m1 {margin: 1rem 0;}
.precautions-text {padding-left: 1.5rem;text-align: left;margin-bottom: 1rem;}
.precautions-text > li {position: relative;margin-bottom: .2rem;font-size: .7rem;color: #666;}
.precautions-text > li::before {content: '*';position: absolute;right: 100%;top: 0;padding-right: .5rem;}
.sub-title-mb {margin-bottom: 3rem;}
.sub-con-title {color: #333;font-size: 1.1rem;margin-bottom: 1rem;}
.sub-con-text {font-size: .8rem;color: #666;margin-bottom: 2rem;}
.sub-con-text > span {color: #1EC95B;}
.sub-con-list-text {margin-bottom: 2rem;color: #666;font-size: .8rem;}
.sub-con-list-text > li {margin-bottom: .2rem;position: relative;padding-left: .5rem;}
.sub-con-list-text > li::before {content: '·';position: absolute;left: 0;top: 0;}
.sub-con-list-text > li >  span {color: #1EC95B;}
.sub-con-list-text > li > a { color: #1EC95B; display: inline-block;margin-left: 1rem; text-decoration: underline;}

@media screen and (max-width:1200px) {
    .sub-main-con-width {width: 100%;padding: 3rem 1.5rem;}
}
@media screen and (max-width:720px) {
    .sub-text-tc {text-align: left;}
    .sub-title {font-size: calc(1rem + 2.6vw); text-align: left}
    .sub-title > span {font-size: calc(1rem + 1vw);}
    .sub-text {font-size: calc(1rem + 1vw);}
    .sub-text > strong {font-size: calc(1rem + 1vw);}
    .precautions-text > li {font-size: calc(1rem + .6vw);}
    .sub-con-text {font-size: calc(1rem + 1vw);}
    .sub-con-list-text {font-size: calc(1rem + 1vw);}
    .sub-con-title {font-size: calc(1rem + 1.1vw);}

}
/*******************************************************************************
                                    banner
********************************************************************************/
.banner-box {padding: 2.8rem 0;text-align: center;}
.banner-box .page-title {font-size: 3rem;color: #fff;font-weight: 700;}

/* 배너 이미지 */
.why .banner-box {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/banner/sub-main-why-banner.jpg") no-repeat center center;background-size: cover;}
.study-abroad-expenses .banner-box {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/banner/sub-main-expenses-banner.jpg") no-repeat center center;background-size: cover;}
.student-visa .banner-box {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/banner/sub-main-visa-banner.jpg") no-repeat center center;background-size: cover;}
.solutions .banner-box {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/banner/sub-main-solutions-banner.jpg") no-repeat center center;background-size: cover;}
.foundation .banner-box {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/banner/sub-main-foundation-banner.jpg") no-repeat center center;background-size: cover;}
.bachelors-course .banner-box {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/banner/sub-main-bachelors-banner.jpg") no-repeat center center;background-size: cover;}
.school-transfer .banner-box {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/banner/sub-main-transfer-banner.jpg") no-repeat center center;background-size: cover;}
.freemaster .banner-box {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/banner/sub-main-freemaster-banner.jpg") no-repeat center center;background-size: cover;}
.masters-course .banner-box {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/banner/sub-main-masters-banner.jpg") no-repeat center center;background-size: cover;}
.pre-sessional .banner-box {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/banner/sub-main-sessional-banner.jpg") no-repeat center center;background-size: cover;}
/* 전공별 */
.major-school-list .banner-box,.major-school-detail .banner-box {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/banner/major-school-list-banner.jpg") no-repeat center center;background-size: cover;}
@media screen and (max-width:720px) {
    .banner-box .page-title {font-size: calc(1rem + 3vw);}
}
/*******************************************************************************
                                    Why
********************************************************************************/
.why-con {display: grid;grid-template-columns: repeat(2,1fr);row-gap: 3rem;column-gap: 1rem;}
.why-con-col-img {height: 10rem;width: 100%;display: inline-block;margin-bottom: 1rem;}
.why-con-col-text {text-align: left;}
.why-con-col-text > dt {font-weight: 700;font-size: .9rem;margin-bottom: .5rem;}
.why-con-col-text > dd {color: #666;font-size: .8rem;}

.why-con-col1 .why-con-col-img {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/why/sub-main-why-img01-220623.jpg") no-repeat center center;background-size: cover;}
.why-con-col2 .why-con-col-img {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/why/sub-main-why-img02-220623.jpg") no-repeat center center;background-size: cover;}
.why-con-col3 .why-con-col-img {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/why/sub-main-why-img03-220623.jpg") no-repeat center center;background-size: cover;}
.why-con-col4 .why-con-col-img {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/why/sub-main-why-img04-220623.jpg") no-repeat center center;background-size: cover;}
.why-con-col5 .why-con-col-img {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/why/sub-main-why-img05-220623.jpg") no-repeat center center;background-size: cover;}


@media screen and (max-width:720px) {
    .why-con{grid-template-columns: repeat(1,1fr);}
    .why-con-col-text > dt {font-size: calc(1rem + 1.2vw);}
    .why-con-col-text > dd {font-size: calc(1rem + 1vw);}
}


/*******************************************************************************
                            student-visa - 학생 비자
********************************************************************************/
.student-visa-section2 {background: #F8F8F8;}
.student-visa-map > p {font-size: .8rem;color: #666;margin-bottom: .5rem;}
.student-visa-map-con {width: 100%;height: 25rem;}
.student-visa-section2-con {padding: 1.5rem;background: #fff;margin-bottom: 2rem;}
.student-visa-section2-con .sub-con-list-text {margin-bottom: 0;}
.student-visa-section2-con1 .sub-con-list-text > dl {display: flex; align-items: center;margin-bottom: .5rem;}
.student-visa-section2-con1 .sub-con-list-text > dl > dt > svg {margin-right: 1rem;}
.student-visa-section2-con1 .sub-con-list-text > dl > dd {line-height: 1;}
.student-visa-section2-con2 .sub-con-list-text > li {padding-left: 2rem;line-height: 1.1;margin-bottom: .5rem;}
.student-visa-section2-con2 .sub-con-list-text > li::before {content: '1';width: 20px;height: 20px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #1EC95B;display: flex;justify-content: center;align-items: center;color: #fff;line-height: 1;}
.student-visa-section2-con2 .sub-con-list-text > li:nth-child(2)::before {content: '2';}
.student-visa-section2-con2 .sub-con-list-text > li:nth-child(3)::before {content: '3';}
.student-visa-section2-con2 .sub-con-list-text > li:nth-child(4)::before {content: '4';}
.student-visa-section2-con2 .sub-con-list-text > li:nth-child(5)::before {content: '5';}
.student-visa-section2-con2 .sub-con-list-text > li:nth-child(6)::before {content: '6';}
.student-visa-section3 .sub-con-list-text {margin-bottom: 0;}
@media screen and (max-width:720px) {
    .student-visa-map > p {font-size: calc(1rem + 1vw);}
    .student-visa-section2-con2 .sub-con-list-text > li::before {font-size: 16px;}
}
/*******************************************************************************
                            solutions  - 합격솔루션
********************************************************************************/
.student-solutions-section1-con {background: #F8F8F8;padding: 2.5rem;}
.student-solutions-section2-con {border: 1px solid #C5C5C5;text-align: center;padding: 2.5rem;margin-bottom: 3rem;}
.student-solutions-section2-con > img {width: 30rem;}
.sub-link {display: flex;justify-content: center;}
.sub-link > a {text-align: center;font-size: .8rem;color: #ffffff;display: inline-block;padding: .5rem 1rem ;background: #000;margin: 0 .25rem;}
.sub-link > a.sub-link-btn-bgNo {background: none;color: #000;border: 1px solid #000;}
.student-solutions-section3 {background: #EFF1F6;}
.student-solutions-section3-con {display: flex;justify-content: space-between; align-items: center;}
.student-solutions-section3-con .slider-item {width: 40%;position: relative;}
.student-solutions-section3-con .slider-item::before {content: '';position: absolute;right: 100%;top: 50%;transform: translateY(-50%);width: 19.45rem;height: 27.25rem;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/solutions/sub-main-solutions-img02.png") no-repeat center center;background-size: cover;}
.student-solutions-section3-con .slider-item > a {display: inline-block;width: 100%;background: #fff;padding-bottom: 1rem;box-shadow: 0 .15rem .3rem #00000029;}
.student-solutions-section3-con .thumb > img {width: 100%;}
.student-solutions-section3-con .hash {background: #fff;padding: 1rem;box-sizing: border-box;}
.student-solutions-section3-con .hash > span {font-size: .7rem;color: #666;}
.student-solutions-section3-con .subject {box-sizing: border-box;padding: 0 1rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;white-space:normal;line-height:1.2em;height:2.4em;overflow:hidden;text-overflow:ellipsis;font-size: .8rem;}
.student-visa-section3-con-text {width: 49%;padding: 0 2rem;text-align: center;}
.student-visa-section3-con-text > h3 {width: 100%;margin-bottom: .5rem;}
.student-visa-section3-con-text > h3 > span {font-size: .9rem;}
.student-visa-section3-con-text > h3 > strong {font-size: 3.5rem;}
.student-visa-section3-con-text > h3 > strong > strong {color: #1EC95B;}
.student-visa-section3-con-text > p {color: #666;font-size: .7rem;margin-bottom: 1.5rem;}
@media screen and (max-width:1080px) {
    .student-solutions-section3-con .slider-item::before {display: none;}
}
@media screen and (max-width:720px) {

    .student-solutions-section1-con {padding: 1.5rem;}
    .student-solutions-section2-con > img {width: 100%;}
    .sub-link > a {width: 100%;font-size: calc(1rem + 1.4vw);padding: 2rem 0;}
    .student-solutions-section3-con {display: block;text-align: center;}
    .student-solutions-section3-con .slider-item {width: 80%;margin: 0 auto 1.5rem;}
    .student-solutions-section3-con .hash {text-align: left;}
    .student-solutions-section3-con .hash > span {font-size: calc(1rem + 1vw);}
    .student-solutions-section3-con .subject {font-size: calc(1rem + 1.2vw); text-align: left;}
    .student-visa-section3-con-text {width: 100%;box-sizing: border-box;padding: 0;}
    .student-visa-section3-con-text > h3 > span {font-size: calc(1rem + 2vw);}
    .student-visa-section3-con-text > h3 > strong {font-size: calc(1rem + 10vw);}
    .student-visa-section3-con-text > p {font-size: calc(1rem + .5vw);}
    .student-visa-section3-con-text .sub-link > a {padding: 1rem 0;}
}
/*******************************************************************************
                                    foundation - 파운데이션
********************************************************************************/
.student-foundation-section2-con-row {display: flex;margin-bottom: 4.5rem;background: #EFF1F6;padding: 1rem 0;position: relative;margin-right: 2rem;}
.student-foundation-section2-con-row::before {content: '';position: absolute;left: 0;bottom: 0;width: 10rem;height: 7rem;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/foundation/sub-main-foundation-img01.png") no-repeat center center;background-size: cover;}
.student-foundation-section2-con-row:nth-child(2)::before {background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/foundation/sub-main-foundation-img02.png") no-repeat center center;background-size: cover;}
.student-foundation-section2-con-row::after {content: '';position: absolute;left: 100%;top: 50%;transform: translateY(-50%);border-left: 2rem solid #EFF1F6;border-top: 4.4rem solid transparent;border-bottom: 4.4rem solid transparent;width: 0;height: 0;}
.student-foundation-section2-con-row > span {display: inline-block;padding: .5rem 0;box-sizing: border-box;color: #fff;text-align: center;width: 40%;border-right:1px solid #707070;font-size: 1rem;}
.student-foundation-section2-con-row > span > span {background: #1EC95B;display: inline-block;width: 100%;padding: .5rem 0;}
.student-foundation-section2-con-row:first-child > span:nth-child(2) {width: 20%;}
.student-foundation-section2-con-row > span:first-child > span {color: #000;background: #fff;}
.student-foundation-section2-con-row > span:last-child {border-right:none;}
.student-foundation-section2-con-row > span:last-child > span {background: #333333;}
.student-foundation-section2-con-row:nth-child(2) > span:first-child {width: 60%;}

.student-foundation-section4-con {padding: 1.5rem;box-shadow: 0 .15rem .3rem #00000029;border: 1px solid #C5C5C5;-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;margin-bottom: 1.5rem;}
.student-foundation-section4-con > p {margin-bottom: 0;}


.student-foundation-section6-con {display: grid;grid-template-columns: repeat(2,1fr);row-gap: 1rem;column-gap: 1rem;}
.student-foundation-section6-con-col {box-shadow: 0 .15rem .3rem #00000029;border: 1px solid #C5C5C5;-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;position: relative;overflow: hidden;}
.student-foundation-section6-con-col-text {display: flex;padding: 1.5rem;justify-content: space-between;align-items: start;margin-bottom: 5rem;}
.student-foundation-section6-con-col-text-name {display: flex;align-items: center;color: #666;font-size: .8rem;}
.student-foundation-section6-con-col-text-name > svg {width: 2.35rem;height: 2.35rem;margin-right: .5rem;}
.student-foundation-section6-con-col-text-text {width: 60%;}
.student-foundation-section6-con-col-text-text > span {font-size: 1.1rem;display: inline-block;position: relative;margin-bottom: .5rem;font-weight: 700;}
.student-foundation-section6-con-col-text-text > span::before {content: '';position: absolute;left: 100%;top: 50%;transform: translate(50%,-50%);border-left: .8rem solid #333;border-top: .65rem solid transparent;border-bottom: .65rem solid transparent;width: 0;height: 0;}
.student-foundation-section6-con-col-text-text > strong {color: #1EC95B;font-size: 1.1rem;}
.student-foundation-section6-con-col-school {display: flex;justify-content: space-around;align-items: center;padding: .7rem;background: #EFF1F6;position: absolute;left: 0;width: 100%;bottom: 0;box-sizing: border-box;}
.student-foundation-section6-con-col-school > span {display: inline-block;}
.student-foundation-section6-con-col-school > small {font-size: .8rem;color: #666;}
.student-foundation-section6-con-col-school > strong {font-size: .8rem;}
.student-foundation-section6-con-col:nth-child(1) .student-foundation-section6-con-col-school > span,
.student-foundation-section6-con-col:nth-child(2) .student-foundation-section6-con-col-school > span {width: 3.1rem;height: 2.35rem;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/foundation/sub-main-foundation-logo01.png") no-repeat center center;background-size: cover;}
.student-foundation-section6-con-col:nth-child(3) .student-foundation-section6-con-col-school > span {width: 5.45rem;height: 1.8rem;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/foundation/sub-main-foundation-logo02.png") no-repeat center center;background-size: cover;}
.student-foundation-section6-con-col:nth-child(4) .student-foundation-section6-con-col-school > span {width: 4.6rem;height: 2.95rem;background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/main/university-abroad/sub-main/foundation/sub-main-foundation-logo03.png") no-repeat center center;background-size: cover;}

@media screen and (max-width:720px) {
    .student-foundation-section2-con-row > span:first-child {width: 30%;}
    .student-foundation-section2-con-row:first-child > span:nth-child(2){width: 30%;}
    .student-foundation-section2-con-row > span:last-child {width: 40%;}
    .student-foundation-section2-con-row > span {width: 40%;}
    .student-foundation-section2-con-row:nth-child(2) > span:first-child {width: 60%;}
    .student-foundation-section2-con-row::before {display: none;}
    .student-foundation-section6-con {grid-template-columns: repeat(1,1fr);}
    .student-foundation-section6-con-col-text {display: block;margin-bottom: 2.5rem;}
    .student-foundation-section6-con-col-text-name {margin-bottom: 1rem;width: 100%;font-size: calc(1rem + 1vw);}
    .student-foundation-section6-con-col-text-text {width: 100%;}

    .student-foundation-section6-con-col-text-text > span {font-size: calc(1rem + 2vw);}
    .student-foundation-section6-con-col-text-text > strong {font-size: calc(1rem + 2vw);}
    .student-foundation-section6-con-col-school {display: block;position: relative;}
    .student-foundation-section6-con-col-school > span {position: absolute;top: 50%;right: 5%;transform: translateY(-50%);}
    .student-foundation-section6-con-col-school > small {font-size: calc(1rem + .5vw);display: block;}
    .student-foundation-section6-con-col-school > strong {font-size: calc(1rem + .5vw);display: block;}
}
/*
youtube 영상 재생 부분 (공통)
:: common-videoPlay : youtube 영상 article class name
*/
.common-videoPlay .videoWrap.youtube{position: relative; cursor: pointer; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; padding-bottom: 54.5%;}
.common-videoPlay .videoWrap.youtube figure {position: absolute; width: 100%; height: 100%; object-fit: cover; top: 50%; left: 50%; transform: translate(-50%,-50%); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 2;}
.common-videoPlay .videoWrap.youtube iframe { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.common-videoPlay .videoWrap.youtube figure::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 46px; height: 46px; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/btn_play.png'); touch-action: none; pointer-events: none;}
.common-videoPlay .videoPopup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; }
.common-videoPlay .videoPopup .dim { background: rgba(0,0,0,0.8); width: 100%; height: 100%; }
.common-videoPlay .videoPopup .popup { position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); width: 48rem; aspect-ratio: 960/540; max-width: 80%; animation: junior-videoPopup 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s forwards; }
.common-videoPlay .videoPopup .popup iframe { width: 100%; height: 100%; object-fit: cover; }
.common-videoPlay .videoPopup .popup .closeBtn { width: 2.4rem; height: 2.4rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/junior-abroad-seminar-admission/popup_closeBtn.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: -3.6rem; right: 0; }
.common-videoPlay .videoPopup .popup .closeBtn span { text-indent: -999999%; display: block; }

.student-foundation-video * { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; overflow: initial; line-height: 150%; }
.student-foundation-video .sub-main-con-width { padding: 2rem 0; }
.student-foundation-video .box-video { display: flex; background: none; border: 1px solid #E4E8F1; border-radius: 24px; box-shadow: 0px 4px 10px 0px #EBEFF4; padding: 1.6rem; }
.student-foundation-video .left{ width: 34.4rem; max-width: 100%; }
.student-foundation-video .videoWrap.youtube{ padding-bottom: 0; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); border-radius: 24px; }
.student-foundation-video .videoWrap.youtube .video{ width: 100%; aspect-ratio: 688 / 387; position: relative; }
.student-foundation-video .videoWrap.youtube figure::after{ width: 4.8rem; height: 4.8rem; background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/btn_play.png) no-repeat; background-size: cover; }
.student-foundation-video .right{ width: calc(100% - 34.4rem - 1.2rem); padding-left: 1.2rem; }
.student-foundation-video .title > strong{  overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 1.2rem; line-height: 130%; color:#000; }
.student-foundation-video .title > p{ margin: 0; padding: .6rem 0 1.3rem;font-size: 1rem; color: #666; }
.student-foundation-video .videoList li{ display: flex; gap: .6rem; margin-bottom: .4rem; padding: 11px; border: 1px solid #E4E8F1; border-radius: 12px; box-shadow: 0px 4px 10px 0px #EBEFF4; cursor: pointer; }
.student-foundation-video .videoList li:last-child{ margin-bottom: 0; }
.student-foundation-video .videoList li.active{ position: relative; padding: 10px; border: 2px solid #1EC95B; }
.student-foundation-video .videoList li .video{ display: block; position: relative; width: 4.05rem; border-radius: 4px; aspect-ratio: 81/46; overflow: hidden; }
.student-foundation-video .videoList li .text{ width: calc(100% - 4.05rem - .6rem); }
.student-foundation-video .videoList li .text p{ overflow: hidden; padding-bottom: 4px; font-size: .8rem; line-height: 131%; text-overflow: ellipsis; white-space: nowrap; color:#333; }
.student-foundation-video .videoList li .text span{ display: block;font-size: .7rem;color: #666; }
.student-foundation-video .videoList li iframe{ width: 100%; height: 100%; border: none; outline: 0; }
.student-foundation-video .videoList figure { background-size: cover; background-position: center; width: 100%; height: 100%; }
.student-foundation-video .videoList figure:after { position: absolute; width: 1.2rem; height: 1.2rem; object-fit: cover; top: 0.2rem; right: 0.2rem; background: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/btn_play.png); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 2; content: ""; }
.student-foundation-video .videoList li.active figure:after { background-image: url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/dndn-package/btn_play_green.png); }
.student-foundation-video .videoList li.active .video:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; content: ""; }

@media screen and (max-width: 1200px) {
    .student-foundation-video .sub-main-con-width { padding: 2rem 1.5rem; }
}

@media screen and (max-width: 1000px) {
    .student-foundation-video .left { width: 28rem; }
    .student-foundation-video .right { width: calc(100% - 28rem - 1.2rem)}
}

@media screen and (max-width: 768px) {
    .student-foundation-video .sub-main-con-width { padding: 24px 16px; }
    .student-foundation-video .box-video { display: block; padding: 0 12px; border: 0 none; box-shadow: none;}
    .student-foundation-video .left { width: 100%; }
    .student-foundation-video .right { width: 100%; padding-left: 0; }
    .student-foundation-video .title > strong { padding-top: 12px; font-size: 1.23rem; font-weight: 500; }
    .student-foundation-video .title > p { padding: 4px 0 16px; }
    .student-foundation-video .videoList li { margin-bottom: 4px; padding: 8px; gap: 8px; }
    .student-foundation-video .videoList li.active { padding: 6px; }
    .student-foundation-video .videoList li .video { width: 6.231rem; }
    .student-foundation-video .videoList li .text { width: calc(100% - 6.231rem - 8px); }
    .student-foundation-video .videoList li .text p { font-size: 1.08rem; }
    .student-foundation-video .videoList li .text span { font-size: 1rem; }
    .student-foundation-video .videoList figure:after { width: 24px; height: 24px; top: 4px; right: 4px; }
}

/*******************************************************************************
                        school-transfer - 편입
********************************************************************************/
.student-transfer-section4-con { display: grid; grid-template-columns: repeat(3,1fr); row-gap: 1rem; column-gap: 1rem; }
.student-transfer-section4-con-col {display: flex;justify-content: center;align-items: center;padding: 2rem 0;text-align: center;background: #EFF1F6;-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;}
.student-transfer-section4-con-col > p {font-size: .8rem;}
.student-transfer-section4-con-col > p > span {color: #1EC95B;}

.sub-flex {display: grid;grid-template-columns: repeat(4,1fr);row-gap: 3rem;column-gap: 3rem;}
.sub-flex-col {position: relative;text-align: center;}
.sub-flex-col::before {content: '';position: absolute;left: 100%;top: 50%;transform: translate(1.5rem,-50%);border-left: 1.1rem solid #333;border-top: .6rem solid transparent;border-bottom: .6rem solid transparent;width: 0;height: 0;}
.sub-flex-col:last-child::before {display: none;}
.sub-flex-col-con {width: 10rem;height: 10rem;background: #1EC95B;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: relative;margin: 0 auto 1rem;}
.sub-flex-col-con > p {font-size: 1.1rem;color: #fff;font-weight: 700;}
.sub-flex-num {position: absolute;top: 5%;left: 5%;background: #1EC95B;display: inline-block;padding: .3rem .5rem;font-size: 1.1rem;color: #fff;}
.sub-flex-col-text {font-size: .8rem;}
@media screen and (max-width:1080px) {
    .sub-flex-col-con {width: 18.5185vw;height: 18.5185vw;}
}
@media screen and (max-width:720px) {
    .student-transfer-section4-con {grid-template-columns: repeat(1,1fr);}
    .student-transfer-section4-con-col > p {font-size: calc(1rem + .8vw);}
    .sub-flex {grid-template-columns: repeat(2,1fr);}
    .sub-flex-col-con {width: 40vw;height: 40vw;}
    .sub-flex-col::before {display: none;}
    .sub-flex-col-con > p {font-size: calc(1rem + 1.2vw);}
    .sub-flex-num {font-size: calc(1rem + 1.1vw);}
    .sub-flex-col-text {font-size: calc(1rem + .8vw);}
}
/*******************************************************************************
                            freemaster
********************************************************************************/
.student-transfer-section4-con-bg-none .student-transfer-section4-con-col {background: #fff;border: 1px solid #C5C5C5;box-shadow: 0 .15rem .3rem #00000029;}
.student-transfer-section4-con02 {grid-template-columns: repeat(4,1fr);}

/*******************************************************************************
                            masters-course - 석사과정
********************************************************************************/
.student-masters-section2-con {display: flex;background: #EFF1F6;margin-bottom: 2rem;position: relative;}
.student-masters-section2-con > span {width: 20%;position: relative;height: 5rem;background: #00000060;color: #fff;font-weight: 700;font-size: .9rem;}
.student-masters-section2-con > span::before {content: '';position: absolute;left: 100%;top: 50%;transform: translateY(-50%);border-left: 2rem solid #333;border-top: 2.5rem solid transparent;border-bottom: 2.5rem solid transparent;width: 0;height: 0;z-index: 3;}
.student-masters-section2-con > span:nth-child(1) {background: #4B8673;}
.student-masters-section2-con > span:nth-child(1)::before {border-left-color: #4B8673;}
.student-masters-section2-con > span:nth-child(2) {background: #5FD068;}
.student-masters-section2-con > span:nth-child(2)::before {border-left-color: #5FD068;}
.student-masters-section2-con > span:nth-child(3) {background: #F5DF99;color: #333;}
.student-masters-section2-con > span:nth-child(3)::before {border-left-color: #F5DF99;}
.student-masters-section2-con > span > span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.student-masters-section2-con > div {position: absolute;left: 65%;top: 50%;font-size: .9rem; transform: translateY(-50%); font-weight: 700; color: #333;}

@media screen and (max-width:720px) {
    .student-masters-section2-con > span {font-size: calc(1rem + 1vw);width: 25%;margin-right: 4%;}
    .student-masters-section2-con {padding-bottom: 4rem;}
    .student-masters-section2-con > div {font-size: calc(1rem + 1vw);}
}

/*******************************************************************************
                        pre-sessional - 프리세셔널
********************************************************************************/
.student-sessional-section3-con {display: grid;grid-template-columns: repeat(2,1fr);row-gap: .5rem;column-gap: .5rem;margin-bottom: 3rem;}
.student-sessional-section3-con-col {display: flex;align-items: center;background: #EFF1F6;padding: 1rem;}
.student-sessional-section3-con-col > strong {font-size: .9rem;color: #1ec95b;margin-right: 1.5rem;}
.student-sessional-section3-con-col > span {font-size: .8rem;color: #666;}
@media screen and (max-width:720px) {
    .student-sessional-section3-con {grid-template-columns: repeat(1,1fr);text-align: center;}
    .student-sessional-section3-con-col {display: block;}
    .student-sessional-section3-con-col > strong {font-size: calc(1rem + 1.2vw);display: block;margin-bottom: .5rem;}
    .student-sessional-section3-con-col > span {font-size: calc(1rem + 1vw);}
}
/*******************************************************************************
                                grid
********************************************************************************/
.sub-grid {display: grid;grid-template-columns: repeat(3,1fr);row-gap: 1.5rem ;column-gap: 1.5rem;}
.sub-grid-col {border: 1px solid #C5C5C5;padding: 1rem;-webkit-border-radius: .25rem;-moz-border-radius: .25rem;border-radius: .25rem;box-shadow: 0 .15rem .3rem #00000029;}
.sub-grid-col-num {margin-bottom: 1rem;}
.sub-grid-col-num > span {font-size: 1.6rem;background: #1EC95B;color: #fff;display: inline-block;padding:  0 .3rem;font-weight: 700;}
.sub-grid-col-text {font-size: .8rem;margin-bottom: .5rem;}
.sub-grid-col-text > strong {font-size: .9rem;margin-bottom: .5rem;}
.sub-grid-col-list {font-size: .7rem;margin-left: .7rem;list-style: outside;color: #666;}
.sub-grid-col-list > li {margin-bottom: .4rem;}
.sub-grid-col-list > li > span {display: inline-block;position: relative;margin-left: .4rem;}
.sub-grid-col-list > li > span::before {content: '*';position: absolute;right: 100%;margin-right: .3rem;}
@media screen and (max-width:720px) {
    .sub-grid {grid-template-columns: repeat(1,1fr);}
    .sub-grid-col-num > span {font-size: calc(1rem + 3vw);}
    .sub-grid-col-text > strong {font-size: calc(1rem + 1.1vw);}
    .sub-grid-col-text {font-size: calc(1rem + 1vw);}
    .sub-grid-col-list {margin-left: 2rem;font-size: calc(1rem + .6vw);}
}
/*******************************************************************************
                                프로그램
********************************************************************************/
.sub-main-con-width .swiper-wrapper > .swiper-slide {display: grid !important;grid-template-columns: repeat(4,1fr);row-gap: 1rem;column-gap: 1rem;}
@media screen and (max-width:1080px) {
    .sub-main-con-width .swiper-wrapper > .swiper-slide {display: flex !important;overflow-x: auto;}
    .sub-main-con-width .swiper-wrapper > .swiper-slide > .swiper-slide {max-width: 17rem;}
}

/*******************************************************************************
                                    테이블 모음
********************************************************************************/
.sub-main-table1,
.sub-main-table3{margin-bottom: 1rem;width: 100%;border-collapse: collapse;text-align: center;}
table caption {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
.sub-main-table1 thead th {border-bottom: none;background: #F8F8F8;font-size: .9rem;}
.sub-main-table1 thead th span {font-size: .8rem;}
.sub-main-table1 tbody th {background: #EFF1F6;font-size: .8rem;font-weight: 400;}
.sub-main-table1 th,
.sub-main-table1 td,
.sub-main-table3 th,
.sub-main-table3 td{border: 1px solid #C5C5C5;padding: 1rem;}
.sub-main-table1 th:first-child,
.sub-main-table1 td:first-child,
.sub-main-table3 th:first-child,
.sub-main-table3 td:first-child {border-left: none;}
.sub-main-table1 th:last-child,
.sub-main-table1 td:last-child,
.sub-main-table3 th:first-child,
.sub-main-table3 td:first-child {border-right: none;}
.sub-main-table1 td,
.sub-main-table3 td{font-size: .8rem;color: #666;}
.sub-main-table1 td ul {list-style: outside;margin-left: 1rem;}
.sub-main-table1 td ul > li {margin-bottom: .3rem;}
.sub-main-table1 td span {position: relative;font-size: .8rem;}
.sub-main-table1 td span::before {content: '*';margin-right: .2rem;}
.sub-main-table2 {margin-bottom: 5rem;width: 100%;border-collapse: collapse;text-align: center;}
.sub-main-table2 th,
.sub-main-table2 td {border: 1px solid #C5C5C5;padding: 1rem 0;}
.sub-main-table2 th {border-bottom: none;font-size: .9rem;}
.sub-main-table2 td {font-size: .8rem;color: #666;}
.shadow-left{box-shadow: inset -.4rem 0 .5rem -.4rem rgba(0,0,0,0.4);}
/* 테이블2 색상 */
.sub-main-table2 tr:nth-child(-n+2) td{background: #f8f8f8;}
.sub-main-table2 tr:nth-child(n+3):nth-child(-n+6) td:nth-child(-n+1),
.sub-main-table2 tr:nth-child(n+3):nth-child(-n+5) td:nth-child(n+2) {background: #EFF1F6;}
.sub-main-table2 tr:nth-child(n+7):nth-child(-n+12) td:nth-child(-n+1),
.sub-main-table2 tr:nth-child(n+6):nth-child(-n+12) td:nth-child(n+2) {background: #F6EFEF;}
.sub-main-table2 tr:nth-child(n+12) td {background: #F8FAEC;}



.sub-main-table3 th {background: #F8F8F8;width: 20%;}
.sub-main-table3 td {padding: 1rem;}
.sub-main-table3 td > span {font-size: .7rem;color: #666;position: relative;margin-left: .7rem;}
.sub-main-table3 td > span::before {content: '*';position: absolute;right: 100%;top: 0;}


.border-bottom-none {border-bottom: none !important;}
.border-top-none {border-top: none !important;}
.border-bottom-color {border-bottom-color: #000000 !important;}

@media screen and (max-width:720px) {
    .sub-main-table1 thead th{font-size: calc(1rem + 1vw);}
    .sub-main-table1 thead th > span {font-size: calc(1rem + .8vw);}
    .sub-main-table1 tbody th,
    .sub-main-table3 tbody th,
    .sub-main-table1 td span{font-size: calc(1rem + .8vw);}
    .sub-main-table1 td,
    .sub-main-table3 td{font-size: calc(1rem + .8vw);}
}