/*
    :: pc first
*/

/**************************************
    교육과정
**************************************/
.curriculum .guide-wrapper{padding: 0 0 0; font-size: 15px; line-height: 26px; letter-spacing: -0.3px; color: #222222;}

/* 해외대학 정규과정 */
.curriculum.regular .guide-wrapper .school-system .wrap-grid{gap: 50px; padding: 30px 0 0;}
.curriculum.regular .guide-wrapper .school-system .wrap-grid .border-box{ padding: 32px; background: #FFFFFF; border: 1px solid #C5C5C5; border-radius: 12px; position: relative; }
.curriculum.regular .guide-wrapper .school-system .wrap-grid .border-box:not(.half){min-height: 204px;}
.curriculum.regular .guide-wrapper .school-system .wrap-grid .column{display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.curriculum.regular .guide-wrapper .school-system .wrap-grid .column h4{margin-bottom: 8px; font-size: 18px; line-height: 27px; letter-spacing: -0.18px; font-weight: 700;}
.curriculum.regular .guide-wrapper .school-system .wrap-grid .column::after{content: ''; display: block; width: 32px; height: 32px; background-image: url('https://static.edmclass.com/btecHnd/common/icon_blue_arrow.svg'); background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; right: -40px; transform: translateY(-50%);}
.curriculum.regular .guide-wrapper .school-system .wrap-grid .column:nth-child(2)::after{background-image: url('https://static.edmclass.com/btecHnd/common/icon_blue_arrow2.svg'); height: 136px; top: calc(50% + 17px);}
.curriculum.regular .guide-wrapper .school-system .wrap-grid .column:last-child::after{display: none;}

.curriculum.regular .guide-wrapper .school-system .wrap-grid .half-wrapper{display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 6px 0;}
.curriculum.regular .guide-wrapper .school-system .wrap-grid .border-box.half { padding: 16px 32px; }
.curriculum.regular .guide-wrapper .school-system .wrap-grid .border-box.half div{margin-top: 4px;}
.curriculum.regular .guide-wrapper .school-system .wrap-grid .border-box strong { font-size: 22px; line-height: 33px; letter-spacing: -0.22px; color: #00B4A7; }
.curriculum.regular .guide-wrapper .school-system .wrap-grid .border-box p { margin: 12px 0 0; font-size: 18px; line-height: 28px; letter-spacing: -0.02px; color: #333333; }
.curriculum.regular .guide-wrapper .school-system .wrap-grid .border-box div { margin: 8px 0 0; font-size: 14px; line-height: 21px; letter-spacing: -0.14px; color: #666666; word-break: keep-all; }
.curriculum.regular .guide-wrapper .difference .table-wrapper { width: 100%; margin-top: 30px; overflow-x: auto; }
.curriculum.regular .guide-wrapper .difference .table-wrapper .guide-table { border-collapse: collapse; table-layout: fixed; width: 100%; text-align: center; min-width: 624px; }
.curriculum.regular .guide-wrapper .difference .table-wrapper .guide-table th,
.curriculum.regular .guide-wrapper .difference .table-wrapper .guide-table td { border: 1px solid #C5C5C5; }
.curriculum.regular .guide-wrapper .difference .table-wrapper .guide-table th { padding: 16px; font-weight: normal; font-size: 16px; letter-spacing: -0.02px; color: #333333; background-color: #F8F8F8; word-break: keep-all; }
.curriculum.regular .guide-wrapper .difference .table-wrapper .guide-table td { padding: 16px 0; font-size: 16px; line-height: 21px; letter-spacing: -0.02px; color: #333333; word-break: keep-all; }
.curriculum.regular .guide-wrapper .difference .table-wrapper .guide-table th.btec { font-weight: bold; border: 2px solid #00B4A7; border-bottom: 1px solid #C5C5C5; background-color: #DFFDFB; }
.curriculum.regular .guide-wrapper .difference .table-wrapper .guide-table td.btec { border: 2px solid #00B4A7; border-bottom: 1px solid #C5C5C5; border-top: 0; }
.curriculum.regular .guide-wrapper .difference .table-wrapper .guide-table tr:last-child td.btec { border-bottom: 2px solid #00B4A7; }
.curriculum.regular .guide-wrapper .difference .table-wrapper+.noti-text { margin: 16px 0 25px; font-size: 14px; line-height: 21px; letter-spacing: -0.01px; color: #666666; }

/* A레벨 단기 집중반 */
.curriculum.a-level .guide-cont {line-height: 24px;}
.curriculum.a-level .list-point {display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;margin-top: 32px;text-align: center;}
.curriculum.a-level .list-point .img {display: block;margin: 0;aspect-ratio:294/160;background-size: cover;background-position: center;background-repeat: no-repeat;}
.curriculum.a-level .list-point .img01 {background-image: url("https://static.edmclass.com/btecHnd/contents/curriculum/a-level/point_img01.png");}
.curriculum.a-level .list-point .img02 {background-image: url("https://static.edmclass.com/btecHnd/contents/curriculum/a-level/point_img02.png");}
.curriculum.a-level .list-point .img03 {background-image: url("https://static.edmclass.com/btecHnd/contents/curriculum/a-level/point_img03.png");}
.curriculum.a-level .list-point .img04 {background-image: url("https://static.edmclass.com/btecHnd/contents/curriculum/a-level/point_img04.png");}
.curriculum.a-level .list-point .textWrap {margin-top: 12px;font-size: 18px;font-weight: 700;line-height: 26px;color: #333;}
.curriculum.a-level .process .imageWrap {margin-top: 32px;}.curriculum.a-level .process .imageWrap .img {display: block;margin: 0;aspect-ratio: 1248/457;background: url("https://static.edmclass.com/btecHnd/contents/curriculum/a-level/process_img_250623.png");background-size: cover;background-position: center;background-repeat: no-repeat;}
.curriculum.a-level .process .textWrap {margin-top: 16px;font-size: 16px;text-align: center;color: #333;}
.curriculum.a-level .list-subject {display: grid;grid-template-columns: repeat(3,1fr);gap: 24px;margin-top: 32px;text-align: center;}
.curriculum.a-level .list-subject > li {overflow: hidden;border: 1px solid #E4E8F1;border-radius:12px;}
.curriculum.a-level .list-subject .title {display: block;width: 100%;height: 50px;background-color: #FFF8D0;font-size: 18px;font-weight: 700;line-height: 50px;color: #000;}
.curriculum.a-level .list-subject .title.color1{background-color: #E0FBE3;}
.curriculum.a-level .list-subject .title.color2{background-color: #FFEEF7;}
.curriculum.a-level .list-subject .title.color3{background-color: #EAEBFF;}
.curriculum.a-level .list-subject .title.color4{background-color: #E4FCFF;}
.curriculum.a-level .list-subject .title.color5{background-color: #FFF0DA;}
.curriculum.a-level .list-subject .title.color6{background-color: #FFE3E3;}

.curriculum.a-level .list-subject li > div {display: flex;width: 100%;height:calc(100% - 50px);min-height: 144px;padding: 24px 8px;justify-content: center;align-items: center;line-height: 24px;}
.curriculum.a-level .list-subject li > div > p {line-height: 24px;}
.curriculum.a-level .schedule .imgArea {margin-top: 32px;}
.curriculum.a-level .schedule .imgArea .img {display: block;margin: 0; background-size: cover;background-position: center;background-repeat: no-repeat;}
.curriculum.a-level .schedule .imgArea .imgWrap + .text{margin-top: 60px;}
.curriculum.a-level .schedule .imgArea .text + .imgWrap{margin-top: 24px;}
.curriculum.a-level .schedule .imgArea .text{font-size: 16px; line-height: 32px; color: #666;}
.curriculum.a-level .schedule .imgArea .text b{font-size: 22px; display: inline-block; line-height: 32px; color: #000; font-weight: 700; padding-right: 12px;}
.curriculum.a-level .schedule .imgArea .img1 picture{min-width: 570px;}
.curriculum.a-level .schedule .imgArea .img2 picture{min-width: 684px;}
.curriculum.a-level .side-popWrap {width: 100%;height: 100%;}
.curriculum.a-level .side-pop {top: 50%;left: 50%; transform:translate(-50%,-50%);}
.curriculum.a-level .btn-more-text {margin: 64px auto 52px;font-size: 26px;}
.curriculum.a-level .btn-more-text .arrow {width: 24px;height: 24px;background-image: url('https://static.edmclass.com/btecHnd/common/buttonArrow_x24.svg');}
/* 수업과목 */
.curriculum.subject .introduce .wrap-grid img{width: 100%;}
.curriculum.subject .step .list { padding: 30px 0 0; text-align: center; }
.curriculum.subject .step .list .border-box { padding: 24px; background: #FFFFFF; border: 1px solid #C5C5C5; border-radius: 12px; position: relative; height: 100%;}
.curriculum.subject .step .list .border-box strong { font-size: 18px; line-height: 24px; letter-spacing: -0.02px; color: #00B4A7; }
.curriculum.subject .step .list .border-box p { margin: 10px 0 0; font-size: 18px; line-height: 28px; letter-spacing: -0.02px; color: #080606; }
.curriculum.subject .step .list .border-box p span { font-weight: bold; }
/* 전문강사팀 */
.curriculum.teacher .guide-title{border: none; padding-bottom: 0;}
.curriculum.teacher .banner-wrapper{position: relative; border-image-width: 100%; height: 240px; background: linear-gradient(90deg, #288EFF 0%, #2FCEFF 30%, #A2FAEF 100%); border-radius: 12px; overflow: hidden;}
.curriculum.teacher .banner-wrapper .textWrap{display: flex; flex-direction: column; justify-content: center; height: 100%; color: #fff; padding: 0 80px; font-size: 18px; line-height: 26px; letter-spacing: -0.36px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16); font-weight: 600;}
.curriculum.teacher .banner-wrapper .textWrap h2{font-size: 30px; line-height: 42px; letter-spacing: -0.6px; margin-bottom: 12px; font-weight: 700;}
.curriculum.teacher .banner-wrapper .pic{position: absolute; bottom: 0; right: 0; width: 50%; max-width: 639px; height: auto; aspect-ratio: 639/240; object-fit: contain;}
.curriculum.teacher .teacherList ul li { display: flex; align-items: flex-start; gap: 24px; word-break: keep-all; }
.curriculum.teacher .teacherList ul li+li { margin-top: 24px; }
.curriculum.teacher .teacherList ul li .profile-img{width: 294px; border-radius: 12px; overflow: hidden;}
.curriculum.teacher .teacherList ul li .profile{width: calc(100% - 294px);}
.curriculum.teacher .teacherList ul li .profile h4 { font-size: 20px; line-height: 30px; letter-spacing: -0.2px; color: #00B4A7; }
.curriculum.teacher .teacherList ul li .profile p { font-size: 14px; line-height: 21px; letter-spacing: -0.14px; color: #666666; }
.curriculum.teacher .teacherList ul li .profile p.dot { padding-left: 8px; position: relative; }
.curriculum.teacher .teacherList ul li .profile p.dot::before { content: '·'; display: inline; position: absolute; left: 0; top: 0; }
.curriculum.teacher .teacherList ul li .profile h4 + p { margin-top: 8px; }
.curriculum.teacher .teacherList ul li .profile p:not(.dot)+p.dot { margin-top: 8px; }


/**************************************
    입학가능학교
**************************************/
.admission-school .school-logo-section-con-wrap { position: relative; margin-top: 27px; }
.admission-school .school-logo-section-con-wrap::after,
.admission-school .school-logo-section-con-wrap::before { content: ''; position: absolute; left: 50%; top: 0; transform: translate(-50%); height: 142px; width: 100%; background: linear-gradient(to bottom, #ffffff 10%, #00000000); z-index: 2; }
.admission-school .school-logo-section-con-wrap::after { top: auto; bottom: 0; background: linear-gradient(to top, #ffffff 10%, #00000000); }
.admission-school .school-logo-section-con{width: 100%; height: 747px; overflow: hidden; display: flex; flex-wrap: wrap; }
.admission-school .school-logo-section-con .logo-list-wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; width: 100%; animation: school-logoList 11s linear 0s infinite; padding: 12px 0;}
.admission-school .school-logo-section-con .logo-list-wrap .logo-list {z-index: 1; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.12);}
.admission-school .school-logo-section-con .logo-list-wrap .logo-list *{width: 100%;}
@keyframes school-logoList {
    0%{transform: translateY(0);}
    100%{transform: translateY(-100%);}
}
.admission-school .school-title {display: block; padding-bottom: 8px; font-size: 20px; font-weight: 700; line-height: 30px; color: #333; }
.admission-school .wrap-school-text > div + div{margin-top: 32px;}
.admission-school .wrap-school-text .school-text-list { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 32px; row-gap: 16px; width: 100%; padding: 32px 56px; background-color: #F8F8F8; border-radius: 4px;}
.admission-school .wrap-school-text .school-text-list li { font-size: 14px; line-height: 21px; letter-spacing: -0.01px; color: #666666; text-align: center; }
.admission-school .wrap-school-text .school-text-list.flex{justify-content: center; display: flex; flex-wrap: nowrap;}
.admission-school .wrap-school-text .school-text-list.flex li{width: 260px;}
.admission-school .major .wrap-grid{margin-top: 32px;}
.admission-school .major .wrap-grid .column{border: 1px solid #C5C5C5; border-radius: 12px; padding: 24px 40px; min-height: 363px;}
.admission-school .major .wrap-grid .column .title{font-size: 20px; line-height: 150%; letter-spacing: -0.2px; font-weight: 700; margin-bottom: 16px;}
.admission-school .major .wrap-grid .column ul{color: #666; font-size: 14px; line-height: 150%; letter-spacing: -0.14px;}


/**************************************
    About edm
**************************************/
/* edm 소개 */
.about.edm .education .border-box { padding: 16px; background: #FFFFFF; border: 1px solid #C5C5C5; border-radius: 12px; position: relative; height: 100%;}
.about.edm .education .border-box strong { font-size: 18px; line-height: 28px; letter-spacing: -0.02px; color: #00B4A7; }
.about.edm .education .border-box p { margin: 10px 0 0; font-weight: bold; font-size: 22px; line-height: 33px; letter-spacing: -0.04px; color: #333333; }
.about.edm .education .border-box div { margin: 6px 0 0; font-size: 14px; line-height: 21px; letter-spacing: -0.01px; color: #666666; word-break: keep-all; }
.about.edm .education .wrap-grid.four{margin-top: 24px;}
.about.edm .about-edm .wrap-grid + .wrap-grid{margin-top: 60px;}
.about.edm .about-edm .wrap-grid{text-align: left;}
.about.edm .about-edm .wrap-grid.rtl .column{text-align: right;}
.about.edm .about-edm strong { font-size: 26px; line-height: 34px; letter-spacing: -0.05px; color: #333333; }
.about.edm .about-edm p { margin-top: 8px; font-size: 16px; line-height: 21px; letter-spacing: -0.02px; }
.about.edm #possible-university{margin-bottom: 100px;}
.about.edm #possible-university .universe-list .universe-logo{padding: 32px 48px;}
.about.edm #possible-university .universe-list .universe-logo img{width: 100%; object-fit: contain;}
/* edm 해외대학 정규과정 장점 */
.about.adv #btec-dfc{margin-bottom: 100px;}



@media screen and (max-width: 1050px){
	/* 해외대학 정규과정 */
	.curriculum.regular .guide-wrapper .school-system .wrap-grid{display: block; padding-top: 16px;}
	.curriculum.regular .guide-wrapper .school-system .wrap-grid .column::after,
	.curriculum.regular .guide-wrapper .school-system .wrap-grid .column:nth-child(2)::after{left: 50%; right: auto; top: auto; background-image: url('https://static.edmclass.com/btecHnd/common/icon_blue_arrow-mo.svg'); height: 32px; bottom: -40px; transform: translateX(-50%);}
	.curriculum.regular .guide-wrapper .school-system .wrap-grid .column + .column{margin-top: 48px;}
	.curriculum.regular .guide-wrapper .school-system .wrap-grid .column h4{font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: -0.14px; }
	.curriculum.regular .guide-wrapper .school-system .wrap-grid .border-box{padding: 24px;}
	.curriculum.regular .guide-wrapper .school-system .wrap-grid .border-box strong{font-size: 18px; line-height: 27px; letter-spacing: -0.18px;}
	.curriculum.regular .guide-wrapper .school-system .wrap-grid .border-box p{font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: -0.14px;}
	.curriculum.regular .guide-wrapper .school-system .wrap-grid .border-box:not(.half){min-height: initial;}
	.curriculum.regular .guide-wrapper .school-system .wrap-grid .half-wrapper{padding: 0; flex-direction: initial;}
	.curriculum.regular .guide-wrapper .school-system .wrap-grid .border-box.half{width: calc(50% - 4px); padding: 24px;}
}

@media screen and (max-width: 1200px) {
    .curriculum.a-level .schedule .imgArea .text b{display: block; margin-bottom: 8px;}
    .curriculum.a-level .schedule .imgArea .text{line-height: 21px;}
}

@media screen and (max-width: 1010px) {
    /* 전문강사팀 */
    .curriculum.teacher .banner-wrapper{background: linear-gradient(180deg, #288EFF 0%, #2FCEFF 75%, #A2FAEF 100%); padding-bottom: 126px; height: auto;}
    .curriculum.teacher .banner-wrapper .textWrap{padding: 24px; font-size: 14px; line-height: 21px; letter-spacing: -0.14px; text-align: center; height: auto; display: block; font-weight: 400;}
    .curriculum.teacher .banner-wrapper .textWrap h2{font-size: 20px; line-height: 30px; letter-spacing: -0.2px; margin-bottom: 8px; font-weight: 500;}
    .curriculum.teacher .banner-wrapper .pic{width: 100%; max-width: 328px; aspect-ratio: 328/126; right: auto; left: 50%; transform: translateX(-50%);}
}

@media screen and (max-width: 743px) {
    /**************************************
        교육과정
    **************************************/
    /* A레벨 단기 집중반 */
    .curriculum.a-level .list-point {grid-template-columns: repeat(1,1fr);margin-top: 24px;}
    .curriculum.a-level .list-point .img {aspect-ratio: 328/140;border-radius: 12px;}
    .curriculum.a-level .list-point .textWrap {font-size: 16px;line-height: 24px;}
    .curriculum.a-level .process .imageWrap {margin-top: 24px;}
    .curriculum.a-level .process .imageWrap .img {aspect-ratio: 328/522;background-image: url("https://static.edmclass.com/btecHnd/contents/curriculum/a-level/process_img_mo_250623.png");}
    .curriculum.a-level .process .textWrap {display: none;}
    .curriculum.a-level .list-subject {grid-template-columns: repeat(1,1fr);gap: 12px;}
    .curriculum.a-level .list-subject .title {height: 46px;font-size: 15px;line-height: 46px;}
    .curriculum.a-level .list-subject li > div {display: block;min-height: auto;height: auto;padding: 12px 32px;font-size: 14px;line-height: 21px;}
    .curriculum.a-level .list-subject li > div > p {line-height: 21px;}
    .curriculum.a-level .schedule.wrapper {padding: 0;}
    .curriculum.a-level .schedule .titleWrap{padding: 0 16px;}
    .curriculum.a-level .schedule .imgArea .imgWrap {overflow-y: auto;margin-left: 16px;padding-right: 16px; margin-top: 24px;}
    .curriculum.a-level .schedule .imgArea .text{font-size: 14px;}
    .curriculum.a-level .schedule .imgArea .text b{font-size: 18px; line-height: 27px; }
    .curriculum.a-level .schedule .imgArea .text + .imgWrap{margin-top: 12px;}
    .curriculum.a-level .schedule .imgArea .img {width: 100%;min-width: 600px;margin: 0 auto; box-sizing: content-box;}
    .curriculum.a-level .schedule .imgArea .imgWrap + .text{margin-top: 24px;}
    .curriculum.a-level .btn-more-text {margin: 32px auto 0;font-size: 20px;}
    /* 수업과목 */
    .curriculum.subject .step .list { flex-direction: column; gap: 16px;}
    .curriculum.subject .step .list .border-box { padding: 16px; }
    .curriculum.subject .step .list .border-box strong { font-size: 16px; line-height: 21px; letter-spacing: 0px; }
    .curriculum.subject .step .list .border-box p { margin: 7px 0 0; font-size: 16px; line-height: 27px; letter-spacing: -0.02px; }
    /* 전문강사팀 */
    .curriculum.teacher .teacherList ul li { flex-direction: column; gap: 16px; }
    .curriculum.teacher .teacherList ul li+li { margin-top: 26px; }
    .curriculum.teacher .teacherList ul li .profile-img{ width: 160px; }
    .curriculum.teacher .teacherList ul li .profile{width: 100%;}
    .curriculum.teacher .teacherList ul li .profile h4 { font-weight: bold; font-size: 16px; line-height: 24px; letter-spacing: -0.16px; }
    .curriculum.teacher .teacherList ul li .profile p { font-size: 14px; line-height: 21px; letter-spacing: -0.14px; }
    .curriculum.teacher .teacherList ul li .profile p.dot { padding-left: 8px; position: relative; }
    .curriculum.teacher .teacherList ul li .profile p.dot::before { content: '·'; display: inline; position: absolute; left: 0; top: 0; }
    .curriculum.teacher .teacherList ul li .profile h4 + p { margin-top: 4px; }
    .curriculum.teacher .teacherList ul li .profile p:not(.dot)+p.dot { margin-top: 8px; }


    /**************************************
        입학가능학교
    **************************************/
    .admission-school .school-logo-section-con .logo-list-wrap {display: gird; grid-template-columns: repeat(2,1fr); gap: 8px; padding: 4px 0;}
    .admission-school .school-logo-section-con .logo-list-wrap .logo-list{width: 100%; display: block;}
    .admission-school .wrap-school-text .school-text-list { grid-template-columns: repeat(2, 1fr); column-gap: 12px; row-gap: 12px; padding: 24px 16px;}
    .admission-school .wrap-school-text .school-text-list li{height: 40px; display: flex; justify-content: center; align-items: center;}
    .admission-school .wrap-school-text .school-text-list.flex.m-grid{flex-wrap: wrap; row-gap: 16px;}
    .admission-school .wrap-school-text .school-text-list.flex.m-grid li{width: calc(50% - 6px);}
    .admission-school .school-title { font-size: 16px; line-height: 26px; text-align: center; }
    .admission-school .wrap-school-text > div + div{margin-top: 12px;}
    .admission-school .major .wrap-grid{row-gap: 12px; margin-top: 24px;}
    .admission-school .major .wrap-grid .column{padding: 20px 24px; min-height: initial;}
    .admission-school .major .wrap-grid .column .title{font-size: 18px; letter-spacing: -0.18px; margin-bottom: 8px;}
    .admission-school .major .wrap-grid .column ul{font-size: 13px; letter-spacing: -0.13px;}


    /**************************************
        About edm
    **************************************/
    /* edm 소개 */
    .about.edm .education .wrap-grid.four{grid-template-columns: repeat(2,1fr); gap: 8px; margin-top: 8px;}
    .about.edm .education .border-box { padding: 16px; position: relative; margin-top: 8px; min-height: 196px; }
    .about.edm .education .border-box strong { font-size: 16px; line-height: 21px; letter-spacing: 0px; }
    .about.edm .education .border-box p { margin: 7px 0 0; font-size: 18px; line-height: 26px; letter-spacing: -0.54px; }
    .about.edm .education .border-box div { margin: 7px 0 0; font-size: 13px; line-height: 20px; letter-spacing: -0.21px; }
    .about.edm .about-edm strong { display: block; font-size: 20px; line-height: 26px; letter-spacing: -0.03px; }
    .about.edm .about-edm p { margin-top: 6px; font-size: 14px; line-height: 21px; letter-spacing: -0.01px; }
    .about.edm .about-edm .wrap-grid + .wrap-grid { margin-top: 33px; }
    .about.edm .about-edm .wrap-grid.rtl .column{text-align: left;}
    .about.edm #possible-university{margin-bottom: 50px;}
    .about.edm #possible-university .universe-list .universe-logo{padding: 16px;}
    /* edm 해외대학 정규과정 장점 */
    .about.adv #btec-dfc{margin-bottom: 50px;}
}