@charset "utf-8";

body{padding-top: 0;}
#wrap{padding-top: 0; 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; }
#breadcrumb{display: none !important;}

.txt-hero2{font-size: var(--f-heading1); font-weight: bold; padding-bottom: 16px; line-height: 28px; letter-spacing: -0.4px; color: var(--n-mainTitle);}
.txt-hero2 em{background: var(--c-gradient2); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.txt-hero2 span{display: block; font-size: var(--f-body1); color: var(--n-info); line-height: 20px; letter-spacing: -0.28px; margin-bottom: 2px;}
.txt-hero2 em::selection{color: var(--n-white); background: var(--p-color2) !important; background-color: var(--p-color2); background-clip: initial; -webkit-background-clip: initial; -webkit-text-fill-color: var(--n-white);}
.page-link{font-size: var(--f-body3); text-align: right; font-weight: bold; margin-top: 14px; line-height: 16px; letter-spacing: -0.24px;}
.page-link a{padding-right: 20px; position: relative; transition: all 0.3s ease;}
.page-link a svg{position: absolute; right: 4px; width: 16px; height: 16px; top: 50%; transform: translateY(-50%); }
.page-link a svg path{transition: all 0.3s ease;}
.max-width.large{max-width: 1596px;}
.videoWrap.youtube{width: 100%; height: auto; aspect-ratio: 328/185; border-radius: var(--b-radius1); overflow: hidden; cursor: pointer; position: relative;}
.videoWrap.youtube::after{content: ''; width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: url('https://static.edmclass.com/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;}

.mainContents > article{padding-bottom: 40px; padding-top: 40px;}
.pinWrap-mo{padding-top: 40px; }


/***************************************
    hero
***************************************/
.heroArea{color: var(--n-mainTitle); height: auto; position: relative;}
.heroArea .max-width{padding: 0 40px; height: 100%;}
.heroArea .textWrap{height: 100%; padding-top: 70px; position: absolute; top: 0; z-index: 1;}
.heroArea .textWrap .title{font-size: 30px; line-height: normal; letter-spacing: -0.6px; font-weight: 700; margin-bottom: 20px;}
.heroArea .textWrap .sub{font-size: var(--f-heading3); line-height: normal; letter-spacing: -0.32px; font-weight: 500; opacity: 0; transition: all 0.3s ease;}
.heroArea .textWrap .sub + .sub{margin-top: 4px;}
.heroArea .textWrap .sub.active{opacity: 1;}
.heroArea video{width: 100%; height: 100%; object-fit: contain; aspect-ratio: 1080/2100; object-position: bottom center; border:none; outline: 0; box-shadow: none; touch-action: none; pointer-events: none;}
.heroArea video:focus{outline: none;}




/***************************************
    실제 인강 수강생의 성적표입니다.
***************************************/
.mainContents{background-color: var(--n-white); position: relative;}
.mainContents .transcript{padding-bottom: 0; overflow: hidden;}
.mainContents .transcript .slide{display: flex; padding-bottom: 40px; position: relative;}
.mainContents .transcript .slide .bottomTxt{position: absolute; bottom: 14px; right: 0; font-size: var(--f-small); color: var(--n-info2);}
.mainContents .transcript .box{border-radius: var(--b-radius1); background-color: var(--n-white); /*height: 62.7778vw;*/ box-shadow: var(--box-shadow3); border-radius: 16px; overflow: hidden; width: 156px; aspect-ratio: 156/226; flex-shrink: 0; position: relative; margin: 0 8px;}
.mainContents .transcript .box .score{border-radius: 50%; background-color: var(--n-mainTitle); width: 56px; height: 56px; position: absolute; top: 8px; right: 8px; color: var(--n-white); font-size: var(--f-heading1); padding-top: 11px; text-align: center; box-shadow: var(--box-shadow3); z-index: 1;}
.mainContents .transcript .box .score b{background: linear-gradient(91deg, #FFC4F0 -16.99%, #FDF7FF 45.11%, #FCFFD5 99.78%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700;}
.mainContents .transcript .box .score b::selection{color: var(--n-white); background: var(--p-color2) !important; background-color: var(--p-color2); background-clip: initial; -webkit-background-clip: initial; -webkit-text-fill-color: var(--n-white);}
.mainContents .transcript .box .score span{position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; font-size: var(--f-body3); font-weight: 200; display: block; }
.mainContents .transcript .box img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;}
.mainContents .transcript .box .plus{background-image: url('https://static.edmclass.com/ielts/main/new_transcript_button.svg'); background-repeat: no-repeat; background-size: 16px; background-position: center; background-color: var(--n-subTitle); border-radius: 50%; width: 32px; height: 32px; transition: all 0.3s ease; position: absolute; bottom: 8px; right: 8px; z-index: 1;}





/***************************************
    이벤트 배너 영역
***************************************/
.mainContents .eventBanner{width: 100%; cursor:pointer; padding-bottom: 0; padding-top: 0;}
.mainContents #eventBannerSlide .swiper-slide a{border-radius: 0 !important;}




/***************************************
    단기간 고득점을 가능하게 한 BEST 상품입니다.
***************************************/
.mainContents .bestProduct{background: linear-gradient(180deg, #F0F0F2, #F8F8F8);}
.mainContents .bestProduct .careWrap{position: relative; z-index: 1;}
.mainContents .bestProduct .careWrap .card{width: calc(50% - 8px); border-radius: var(--b-radius1); margin-bottom: 16px; position: relative; min-height: 204px; font-size: var(--f-body3); transition: all 0.3s ease; position: relative; background-color: var(--n-white);}
.mainContents .bestProduct .careWrap .card:nth-child(2n-1){margin-right: 16px;}
.mainContents .bestProduct .careWrap .card:nth-last-of-type(1),
.mainContents .bestProduct .careWrap .card:nth-last-of-type(2){margin-bottom: 0;}
.mainContents .bestProduct .careWrap .card .textWrap{position: relative; z-index: 2; width: 100%; height: 100%; padding: 16px 12px 48px; }
.mainContents .bestProduct .careWrap .card span{color: var(--n-info); font-weight: 500; display: block; line-height: 16px; letter-spacing: -0.24px;}
.mainContents .bestProduct .careWrap .card p {font-size: var(--f-heading2); font-weight: bold; margin: 0 0 12px; line-height: 26px; letter-spacing: -0.36px;}
.mainContents .bestProduct .careWrap .card:nth-child(1) p {background: linear-gradient(90deg, #D277E5 0.69%, #7531F9 57.61%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mainContents .bestProduct .careWrap .card:nth-child(2) p {background: linear-gradient(250deg, #B0FF23 -12.63%, #0FB7FF 86.74%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mainContents .bestProduct .careWrap .card:nth-child(3) p {background: linear-gradient(90deg, #10A9FF 0.21%, #5557FF 62.52%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mainContents .bestProduct .careWrap .card:nth-child(4) p {background: linear-gradient(91deg, #FF8B48 1.39%, #FF6767 63.46%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mainContents .bestProduct .careWrap .card .info{color: var(--n-info2); line-height: 16px; letter-spacing: -0.24px;}
.mainContents .bestProduct .careWrap .card a{background-color: var(--n-subTitle); color: var(--n-white); border-radius: 20px; width: calc(100% - 24px); text-align: center; font-size: var(--f-body3); padding: 10px 0; margin-top: 17px; position: absolute; bottom: 16px; left: 12px; transition: all 0.3s ease; font-weight: 500;}
.mainContents .bestProduct .careWrap .card a:hover{background-color: var(--p-color1); }




/***************************************
    수치로 증명합니다.
***************************************/
.mainContents .preference{background-color: #F8F2FF; padding-bottom: 72px;}
.mainContents .preference .cardWrap .card{background-color: var(--n-white); border-radius: var(--b-radius1); width: calc(50% - 8px); text-align: center; margin-bottom: 36px; position: relative; height: 158px; padding: 24px 0 0; box-shadow:  var(--box-shadow1);}
.mainContents .preference .cardWrap .card .s-txt{position: absolute; font-size: var(--f-small); display: block; padding: 6px 8px 0 0; text-align: right; right: 0; color: var(--n-info2); top: 158px; line-height: normal; letter-spacing: -0.16px;}
.mainContents .preference .cardWrap .card .s-txt .mo_tab-text{display: inline-block;}
.mainContents .preference .cardWrap .card:nth-child(2n-1){margin-right: 16px;}
.mainContents .preference .cardWrap .card:nth-last-of-type(1),
.mainContents .preference .cardWrap .card:nth-last-of-type(2){margin-bottom: 0;}
.mainContents .preference .cardWrap .card figure{width: 56px; height: 56px; margin: 0 auto 5px; background-repeat: no-repeat; background-position: center; background-size: contain;}
.mainContents .preference .cardWrap .card .txt{font-weight: 500; color: var(--n-info); font-size: var(--f-body1); letter-spacing: -0.28px; line-height: 20px;}
.mainContents .preference .cardWrap .card .count{font-size: var(--f-display3); color: var(--n-mainTitle); font-weight: 700; position: absolute; bottom: 18px; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 34px; letter-spacing: -0.48px;}
.mainContents .preference .cardWrap .card .count p{display: inline-block;}
.mainContents .preference .cardWrap .card:nth-child(1) figure{background-image: url('https://static.edmclass.com/ielts/main/new_preference_01.svg');}
.mainContents .preference .cardWrap .card:nth-child(2) figure{background-image: url('https://static.edmclass.com/ielts/main/new_preference_02.svg');}
.mainContents .preference .cardWrap .card:nth-child(3) figure{background-image: url('https://static.edmclass.com/ielts/main/new_preference_03.svg');}
.mainContents .preference .cardWrap .card:nth-child(4) figure{background-image: url('https://static.edmclass.com/ielts/main/new_preference_04.svg');}
.mainContents .odometer-value {text-align: center;}
.mainContents .odometer-value.odometer-first-value,
.mainContents .odometer-value.odometer-last-value {width: 100%;}



/***************************************
    강의 선택 주의 / 첨삭, 어디까지 경험해 봤니? / 실제 시험과 동일한 구성 / 학원 ∙ 인강 ∙ 해외지사를 갖춘
***************************************/
.mainContents .pointWrap{background-color: var(--n-white); padding: 0;}
.mainContents .pointWrap .pointArea{padding: 40px 0;}

.mainContents .pointWrap .subTxt{color: var(--n-subTitle); font-size: var(--f-body1); line-height: 20px; word-break: break-all; letter-spacing: -0.28px;}
.mainContents .pointWrap .subTxt strong{font-weight: 700;}
.mainContents .pointWrap .subTxt + .subTxt{margin-top: 20px;}
.mainContents .pointWrap .textArea{font-weight: 300; word-break: break-all; line-height: 1.45; position: relative; margin-bottom: 16px; text-align: left; font-size: var(--f-body1); font-weight: 500; min-height: 40px; }
.mainContents .pointWrap .paginationWrap{margin-bottom: 80px;}
.mainContents .pointWrap .point1 .txt-hero2,
.mainContents .pointWrap .point2 .txt-hero2{padding-bottom: 24px;}

.mainContents .pointWrap .slide{text-align: center;}
.mainContents .pointWrap .slide .pagination{background-color: transparent; margin-top: 16px; padding: 0; display: inline-block; position: relative;}
.mainContents .pointWrap .slide .pagination::after{content: ''; clear: both; display: block;}
.mainContents .pointWrap .slide .pagination > li{float: left; }
.mainContents .pointWrap .slide .pagination .btn{background: var(--n-info); opacity: 0.3; width: 8px; height: 8px; border-radius: 50%; margin: 0 4px; display: block; transition: all 0.3s ease;}
.mainContents .pointWrap .slide .pagination .btn.is-active{background: var(--n-mainTitle); opacity: 1;}

/* 강의를 선택하기 전 2가지를 꼭 확인하세요. */
.mainContents .pointWrap .point1 .max-width{padding-right: 0;}
.mainContents .pointWrap .point1 .slide .splide__slide{border-radius: var(--b-radius1); overflow: hidden; text-align: left;}
.mainContents .pointWrap .point1 .slide .splide__slide .textWrap{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; word-break: break-word; color: var(--n-subTitle); padding: 8px 8px 0;}
.mainContents .pointWrap .point1 .slide .splide__slide .textWrap .title{font-weight: 700; margin-bottom: 4px; font-size: var(--f-body1);}
.mainContents .pointWrap .point1 .slide .splide__slide figure{width: 100%; height: 55.6vw; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: top center; border-radius: var(--b-radius1); overflow: hidden;}
.mainContents .pointWrap .point1 .slide .splide__slide:nth-child(1) figure{background-image: url('https://static.edmclass.com/ielts/main/new_point1-img1.png');}
.mainContents .pointWrap .point1 .slide .splide__slide:nth-child(2) figure{background-image: url('https://static.edmclass.com/ielts/main/new_point1-img2.png');}
/* point2 + point3 공통 */
/* .mainContents .pointWrap .common-type .slide .splide__slide .textArea figure{width: 32px; height: 32px; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} */
.mainContents .pointWrap .common-type .slide .video *{width: 100%; height: 100%; object-fit: cover;}
.mainContents .pointWrap .common-type .slide .splide__slide figure{width: 100%; height: auto; aspect-ratio: 328/185; border-radius: var(--b-radius1); overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center;}
.mainContents .pointWrap .common-type .slide .boxWrap.type2{align-items: center;}
/* edm은 첨삭에 진심입니다. */
.mainContents .pointWrap .point2{background-color: #F8F2FF;}
.mainContents .pointWrap .point2 .slide .boxWrap {height: 106.6667vw;}
.mainContents .pointWrap .point2 .slide .box{min-height: 184px; background-color: var(--n-white); position: relative; width: 100%; overflow: hidden; aspect-ratio: 328/184; border-radius: var(--b-radius1);}
.mainContents .pointWrap .point2 .slide .box + .box{margin-top: 16px;}
.mainContents .pointWrap .point2 .slide .first .box:nth-child(1){padding: 30px 9px 6px; border-radius: var(--b-radius1) var(--b-radius1) 0 0;}
.mainContents .pointWrap .point2 .slide .first .box:nth-child(2){padding: 6px 9px 30px; border-radius: 0 0 var(--b-radius1) var(--b-radius1); margin-top: 0;}
.mainContents .pointWrap .point2 .slide .box.specialBox{padding: 15px 13px;}
.mainContents .pointWrap .point2 .slide .box .scrollWidth{height: 100%;}
.mainContents .pointWrap .point2 .slide .box img{width: 100%; height: auto; object-fit: contain;}
.mainContents .pointWrap .point2 .slide .box .text{position: absolute; top: 16px; left: 16px; width: auto; padding: 0 12px; z-index: 2; font-weight: 400; color: var(--n-white); font-size: var(--f-body1); text-align: center; border-radius: 999999px; overflow: hidden; height: 28px; line-height: 1.9;}
.mainContents .pointWrap .point2 .slide .box .text span{position: relative; z-index: 1;}
.mainContents .pointWrap .point2 .slide .box .text::after{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; backdrop-filter: blur(3px); border-radius: 999999px; background-color: rgba(12, 24, 45, 0.50); }
/* 응시료도 비싼데 CDT 모의고사로 충분히 훈련하세요. */
.mainContents .pointWrap .point3{background-color: var(--b-color5);}
.mainContents .pointWrap .point3 .textArea{font-weight: 500; position: relative; margin-top: 24px; min-height: 20px;}
/* 유학센터 까지 탄탄한 연결고리는오직 edm 입니다. */
.mainContents .pointWrap .point4{background-color: var(--b-color5);}
.mainContents .pointWrap .point4 .txt-hero2 span{display: flex; align-items: center; column-gap: 4px;}
.mainContents .pointWrap .point4 .txt-hero2 span i{width: 2px; height: 2px; border-radius: 50%; background-color: var(--n-info); display: inline-block;}
.mainContents .pointWrap .point4 .subTxt b{display: inline-block; font-weight: 700;}
.mainContents .pointWrap .point4 .slide{margin-top: 16px; height: auto; aspect-ratio: 328/206; overflow: hidden; position: relative;}
.mainContents .pointWrap .point4 .slide::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, transparent, #F8F8F8);}
.mainContents .pointWrap .point4 .slide .animation{display: flex; flex-wrap: wrap; padding: 0;}
.mainContents .pointWrap .point4 .slide .animation > *{width: 100%; height: auto; animation: point3Animation 16s linear 0s infinite; object-fit: contain;}
.mainContents .pointWrap .point4 .slide .animation img{width: 100%;}
@keyframes point3Animation {
    0%{transform: translateY(0);}
    100%{transform: translateY(-100%);}
}



/***************************************
    응시권부터 해외 무료배송까지 아낌없이 지원합니다.
***************************************/
.mainContents .support{background-color: #F9F3FF;}
.mainContents .support .slide{height: 51.1111vw; overflow: hidden; position: relative;}
.mainContents .support .slide .swiper-slide{background-repeat: no-repeat; background-size: cover; background-position: center; height: 100%; overflow: hidden; border-radius: var(--b-radius1); position: relative;}
.mainContents .support .slide .swiper-slide::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 16px; background: linear-gradient(0deg, rgba(79, 79, 79, 0.70) 0%, rgba(79, 79, 79, 0.10) 50.56%, rgba(79, 79, 79, 0.00) 100%);}
.mainContents .support .slide .swiper-slide .textWrap{position: absolute; bottom: 0; left: 0; width: 100%; padding: 16px; z-index: 1; color: var(--n-white); font-weight: 500; display: flex; font-size: var(--f-body1); cursor: default;}
.mainContents .support .slide .swiper-slide .textWrap p{font-size: var(--f-heading2); font-weight: 600; display: inline-block; margin-left: 8px; margin-top: -1px;}
.mainContents .support .slide .swiper-slide .textWrap.type2{align-items: center;}
.mainContents .support .slide .swiper-slide .textWrap.type2 p{display: block; margin-left: 0; margin-top: 8px;}
.mainContents .support .slide .swiper-slide .textWrap .txt + .txt{position: relative; margin-left: 32px;}
.mainContents .support .slide .swiper-slide .textWrap .txt + .txt::before{content: ''; position: absolute; left: -23px; top: 50%; transform: translateY(-50%); background-image: url('https://static.edmclass.com/ielts/main/new_support_icon.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 16px; height: 16px;}
.mainContents .support .slide .swiper-slide:nth-child(1){ background-image: url('https://static.edmclass.com/ielts/main/new_support_01_mo.png');}
.mainContents .support .slide .swiper-slide:nth-child(2){ background-image: url('https://static.edmclass.com/ielts/main/new_support_02_mo.png');}
.mainContents .support .slide .swiper-slide:nth-child(3){ background-image: url('https://static.edmclass.com/ielts/main/new_support_03_mo.png');}
.mainContents .support .slide .pagination{position: absolute; top: 16px; right: 16px; color: var(--n-deactivate); font-size: var(--f-body3); z-index: 2; display: block; bottom: auto; left: auto; width: auto; height: auto; padding: 1.5px 5px 3px; line-height: 1; margin: 0;}
.mainContents .support .slide .pagination::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); border-radius: 20px; z-index: -1;}
.mainContents .support .slide .pagination span.swiper-pagination-current{color: var(--n-white); font-weight: bold;}



/***************************************
    수강생 진짜 후기
***************************************/
.mainContents .review{background-color: var(--b-color5); position: relative; padding-bottom: 0;}
.mainContents .review .slide .splide__track{height: 100%; padding-bottom: 76px; padding-top: 40px; margin-top: -40px;}
.mainContents .review .slide .splide__slide{background-color: var(--n-white); border-radius: var(--b-radius1); padding: 16px;  word-break: break-all; box-shadow: var(--box-shadow1); height: 308px; font-size: var(--f-body1); line-height: 22px; letter-spacing: -0.32px;}
.mainContents .review .slide .splide__slide .score{background-color: var(--b-color1); color: var(--n-white); width: 64px; height: 64px; border-radius: 50%; position: absolute; right: 8px; top: 8px; font-size: var(--f-display3); font-weight: bold; text-align: center; line-height: 1; padding-top: 11px; box-shadow: var(--box-shadow3);}
.mainContents .review .slide .splide__slide .score b{background: linear-gradient(91deg, #FFC4F0 -16.99%, #FDF7FF 45.11%, #FCFFD5 99.78%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700;}
.mainContents .review .slide .splide__slide .score b::selection{color: var(--n-white); background: var(--p-color2) !important; background-color: var(--p-color2); background-clip: initial; -webkit-background-clip: initial; -webkit-text-fill-color: var(--n-white);}
.mainContents .review .slide .splide__slide .score::after{content: 'SCORE'; position: absolute; bottom: 12px; text-align: center; width: 100%; left: 0; font-size: var(--f-body3); font-weight: 300;}
.mainContents .review .slide .splide__slide .title{font-size: var(--f-heading1); font-weight: bold; width: calc(100% - 57px); word-break: break-word; line-height: 1.35; height: 75px; color: var(--n-mainTitle);}
.mainContents .review .slide .splide__slide .title span{display: block;}
.mainContents .review .slide .splide__slide .sub-title{font-size: var(--f-heading3); color: var(--n-info); font-weight: bold; height: 46px; line-height: 1.25;}
.mainContents .review .slide .splide__slide .content{color: var(--n-info2); line-height: 1.4; }
.mainContents .review .slide .splide__slide .name{position: absolute; right: 16px; bottom: 14px; color: var(--n-info2); display: flex; align-items: center;}
.mainContents .review .slide .splide__slide .name figure{width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 8px;}
.mainContents .review .slide .splide__toggle{width: 32px; height: 32px; border-radius: 50%; background-color: var(--b-color4); position: absolute; top: -22px; right: 16px; z-index: 5;}
.mainContents .review .slide .splide__toggle svg{text-indent: -9999999999%; width: 100%; height: 100%; object-fit: contain;}
.mainContents .review .page-link{position: absolute; bottom: 47px; right: 16px;}



/***************************************
    IELTS 공부법 & 찐후기
***************************************/
.mainContents .realReview {background-color: var(--b-color5); overflow: hidden;}
.mainContents .realReview .txt-hero2 span{color: var(--n-info);}
.mainContents .realReview .slideWrap .navigation{display: none;}
.mainContents .realReview .slide{font-size: var(--f-body3); padding: 0 0 0 16px; position: relative; height: 54vw; color: var(--n-mainTitle);}
.mainContents .realReview .slide .swiper-slide .videoWrap{border-radius: var(--b-radius1); overflow: hidden; margin-bottom: 8px; transition: transform 0.5s ease; position: relative; width: 100%; pointer-events: none; touch-action: none; aspect-ratio: 200/112; height: auto; transform: scale(0.7) translate(-21.4%, -21.4%);}
.mainContents .realReview .slide .swiper-slide .videoWrap *{width: 100%; height: 100%; object-fit: contain; }
.mainContents .realReview .slide .swiper-slide .videoWrap figure{width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: transform 0.5s ease; filter: brightness(0.75);}
.mainContents .realReview .slide .swiper-slide .videoWrap.play::after{display: none;}
.mainContents .realReview .slide .swiper-slide .subject{padding-left: 8px; line-height: 16px; letter-spacing: -0.24px; margin-top: -15.666%; transition: margin-top 0.5s ease;}
.mainContents .realReview .slide .swiper-slide.swiper-slide-active .videoWrap{width: 100%; touch-action: auto; pointer-events: visible; cursor: pointer; aspect-ratio: 242/136; transform: scale(1) translate(0,0);}
.mainContents .realReview .slide .swiper-slide.swiper-slide-active .subject{margin-top: 0;}
.mainContents .realReview .slide .swiper-slide.swiper-slide-active .videoWrap::after{content: ''; width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: url('https://static.edmclass.com/common/youtube-play.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 2;}
.mainContents .realReview .slide .pagination{position: absolute; bottom: 0; background-color: transparent; z-index: 2; padding: 0;}
.mainContents .realReview .slide .pagination span:last-child,
.mainContents .realReview .slide .pagination span:first-child{transform: scale(0.75);}
.mainContents .realReview .slide .pagination span.swiper-pagination-bullet-active:first-child,
.mainContents .realReview .slide .pagination span.swiper-pagination-bullet-active:last-child{transform: scale(1);}



/***************************************
    팝업
***************************************/
.popupWrap .popup .imgWrap{background-repeat: no-repeat; background-size: contain; background-position: center; height: 40vh; max-height: 80vh;}











/* tablet */
@media screen and (min-width: 576px) {
    .txt-hero2{font-size: var(--f-display3); line-height: 34px; letter-spacing: -0.48px; padding-bottom: 24px;}
    .page-link{margin-top: 22px;}
    .videoWrap.youtube::after{width: 56px; height: 56px; background-image: url('https://static.edmclass.com/common/youtube-play-tablet.svg');}

	/***************************************
		hero
	***************************************/
	.heroArea{height: 506px; min-height: initial;}
	.heroArea .max-width{padding: 0 48px;}
	.heroArea .textWrap{padding-top: 168px; position: absolute; top: 0;}
	.heroArea video{aspect-ratio: 2232/1518; object-position: right center; position: static;}


    /***************************************
        실제 인강 수강생의 성적표입니다.
    ***************************************/
    .mainContents .transcript .box{aspect-ratio: 1/1; width: 158px;}
    .mainContents .transcript .box .plus{width: 24px; height: 24px;}
    .mainContents .transcript .slide{padding-bottom: 52px;}
    .mainContents .transcript .slide .bottomTxt{bottom: 24px;}

    /***************************************
        단기간 고득점을 가능하게 한 BEST 상품입니다.
    ***************************************/
    .mainContents .bestProduct .page-link .tab_pc-text{display: inline-block;}

    /***************************************
        강의 선택 주의 / 첨삭, 어디까지 경험해 봤니? / 실제 시험과 동일한 구성 / 학원 ∙ 인강 ∙ 해외지사를 갖춘
    ***************************************/
    .mainContents .pointWrap .textArea{min-height: initial;}
    .mainContents .pointWrap .point3 .txt-hero2,
    .mainContents .pointWrap .point4 .txt-hero2{padding-bottom: 16px;}

    /***************************************
        응시권부터 해외 무료배송까지 아낌없이 지원합니다.
    ***************************************/
    .mainContents .support .slide{height: auto;}
    .mainContents .support .slide .swiper-wrapper{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 249px); gap: 16px; grid-template-areas: "support1 support3" "support2 support3";}
    .mainContents .support .slide .swiper-slide{height: 100%; width: 100% !important; border-radius: var(--b-radius1);}
    .mainContents .support .slide .swiper-slide::before{background: linear-gradient(0deg, rgba(79, 79, 79, 0.10) 0%, rgba(79, 79, 79, 0.10) 50%, rgba(79, 79, 79, 0.00) 100%);}
    .mainContents .support .slide .swiper-slide .textWrap{flex-wrap: wrap; padding-inline: 24px;}
    .mainContents .support .slide .swiper-slide .textWrap span{width: 100%; font-size: var(--f-heading3); line-height: 22px;}
    .mainContents .support .slide .swiper-slide .textWrap p{margin-left: 0; margin-top: 0; font-size: var(--f-heading1); line-height: 28px;}
    .mainContents .support .slide .swiper-slide .textWrap.type2 p{margin-top: 0;}
    .mainContents .support .slide .swiper-slide .textWrap .txt{width: 100%;}
    .mainContents .support .slide .swiper-slide .textWrap .txt + .txt{margin-top: 32px; margin-left: 0;}
    .mainContents .support .slide .swiper-slide .textWrap .txt + .txt::before{top: -16px; left: 0;}
    .mainContents .support .slide .swiper-slide:nth-child(1){grid-area: support1; background-image: url('https://static.edmclass.com/ielts/main/new_support_01_tablet.png');}
    .mainContents .support .slide .swiper-slide:nth-child(2){grid-area: support2; background-image: url('https://static.edmclass.com/ielts/main/new_support_02_tablet.png');}
    .mainContents .support .slide .swiper-slide:nth-child(3){grid-area: support3; background-image: url('https://static.edmclass.com/ielts/main/new_support_03_tablet.png');}
    .mainContents .support .slide .swiper-slide .textWrap .txt + .txt::before{background-image: url('https://static.edmclass.com/ielts/main/new_support_icon_tab.svg');}

    /***************************************
        수강생 진짜 후기
    ***************************************/
    .mainContents .review .slide .splide__track{padding-bottom: 84px;}
    .mainContents .review .slide .splide__slide{height: 240px; padding: 32px 24px; }
    .mainContents .review .slide .splide__slide .title{font-size: var(--f-display3); height: 53px; line-height: 34px; letter-spacing: -0.48px;}
    .mainContents .review .slide .splide__slide .title span{display: inline-block;}
    .mainContents .review .slide .splide__slide .sub-title{height: 25px; margin-bottom: 4px;}
    .mainContents .review .slide .splide__slide .name{bottom: 36px;}
    .mainContents .review .slide .splide__slide .score{right: 16px; top: 16px; width: 60px; height: 60px;}
    .mainContents .review .slide .splide__toggle{right: 32px;}
    .mainContents .review .page-link{bottom: 34px;}

    /***************************************
        IELTS 공부법 & 찐후기
    ***************************************/
    .mainContents .realReview{padding-bottom: 0;}
    .mainContents .realReview .slide{font-size: var(--f-heading3); height: calc(45.5vw + 45px); line-height: 22px; letter-spacing: -0.32px;}
    .mainContents .realReview .slide .swiper-slide .videoWrap{transform: none;}
    .mainContents .realReview .slide .swiper-slide .subject{margin-top: 0;}
    .mainContents .realReview .slide .pagination{bottom: 24px;}
    .mainContents .realReview .slide .swiper-slide.swiper-slide-active .videoWrap::after{width: 56px; height: 56px; background-image: url('https://static.edmclass.com/common/youtube-play-tablet.svg');}
}

@media screen and (max-width: 743px) {
    /***************************************
        단기간 고득점을 가능하게 한 BEST 상품입니다.
    ***************************************/
    .mainContents .bestProduct .careWrap .card:hover{box-shadow: var(--box-shadow3); }
    .mainContents .bestProduct .careWrap .card::before { content: ""; position: absolute; inset: 0; border-radius: var(--b-radius1); padding: 2px; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; touch-action: none; pointer-events: none; transition: all 0.3s ease; z-index: 3; opacity: 0;}
    .mainContents .bestProduct .careWrap .card:nth-child(1)::before{background: linear-gradient(to right, #D277E5, #7531F9);}
    .mainContents .bestProduct .careWrap .card:nth-child(2)::before{background: linear-gradient(to right, #00D9FF, #A1E7D8);}
    .mainContents .bestProduct .careWrap .card:nth-child(3)::before{background: linear-gradient(to right, #10A9FF, #5557FF);}
    .mainContents .bestProduct .careWrap .card:nth-child(4)::before{background: linear-gradient(to right, #FFB055, #FF0000);}
    .mainContents .bestProduct .careWrap .card:hover::before{opacity: 1;}
    /* .mainContents .bestProduct .careWrap .card:hover{transform: scale(0.95);} */
}

@media screen and (min-width: 744px){
    /***************************************
        단기간 고득점을 가능하게 한 BEST 상품입니다.
    ***************************************/
    .mainContents .bestProduct .careWrap .card{height: auto; min-height: initial; width: calc(100%/4 - 12px); margin-bottom: 0 !important;}
    .mainContents .bestProduct .careWrap .card .textWrap{padding: 16px 14px; background-size: 158px; background-position: bottom center; padding-bottom: 125px; background-position: bottom 4px center; background-size: 158px; background-repeat: no-repeat; line-height: 26px; letter-spacing: -0.36px;}
    .mainContents .bestProduct .careWrap .card span{line-height: 16px; letter-spacing: -0.24px;}
    .mainContents .bestProduct .careWrap .card p{margin: 0 0 12px; }
    .mainContents .bestProduct .careWrap .card:nth-child(2n){margin-right: 16px;}
    .mainContents .bestProduct .careWrap .card:last-child{margin-right: 0;}
    .mainContents .bestProduct .careWrap .card:nth-child(1) .textWrap{background-image: url('https://static.edmclass.com/ielts/main/new_bestProduct1.svg'); }
    .mainContents .bestProduct .careWrap .card:nth-child(2) .textWrap{background-image: url('https://static.edmclass.com/ielts/main/new_bestProduct2.svg'); }
    .mainContents .bestProduct .careWrap .card:nth-child(2) p{background: linear-gradient(250deg, #FF8B48 -12.63%, #FF6767 86.74%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
    .mainContents .bestProduct .careWrap .card:nth-child(3) .textWrap{background-image: url('https://static.edmclass.com/ielts/main/new_bestProduct3_tab.svg'); background-position: bottom center;}
    .mainContents .bestProduct .careWrap .card:nth-child(4) .textWrap{background-image: url('https://static.edmclass.com/ielts/main/new_bestProduct4.svg'); background-position: bottom 17px center;}
    .mainContents .bestProduct .careWrap .card:nth-child(4) p{background: linear-gradient(90deg, #0FB7FF 1.25%, #B0FF23 115.97%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
    .mainContents .bestProduct .careWrap .card a{padding: 3px 0;}

    /***************************************
        수치로 증명합니다.
    ***************************************/
    .mainContents .preference{padding-bottom: 72px;}
    .mainContents .preference .cardWrap .card{width: calc(100%/4 - 12px); margin-bottom: 0;}
    .mainContents .preference .cardWrap .card:nth-child(2n){margin-right: 16px;}
    .mainContents .preference .cardWrap .card:last-child{margin-right: 0;}
    .mainContents .preference .cardWrap .card .s-txt{padding-top: 8px;}

    /***************************************
        강의 선택 주의 / 첨삭, 어디까지 경험해 봤니? / 실제 시험과 동일한 구성 / 학원 ∙ 인강 ∙ 해외지사를 갖춘
    ***************************************/
    .mainContents .pointWrap .subTxt{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;}
    .mainContents .pointWrap .textArea{font-size: var(--f-heading3); font-weight: 400;}

    /* 강의를 선택하기 전 2가지를 꼭 확인하세요. */
    .mainContents .pointWrap .point1{padding-bottom: 40px;}
    .mainContents .pointWrap .point1 .max-width{padding: 0 32px;}
    .mainContents .pointWrap .point1 .slide .splide__list{display: flex; justify-content: space-between;}
    .mainContents .pointWrap .point1 .slide .splide__slide{width: calc(50% - 8px);}
    .mainContents .pointWrap .point1 .slide .splide__slide figure{height: auto; aspect-ratio: 332/250; object-fit: contain;}
    .mainContents .pointWrap .point1 .slide .splide__slide:nth-child(1) figure{background-image: url('https://static.edmclass.com/ielts/main/new_point1-img1_tab.png');}
    .mainContents .pointWrap .point1 .slide .splide__slide:nth-child(2) figure{background-image: url('https://static.edmclass.com/ielts/main/new_point1-img2_tab.png');}
    .mainContents .pointWrap .point1 .slide .splide__slide .textWrap{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;}
    .mainContents .pointWrap .point1 .slide .splide__slide .textWrap .title{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; margin-bottom: 2px;}
    /* point2 + point3 공통 */
    .mainContents .pointWrap .common-type{padding-bottom: 40px; padding-top: 40px;}
    /* edm은 첨삭에 진심입니다. */
    .mainContents .pointWrap .point2 .slide .boxWrap{height: auto;}
    .mainContents .pointWrap .point2 .slide .boxWrap{display: flex; justify-content: space-between;}
    .mainContents .pointWrap .point2 .slide .boxWrap .box{width: calc(50% - 8px); height: auto; aspect-ratio: 332/184;}
    .mainContents .pointWrap .point2 .slide .box + .box{margin-top: 0;}
    .mainContents .pointWrap .point2 .slide .splide__slide + .splide__slide{margin-top: 24px;}
    .mainContents .pointWrap .point2 .slide .third .boxWrap .box{width: 100%; aspect-ratio: 680/384;}
    .mainContents .pointWrap .point2 .slide .first .box:nth-child(1){border-radius: var(--b-radius1); padding: 18px 16px;}
    .mainContents .pointWrap .point2 .slide .first .box:nth-child(2){padding: 13px 5px 7px; border-radius: var(--b-radius1);}
    .mainContents .pointWrap .point2 .slide .third .textArea br{display: none;}
    /* 응시료도 비싼데 CDT 모의고사로 충분히 훈련하세요. */
    .mainContents .pointWrap .point3 .slide .splide__list{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .mainContents .pointWrap .point3 .slide .splide__slide{width: calc(50% - 8px);}
    .mainContents .pointWrap .point3 .textArea{margin-top: 24px; font-size: var(--f-body1); min-height: initial;}
    /* 유학센터 까지 탄탄한 연결고리는 오직 edm입니다. */
    .mainContents .pointWrap .point4{padding-top: 40px;}
    .mainContents .pointWrap .point4 .slide{aspect-ratio: 680/224;}

    /*************************************************************
        hover effect
    *************************************************************/
    @media (hover: hover) and (pointer: fine) {
        .mainContents .bestProduct .careWrap .card:hover{box-shadow: var(--box-shadow3);}
    }
}

@media screen and (min-width: 992px) {

    /***************************************
        실제 인강 수강생의 성적표입니다.
    ***************************************/
    .mainContents .transcript .txt-hero2 .bottom-txt{font-size: var(--f-body3); color: var(--n-info2); line-height: 16px; letter-spacing: -0.24px; margin-top: 8px; font-weight: 400;}
    .mainContents .transcript .slide{padding-bottom: 120px;}
    .mainContents .transcript .slide .bottomTxt{display: none;}
    .mainContents .transcript .box{width: 300px; margin: 0 12px;}
    .mainContents .transcript .box::after{background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 51.5%, #FFF 100%); opacity: 1;}
    .mainContents .transcript .box .plus{width: 40px; height: 40px; bottom: 24px; right: 24px; background-size: 24px;}
    .mainContents .transcript .box .score{top: 16px; right: 16px; width: 76px; height: 76px; font-size: var(--f-display2); padding-top: 14px;}
    .mainContents .transcript .box .score span{font-size: var(--f-body1); bottom: 16px;}

    /***************************************
        수강생 진짜 후기
    ***************************************/
    .mainContents .review {padding-bottom: 80px;}
    .mainContents .review .slide .splide__track{padding-bottom: 70px;}
    .mainContents .review .page-link{position: relative; margin-top: -30px; bottom: auto; right: auto;}

}

/* pc */
@media screen and (min-width: 1200px) {
	.pinWrap-mo{padding-top: 0;}
	.pinWrap-pc{padding-top: 130px;}
    .popupWrap .popup{border-radius: var(--b-radius2);}


    .txt-hero2{font-size: var(--f-hero2); padding-bottom: 80px; line-height: normal; letter-spacing: -0.96px;}
    .txt-hero2 span{font-size: var(--f-display2); line-height: 38px; letter-spacing: -0.56px; margin-bottom: 4px;}
    .txt-hero2 em{line-height: 60px; letter-spacing: -0.96px;}

    .page-link{font-size: var(--f-heading1); margin-top: 40px; font-weight: 400; line-height: 28px; letter-spacing: -0.4px;}
    .page-link a{ padding-right: 24px; color: var(--n-mainTitle);}
    .page-link a svg{width: 24px; height: 24px; right: 0;}
    .page-link a svg path{stroke: var(--n-mainTitle);}

    .videoWrap.youtube::after { width: 72px; height: 72px; background-image: url('https://static.edmclass.com/common/youtube-play-pc.svg'); }


    .mainContents > article{padding-top: 120px; padding-bottom: 120px;}





    /***************************************
        hero
    ***************************************/
	.heroArea{height: calc(100vh - 130px);}
	.heroArea .textWrap{padding-top: 0; position: absolute; top: 50%; transform: translateY(-50%); height: auto;}
	.heroArea .textWrap .title{font-size: 64px; letter-spacing: -1.28px; margin-bottom: 120px;}
	.heroArea .textWrap .sub{font-size: var(--f-display1); letter-spacing: -0.8px;}
	.heroArea .textWrap .sub + .sub{margin-top: 16px;}
	.heroArea video{aspect-ratio: 5760/3210; max-height: 1070px;}


    /***************************************
        단기간 고득점을 가능하게 한 BEST 상품입니다.
    ***************************************/
    .mainContents .bestProduct{background: var(--b-color5);}
    .mainContents .bestProduct .max-width{max-width: 1200px; padding: 0 32px;}
    .mainContents .bestProduct .careWrap .card{width: calc(100%/2 - 12px);  height: 560px; border: none; font-size: var(--f-display3); line-height: 34px; letter-spacing: -0.48px; border-radius: var(--b-radius2); transition: box-shadow 0.3s ease; }
    .mainContents .bestProduct .careWrap .card p{color: var(--n-mainTitle) !important; background: initial !important; -webkit-background-clip: initial !important; -webkit-text-fill-color: initial !important; font-size: 38px; line-height: 48px; letter-spacing: -0.76px; margin: 8px 0 24px;}
    .mainContents .bestProduct .careWrap .card .info{font-size: var(--f-heading2); line-height: 1.55; letter-spacing: -0.36px; font-weight: 700;}
    .mainContents .bestProduct .careWrap .card a{font-size: var(--f-heading2); width: 100%; border-radius: 30px; left: 50%; transform: translateX(-50%); bottom: 40px; padding: 15px 0; font-weight: 700;}
    .mainContents .bestProduct .careWrap .card .textWrap{padding: 40px 0; background-position: bottom center !important; background-size: 100%; max-width: 381px; margin: 0 auto;}
    .mainContents .bestProduct .careWrap .card span{line-height: 34px; letter-spacing: -0.48px; font-weight: 700;}
    .mainContents .bestProduct .careWrap .card::after{display: none;}
    .mainContents .bestProduct .careWrap .card:nth-child(-n+2){margin-bottom: 24px !important;}
    .mainContents .bestProduct .careWrap .card:nth-child(2n-1){margin-right: 24px;}
    .mainContents .bestProduct .careWrap .card:nth-child(2n){margin-right: 0;}
    .mainContents .bestProduct .careWrap .card:nth-child(3) .textWrap{background-image: url('https://static.edmclass.com/ielts/main/new_bestProduct3.svg');}
    .mainContents .bestProduct .careWrap .card:nth-last-of-type(1),
    .mainContents .bestProduct .careWrap .card:nth-last-of-type(2){margin-bottom: 0;}

    /***************************************
        수치로 증명합니다.
    ***************************************/
    .mainContents .preference{padding-bottom: 120px;}
    .mainContents .preference .max-width{display: flex; justify-content: space-between; align-items: center;}
    .mainContents .preference .txt-hero2 span{font-size: var(--f-hero2); color: var(--n-mainTitle); line-height: inherit; letter-spacing: inherit; margin-bottom: 0;}
    .mainContents .preference .cardWrap{margin-left: 126px; max-width: 690px;}
    .mainContents .preference .cardWrap .card{width: calc(50% - 12px); height: auto; aspect-ratio: 333/320; margin-bottom: 24px; border-radius: var(--b-radius2); padding-top: 32px;}
    .mainContents .preference .cardWrap .card:nth-child(2n-1){margin-right: 24px;}
    .mainContents .preference .cardWrap .card figure{width: 120px; height: 120px; margin-bottom: 8px;}
    .mainContents .preference .cardWrap .card .txt{font-size: var(--f-display3); line-height: 34px; letter-spacing: -0.48px; font-weight: 700;}
    .mainContents .preference .cardWrap .card .count{font-size: var(--f-hero2); font-weight: 900; line-height: 60px; letter-spacing: -0.96px; position: static;}
    .mainContents .preference .cardWrap .card .s-txt{font-size: var(--f-body3); padding: 0; text-align: center; width: 100%; bottom: 40px; top: auto; font-weight: 700;}
    .mainContents .preference .cardWrap .card .s-txt .mo_tab-text{display: none;}
    .mainContents .preference .cardWrap .card .s-txt .pc-text{display: inline-block;}
    .mainContents .preference .cardWrap .card:nth-child(2n){margin-right: 0;}

    /***************************************
        강의 선택 주의 / 첨삭, 어디까지 경험해 봤니? / 실제 시험과 동일한 구성 / 학원 ∙ 인강 ∙ 해외지사를 갖춘
    ***************************************/
    .mainContents .pointWrap{position: relative; }
    .mainContents .pointWrap .max-width{height: 100%; display: flex;}
    .mainContents .pointWrap .titleWrap{padding-bottom: 0 !important;  width: 50%; height: 100%; align-items: center; display: flex; flex-direction: row; position: sticky; top: 130px;}
    .mainContents .pointWrap .titleWrap .txt-hero2{height: initial;}
    .mainContents .pointWrap .point1 .txt-hero2,
    .mainContents .pointWrap .point2 .txt-hero2{padding-bottom: 0;}
    .mainContents .pointWrap .slide{position: relative; width: 50%;}
    .mainContents .pointWrap .textArea{min-height: initial; margin-bottom: 0; display: block; padding: 16px 8px;}
    .mainContents .pointWrap .pointArea{padding: 120px 0; }
    .mainContents .pointWrap .slide .pagination{display: none;}

    .mainContents .pointWrap .pointArea .slide{padding-left: 12px;}
    .mainContents .pointWrap .pointArea .slide .splide__list{display: block; width: 100%; position: relative;}
    .mainContents .pointWrap .pointArea .slide .splide__slide{max-width: 100%; width: 100%; transition: opacity 0.3s ease; background-color: var(--n-white);}
    .mainContents .pointWrap .pointArea .slide .splide__slide + .splide__slide{margin-top: 120px;}
    .mainContents .pointWrap .pointArea .slide .splide__slide{width: 588px; word-break: keep-all;}
    .mainContents .pointWrap .common-type .slide .splide__slide figure{border-radius: var(--b-radius2); aspect-ratio: 588/346;}

    .mainContents .pointWrap .point1 .titleWrap {height: 525px;}
    .mainContents .pointWrap .point1 .slide .splide__slide figure{aspect-ratio: 588/402; }
    .mainContents .pointWrap .point1 .slide .splide__slide .textWrap{font-size: var(--f-display3); line-height: 34px; letter-spacing: -0.48px; padding: 16px 8px;}
    .mainContents .pointWrap .point1 .slide .splide__slide .textWrap .title{font-size: inherit; line-height: inherit; letter-spacing: inherit; margin-bottom: 0;}

    .mainContents .pointWrap .point2 .titleWrap {height: 722.5px; }
    .mainContents .pointWrap .point2 .slide .box{min-height: initial;}
    .mainContents .pointWrap .point2 .slide .boxWrap{flex-wrap: wrap;}
    .mainContents .pointWrap .point2 .slide .boxWrap .box{width: 100%; aspect-ratio: initial;}
    .mainContents .pointWrap .point2 .slide .splide__slide{background-color: transparent;}
    .mainContents .pointWrap .point2 .slide .splide__slide + .splide__slide{margin-top: 120px;}
    .mainContents .pointWrap .point2 .slide .textArea{order: 2; width: 100%; font-size: var(--f-display3); line-height: 34px; letter-spacing: -0.48px; color: var(--n-subTitle); font-weight: 700; height: auto;}
    .mainContents .pointWrap .point2 .slide .boxWrap .box:nth-child(1){border-radius: var(--b-radius2) var(--b-radius2) 0 0; padding: 16px 16px 8px;}
    .mainContents .pointWrap .point2 .slide .boxWrap .box:nth-child(2){border-radius: 0 0 var(--b-radius2) var(--b-radius2); padding: 8px 16px 16px;}
    .mainContents .pointWrap .point2 .slide .first .box:nth-child(1){padding: 24px 18px 12px;}
    .mainContents .pointWrap .point2 .slide .first .box:nth-child(2){padding: 12px 18px 24px;}
    .mainContents .pointWrap .point2 .slide .second .box img{border: 1px solid var(--s-color1); border-radius: var(--b-radius1);}
    .mainContents .pointWrap .point2 .slide .second .box .text{font-size: var(--f-heading1); height: 36px; letter-spacing: -0.4px; font-weight: 700; top: 32px; left: 32px;}
    .mainContents .pointWrap .point2 .slide .second .box:nth-child(2) .text{top: 24px;}
    .mainContents .pointWrap .point2 .slide .third .boxWrap .box{padding: 0; border-radius: var(--b-radius2);}
    .mainContents .pointWrap .point2 .slide .third .textArea br{display: block;}

    .mainContents .pointWrap .pointArea.style2 .max-width{display: block;}
    .mainContents .pointWrap .pointArea.style2 .txt-hero2{width: 100%; position: static; transform: none; text-align: center; margin: 0;}
    .mainContents .pointWrap .pointArea.style2 .subTxt{text-align: center; font-size: var(--f-display3); margin-top: 40px; margin-bottom: 64px;}
    .mainContents .pointWrap .pointArea.style2 .slide .splide__slide{background-color: transparent;}
    .mainContents .pointWrap .pointArea.style2 .slide{width: 100%; }
    .mainContents .pointWrap .point3{padding-bottom: 170px;}
    .mainContents .pointWrap .point3.common-type .slide .splide__slide figure{aspect-ratio: 381/218; }
    .mainContents .pointWrap .point3 .splide__track{overflow: initial;}
    .mainContents .pointWrap .point3 .slide .splide__list{display: flex; justify-content: center;}
    .mainContents .pointWrap .point3 .slide .splide__slide{display: flex; flex-wrap: wrap; width: calc(100%/4 - 18px); transition: all 1.25s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay: 0.3s;}
    .mainContents .pointWrap .pointArea.point3 .slide .splide__slide + .splide__slide{margin-top: 0; margin-left: 24px;}
    .mainContents .pointWrap .pointArea.point3 .slide .splide__slide:not(:first-child){margin-left: -130px;}
    .mainContents .pointWrap .point3 .slide .splide__slide .textArea{order: 2; font-size: var(--f-display3); padding: 16px 0 0; margin: 0; color: var(--n-mainTitle); opacity: 0; transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1);}
    .mainContents .pointWrap .point3 .slide .splide__slide .textArea b{font-weight: 700;}
    .mainContents .pointWrap .point3 .slide .splide__slide figure{order: 1; -moz-outline-radius-topleft: 381/218; box-shadow: var(--box-shadow4);}
    .mainContents .pointWrap .point3 .slide.aos-animate .splide__slide:not(:first-child){margin-left: 24px;}
    .mainContents .pointWrap .point3 .slide.aos-animate .splide__slide .textArea{opacity: 1;}

    .mainContents .pointWrap .point4 .txt-hero2 span{justify-content: center; column-gap: 7px;}
    .mainContents .pointWrap .point4 .txt-hero2 span i{width: 4px; height: 4px;}

    .mainContents .pointWrap .point-tabMenu{position: fixed; top: 250px; z-index: 50; width: 100%; opacity: 0; transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); visibility: hidden; touch-action: none; pointer-events: none;}
    .mainContents .pointWrap .point-tabMenu .max-width{position: relative;}
    .mainContents .pointWrap .point-tabMenu button{height: 36px; line-height: 36px; color: #000; letter-spacing: -0.28px; z-index: 1; transition: color 0.3s ease; width: 100%; position: relative; z-index: 1;}
    .mainContents .pointWrap .point-tabMenu button + button{margin-top: 2px;}
    .mainContents .pointWrap .point-tabMenu .null{height:36px; position: absolute; left: 50%; transform: translateX(-50%); background-color: var(--b-color1); border-radius: 22px; transition: top 0.3s ease; width: 100%; top: 0; z-index: 0;}
    .mainContents .pointWrap .point-tabMenu .tabWrap{position: absolute; right: 32px; padding: 8px;}
    .mainContents .pointWrap .point-tabMenu .tabWrap::after{content: ''; position:  absolute; top: 0; left: 0; backdrop-filter: blur(3px); width: 100%; height: 100%; background-color: rgba(184, 184, 199, 0.20); border-radius: var(--b-radius2);}
    .mainContents .pointWrap .point-tabMenu .tabArea{position: relative; width: 80px; z-index: 2; text-align: center; border-radius: var(--b-radius2); font-size: var(--f-body1);}
    .mainContents .pointWrap .point-tabMenu button.active{color: #fff;}
    /* show */
    .mainContents .pointWrap .point-tabMenu.show{opacity: 1; visibility: visible; touch-action: auto; pointer-events: visible;}

    /***************************************
        응시권부터 해외 무료배송까지 아낌없이 지원합니다.
    ***************************************/
    .mainContents .support .txt-hero2{text-align: center;}
    .mainContents .support .slide .swiper-wrapper{grid-template-columns: repeat(3, 1fr); grid-template-rows: initial; grid-template-areas: "support1 support2 support3"}
    .mainContents .support .slide .swiper-slide{padding-bottom: 100%; overflow: hidden; border-radius: var(--b-radius2);}
    .mainContents .support .slide .swiper-slide::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(3px); opacity: 0; transition: all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);}
    .mainContents .support .slide .swiper-slide *{position: relative; z-index: 2;}
    .mainContents .support .slide .swiper-slide .textWrap{opacity: 0; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); text-align: center; font-weight: 700; display: block; padding: 0; bottom: auto; top: 50%; width: 100%; transform: translateY(-50%); }
    .mainContents .support .slide .swiper-slide .textWrap span{font-size: var(--f-display2); display: block; line-height: 38px; letter-spacing: -0.56px;}
    .mainContents .support .slide .swiper-slide .textWrap p{font-size: 38px; display: block; margin-top: 0; line-height: 48px; letter-spacing: -0.76px; font-weight: 700;}
    .mainContents .support .slide .swiper-slide .textWrap .txt + .txt{margin-top: 72px;}
    .mainContents .support .slide .swiper-slide .textWrap .txt + .txt::before{width: 32px; height: 32px; left: 50%; transform: translateX(-50%); top: -50px;}
    .mainContents .support .slide .swiper-slide::before{display: none;}
    .mainContents .support .slide .swiper-slide:nth-child(1){background-image: url('https://static.edmclass.com/ielts/main/new_support_01_pc.png');}
    .mainContents .support .slide .swiper-slide:nth-child(1)::after{background: linear-gradient(180deg, rgba(18, 217, 169, 0.94) 0%, rgba(231, 207, 255, 0.94) 100%);}
    .mainContents .support .slide .swiper-slide:nth-child(2){background-image: url('https://static.edmclass.com/ielts/main/new_support_02_pc.png');}
    .mainContents .support .slide .swiper-slide:nth-child(2)::after{background: linear-gradient(180deg, rgba(94, 110, 255, 0.90) -5.73%, rgba(216, 255, 224, 0.90) 100%);}
    .mainContents .support .slide .swiper-slide:nth-child(3){background-image: url('https://static.edmclass.com/ielts/main/new_support_03_pc.png');}
    .mainContents .support .slide .swiper-slide:nth-child(3)::after{background: linear-gradient(180deg, rgba(133, 90, 255, 0.94) -13.93%, rgba(254, 255, 216, 0.94) 100%);}

    /***************************************
        수강생 진짜 후기
    ***************************************/
    .mainContents .review{padding-bottom: 0;}
    .mainContents .review .max-width{position: relative;}
    .mainContents .review .slide .splide__slide{height: 382px; font-size: var(--f-display3); line-height: 34px; letter-spacing: -0.48px; padding: 40px 32px; border-radius: var(--b-radius2); box-shadow: var(--box-shadow4);}
    .mainContents .review .slide .splide__track{padding-bottom: 192px; padding-top: 80px; margin-top: 0;}
    .mainContents .review .slide .splide__toggle{width: 40px; height: 40px; top: auto; right: auto; position: relative; display: block; margin: -130px 0 0 auto;}
    .mainContents .review .slide .splide__slide .title{font-size: var(--f-display1); line-height: 52px; letter-spacing: -0.8px; margin-bottom: 32px;}
    .mainContents .review .slide .splide__slide .sub-title{font-size: inherit; line-height: inherit; letter-spacing: inherit; margin-bottom: 8px; height: auto;}
    .mainContents .review .slide .splide__slide .name{font-size: var(--f-heading2); bottom: 40px; right: 32px;}
    .mainContents .review .slide .splide__slide .name figure{width: 40px; height: 40px; margin-right: 16px;}
    .mainContents .review .slide .splide__slide .score{width: 90px; height: 90px; font-size: 32px; top: 16px; right: 16px; line-height: 38px; letter-spacing: -0.64px; padding-top: 16px; }
    .mainContents .review .slide .splide__slide .score::after{font-size: var(--f-body1); line-height: 22px; letter-spacing: -0.28px; bottom: 14px;}
    .mainContents .review .page-link{bottom: 120px; margin-top: 0; position: absolute; right: 0;}

    /***************************************
        IELTS 공부법 & 찐후기
    ***************************************/
    .mainContents .realReview{padding-bottom: 248px;}
    .mainContents .realReview .slideWrap{max-width: 1596px; margin: 0 auto; }
    .mainContents .realReview .slide{font-size: var(--f-display3); font-weight: 700; padding-left: 32px; height: 20.8vw;}
    .mainContents .realReview .slideWrap{position: relative;}
    .mainContents .realReview .slideWrap .navigation {display: flex; position: absolute; right: 32px; top: -123px;}
    .mainContents .realReview .slideWrap .navigation .navi{width: 40px; height: 40px; border-radius: 50%; background-color: var(--b-color4); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; transition: background-color 0.3s ease;}
    .mainContents .realReview .slideWrap .navigation .navi svg{width: 100%; height: 100%; object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .mainContents .realReview .slideWrap .navigation .navi.prev{margin-right: 16px;}
    .mainContents .realReview .slide .pagination{display: none;}
    .mainContents .realReview .slide .swiper-slide{transition: all 0.5s ease;}
    .mainContents .realReview .slide .swiper-slide .videoWrap{overflow: hidden; position: relative; border-radius: var(--b-radius2); aspect-ratio: 462/260; margin-bottom: 16px; max-width: 32.5vw;}
    .mainContents .realReview .slide .swiper-slide.swiper-slide-active{width: 32.5vw !important;}
    .mainContents .realReview .slide .swiper-slide .subject{margin-top: 16px; font-size: var(--f-display3); line-height: 34px; letter-spacing: -0.48px; padding-left: 16px;}
    .mainContents .realReview .slide .pagination{display: none;}
    .mainContents .realReview .slide .swiper-slide.swiper-slide-active .videoWrap::after{width: 72px; height: 72px; background-image: url('https://static.edmclass.com/common/youtube-play-pc.svg');}
}

@media screen and (min-width: 1232px) {
    .max-width.large{padding: 0 32px;}
    .mainContents .realReview .slideWrap .slide{padding-left: 32px;}
}

@media screen and (min-width: 1264px) {
    .mainContents .pointWrap .point1 .max-width{padding: 0;}
}

@media screen and (min-width: 1400px) {
    .pointWrap .point2 .slide .box .text{font-size: var(--f-display3);}


    .review{padding-bottom: 90px;}
    .review .page-link{position: relative; margin: 0; bottom: 20px; right: auto;}
    .review .slide .splide__track{padding-bottom: 70px;}
    .review .slide .splide__slide{font-size: var(--f-display3); height: 422px; padding: 40px 32px; border-radius: var(--b-radius2); letter-spacing: -0.48px;}
    .review .slide .splide__slide .title{font-size: var(--f-display1); height: 96px;}
    .review .slide .splide__slide .sub-title{font-size: var(--f-display3); height: 70px;}
    .review .slide .splide__slide .name{font-size: var(--f-heading2); right: 32px;}
    .review .slide .splide__slide .score{width: 90px; height: 90px; top: 16px; right: 16px; font-size: 32px; padding-top: 19px;}
    .review .slide .splide__slide .score b{font-weight: 800;}
    .review .slide .splide__slide .score::after{font-size: var(--f-body1); bottom: 18px;}
    .review .slide .splide__toggle{width: 56px; height: 56px; top: auto; right: auto; position: relative; display: block; margin: -130px 0 0 auto;}
    .review .slide .splide__slide .name{font-size: var(--f-heading2);}
    .review .slide .splide__slide .name figure{width: 40px; height: 40px;}



    .realReview {padding-bottom: 140px;}
    .realReview .slide{padding: 0; height: 23vw;}
}

@media screen and (min-width: 1500px){
    /***************************************
        단기간 고득점을 가능하게 한 BEST 상품입니다.
    ***************************************/
    .mainContents .bestProduct .max-width{max-width: 1596px;}
    .mainContents .bestProduct .careWrap .card{width: calc(100%/4 - 18px); }
    .mainContents .bestProduct .careWrap .card:nth-child(-n+2){margin-bottom: 0 !important;}
    .mainContents .bestProduct .careWrap .card:nth-child(-n+3){margin-right: 24px !important;}
    .mainContents .bestProduct .careWrap .card:nth-child(4n){margin-right: 0;}
    .mainContents .bestProduct .careWrap .card .textWrap{padding: 40px; max-width: initial;}
    .mainContents .bestProduct .careWrap .card a{width: calc(100% - 80px);}
}

@media screen and (min-width: 1600px) {
    .pointWrap .point3 .subTxt.type2{background-size: 296px;}

    .review .slide .splide__slide{height: 382px;}
    .review .slide .splide__slide .title{height: 85px;}
    .review .slide .splide__slide .sub-title{height: 42px;}
}

@media screen and (min-width: 1660px) {
    .max-width.large,
    .mainContents .bestProduct .max-width{padding: 0;}

    .mainContents .pointWrap .point-tabMenu .tabWrap{right: 82px;}

    .mainContents .realReview .slideWrap .slide{padding-left: 0;}
    .mainContents .realReview .slideWrap .navigation{right: 0;}
}

/* 메인 비주얼 : 글씨 크기 유동적으로 */
@media screen and (min-width: 1200px) and (max-width: 1919px) {
    /***************************************
        hero
    ***************************************/
	.heroArea .textWrap .title{font-size: 3.3333vw; margin-bottom: 6.2500vw;}
	.heroArea .textWrap .sub{font-size: 2.0833vw;}
	.heroArea .textWrap .sub + .sub{margin-top: 0.8333vw;}
	.heroArea video{aspect-ratio: 5760/3210;}


}

@media screen and (min-width: 2400px) {
    .mainContents .realReview .slide{height: 16.3vw;}
    .realReview .slide .swiper-slide.swiper-slide-active .videoWrap{height: auto;}
    .mainContents .realReview .slide .swiper-slide.swiper-slide-active{width: 25.5vw !important; }
}










/*************************************************************
    hover effect
*************************************************************/
@media (hover: hover) and (pointer: fine) {
    .page-link a:hover{color: var(--p-color2);}
    .page-link a:hover svg path{stroke: var(--p-color2);}
    .page-link.type2 a:hover{color: var(--p-color1);}
    .page-link.type2 a:hover svg path{stroke: var(--p-color1);}

    .mainContents .transcript .box:hover .plus{background-color: var(--n-info);}
    .mainContents .transcript .box:hover figure{transform: scale(1.05);}
    #wrap.mainPage .popupWrap .mainPopup .closeIcon:hover{background-color: var(--n-info);}

    .mainContents .review .slide .splide__toggle:hover {background-color: var(--b-color3);}
    .mainContents .review .slide .splide__toggle:hover svg rect,
    .mainContents .review .slide .splide__toggle:hover svg path{fill: var(--n-subTitle);}

    .mainContents .support .slide .swiper-slide:hover .textWrap{opacity: 1;}
    .mainContents .support .slide .swiper-slide:hover::after{opacity: 1;}

    .mainContents .realReview .slideWrap .navigation .navi:hover{background-color: var(--b-color3);}
    .mainContents .realReview .slide .swiper-slide.swiper-slide-active:hover .videoWrap figure{transform: scale(1.05); }
}