<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/****************************
    공통
****************************/
.mainPage article{padding: 100px 0;}
.mainPage .about-btec { font-weight: bold; font-size: 26px; line-height: 34px; letter-spacing: -0.05px; padding: 16px 0 0; color: #333;}
.mainPage .wrap-grid.two{row-gap: 57px;}
.mainPage article + [class^=btec-banner]{margin-top: 0;}

.videoWrap.youtube{width: 100%; height: auto; aspect-ratio: 16/9; border-radius: 24px; overflow: hidden; cursor: pointer; position: relative;}
.videoWrap.youtube::after{content: ''; width: 96px; height: 96px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/common/youtube-play.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 2;}
.videoWrap.youtube iframe{width: 100%; height: 100%; object-fit: cover; display: none; border: none; outline: 0; position: relative;}
.videoWrap.youtube figure{width: 100%; height: 100%; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; touch-action: none; pointer-events: none; filter: brightness(0.75);}
.videoWrap.youtube.play::after{display: none;}
.videoWrap.youtube.play figure{display: none;}
.videoWrap.youtube.play iframe{display: block;}

/* 영역 제목 */
.mainPage .contents-header .contents-title{font-size: 54px; line-height: 130%; letter-spacing: -1.08px;}


/****************************
    contents
****************************/
/* 비주얼 */
.main-banner { background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/main_bg.png'); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 900px; position: relative; text-align: center; padding: 40px 0 32px; }
.main-banner .text-banner { text-indent: -9999px; overflow: hidden; display: block; width: 568px; height: 72px; background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/main-banner-cont1.png'); background-repeat: no-repeat; background-position: center center; background-size: 568px 72px; margin: 0 auto; }
.main-banner h2 { font-size: 90px; line-height: 122px; letter-spacing: -4.24px; color: #FFFFFF; text-shadow: 0px 2px 2px #3039454D; margin: 24px 0 0; font-weight: bold;}
.main-banner h2 .point-color { display: block; font-size: 100px; line-height: 138px; letter-spacing: -3.84px; color: #48FFF3; }
.main-banner p { font-size: 32px; line-height: 44px; letter-spacing: -0.05px; color: #FFFFFF; text-shadow: 0px 2px 2px #30394566; margin: 32px 0 0; font-weight: 600;}
.main-banner .scroll-down { display: block; width: 60px; height: 60px; background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/ico-scroll-down.svg'); background-repeat: no-repeat; background-size: 60px 60px; background-position: center center; text-indent: -9999px; overflow: hidden; position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); }

/* 실시간 해외 대학 합격생 배출 중! */
.realTime-pass { background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/realTime-pass-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: top center; }
.realTime-pass h3 em { color: #E21D00; font-style: normal; }
.realTime-pass .videoArea{margin-bottom: 72px;}
.realTime-pass .videoArea p{text-align: center; font-size: 32px; font-weight: 600; line-height: 130%; letter-spacing: -0.64px; color: #000; margin-bottom: 24px;}
.realTime-pass .videoArea .youtube{max-width: 1024px; margin: 0 auto;}
.realTime-pass .box { background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/realTime-pass-box.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #fff; width: 100%; aspect-ratio: 1248/390; position: relative; padding: 20px 10%; display: flex; align-items: center; box-shadow: 0 2px 8px #EFE470; flex-wrap: wrap; border-radius: 4px; height: auto;  line-height: 1.69; letter-spacing: -1px; }
.realTime-pass .box + .box { margin-top: 62px; }
.realTime-pass .box::before { content: ''; position: absolute; top: -12px; right: 60px; background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/realTime-pass-box-icon.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 66px; height: 68px; }
.realTime-pass .box .left { width: 40%; font-size: 20px; font-weight: 500; color: #000; line-height: 150%; letter-spacing: -0.2px;}
.realTime-pass .box .left strong { font-size: 22px; font-weight: 700; margin: 16px 0 8px; display: block; letter-spacing: -0.22px;}
.realTime-pass .box .left figure { aspect-ratio: 190/84; width: 190px; background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0; }
.realTime-pass .box .right { width: 60%; font-size: 20px; color: #333333; font-weight: 500; padding-left: 18px;}
.realTime-pass .box .right b { font-weight: 800; }

/* edm 해외대학 정규과정 커리큘럼 */
.curriculum .btec-box { height: 100%; padding: 32px; background-color: #fff; border: 1px solid #c5c5c5; border-radius: 12px; }
.curriculum .btec-box h3 { margin: 0 0 16px; font-size: 26px; line-height: 34px; letter-spacing: -0.05px; font-weight: bold; color: #000;}
.curriculum .btec-box p { font-size: 16px; line-height: 27px; letter-spacing: -0.02px; position: relative; padding-left: 12px; word-break: auto-phrase; color: #333;}
.curriculum .btec-box p::before { content: '·'; display: inline; position: absolute; left: 0; }

/* edm 해외대학 정규과정 왜 좋을까요? */
.curriculum-advantage .wrap-curriculum { margin: 0; }
.curriculum-advantage .column-curriculum { height: 100%; border: 2px solid #C8C8C8; border-radius: 12px; box-shadow: 0 10px 8px #F3F3F3; }
.curriculum-advantage .column-curriculum &gt; strong { display: block; padding: 20px 0; border-radius: 12px 12px 0 0; background-color:#F8F8F8; font-size: 26px; text-align:center; line-height: 38px; color:#000; }
.curriculum-advantage .column-curriculum.point { border: 2px solid #00B1A4; box-shadow: 0 10px 8px #D8EEEC; }
.curriculum-advantage .column-curriculum.point &gt; strong { background-color:#D1F9F6; }
.curriculum-advantage .column-curriculum .wrapList { padding: 40px 10px; }
.curriculum-advantage .column-curriculum .list-curriculum { width: 100%; max-width: 402px; margin: 0 auto; }
.curriculum-advantage .column-curriculum .list-curriculum li { display: flex; align-items: center; gap: 32px; margin-bottom: 24px; }
.curriculum-advantage .column-curriculum .list-curriculum li:last-child { margin-bottom: 0; }
.curriculum-advantage .column-curriculum .list-curriculum li figure { display:block; width: 90px; height: 90px; margin: 0; background-size: cover; background-repeat: no-repeat; }
.curriculum-advantage .column-curriculum .list-curriculum li figure.icon01 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/curriculum_pointIcon_01.png'); }
.curriculum-advantage .column-curriculum .list-curriculum li figure.icon02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/curriculum_pointIcon_02.png'); }
.curriculum-advantage .column-curriculum .list-curriculum li figure.icon03 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/curriculum_pointIcon_03.png'); }
.curriculum-advantage .column-curriculum .list-curriculum li figure.icon04 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/curriculum_pointIcon_04.png'); }
.curriculum-advantage .column-curriculum .list-curriculum li figure.icon05 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/curriculum_icon_01.png'); }
.curriculum-advantage .column-curriculum .list-curriculum li figure.icon06 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/curriculum_icon_02.png'); }
.curriculum-advantage .column-curriculum .list-curriculum li figure.icon07 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/curriculum_icon_03.png'); }
.curriculum-advantage .column-curriculum .list-curriculum li figure.icon08 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/curriculum_icon_04.png'); }
.curriculum-advantage .column-curriculum .list-curriculum li .textWrap { width: calc(100% - 122px); color: #000;}
.curriculum-advantage .column-curriculum .list-curriculum li .textWrap p { font-size: 26px; line-height: 35px; font-weight: 700;}
.curriculum-advantage .column-curriculum .list-curriculum li .desc { display:block; margin-top: 6px; font-size: 18px; color:#333; }

/* edm 해외대학 정규과정 이수 과목 리스트 */
.subject { background-color: #EAFFEF; }
.subject .title { display: block; font-size: 26px; text-align: center; color: #000;}
.mainPage .subject .list-subject {gap: 12px 24px; margin-top: 24px; }
.subject .list-subject &gt; li { padding: 24px 0; border-radius: 12px; border: 1px solid #C9E1D0; background-color: #fff; font-size: 18px; line-height: 28px; text-align: center; color: #333; }

/* edm 해외대학 정규과정이라면 쉽습니다! */
.feature .imgWrap { margin-bottom: 60px; }
.feature .imgWrap figure { display: block; margin: 0 auto; width: 100%; max-width: 916px; aspect-ratio: 916/332; background: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/feature_img.png'); background-size: cover; background-repeat: no-repeat; }

/* edm해외대학 정규과정 결과로 증명합니다! */
.mainPage .edm-result{padding-bottom: 0; background: linear-gradient(180deg, #fff, #EEFDFF);}
.edm-result .contents-body { padding-bottom: 0; }
.edm-result .contents-title.size1 { line-height: 68px; }
.edm-result h3 em { font-style: normal; color: #00B4A7; }

/* edm 해외대학 정규과정 차별성 */
.mainPage #btec-dfc .wrap-gc-box{border-color:  #CEE5E3; }

/* 유학정보 영상 */
.uhakInfo-video {border-top: 1px solid #E4E8F1;}
.uhakInfo-video .slideArea{align-items: center;}
.uhakInfo-video .slideArea .left{width: 57.5%; }
.uhakInfo-video .slideArea .left p{margin-bottom: 16px; font-size: 22px; font-weight: 700; line-height: 150%; letter-spacing: -0.22px; color: #000;}
.uhakInfo-video .slideArea .left .videoWrap{width: 100%; height: auto; aspect-ratio: 16/9; border-radius: 24px; overflow: hidden; cursor: pointer; position: relative;}
.uhakInfo-video .slideArea .left .videoWrap::after{content: ''; width: 96px; height: 96px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/common/youtube-play.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 2;}
.uhakInfo-video .slideArea .left .videoWrap iframe{width: 100%; height: 100%; object-fit: cover; display: none; border: none; outline: 0; position: relative;}
.uhakInfo-video .slideArea .left .videoWrap figure{width: 100%; height: 100%; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; touch-action: none; pointer-events: none; filter: brightness(0.75);}
.uhakInfo-video .slideArea .left .videoWrap.play::after{display: none;}
.uhakInfo-video .slideArea .left .videoWrap.play figure{display: none;}
.uhakInfo-video .slideArea .left .videoWrap.play iframe{display: block;}
.uhakInfo-video .slideArea .right{width: 42.5%; padding-left: 24px; }
.uhakInfo-video .slideArea .right .splide{background-color: #f8f8f8; padding: 24px 0 24px 40px; border-radius: 24px;}
.uhakInfo-video .slideArea .right .splide .swiper{position: relative;}
.uhakInfo-video .slideArea .right .splide .splide__slide .navi{position: absolute; right: 40px; top: 0;}
.uhakInfo-video .slideArea .right .splide .splide__slide + .splide__slide{margin-top: 26px;}
.uhakInfo-video .slideArea .right .splide .splide__slide .title{font-weight: 700; font-size: 16px; color: #000; line-height: 24px; letter-spacing: -0.16px; margin-bottom: 11px; padding-top: 3px;}
.uhakInfo-video .slideArea .right .splide .swiper .swiper-slide{background-color: #fff; padding: 8px; border-radius: 12px; border: 1px solid #E4E8F1; cursor: pointer; position: relative; transition: border-color 0.3s ease;}
.uhakInfo-video .slideArea .right .splide .swiper .swiper-slide figure{width: 100%; aspect-ratio: 16/9; border-radius: 8px; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center;}
.uhakInfo-video .slideArea .right .splide .swiper .swiper-slide figure::after{content: ''; position: absolute; top: 8px; right: 8px; width: 36px; height: 36px; background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/common/youtube-play-36.svg'); background-repeat: no-repeat; background-size: contain; background-position: center;}
.uhakInfo-video .slideArea .right .splide .swiper .swiper-slide p{padding-top: 8px; font-size: 13px; color: #333; line-height: 150%; letter-spacing: -0.13px;}
.uhakInfo-video .slideArea .right .splide .swiper .swiper-slide.swiper-slide-active{border-color: #00B1A4;}

/* edm 해외대학 정규과정 이수 후 영국 대학교 3학년으로 바로 입학! */
.btec-video{ background-color: #EAFFEF; text-align: center;}
.btec-video .subTitleText { display: block; padding-top: 12px; font-size: 22px; color: #666; }

/* 입학 시 웰컴키트 전원 증정! */
.welcome-kit h3 em { font-style: normal; color: #00B4A7; }
.welcome-kit img{margin: 0 auto;}

/* why ed:m? */
.btec-why .why-btec { margin: 24px 0 0; text-align: center; font-weight: bold; font-size: 26px; line-height: 34px; letter-spacing: -0.05px; }
.btec-why .wrap-grid .column{text-align: center;}













@media screen and (max-width: 1263px) {
    /* 실시간 해외 대학 합격생 배출 중! */
    .realTime-pass .box{padding: 70px 20px 70px 10%;}
    .realTime-pass .box .left{width: 38%;}
    .realTime-pass .box .right{width: 62%; font-size: 19px;}
}

@media screen and (max-width: 1200px) {
    /* 유학정보 영상 */
    .uhakInfo-video .slideArea .left{order: 2; width: 100%; margin-top: 32px;}
    .uhakInfo-video .slideArea .left p{font-size: 15px; line-height: 150%; letter-spacing: -0.15px; margin-bottom: 12px;}
    .uhakInfo-video .slideArea .left .videoWrap{border-radius: 12px;}
    .uhakInfo-video .slideArea .left .videoWrap::after{width: 48px; height: 48px;}
    .uhakInfo-video .slideArea .right{order: 1; width: 100%; padding: 0;}
    .uhakInfo-video .slideArea .right .splide{padding: 0; background-color: transparent; width: calc(100% + 16px);}
    .uhakInfo-video .slideArea .right .splide .splide-navi{justify-content: space-between; width: calc(100% - 16px); position: absolute; top: 0; left: 0; display: flex; z-index: 1;}
    .uhakInfo-video .slideArea .right .splide .splide-navi .navi-btn svg{display: none;}
    .uhakInfo-video .slideArea .right .splide .splide__slide + .splide__slide{margin: 0;}
    .uhakInfo-video .slideArea .right .splide .splide__slide .navi{display: none;}
    .uhakInfo-video .slideArea .right .splide .splide__slide .title{text-align: center;}
    .uhakInfo-video .slideArea .right .splide .swiper .swiper-slide{border-radius: 12px;}
    .uhakInfo-video .slideArea .right .splide .swiper .swiper-slide figure{border-radius: 12px;}
    .uhakInfo-video .slideArea .right .splide .swiper .swiper-slide p{font-size: 12px; line-height: 150%; letter-spacing: -0.12px;}
    .uhakInfo-video .slideArea .right .splide .swiper .swiper-slide figure::after{width: 30px; height: 30px;}
}

@media screen and (max-width: 992px) {
    /* 실시간 해외 대학 합격생 배출 중! */
    .realTime-pass .box{padding-left: 5%;}
    .realTime-pass .box .right{font-size: 18px;}
}

@media screen and (max-width: 900px) {
    /* 실시간 해외 대학 합격생 배출 중! */
	.realTime-pass{background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/realTime-pass-bg-mo.png');}
	.realTime-pass .box{padding: 24px; height: auto; background-image: none; text-align: center;}
	.realTime-pass .box + .box{margin-top: 32px;}
	.realTime-pass .box::before{top: -12px; right: 12px; z-index: 2;}
	.realTime-pass .box::after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 18px); height: calc(100% - 18px); border: 2px solid #EDEAD1; touch-action: none; pointer-events: none;}
	.realTime-pass .box .left{width: 100%; font-size: 18px; letter-spacing: -0.18px; padding: 0 0 12px; line-height: 150%;}
	.realTime-pass .box .left figure{width: 160px; margin: 0 auto;}
	.realTime-pass .box .left strong{font-size: inherit; margin: 12px 0 8px; letter-spacing: -0.18px;}
	.realTime-pass .box .right{width: 100%; font-size: 16px; letter-spacing: -0.16px; font-weight: 400; line-height: 24px; padding-left: 0;}
	.realTime-pass .box .right p{line-height: inherit; letter-spacing: inherit;}
}

@media screen and (max-width: 743px) {
    /****************************
        공통
    ****************************/
    .mainPage article{padding: 50px 0;}
    .mainPage .about-btec{padding: 12px 0 0; font-size: 20px; line-height: 26px; letter-spacing: -0.02px;}
    .mainPage .wrap-grid.two{row-gap: 24px;}

    .videoWrap.youtube{border-radius: 12px;}
    .videoWrap.youtube::after{background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/common/youtube-play-48.svg'); width: 48px; height: 48px;}

    /* 영역 제목 */
    .mainPage .contents-header .contents-title{font-size: 28px;}


    /* 비주얼 */
    .main-banner { height: 530px; }
    .main-banner .text-banner { width: 328px; height: 42px; background-size: contain; }
    .main-banner h2 { font-size: 40px; line-height: 54px; letter-spacing: -1.92px; }
    .main-banner h2 .point-color { margin-top: 4px; font-size: 44px; line-height: 59px; letter-spacing: -1.68px; }
    .main-banner p { margin-top: 20px; font-size: 20px; line-height: 26px; letter-spacing: -0.02px; }
    .main-banner .scroll-down { width: 40px; height: 40px; background-size: 40px 40px; }

    /* 실시간 해외 대학 합격생 배출 중! */
    .mainPage .realTime-pass .contents-header .contents-title{font-size: 25px;}
    .realTime-pass .videoArea{margin-bottom: 42px;}
    .realTime-pass .videoArea p{font-size: 20px; line-height: 150%; letter-spacing: -0.2px; font-weight: 700; margin-bottom: 12px;}

    /* edm 해외대학 정규과정 커리큘럼 */
    .curriculum .btec-box { padding: 24px; }
    .curriculum .btec-box h3 { margin: 0 0 12px; font-size: 20px; line-height: 30px; letter-spacing: -0.02px; }
    .curriculum .btec-box p { font-size: 14px; line-height: 21px; letter-spacing: -0.01px; }

    /* edm 해외대학 정규과정 왜 좋을까요? */
    .curriculum-advantage .wrap-curriculum{grid-template-columns: repeat(2,1fr); gap: 12px;}
    .curriculum-advantage .column-curriculum &gt; strong { padding: 8px 10px; font-size: 20px;line-height: 28px; }
    .curriculum-advantage .column-curriculum .wrapList { padding: 24px 10px 28px; }
    .curriculum-advantage .column-curriculum .list-curriculum li { display: block;text-align: center; }
    .curriculum-advantage .column-curriculum .list-curriculum li figure { width: 60px;height: 60px;margin: 0 auto; }
    .curriculum-advantage .column-curriculum .list-curriculum li .textWrap { width: 100%; }
    .curriculum-advantage .column-curriculum .list-curriculum li .textWrap p { margin: 4px 0;font-size: 18px; line-height: 24px; }
    .curriculum-advantage .column-curriculum .list-curriculum li .desc { font-size: 12px;line-height: 17px; }

    /* edm 해외대학 정규과정 이수 과목 리스트 */
    .subject .title { font-size: 18px; line-height: 25px; }
    .mainPage .subject .list-subject { grid-template-columns: repeat(1,1fr);gap: 8px;margin-top: 16px; }
    .subject .list-subject &gt; li { padding: 16px 0;font-size: 14px;line-height: 20px; }
    .subject .list-subject &gt; li.m-hidden { display: none; }
    .subject .list-subject.open &gt; li.m-hidden { display: block;}
    .subject .pc-hidden { display: flex; }

    /* edm 해외대학 정규과정이라면 쉽습니다! */
    .feature .contents-title.size2 { padding: 0 16px; }
    .feature .imgWrap { margin-bottom: 32px; }
    .feature .imgWrap figure { max-width: 656px;aspect-ratio: 656/240;background-image: url('https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/btecHnd/main/feature_img_mo.png'); }
    .feature .btn-more-text { width: 300px; }

    /* edm해외대학 정규과정 결과로 증명합니다! */
    .edm-result .contents-title.size1 { line-height: 36.4px; }
    .edm-result .mo-pic { max-height: 319px; width: auto; margin: 0 auto; }

    /* edm 해외대학 정규과정 이수 후 영국 대학교 3학년으로 바로 입학! */
    .btec-video .subTitleText { padding-top: 16px; font-size: 14px; line-height: 19px; }

    /* why ed:m? */
    .btec-why .why-btec {margin: 16px 0 0; font-size: 20px; line-height: 26px; letter-spacing: -0.02px; }
}
</pre></body></html>