@charset "utf-8"; /* Paperlogy */ @import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css'); /* Oooh Baby */ @import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap'); /********************************************************************************** 상품 상세 페이지 :: mobile first media query :: 0px ~ mobile :: 576px ~ tablet :: 1200px ~ pc 인강 상품 상세페이지가 기준이며, 어학원은 article class 앞에 a- 추가 **********************************************************************************/ /* 공통 */ :root{ --n-subTitle : #40404E; --f-hero2 : 48px; --f-display2 : 28px; --f-body4 : 11px; } .promotionPage {background-color: var(--b-color5); font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage .max-width{height: initial;} #mo-menu{display: none !important;} #header.active, #header.resized.active{height: calc(100vh - 52px); height: calc((var(--vh, 1vh) * 100) - 52px);} /* 모바일 전체메뉴 클릭 */ .promotionPage .sticky-option.product{display: none;} .promotionPage article.transBg{background-color: var(--b-color5);} .promotionPage .promotionContents .videoWrap .video{position: relative; cursor: pointer;} .promotionPage .promotionContents .videoWrap .video *{width: 100%; height: 100%; object-fit: cover;} .promotionPage .promotionContents .videoWrap .video figure{filter: brightness(0.75); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } .promotionPage .promotionContents .videoWrap .video::after{content: ''; width: 56px; height: 56px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: url('https://static.edmclass.com/common/promotion/promotion-youtube-play.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 2;} .promotionPage .promotionContents .videoWrap .video.play figure{display: none;} .promotionPage .promotionContents .videoWrap .video.play::after{display: none;} .promotionPage .moreBtnWrap{text-align: center; padding: 16px 0; background-color: transparent;} .promotionPage .moreBtnWrap .moreBtn{color: var(--n-subTitle); border-radius: 300px; background-color: var(--n-white); width: 182px; height: 40px; line-height: 40px; text-align: center; font-weight: 500; transition: all 0.3s ease; box-shadow: var(--box-shadow1);} .promotionPage .moreBtnWrap + article{margin-top: 12px;} .promotionPage .dotList > li{position: relative; padding-left: 10px;} .promotionPage .dotList > li::before{content: ''; position: absolute; left: 4px; top: 8px; width: 2px; height: 2px; border-radius: 50%; background-color: var(--n-info2);} .promotionPage .dotList > li + li{margin-top: 2px;} .promotionPage .dotTxt{position: relative; padding-left: 10px;} .promotionPage .dotTxt::before{content: ''; position: absolute; left: 4px; top: 8px; width: 2px; height: 2px; border-radius: 50%; background-color: var(--n-info2);} /* 간편하게 상담 신청하기 */ #go-contact{display: none;} body.academy #go-contact{display: block; position: fixed; bottom: 68px; left: 0; width: 100%; text-align: center; z-index: 50; margin-top: 16px;} body.academy #go-contact .btn{position: relative; display: inline-block; border-radius: 20px; overflow: hidden; box-shadow: var(--box-shadow3); background-color: rgba(255,255,255,0.8); color: var(--n-mainTitle); font-weight: 500; padding: 12px 13.5px; line-height: 1; transition: background-color 0.3s ease, color 0.3s ease;} body.academy #go-contact .btn span{position: relative; z-index: 2; display: flex; align-items: center;} body.academy #go-contact .btn span figure{width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 4px; background-image: url('https://static.edmclass.com/academy/promotion/inquiry-icon.svg'); transition: background-image 0.3s ease;} body.academy #go-contact .btn::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(8px); opacity: 1; transition: opacity 0.3s ease;} body.academy #go-contact .btn:active{background-color: var(--p-color2);} /********************************* 관리자 템플릿 *********************************/ /* 배너 */ .promotionPage .mainBanner{width: 100%; padding-bottom: 16px; padding-top: 16px;} .promotionPage .mainBanner .banner{position: relative; border-radius: var(--b-radius0); overflow: hidden; height: auto; width: 100%; } .promotionPage .mainBanner .banner *{width: 100%;} /* 유의사항 */ .promotionPage .promotionContents .changePage {margin-bottom: 16px;} .promotionPage .promotionContents .changePage:not(:first-child) {display: none;} .promotionPage #notesPage{margin-bottom: 0;} .promotionPage #notesPage article{background-color: transparent;} /* 강좌목록 */ .promotionPage #coursePage{margin-bottom: 0;} .promotionPage #coursePage article{background-color: transparent;} /* 수강생 혜택 */ .promotionPage .studentBenefit{background-color: transparent; padding-bottom: 24px; color: var(--n-mainTitle); padding-top: 0;} .promotionPage .studentBenefit .title{font-size: var(--f-heading2); font-weight: bold; padding-left: 32px; background-image: url('https://static.edmclass.com/ielts/common/promotion_studentBenefit.svg'); background-repeat: no-repeat; background-size: 24px; background-position: left center; margin-bottom: 8px;} .editor-content ul > li{position: relative; padding-left: 8px; } .editor-content ul > li + li{margin-top: 8px;} .editor-content ul > li::before{content: ''; position: absolute; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #1D1D1F; top: 8px;} .editor-content ul > li em{color: var(--waring-color);} /* 슬라이드 공통 스타일 (템플릿) */ .promotionPage .customSlide{padding-top: 16px; overflow: hidden; padding-bottom: 16px; width: calc(100% + 32px); margin-left: -16px;} .promotionPage .customSlide .swiper-slide{font-size: var(--f-body1); color: var(--n-mainTitle); padding-top: 24px;} .promotionPage .customSlide .swiper-slide .textWrap{width: 70%; margin: 0 auto;} .promotionPage .customSlide .swiper-slide .imgWrap{background-color: var(--n-white); margin: 0 auto 8px; overflow: hidden; transition: opacity 0.3s ease, filter 0.3s ease; width: 70%; position: relative; opacity: 0.8; filter: brightness(0.5); } .promotionPage .customSlide .swiper-slide .imgWrap figure{width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center top;} .promotionPage .customSlide .swiper-slide.swiper-slide-active{padding-top: 0;} .promotionPage .customSlide .swiper-slide.swiper-slide-active .imgWrap{width: 100%; filter: none; opacity: 1;} .promotionPage .customSlide .swiper-slide.swiper-slide-active .textWrap{width: 100%;} .promotionPage .slide .pagination{background-color: transparent;} .academy-textbooks {display: none} .academy-teachers {display: none} .academy-teachers .info {display: none;} /* 교재안내 */ .promotionPage .textbookGuide .slide .swiper-slide .imgWrap{box-shadow: var(--box-shadow1); aspect-ratio: 106/146; } .promotionPage .textbookGuide .small{font-size: 11px; color: var(--n-info); line-height: 14px; margin-top: 16px;} /* 강사진 */ .promotionPage .teacherWrap{overflow: hidden;} .promotionPage .teacherWrap .info{font-weight: 700; margin-bottom: 24px; padding-top: 16px; width: 100%;} .promotionPage .teacherWrap .info .subj {margin-right: 8px; background-color: transparent;} .promotionPage .teacherWrap .info .subj::after{display: none;} .promotionPage .teacherWrap .w, .promotionPage .teacherWrap .s, .promotionPage .teacherWrap .r, .promotionPage .teacherWrap .l{background-color: transparent; margin-right: 8px;} .promotionPage .teacherWrap .info .teacherName{font-size: var(--f-heading3); font-weight: 500;} .promotionPage .teacherWrap .slide .swiper-slide .imgWrap{border-radius: 16px; aspect-ratio: 1/1; background: var(--b-color5); padding-top: 14px;} .promotionPage .teacherWrap .slide .swiper-slide .textWrap{text-align: center; display: flex; justify-content: center; align-items: center;} .promotionPage .teacherWrap .slide .swiper-slide .textWrap p{display: inline-block; padding-left: 4px;} .promotionPage .teacherWrap .slide .swiper-slide .textWrap span + span{margin-left: 4px;} body.ielts .promotionPage .teacherWrap .slide .swiper-slide .textWrap span{border-radius: 50%; width: 16px; height: 16px; display: inline-block; position: relative; transform: scale(1.1); margin-top: 2px;} body.ielts .promotionPage .teacherWrap .slide .swiper-slide .textWrap span::after{color: var(--n-white); line-height: 16px; position: absolute; width: 100%; text-align: center; left: 0; height: 100%; font-size: var(--f-body3);} body.ielts .promotionPage .teacherWrap .slide .swiper-slide .textWrap span.R, body.ielts .promotionPage .teacherWrap .slide .swiper-slide .textWrap span.E{background-color: var(--e-reading-color);} body.ielts .promotionPage .teacherWrap .slide .swiper-slide .textWrap span.L{background-color: var(--e-listening-color);} body.ielts .promotionPage .teacherWrap .slide .swiper-slide .textWrap span.S{background-color: var(--e-speaking-color);} body.ielts .promotionPage .teacherWrap .slide .swiper-slide .textWrap span.W, body.ielts .promotionPage .teacherWrap .slide .swiper-slide .textWrap span.WT1, body.ielts .promotionPage .teacherWrap .slide .swiper-slide .textWrap span.WT2{background-color: var(--e-writing-color);} body.ielts .promotionPage article.transBg{background-color: var(--b-color5); margin-top: 24px;} body.ielts .promotionPage article.transBg + .transBg{margin-top: 8px;} .R, .r, .E{color: var(--e-reading-color); background-color: #FFEBD4; text-align: center; position: relative;} .L, l{color: var(--e-listening-color); background-color: #FFE4F9; text-align: center; position: relative;} .S, .s{color: var(--e-speaking-color); background-color: #D5F0C3; text-align: center; position: relative;} .W, .w, .WT1, .WT2 {color: var(--e-writing-color); background-color: #D4EBFF; text-align: center; position: relative;} .R::after, .E::after{content: 'R'; color: var(--e-reading-color);} .L::after{content: 'L'; color: var(--e-listening-color);} .S::after{content: 'S'; color: var(--e-speaking-color);} .W::after, .WT1::after, .WT2::after{content: 'W'; color: var(--e-writing-color);} .E::after{content: 'E';} /* 강사진 - academy (스타일이 달라서 따로 작성) */ /* .academy .promotionPage .teacherWrap .slide{ padding-bottom: 16px; width: calc(100% + 32px); margin-left: -16px;} .academy .promotionPage .teacherWrap .slide .swiper-slide{font-size: var(--f-body1); color: var(--n-mainTitle); padding-top: 7%; width: 44%;} .academy .promotionPage .teacherWrap .slide .swiper-slide .textWrap{width: 70%; margin: 0 auto; display: none;} .academy .promotionPage .teacherWrap .slide .swiper-slide .imgWrap{background-color: var(--n-white); margin: 0 auto 8px; overflow: hidden; transition: opacity 0.3s ease, filter 0.3s ease; width: 70%; position: relative; opacity: 0.8; filter: brightness(0.5);} .academy .promotionPage .teacherWrap .slide .swiper-slide .imgWrap figure{width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;} .academy .promotionPage .teacherWrap .slide .swiper-slide.swiper-slide-active{padding-top: 0;} .academy .promotionPage .teacherWrap .slide .swiper-slide.swiper-slide-active .imgWrap{width: 100%; filter: none; opacity: 1;} .academy .promotionPage .teacherWrap .slide .swiper-slide.swiper-slide-active .textWrap{width: 100%;} .academy .promotionPage .teacherWrap .teacher-info{padding-bottom: 40px;} .academy .promotionPage .teacherWrap .teacher-info .boxWrap{display: none;} .academy .promotionPage .teacherWrap .teacher-info .box .title{font-weight: 700; padding: 13px 0; font-size: var(--f-body1); background-image: url('https://static.edmclass.com/common/promotion/option-arrow-before.svg'); background-repeat: no-repeat; background-size: 16px; background-position: right center; width: 100%; text-align: left; border-top: 1px solid var(--s-color1);} .academy .promotionPage .teacherWrap .teacher-info .box .textWrap{padding: 0 0 16px; } .academy .promotionPage .teacherWrap .teacher-info .box .textWrap p + p{margin-top: 4px;} .academy .promotionPage .teacherWrap .teacher-info .box.active .title{background-image: url('https://static.edmclass.com/common/promotion/option-arrow-after.svg');} .academy .promotionPage .teacherWrap .teacher-info .box:last-child{border-bottom: 1px solid var(--s-color1);} .academy .promotionPage .teacherWrap .teacher-info .box:last-child.active{border-bottom: none;} */ /* 추가구성 */ .promotionPage .addOption .list > li{width: 50%; display: flex; margin-bottom: 16px; align-items: center;} .promotionPage .addOption .list > li:nth-last-of-type(1),.promotionPage .addOption .list > li:nth-last-of-type(2){margin-bottom: 0;} .promotionPage .addOption .list > li .icon{width: 40px; height: 40px; border-radius: 12px; background-color: var(--b-color5);} .promotionPage .addOption .list > li .icon figure{width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center;} .promotionPage .addOption .list > li .textWrap{width: calc(100% - 40px); padding-left: 8px; color: var(--n-mainTitle);} .promotionPage .addOption .list > li .textWrap p{font-weight: 700;} .promotionPage .addOption .list > li .textWrap span{font-size: var(--f-body3); display: block; line-height: 16px;} /* 성적표 인증 합격후기 */ .promotionPage .acceptance{display: none !important;} /* 개발 미완성이라서 일단 hidden */ .promotionPage .acceptance .slide .swiper-slide{padding-top: 18px;} .promotionPage .acceptance .slide .swiper-slide .imgWrap{box-shadow: var(--box-shadow1); aspect-ratio: 1/1; border-radius: var(--b-radius1); position: relative; overflow: hidden; width: 77%;} .promotionPage .acceptance .slide .swiper-slide .imgWrap .score{position: absolute; width: 49px; height: 49px; border-radius: 50%; background-color: var(--n-mainTitle); color: var(--n-white); text-align: center; font-size: var(--f-heading3); font-weight: 700; top: 8px; right: 8px; padding-top: 8px; transform: scale(0.85);} .promotionPage .acceptance .slide .swiper-slide .imgWrap .score::after{content: 'Pass'; position: absolute; font-size: var(--f-body3); font-weight: 400; width: 100%; bottom: 6px; left: 0;} .promotionPage .acceptance .slide .swiper-slide .textWrap{text-align: center;} .promotionPage .acceptance .slide .swiper-slide .textWrap p{font-weight: 500;} .promotionPage .acceptance .slide .swiper-slide .textWrap span{color:var(--n-info); display: block; font-size: var(--f-body1); transform: scale(1.1);} .promotionPage .acceptance .slide .swiper-slide.swiper-slide-active{padding-top: 0;} .promotionPage .acceptance .slide .swiper-slide.swiper-slide-active .imgWrap{width: 100%;} /* 강의 추천 */ .promotionPage .recommendation .templateTitle p{border-bottom: none; padding-left: 32px; background-image: url('https://static.edmclass.com/common/promotion/promotion_recommendation.svg'); background-repeat: no-repeat; background-size: 24px; background-position: left center; padding-bottom: 0;} .promotionPage .recommendation .slide{overflow: hidden; padding-bottom: 40px; width: calc(100% + 32px); margin-left: -16px;} .promotionPage .recommendation .slide .navigation{display: none;} .promotionPage .recommendation .slide .swiper-wrapper{align-items: flex-start;} .promotionPage .recommendation .slide .swiper-slide a{display: block; width: 100%; height: 100%;} .promotionPage .recommendation .slide .swiper-slide .imgWrap{background-color: var(--n-white); aspect-ratio: 156/98; width: 64%; /*transition: width 0.5s ease;*/ border-radius: var(--b-radius0); overflow: hidden; margin-bottom: 8px;} .promotionPage .recommendation .slide .swiper-slide .imgWrap figure{width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;} .promotionPage .recommendation .slide .swiper-slide .textWrap{font-size: var(--f-body3); min-height: 40px;} .promotionPage .recommendation .slide .swiper-slide.swiper-slide-active .imgWrap{height: auto; width: 100%;} /* 강의일정 */ .promotionPage .lectureSchedule-tabMenu{font-size: var(--f-body1); margin-bottom: 12px; background-color: var(--b-color5); width: 100%; padding: 0 16px; padding-bottom: 16px; margin-top: 24px;} .promotionPage .lectureSchedule-tabMenu .scroll{overflow-x: auto; display: flex; overflow-y: hidden;} .promotionPage .lectureSchedule-tabMenu .scroll::-webkit-scrollbar{display: block; height: 6px;} .promotionPage .lectureSchedule-tabMenu .scroll::-webkit-scrollbar-track{background: transparent;} .promotionPage .lectureSchedule-tabMenu .scroll::-webkit-scrollbar-thumb{background: var(--b-color2); border-radius: 8px;} .promotionPage .lectureSchedule-tabMenu a{height: 36px; line-height: 2.6; padding: 0 12px; border-radius: 15px; margin-right: 4px; margin-bottom: 10px; position: relative; background-color: var(--n-white);} .promotionPage .lectureSchedule-tabMenu a::after{content: ''; position: absolute; width: 100%; height: 100%; border-radius: 15px; border: 1px solid var(--n-subTitle); top: 0; left: 0; touch-action: none; pointer-events: none;} .promotionPage .lectureSchedule-tabMenu a.active{color: var(--p-color2); font-weight: 700; } .promotionPage .lectureSchedule-tabMenu a.active::after{border: 2px solid var(--p-color2);} .promotionPage .lectureSchedule .calendarWrap .calendar{width: 100%; /* border-radius: var(--b-radius1); box-shadow: var(--box-shadow1);*/ overflow: hidden; position: relative;} /* aspect-ratio: 328/288; background-color: #ccc; - 제거 */ .promotionPage .lectureSchedule .calendarWrap .calendar::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(3px) brightness(0.7); background-color: rgba(29, 29, 32,0.5); display: none; border-radius: var(--b-radius1);} .promotionPage .lectureSchedule .calendarWrap .calendar .notice{color: var(--n-white); font-weight: 700; text-align: center; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; display: none;} .promotionPage .lectureSchedule .calendarWrap .calendar.update::after{display: block;} .promotionPage .lectureSchedule .calendarWrap .calendar.update .notice{display: block;} .promotionPage .lectureSchedule .calendarWrap .info{margin-top: 24px;} .promotionPage .lectureSchedule .calendarWrap .info .box{display: flex; align-items: center; color: var(--n-mainTitle); margin-right: 16px;} .promotionPage .lectureSchedule .calendarWrap .info .box span{width: 14px; height: 14px; border-radius: 50%; display: inline-block; margin-right: 4px;} /* 페이지 탐색 버튼 */ .promotionPage .page-nav{background-color: transparent; font-size: var(--f-body1); font-weight: 700; position: relative;} .promotionPage .page-nav::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--s-color1);} .promotionPage .page-nav button{padding-bottom: 13px; position: relative; color: var(--n-info);} .promotionPage .page-nav button::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: var(--n-mainTitle); z-index: 1; display: none;} .promotionPage .page-nav button.active{color: var(--n-mainTitle);} .promotionPage .page-nav button.active::after{display: block;} .promotionPage .page-nav button + button{margin-left: 24px;} /* 기본 영역 */ .promotionPage article{padding: 16px 0; background-color: var(--n-white);} .promotionPage article figure{background-repeat: no-repeat; background-position: center; background-size: contain;} .promotionPage article + article{margin-top: 12px;} .promotionPage article .titleWrap{padding-bottom: 16px; position: relative; margin-bottom: 16px;} .promotionPage article .titleWrap::after{content: ''; position: absolute; left: -16px; bottom: 0; width: calc(100% + 32px); height: 1px; background-color: var(--s-color1);} .promotionPage article .titleWrap .sub{font-size: var(--f-body4); color: var(--n-info); letter-spacing: -0.22px; line-height: 14px;} .promotionPage article .titleWrap .title{font-weight: 700; } .promotionPage article .titleWrap.type2{margin-bottom: 0;} .promotionPage article .titleWrap.type3{margin-bottom: 0;} .promotionPage article .titleWrap.type3 .title{font-size: var(--f-heading1); line-height: 28px; letter-spacing: -0.4px; color: var(--n-mainTitle);} .promotionPage article .titleWrap.type3 .title em{color: var(--p-color2);} .promotionPage article .titleWrap.type3::after{display: none;} .promotionPage article .titleWrap.type4{padding-bottom: 0; padding-top: 16px;} .promotionPage article .titleWrap.type4::after{display: none;} .promotionPage article .titleWrap.type4 .title{font-size: var(--f-heading1); line-height: initial; letter-spacing: -0.4px; color: var(--n-mainTitle);} .promotionPage article .titleWrap.type4 .title p{line-height: 28px;} .promotionPage article .titleWrap.type4 .title span{display: inline-block; color: #FF00E5; background-color: #FFE4F9; border-radius: 999999999px; height: 20px; font-size: var(--f-body3); letter-spacing: -0.24px; padding: 0 6px; font-weight: 500; line-height: 1.5; margin-bottom: 2px;} /* 유의사항 */ .promotionContents .cautionPage{display: none;} /* 강좌목록 */ .promotionContents .coursePage{display: none;} /* 우측 옵션 영역 */ .promotionPage .sticky-option .registerWrap{padding-bottom: 0; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage .sticky-option .registerWrap form{width: 100%; height: 100%;} .promotionPage .sticky-option .registerWrap .moduleSelect{align-items: center; margin-top: 14px; margin-bottom: 14px; /*padding: 0 0 14px; border-bottom: 1px solid var(--s-color1);*/} .promotionPage .sticky-option .registerWrap .moduleSelect .title{padding-right: 14px; margin-bottom: 8px; width: 100%;} .promotionPage .sticky-option .registerWrap .moduleSelect .selectWrap{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .sticky-option .registerWrap .moduleSelect .selectWrap label{margin-right: 16px;} .promotionPage .sticky-option .registerWrap .moduleSelect .selectWrap input[type="radio"] + span::before{top: 50%; transform: translateY(-50%);} .promotionPage .sticky-option .registerWrap .moduleSelect .selectWrap input[type="radio"] + span::after{top: 50%; transform: translateY(-50%);} .promotionPage .sticky-option .registerWrap .registerInfo{display: none; padding-bottom: 0; height: calc(100% - 231px);} .promotionPage .sticky-option .registerWrap .registerInfo .scrollWidth{height: calc(100% - 55px);} .promotionPage .sticky-option .registerWrap .registerInfo .productTitle{display: flex; align-items: center; padding-top: 14px; border-bottom: 1px solid var(--s-color1); padding-bottom: 16px; } /*.promotionPage .sticky-option .registerWrap .registerInfo .productTitle .flag {position: relative; padding: 0 5px 0 6px; height: 14px; line-height: 14px; color: var(--n-white); font-weight: 600; background: linear-gradient(to bottom, #1e90ff, #4682b4); border-radius: 0 2px 2px 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; font-size: var(--f-body3); margin-right: 4px;}*/ /*.promotionPage .sticky-option .registerWrap .registerInfo .productTitle .flag::before{content: ''; width: 3px; height: 16px; background: linear-gradient(270deg, #FFAD84 0%, #FFCF7D 100%); border-radius: 100px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }*/ .promotionPage .sticky-option .registerWrap .registerInfo .productTitle .ico-box{position: relative; padding: 0 3px 0 8px; font-size: 10px; height: 16px; line-height: 16px; color: #fff; font-weight: 600; margin-right: 4px;} .promotionPage .sticky-option .registerWrap .registerInfo .productTitle .ico-box::before{width: 4px; height: calc(100% + 2px); background: linear-gradient(90deg, #FFD07C 0%, #FFAA85 100%); border-radius: 100px; position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%);} .promotionPage .sticky-option .registerWrap .registerInfo .productTitle .ico-box .tail{background-image: url('https://static.edmclass.com/common/promotion/ico-box-tail.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 4px; height: 100%; right: -3px; top: 50%; transform: translateY(-50%); position: absolute;} .promotionPage .sticky-option .registerWrap .registerInfo .productTitle > p{font-size: var(--f-body1); font-weight: bold; color: var(--n-mainTitle); line-height: normal; letter-spacing: -0.28px; } .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li{padding: 16px 0 0; border-top: 1px solid var(--s-color1);} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li + li{margin-top: 16px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top{font-size: var(--f-body1); font-weight: 500; cursor: pointer; line-height: 20px; letter-spacing: -0.28px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top > p{background-image: url('https://static.edmclass.com/common/promotion/option-arrow-before.svg'); background-repeat: no-repeat; background-size: 16px; background-position: right top 2px; font-weight: 400;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top .price{display: flex; align-items: center; justify-content: space-between; padding-top: 4px; } .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top .price em{font-weight: 700; color: var(--waring-color);} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top .price .number{display: flex; align-items: center;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top .price .number .before{font-size: var(--f-body3); color: var(--n-info2); position: relative; line-height: 16px; letter-spacing: -0.24px; margin-right: 4px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top .price .number .before::after{content: ''; position: absolute; top: 50%; left:0; width: 100%; height: 1px; background-color: var(--n-info2); transform: translateY(-50%);} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle{background-color: var(--b-color5); padding: 14px 14px 0; color: var(--n-mainTitle); display: none; border-radius: var(--b-radius0); font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box{padding-bottom: 14px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box + .box{padding-top: 14px; position: relative;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box + .box::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: var(--s-color1);} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box p{padding-left: 24px; background-repeat: no-repeat; background-position: left top; background-size: 16px; } .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box p + p{margin-top: 4px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.subject p{background-image: url('https://static.edmclass.com/common/promotion/ico-subject.svg'); display: flex; flex-wrap: wrap;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.subject span + span{position: relative; margin-top: 0;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.subject span + span::before{content: ', ';} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.benefit .pencil{background-image: url('https://static.edmclass.com/common/promotion/ico-pencil.svg');} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.benefit .computer{background-image: url('https://static.edmclass.com/common/promotion/ico-computer.svg');} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.benefit .ticket{background-image: url('https://static.edmclass.com/common/promotion/ico-ticket.svg');} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.book p{background-image: url('https://static.edmclass.com/common/promotion/ico-book.svg');} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.date{display: flex; align-items: center; justify-content: space-between;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.date p{padding-left: 0;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.date p + p{margin-top: 0;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li:last-child{padding-bottom: 16px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li:last-child{border-bottom: 1px solid var(--s-color1);} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li.active{border: 1px solid var(--s-color1); padding: 12px; border-radius: var(--b-radius3);} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li.active + li{border-top: none; margin-top: 0;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li.active .top{padding-bottom: 14px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li.active .top > p{background-image: url('https://static.edmclass.com/common/promotion/option-arrow-after.svg'); font-weight: 700;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li.active .top .price{font-weight: 700;} .promotionPage .sticky-option .resultWrap{position: absolute; bottom: 0; left: 0; margin-left: 0; background-color: var(--n-white); width: 100%; } /* .promotionPage .sticky-option .resultWrap::before{content: ''; position: absolute; width: calc(100% - 32px); left: 50%; transform: translateX(-50%); height: 1px; background-color: transparent; top: 0;} */ .promotionPage .sticky-option .resultWrap .registerBtn{background-color: var(--n-subTitle); color: var(--n-white); width: 100%; height: 52px; line-height: 52px; text-align: center; font-size: var(--f-heading3); font-weight: 500;} .promotionPage .sticky-option .resultWrap .resultPrice{font-size: var(--f-body1); padding-bottom: 8px; display: none; color: var(--n-subTitle); line-height: 20px; letter-spacing: -0.28px;} .promotionPage .sticky-option .resultWrap .resultPrice .all{font-weight: 700;} .promotionPage .sticky-option .resultWrap .resultPrice .subject{margin-bottom: 8px; color: var(--n-subTitle); display: flex; align-items: center; font-weight: 700; } .promotionPage .sticky-option .resultWrap .resultPrice .subject p{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 108px);} .promotionPage .sticky-option .resultWrap .resultPrice .subject .sale{color: var(--waring-color); padding-left: 4px;} .promotionPage .sticky-option .resultWrap .resultPrice .subject .before{font-size: var(--f-body3); margin: 0 0 0 auto; color: var(--n-info2); font-weight: 400; position: relative;} .promotionPage .sticky-option .resultWrap .resultPrice .subject .before::after{content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: var(--n-info2); transform: translateY(-50%);} .promotionPage .sticky-option .resultWrap .submitBtn{display: none;} .promotionPage .sticky-option .resultWrap .checkWrap{font-size: var(--f-body4); font-weight: 400; color: var(--n-info2); line-height: 14px; letter-spacing: -0.22px; padding-bottom: 16px; align-items: flex-start; display: none; word-break: break-all; background-color: var(--b-color5); padding: 8px; width: 100%; margin: 0 auto; border-radius: var(--b-radius0); margin-bottom: 16px;} .promotionPage .sticky-option .resultWrap .checkWrap label{width: 100%;} .promotionPage .sticky-option .resultWrap .checkWrap input[type="checkbox"] + span{ cursor: auto;} .promotionPage .sticky-option .resultWrap .checkWrap input[type="checkbox"] + span::before{top: 1px; background-color: var(--b-color5); cursor: pointer;} .promotionPage .sticky-option .resultWrap .checkWrap input[type="checkbox"] + span::after{top: 1px; cursor: pointer;} .promotionPage .sticky-option .resultWrap .checkWrap input[type="checkbox"]:checked + span::before{background-color: var(--p-color2); border-color: var(--p-color2);} .promotionPage .sticky-option .resultWrap .checkWrap .goCautionBtn{text-decoration: underline; color: var(--p-color1); position: relative; z-index: 2;} .promotionPage .sticky-option.active{height: 100vh; height: calc(var(--vh, 1vh) * 100);} .promotionPage .sticky-option.active .registerWrap .registerInfo{display: block;} .promotionPage .sticky-option.active .resultWrap{padding: 16px; height: 230px;} .promotionPage .sticky-option.active .resultWrap .resultConfirmWrap{padding: 12px; border: 1px solid var(--n-mainTitle); border-radius: var(--b-radius3); margin-bottom: 16px;} .promotionPage .sticky-option.active .resultWrap .checkWrap{display: flex;} .promotionPage .sticky-option.active .resultWrap .registerBtn {border-radius: var(--b-radius0);} .promotionPage .sticky-option.active .resultWrap::before{display: block; background-color: var(--s-color1);} .promotionPage .sticky-option.active .resultWrap .openBtn{display: none;} .promotionPage .sticky-option.active .resultWrap .submitBtn{display: block;} .promotionPage .sticky-option.active .resultWrap .resultPrice{display: block;} /* 추가사항 by SD (강좌목록) */ /* option-list - from my_class.css */ .promotionPage .promotionContents #coursePage{font-size: var(--f-body3);} .promotionPage .promotionContents #coursePage .option-wrap +.option-wrap { margin-top: 16px; } .promotionPage .promotionContents #coursePage .color-category{padding-bottom: 16px;} .promotionPage .promotionContents #coursePage .category{height: 16px; line-height: 1.45; border-radius: 100px; font-size: 10px; font-weight: 500; padding: 0 6.5px; letter-spacing: -0.5px;} .promotionPage .promotionContents #coursePage .category + .category{margin-left: 8px;} .promotionPage .promotionContents #coursePage .listening{background-color: #FFE4F9; color: #FF00E5;} .promotionPage .promotionContents #coursePage .reading{background-color: #FFEBD4; color: #FF7300;} .promotionPage .promotionContents #coursePage .writing{background-color: #D4EBFF; color: #0059FF;} .promotionPage .promotionContents #coursePage .speaking{background-color: #D5F0C3; color: #009F2D;} .promotionPage .promotionContents #coursePage .option-list-wrap { transition: all 0.3s ease-in-out; border-top: 1px solid var(--s-color1);} .promotionPage .promotionContents #coursePage .option-list-wrap:last-child{border-bottom: 1px solid var(--s-color1);} .promotionPage .promotionContents #coursePage .option-list-title { display: flex; align-items: center; justify-content: space-between; padding: 12px 40px 12px 16px; cursor: pointer; position: relative;} .promotionPage .promotionContents #coursePage .option-list-title .ico-option-arrow { display: inline-block; width: 16px; height: 16px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url('https://static.edmclass.com/common/promotion/option-arrow-before.svg'); vertical-align: middle; transition: all .5s ease-in-out; position: absolute; right: 12px; top: 50%; transform: translateY(-50%);} .promotionPage .promotionContents #coursePage .option-list-wrap .option-list-title i { transition: all 0.5s ease; } .promotionPage .promotionContents #coursePage .option-list-wrap .option-list-title.on i { transform: translateY(-50%) rotate(-180deg); } .promotionPage .promotionContents #coursePage .option-list {border-top: 1px solid var(--s-color1); display: none;} .promotionPage .promotionContents #coursePage .option-list > li { padding: 12px 12px 12px 42px; position: relative; word-break: normal; line-height: 16px; letter-spacing: -0.24px;} .promotionPage .promotionContents #coursePage .option-list > li:not(:last-child){border-bottom: 1px solid var(--s-color1);} .promotionPage .promotionContents #coursePage .option-list > li span{display: inline-block; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; border-radius: 50%; font-size: 10px; font-weight: 500; line-height: 1.6;} .promotionPage .promotionContents #coursePage .option-list > li .rate { flex: 0 0 54px; text-align: center; background: #FFFFFF; border: 1px solid #C5C5C5; border-radius: 16px; font-size:var(--f-body2); letter-spacing: -0.01px; color: #333333; margin-right: 16px; } .promotionPage .promotionContents #coursePage .option-list > li ul { width: 220px; display: flex; margin-right: 5px; } .promotionPage .promotionContents #coursePage .option-list > li ul li { flex: 50%; font-size:var(--f-body1); letter-spacing: -0.28px; color: #666666; padding-right: 13px; margin-right: 12px; position: relative; } .promotionPage .promotionContents #coursePage .option-list > li ul li:last-child { padding-right: 0; margin-right: 0; } .promotionPage .promotionContents #coursePage .option-list > li ul li:last-child::after { display: none; } .promotionPage .promotionContents #coursePage .option-list > li .time { font-size:var(--f-body2); letter-spacing: -0.26px; color: #666666; margin-left: auto; } .promotionPage .promotionContents #coursePage .option-list > li .btn { display: flex; gap: 8px; margin-left: 12px; } .error { display: block; color: #D53236; padding: 0.25rem; margin: 5px; border-radius: 0.25rem; background-color: #fdffd7; } /* 스타일만 공통인 영역 (내용 다름 + 스타일 조금 다름) */ .promotionPage .promotionContents article.mean{background-color: transparent;} .promotionPage .promotionContents article.mean + article{margin-top: 0;} .promotionPage .promotionContents article.mean .titleWrap{border-radius: var(--b-radius1); padding: 16px; line-height: 20px; letter-spacing: -0.28px; box-shadow: var(--box-shadow1);} .promotionPage .promotionContents article.mean .titleWrap::after{display: none;} .promotionPage .promotionContents article.mean .titleWrap .sub{margin-top: 4px; line-height: 16px; letter-spacing: -0.24px; font-size: var(--f-body3); color: var(--n-subTitle);} .promotionPage .promotionContents article.mean .titleWrap.white, .promotionPage .promotionContents article.mean .titleWrap.white .sub{color: var(--n-white);} .promotionPage .promotionContents article.mean ul li{text-align: center; background-color: var(--n-white); box-shadow: var(--box-shadow1);} .promotionPage .promotionContents article.mean ul li figure{background-repeat: no-repeat; background-size: contain; background-position: center; width: 32px; height: 32px; margin: 0 auto 4px;} .promotionPage .promotionContents article.mean ul li .titWrap{background-color: var(--b-color4); padding: 16px 0; border-radius: var(--b-radius1) var(--b-radius1) 0 0;} .promotionPage .promotionContents article.mean ul li .tit{color: var(--n-mainTitle); padding: 0; font-weight: 700; } .promotionPage .promotionContents article.mean ul li .tit em{color: var(--p-color2);} .promotionPage .promotionContents article.mean ul li .info{padding: 16px 0; border:none;} .promotionPage .promotionContents article.mean ul li .info em{color: var(--waring-color);} .promotionPage .promotionContents article.mean ul li + li{margin-top: 16px;} .promotionPage .promotionContents article.mean .sub-title{font-weight: 700; font-size: var(--f-body1); margin-bottom: 16px; line-height: 20px; letter-spacing: -0.28px;} .promotionPage .promotionContents article.mean .imgTxtBox-list li{border-radius: var(--b-radius1); overflow: hidden; } .promotionPage .promotionContents article.mean .imgTxtBox-list li .imgWrap{width: 100%; aspect-ratio: 328/156;} .promotionPage .promotionContents article.mean .imgTxtBox-list li .imgWrap figure{width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0;} .promotionPage .promotionContents article.mean .imgTxtBox-list li .textWrap{padding: 16px 8px; } .promotionPage .promotionContents article.mean .imgTxtBox-list li .textWrap .tit + p{margin-top: 8px;} .promotionPage .promotionContents article.how ul .box{border: 1px solid var(--s-color1); border-radius: var(--b-radius1); padding-top: 16px; text-align: center; overflow: hidden;} .promotionPage .promotionContents article.how ul .box + .box{margin-top: 16px;} .promotionPage .promotionContents article.how ul .box .num{width: 32px; object-fit: contain;} .promotionPage .promotionContents article.how ul .box .tit{font-weight: 700; color: var(--n-mainTitle);} .promotionPage .promotionContents article.how ul .box .imgWrap{margin-top: 16px; width: 100%; overflow: hidden; background-color: var(--b-color5);} .promotionPage .promotionContents article.how ul .box .imgWrap figure{width: 100%; height: 100%; object-fit: contain;} .promotionPage .promotionContents article.how ul .box .txt-2{color: var(--n-info); font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .promotionContents article.how.type2 ul .box .titleArea{justify-content: center; padding-bottom: 16px; margin-bottom: 16px; position: relative; align-items: center;} .promotionPage .promotionContents article.how.type2 ul .box .titleArea .tit{padding-left: 16px;} .promotionPage .promotionContents article.how.type2 ul .box .titleArea::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 32px); height: 1px; background-color: var(--s-color1);} .promotionPage .promotionContents article.how.type2 ul .box .txtArea + .txtArea{margin-top: 8px;} .promotionPage .promotionContents article.how.type2 ul .box .txt-2{color: var(--n-subTitle); } .promotionPage .promotionContents article.how.type2 ul .box .txt-2 b{font-weight: bold;} .promotionPage .promotionContents article.how.type2 ul .box .imgWrap{aspect-ratio: 328/168;} .promotionPage .promotionContents article.comparison ul > li{width: calc(50% - 8px); padding: 0 16px;} .promotionPage .promotionContents article.comparison ul > li .top{height: 72px; color: var(--n-mainTitle); border-bottom: 1px solid var(--s-color1); padding: 16px 0;} .promotionPage .promotionContents article.comparison ul > li .box .circleBox{width: 100px; height: 100px; border-radius: 50%; background-color: var(--n-white); text-align: center; box-shadow: var(--box-shadow1); padding: 14px 0 0; font-size: var(--f-body3); font-weight: 700; line-height: 16px; letter-spacing: -0.24px; margin: 16px auto;} .promotionPage .promotionContents article.comparison ul > li .box .circleBox figure{width: 56px; height: 56px; margin: 0 auto;} .promotionPage .promotionContents article.comparison ul > li .box .dotBox{padding-bottom: 16px;} .promotionPage .promotionContents article.comparison ul > li .box .dotBox p{position: relative; padding-left: 10px; color: var(--n-mainTitle); word-break: break-all;} .promotionPage .promotionContents article.comparison ul > li .box .dotBox p::before{content: ''; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; border-radius: 50%; background-color: var(--n-mainTitle);} .promotionPage .promotionContents article.comparison.type2 ul > li{background-color: var(--b-color5); border-radius: var(--b-radius1);} .promotionPage .promotionContents article.comparison.type3 ul > li{background-color: var(--b-color4); border-radius: var(--b-radius1); width: 100%; margin-bottom: 16px; padding: 0 24px;} .promotionPage .promotionContents article.comparison.type3 ul > li:last-child{margin-bottom: 0;} .promotionPage .promotionContents article.comparison.type3 ul > li .top{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; height: auto;} .promotionPage .promotionContents article.comparison.type3 ul > li .box .circleBox{font-size: var(--f-heading3); width: 120px; height: 120px; padding: 20px 0 0; line-height: 22px; letter-spacing: -0.32px;} .promotionPage .promotionContents article.comparison.type3 ul > li .box .circleBox figure{margin-bottom: 2px;} .promotionPage .promotionContents article.comparison.type3 ul > li .box .dotBox p{line-height: 20px; letter-spacing: -0.28px; word-break: keep-all;} .promotionPage .promotionContents article.comparison.type3 ul > li .box .dotBox p + p{margin-top: 8px;} /************************************************************* 공통 컴포넌트 *************************************************************/ .promotionPage .promotionContents table{width: 100%; text-align: center; font-weight: 700; border-bottom: 1px solid var(--s-color1); margin: 16px 0;} .promotionPage .promotionContents table tr{border-top: 1px solid var(--s-color1); } .promotionPage .promotionContents table th{background-color: var(--b-color5); color: var(--n-info);} .promotionPage .promotionContents table .table-pc{display: none;} /* 홍보영상 */ .promotionPage .promotionContents .videoComponent .contentWrap .video{border-radius: var(--b-radius1); overflow: hidden; width: 100%; aspect-ratio: 328/185; background-color: var(--n-deactivate); } .promotionPage .promotionContents .videoComponent .contentWrap .video-txt{margin-top: 8px; line-height: 16px; letter-spacing: -0.24px; font-weight: 700; font-size: var(--f-body3); padding-left: 8px;} /* 강의 홍보 영상 */ .promotionPage .promotionContents .videoComponent.lecture .contentWrap .videoWrap{width: 100%;} .promotionPage .promotionContents .videoComponent.lecture .contentWrap .videoWrap + .videoWrap{margin-top: 16px;} /* 아이엘츠 공식주관사 */ .promotionPage .promotionContents .officialHost .contentWrap .img1{margin-bottom: 32px; position: relative;} .promotionPage .promotionContents .officialHost .contentWrap .img1::after{content: ''; position: absolute; top: -2px; right: -2px; width: 18.827%; aspect-ratio: 1/1; z-index: 1; background-image: url('https://static.edmclass.com/common/promotion/officialHost_img1-text-mo.png'); background-repeat: no-repeat; background-size: contain; background-position: center;} .promotionPage .promotionContents .officialHost .contentWrap .img1 figure{background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; aspect-ratio: 314/144; box-shadow: var(--box-shadow2); background-image: url('https://static.edmclass.com/common/promotion/officialHost_img1-mo.png') !important;} .promotionPage .promotionContents .officialHost .contentWrap table th{ height: 48px; } .promotionPage .promotionContents .officialHost .contentWrap table td{height: 64px;} .promotionPage .promotionContents .officialHost .infoBox{background-color: var(--b-color5); border-radius: var(--b-radius0); padding: 12px 8px; color: var(--n-info2); font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .promotionContents .officialHost .infoBox .tit{font-weight: 700; background-image: url('https://static.edmclass.com/common/membership/invalid-gray.svg'); background-repeat: no-repeat; background-size: 16px; background-position: left center; padding-left: 18px; margin-bottom: 2px;} /* CDT 모의고사 매월 1회 무료 */ .promotionPage .promotionContents .cdtMockExam .contentWrap .boxWrap .box{width: 100%;} .promotionPage .promotionContents .cdtMockExam .contentWrap .imgWrap{background-color: var(--b-color4); width: 100%; border-radius: var(--b-radius1); padding: 10px 22px; text-align: center; } .promotionPage .promotionContents .cdtMockExam .contentWrap .imgWrap img{border-radius: 6px; box-shadow: var(--box-shadow1); width: 100%; height: auto; overflow: hidden;} .promotionPage .promotionContents .cdtMockExam .contentWrap .textWrap{padding-top: 8px; padding-left: 8px;} .promotionPage .promotionContents .cdtMockExam .contentWrap .textWrap .tit{color: var(--n-mainTitle);} .promotionPage .promotionContents .cdtMockExam .contentWrap .textWrap .info{font-size: var(--f-body3); line-height: 16px; margin-top: 2px;} .promotionPage .promotionContents .cdtMockExam .contentWrap .box + .box{margin-top: 16px;} .promotionPage .promotionContents .cdtMockExam .contentWrap .textWrap + .small{margin-top: 16px;} .promotionPage .promotionContents .cdtMockExam .contentWrap .small{font-size: 11px; color: var(--n-info); line-height: 14px;} .promotionPage .promotionContents .cdtMockExam .contentWrap .video{border-radius: var(--b-radius1); aspect-ratio: 328/185; margin-bottom: 8px; width: 100%; overflow: hidden; } .promotionPage .promotionContents .cdtMockExam .contentWrap .boxWrap .box + .other1{margin-top: 16px;} .promotionPage .promotionContents .cdtMockExam .other1{display: block;} .promotionPage .promotionContents .cdtMockExam .other2{display: none;} .promotionPage .promotionContents .cdtMockExam .other2 .box{margin-top: 16px;} /* 유료 */ .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .textWrap{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .textWrap .tit{font-weight: 700;} .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .video{width: 100%; aspect-ratio: 328/185; border-radius: var(--b-radius1); overflow: hidden; margin-top: 16px; } .promotionPage .promotionContents .cdtMockExam.charge .other1{display: none;} .promotionPage .promotionContents .cdtMockExam.charge .other2{display: block; width: 100%;} /* 첨삭서비스 */ /* default => '' */ .promotionPage .promotionContents .correctionService{padding-bottom: 0;} .promotionPage .promotionContents .correctionService .sub-title{font-size: var(--f-body3); font-weight: 700; line-height: 16px; letter-spacing: -0.24px; margin-bottom: 16px;} .promotionPage .promotionContents .correctionService .contentWrap .area + .area{padding-top: 16px;} .promotionPage .promotionContents .correctionService .contentWrap table{border-bottom-color: var(--b-color2); color:var(--n-mainTitle);} .promotionPage .promotionContents .correctionService .contentWrap table th{font-size: var(--f-body3); height: 40px;} .promotionPage .promotionContents .correctionService .contentWrap table td{font-size: var(--f-heading3); height: 46px;} .promotionPage .promotionContents .correctionService .contentWrap table caption{font-size: var(--f-body3); text-align: left; line-height: 16px; font-weight: 400; margin-bottom: 8px;} .promotionPage .promotionContents .correctionService .contentWrap table caption span{color: #0059FF; font-size: 10px; background-color: #D4EBFF; border-radius: 100px; padding: 0 6px; height: 16px; letter-spacing: -0.5px; line-height: 16px; display: inline-block; margin-left: 4px; font-weight: 500;} .promotionPage .promotionContents .correctionService .contentWrap .table-foot{text-align: right; color:var(--n-mainTitle);} .promotionPage .promotionContents .correctionService .contentWrap .table-foot span{font-weight: 700; display: inline-block;} .promotionPage .promotionContents .correctionService .contentWrap .area{padding-bottom: 16px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box + .box{padding-top: 24px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .info{font-size: var(--f-body3); letter-spacing: -0.24px; line-height: 16px; margin-top: 2px; padding-bottom: 16px; border-bottom: 1px solid var(--s-color1); margin-bottom: 16px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .info em{color: var(--p-color1);} .promotionPage .promotionContents .correctionService .contentWrap .area .box .txt{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .txt + .txt{margin-top: 2px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .txt-2{color: var(--n-info);} .promotionPage .promotionContents .correctionService .contentWrap .area .box .imgWrap{border: 1px solid var(--s-color1); border-radius: var(--b-radius1); overflow: hidden; margin-top: 16px; width: 100%;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .imgWrap figure{aspect-ratio: 328/293; } .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap{background-color: var(--b-color5); border-radius: var(--b-radius1); text-align: center; width: 100%; margin-top: 16px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .viewBox{padding: 16px; margin-top: 16px; } .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .youtube{width: 88px; height: 25px; background-size: contain; margin: 0 auto;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .view-tit{border-bottom: 1px solid var(--s-color1); padding-bottom: 16px; color: var(--n-mainTitle);} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .view-tit strong{font-weight: 700;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .person{padding-top: 16px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .person figure{aspect-ratio: 1/1; width: 23%; border-radius: var(--b-radius1); background-color: var(--b-color4); max-width: 130px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .person .infoBox{text-align: left; font-size: 11px; color: var(--n-info2); width: 77%; padding-left: 16px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .person .infoBox .info-tit{font-weight: 700; font-size: var(--f-body2); color: var(--n-mainTitle);} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .person .infoBox .txt-info{line-height: 14px; letter-spacing: -0.22px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .person .infoBox .txt-info strong{color: var(--n-info);} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap a{font-size: var(--f-body3); display: inline-block; color: var(--n-info); background-image: url('https://static.edmclass.com/common/promotion/correctionService_img3.svg'); background-repeat: no-repeat; background-size: 24px; background-position: left center; padding: 0 16px 0 28px; margin: 0 auto 16px; display: inline-block; position: relative; text-decoration: underline;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap a::after{content: ''; position: absolute; width: 16px; height: 16px; background-image: url('https://static.edmclass.com/common/promotion/correctionService_img4.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; right: 0; top: 50%; transform: translateY(-50%);} .promotionPage .promotionContents .correctionService .contentWrap .area .other2 .textWrap{width: 100%; padding-left: 8px;} .promotionPage .promotionContents .correctionService .contentWrap .area .other2 .videoWrap{width: 100%;} .promotionPage .promotionContents .correctionService .contentWrap .area .other2 .video{border-radius: var(--b-radius1); aspect-ratio: 328/185; margin-bottom: 8px; width: 100%; overflow: hidden; } .promotionPage .promotionContents .correctionService .contentWrap .other1{display: none;} .promotionPage .promotionContents .correctionService .contentWrap .other2{display: block;} /* default => style2 */ .promotionPage .promotionContents .correctionService.style2 .contentWrap .area .box .imgWrap{border: none;} .promotionPage .promotionContents .correctionService.style2 .contentWrap .area .box .viewWrap{background-color: transparent; margin-top: 0;} .promotionPage .promotionContents .correctionService.style2 .contentWrap .area .box .viewWrap .viewBox{background-color: var(--n-white); border-radius: var(--b-radius1);} .promotionPage .promotionContents .correctionService.style2 .contentWrap .area .box .viewWrap .view-tit{border: none; padding-bottom: 0;} .promotionPage .promotionContents .correctionService.style2 .contentWrap .area .box .viewWrap a{margin-top: 16px; margin-bottom: 0;} .promotionPage .promotionContents .correctionService.style2 .contentWrap .other1{display: block;} .promotionPage .promotionContents .correctionService.style2 .contentWrap .other2{display: none;} /* 아이엘츠 쌩기초부터 고득점 합격까지 */ .promotionPage .promotionContents .passStepList .contentWrap{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .promotionContents .passStepList .contentWrap em{color: var(--p-color1);} .promotionPage .promotionContents .passStepList .contentWrap .ul-title{ font-weight: 700; margin-bottom: 16px; display: block;} .promotionPage .promotionContents .passStepList .contentWrap ul li{display: flex; position: relative;} .promotionPage .promotionContents .passStepList .contentWrap ul li::before{content: ''; position: absolute; top: 0; left: 20px; width: 1px; height: calc(100% + 16px); background-color: var(--p-color1);} .promotionPage .promotionContents .passStepList .contentWrap ul li span{height: 16px; border: 1px solid var(--p-color1); font-weight: 500; border-radius: 30px; font-size: 9px; color: var(--p-color1); width: 40px; display: inline-block; text-align: center; background-color: var(--n-white); position: relative; z-index: 2;} .promotionPage .promotionContents .passStepList .contentWrap ul li .textWrap{padding-left: 16px;} .promotionPage .promotionContents .passStepList .contentWrap ul li .textWrap b{display: block; margin-bottom: 4px;} .promotionPage .promotionContents .passStepList .contentWrap ul li .dotTxt{color: var(--n-info);} .promotionPage .promotionContents .passStepList .contentWrap ul li .dotTxt + .dotTxt{margin-top: 4px;} .promotionPage .promotionContents .passStepList .contentWrap ul li .dotTxt{padding-left: 5px;} .promotionPage .promotionContents .passStepList .contentWrap ul li .dotTxt::before{left: 0; background-color: var(--n-info);} .promotionPage .promotionContents .passStepList .contentWrap ul li + li{margin-top: 16px;} /************************************************************* 각 상세세 페이지 (해당 페이지에서만 사용됨) *************************************************************/ /* 페이백 200% 환급반 */ .promotionPage[class*="payback_"] .promotionContents .mean ul{border-radius: var(--b-radius1); overflow: hidden; box-shadow: var(--box-shadow1);} .promotionPage[class*="payback_"] .promotionContents .mean ul li{border: none; border-radius: 0; } .promotionPage[class*="payback_"] .promotionContents .mean ul li + li{margin-top: 0; } .promotionPage[class*="payback_"] .promotionContents .mean ul li .tit{padding: 14px 0; background-color: var(--b-color4);} .promotionPage[class*="payback_"] .promotionContents .mean ul li .info{padding: 12px 16px;} .promotionPage[class*="payback_"] .promotionContents article.how ul .box .imgWrap{background-color: transparent;} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(1) .imgWrap{aspect-ratio: 328/184;} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(2) .imgWrap{aspect-ratio: 328/184;} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(3) .imgWrap{aspect-ratio: 328/260;} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(4) .imgWrap{aspect-ratio: 328/162;} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(1) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/payback/payback_how_img1.png');} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(2) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/payback/payback_how_img2.png');} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(3) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/payback/payback_how_img3.png');} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(4) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/payback/payback_how_img4.png');} .promotionPage[class*="payback_"] .promotionContents .comparison ul > li{text-align: center; padding: 0; } .promotionPage[class*="payback_"] .promotionContents .comparison ul > li .top{border: 1px solid var(--s-color1); border-radius: var(--b-radius1); padding: 16px 8px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; height: 160px; margin-bottom: 8px; position: relative; box-shadow: var(--box-shadow1);} .promotionPage[class*="payback_"] .promotionContents .comparison ul > li .top p{margin-bottom: 4px; color: var(--n-mainTitle);} .promotionPage[class*="payback_"] .promotionContents .comparison ul > li .top strong{color: var(--n-subTitle); position: absolute; bottom: 16px; width: 100%; left: 0;} .promotionPage[class*="payback_"] .promotionContents .comparison ul > li .top figure{width: 56px; height: 56px; display: block; margin: 0 auto 4px;} .promotionPage[class*="payback_"] .promotionContents .comparison ul > li .box .tit{background-color: var(--b-color5); font-size: var(--f-body1); font-weight: 700; text-align: left; padding: 16px 8px; border-top: 1px solid var(--s-color1); border-bottom: 1px solid var(--s-color1); color: var(--n-mainTitle); height: 72px;} .promotionPage[class*="payback_"] .promotionContents .comparison ul > li .box:last-child{border-bottom: 1px solid var(--s-color1);} .promotionPage[class*="payback_"] .promotionContents .comparison ul > li .box .bookWrap .book{padding: 8px 0; color: var(--n-mainTitle);} .promotionPage[class*="payback_"] .promotionContents .comparison ul > li .box .bookWrap .book figure{margin: 0 auto 4px; height: 72px; width: 94px;} .promotionPage[class*="payback_"] .correctionService .bgChange::after{background-color: #FFFEBD;} /* 실전올패스 */ .promotionPage[class*="timepass_"] .promotionContents .mean .sub-title{padding-bottom: 16px;} .promotionPage[class*="timepass_"] .promotionContents .mean ul li{border-radius: var(--b-radius1);} .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(3) .imgWrap, .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(4) .imgWrap{aspect-ratio: 328/153;} /* 입문올패스 */ .promotionPage[class*="training_"] .promotionContents .mean .sub-title{padding-bottom: 16px;} .promotionPage[class*="training_"] .promotionContents .mean ul li{border-radius: var(--b-radius1);} .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(3) .imgWrap, .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(4) .imgWrap, .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(5) .imgWrap{aspect-ratio: 328/153;} /* 라이팅&스피킹 30일 완성 */ .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-01.png');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-02.png');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li.box3 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-03.png');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li.box4 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-04.png');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li.box5 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-05.png');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li.box6 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-06.png');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2{border-radius: var(--b-radius1); border: 1px solid var(--s-color1); overflow: hidden; font-weight: 700; box-shadow: var(--box-shadow1);} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2 li{border-radius: 0; padding: 16px;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2 li + li{margin-top: 0;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2 li:not(.point){padding-top: 48px; background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-checkIcon.svg'); background-repeat: no-repeat; background-size: 24px; background-position: top 16px center;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2 li + li:not(.point){position: relative;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2 li + li:not(.point)::before{content: ''; position: absolute; top: 0; left: 50%; width: calc(100% - 32px); height: 1px; transform: translateX(-50%); height: 1px; background-color: var(--s-color1);} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2 li.point{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; background-color: var(--b-color5);} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2 li.point em{background: var(--Gradient3, linear-gradient(91deg, #10A9FF 1.14%, #5557FF 32.62%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list{margin-top: 16px;} .promotionPage[class*="writing-speaking_"] .promotionContents .videoComponent.promotion .contentWrap .video-txt.center{text-align: center; font-weight: 400;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li{display: flex; align-items: flex-start; position: relative; padding-bottom: 16px;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li::before{content: ''; position: absolute; top: 8px; left: 0; width: 1px; height: 100%; background-color: var(--s-color1);} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li .day{width: 66px; padding-left: 8px; position: relative;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li .day::before{content: ''; position: absolute; top: 50%; left: -2.5px; transform: translateY(-50%); width: 5px; height: 5px; background-color: var(--s-color1); border-radius: 50%;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li span{background-color: var(--p-color1); font-size: 9px; color: var(--n-white); border-radius: 30px; height: 16px; display: block; width: 50px; line-height: 1.85; text-align: center; font-weight: 500;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li .text{width: calc(100% - 66px); font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li .text p + p{margin-top: 2px;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li:last-child{padding-bottom: 0;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li:last-child::before{height: calc(100% - 8px)} /* N개월 실속팩 */ .promotionPage[class*="n-month-pass_"] article .titleWrap .title, .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .titleWrap .sub{color: var(--n-mainTitle);} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list{box-shadow: none;} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap{aspect-ratio: 328/156;} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-01.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-02.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box3 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-03.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box4 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-04.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box5 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-05.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box6 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-06.png');} /* 아이엘츠 실전모의고사 (1 + 2) */ .promotionPage .promotionContents article.mean.actual-test .titleWrap{word-break: break-all;} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li .imgWrap{background-color: var(--b-color4); max-height: 140px;} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li .imgWrap figure{max-width: 328px; margin: 0 auto;} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/actual-test/mean-01.png');} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/actual-test/mean-02.png');} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li.box3 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/actual-test/mean-03.png');} .promotionPage .promotionContents .compositionOfClass.actual-test .slide{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide .slide-tit{text-align: center; display: block; padding: 12px 0;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide .splide__slide{border: 1px solid var(--s-color1); border-radius: var(--b-radius1); overflow: hidden; padding-bottom: 8px;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide .splide__slide.writing table tr:not(:last-child) td{padding-bottom: 4px;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table{border: none; color: var(--n-info); margin: 0;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table tr{border: none;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table thead{height: 40px; border-top: 1px solid var(--s-color1); border-bottom: 1px solid var(--s-color1);} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table .null, .promotionPage .promotionContents .compositionOfClass.actual-test .slide table .tit{display: none;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table tbody{font-weight: 400; text-align: left;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table tbody td{padding: 0 16px;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table tbody tr{border: none;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table tbody tr:first-child td{padding-top: 8px;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table th:not(:last-child){position: relative;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table th:not(:last-child)::after{content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 156px; background-color: var(--s-color1);} .promotionPage .promotionContents .compositionOfClass.actual-test .slide .splide__pagination{position: static; padding: 16px 0 18px; margin-top: 8px;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide .splide__pagination__page{background: var(--n-info); opacity: 0.3; transition: all 0.3s ease; margin: 0 4px;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide .splide__pagination__page.is-active{background: var(--n-mainTitle); transform: none; opacity: 1;} .promotionPage .promotionContents .difference.actual-test .txt{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; word-break: normal;} .promotionPage .promotionContents .difference.actual-test ul{margin-top: 16px;} .promotionPage .promotionContents .difference.actual-test ul li{display: flex; border: 1px solid var(--s-color1); border-radius: var(--b-radius1); word-break: normal;} .promotionPage .promotionContents .difference.actual-test ul li + li{margin-top: 16px;} .promotionPage .promotionContents .difference.actual-test ul li .left{width: 154px; display: flex; justify-content: center; align-items: center;} .promotionPage .promotionContents .difference.actual-test ul li .left figure{width: 152px; height: 136px; background-repeat: no-repeat; background-size: contain; background-position: center;} .promotionPage .promotionContents .difference.actual-test ul li .right{width: calc(100% - 154px); text-align: center; padding: 16px 16px 16px 0;} .promotionPage .promotionContents .difference.actual-test ul li .right span{background-color: var(--p-color1); color: var(--n-white); border-radius: 30px; display: block; width: 24px; height: 16px; display: flex; justify-content: center; align-items: center; font-size: 9px; font-weight: 500; margin: 0 auto; line-height: 16px;} .promotionPage .promotionContents .difference.actual-test ul li .right b{margin-bottom: 8px; display: block; color: var(--n-mainTitle);} .promotionPage .promotionContents .difference.actual-test ul li .right p{text-align: left; color: var(--n-info);} /* 실전 모의고사 2 */ .promotionPage[class*="actual-test2_"] .promotionContents article.mean.actual-test .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/actual-test/mean-02-test2.png');} /* 캠브리지 */ .promotionPage[class*="cambridge_"] .promotionContents article.mean .titleWrap{margin-bottom: 0;} .promotionPage[class*="cambridge_"] .promotionContents .series{background-image: url('https://static.edmclass.com/ielts/promotion/cambridge/series-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: bottom center;} .promotionPage[class*="cambridge_"] .promotionContents .series .contentWrap{color: var(--n-info); padding-bottom: 68.3333vw; word-break: normal;} .promotionPage[class*="cambridge_"] .promotionContents .series .contentWrap p + p{margin-top: 8px;} .promotionPage[class*="cambridge_"] .promotionContents .textbookComposition ul{border-bottom: 1px solid var(--s-color1);} .promotionPage[class*="cambridge_"] .promotionContents .textbookComposition ul li{display: flex; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; border-top: 1px solid var(--s-color1);} .promotionPage[class*="cambridge_"] .promotionContents .textbookComposition ul li .tit{width: 164px; background-color: var(--b-color5); color: var(--n-info); display: flex; flex-direction: column; justify-content: center; align-items: center;} .promotionPage[class*="cambridge_"] .promotionContents .textbookComposition ul li .tit b{display: block;} .promotionPage[class*="cambridge_"] .promotionContents .textbookComposition ul li .textWrap{width: calc(100% - 164px); padding: 8px 16px;} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .contentWrap{display: grid; grid-template-columns: repeat(2,1fr); gap: 16px;} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box {border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); overflow: hidden; background-color: var(--n-white);} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box .top { background-color: var(--b-color4); font-weight: 700; text-align: center; padding: 16px; display: flex; align-items: center; justify-content: center;} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box .top span { display: block; font-size: var(--f-body1); letter-spacing: -0.28px; line-height: 20px; font-weight: 400; } .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box:nth-child(3) .top, .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box:nth-child(4) .top{height: 72px;} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box .info { padding: 12px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; word-break: break-all; } .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box .dotList > li + li { margin-top: 0; } .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box .dotList > li::before { background-color: var(--n-subTitle);} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .contentWrap{display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; } .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box{background-color: var(--n-white); border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); padding: 16px 8px; text-align: center; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box figure{width: 56px; height: 56px; background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto;} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box b{margin: 12px 0 4px; display: block;} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box p{color: var(--n-info);} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box:nth-child(1) figure{background-image: url('https://static.edmclass.com/ielts/promotion/cambridge/studyWay-1.png');} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box:nth-child(2) figure{background-image: url('https://static.edmclass.com/ielts/promotion/cambridge/studyWay-2.png');} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box:nth-child(3) figure{background-image: url('https://static.edmclass.com/ielts/promotion/cambridge/studyWay-3.png');} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box:nth-child(4) figure{background-image: url('https://static.edmclass.com/ielts/promotion/cambridge/studyWay-4.png');} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box{background-color: var(--n-white); border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); overflow: hidden;} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box + .box{margin-top: 16px;} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box .tit{background-color: #FFDEE6; text-align: center; font-weight: 700; padding: 16px;} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box .textWrap{padding: 12px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box .textWrap p:not(.dotTxt){margin-bottom: 4px;} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box .textWrap .dotTxt{padding-left: 7px;} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box .textWrap .dotTxt + .dotTxt{margin-top: 4px;} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box .textWrap .dotTxt::before{left: 0; background-color: var(--n-subTitle);} /* Kings All 패키지 */ .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/kings%0A-all-package/mean-01.png');} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/kings%0A-all-package/mean-02.png');} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li.box3 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/kings%0A-all-package/mean-03.png');} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li.box4 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/kings%0A-all-package/mean-04.png');} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li.box5 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/kings%0A-all-package/mean-05.png');} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li{text-align: left;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .dotTxt{color: var(--n-info); font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; padding-left: 6px;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .dotTxt::before{left: 0;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .dotTxt + .dotTxt{margin-top: 1px;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .tit{text-align: center;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap{max-height: initial; aspect-ratio: 328/184; max-width: initial;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap figure{max-width: 100%;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap{padding: 16px; word-break: normal;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap p:not(.tit){margin-bottom: 0.5px;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview{overflow: hidden;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap .navigation{display: none;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide{font-size: var(--f-body3); position: relative; height: 54vw; color: var(--n-mainTitle);} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .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%);} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .swiper-slide .videoWrap *{width: 100%; height: 100%; object-fit: contain; } .promotionPage[class*="kings-all-package_"] .promotionContents .preview .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);} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .swiper-slide .videoWrap.play::after{display: none;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .swiper-slide .subject{padding-left: 8px; line-height: 16px; letter-spacing: -0.24px; margin-top: -15.666%; transition: margin-top 0.5s ease;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .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);} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .swiper-slide.swiper-slide-active .subject{margin-top: 0;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .swiper-slide .videoWrap::after{content: ''; width: 32px; height: 32px; 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;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .pagination{position: absolute; bottom: 0; background-color: transparent; z-index: 2; padding: 0;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .pagination span:last-child, .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .pagination span:first-child{transform: scale(0.75);} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .pagination span.swiper-pagination-bullet-active:first-child, .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .pagination span.swiper-pagination-bullet-active:last-child{transform: scale(1);} /* 라이팅&스피킹 첨삭권 */ .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .contentWrap{display: grid; grid-template-columns: repeat(2,1fr); gap: 16px;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box {border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); overflow: hidden; background-color: var(--n-white);} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .top { background-color: #E2E5FF; font-weight: 700; text-align: center; padding: 16px; display: flex; align-items: center; justify-content: center; color: var(--n-mainTitle);} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .top span { display: block; font-size: var(--f-body1); letter-spacing: -0.28px; line-height: 20px; font-weight: 400; } .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .info { padding: 12px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; word-break: break-all; } .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .info p{font-weight: 700;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .info p + .dotList{margin-top: 4px;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .dotList > li{padding-left: 6px;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .dotList > li + li { margin-top: 4px; } .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .dotList > li::before { background-color: var(--n-subTitle); left: 0;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .frequentlyFaq .titleWrap .sub{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; font-weight: 700; margin-bottom: 2px;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .frequentlyFaq .contentWrap .box{background-color: var(--n-white); border-radius: var(--b-radius1); padding: 12px; box-shadow: var(--box-shadow1); word-break: normal;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .frequentlyFaq .contentWrap .box + .box{margin-top: 16px;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .frequentlyFaq .contentWrap .box b{background-image: url('https://static.edmclass.com/common/promotion/question-mark-16.svg'); background-size: 16px; background-position: left top 2px; background-repeat: no-repeat; padding-left: 18px; margin-bottom: 8px; display: block;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .frequentlyFaq .contentWrap .box p{font-size: var(--f-body3); color: var(--n-info); line-height: 16px; letter-spacing: -0.24px;} /* edm 문법 마스터 */ .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap{background-color: var(--b-color4); aspect-ratio: initial;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap figure{max-width: 328px; margin: 0 auto; aspect-ratio: 328/184; height: auto;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/grammar-master/mean-01.png');} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/grammar-master/mean-02.png');} .promotionPage[class*="grammar-master_"] .promotionContents .teachersMessage{margin-top: 0;} .promotionPage[class*="grammar-master_"] .promotionContents .teachersMessage .contentWrap{background-color: var(--b-color4); padding: 24px 16px 0; border-radius: var(--b-radius2); word-break: normal; color: var(--n-info); overflow: hidden; position: relative; box-shadow: var(--box-shadow1);} .promotionPage[class*="grammar-master_"] .promotionContents .teachersMessage .contentWrap p:not(:nth-of-type(1)){margin-top: 16px;} .promotionPage[class*="grammar-master_"] .promotionContents .teachersMessage .sophia-img{ width: 129px; shape-outside: url('https://static.edmclass.com/ielts/promotion/grammar-master/sophia.png'); float: right; /*shape-margin: 10px;*/ margin-top: 20px;} .promotionPage[class*="grammar-master_"] .promotionContents .teachersMessage .sign{font-family: "Oooh Baby", cursive; font-size: var(--f-heading2); line-height: normal; letter-spacing: -0.36px; display: block; margin: 16px 0 24px;} .promotionPage[class*="grammar-master_"] .promotionContents .videoComponent .contentWrap .video-txt{font-weight: 400;} /* 공식시험 응시권 */ .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li{background-color: var(--n-white); border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); height: 88px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; display: flex; align-items: center; padding-left: 16px;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li + li{margin-top: 16px;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li figure{width: 66px; height: 50px; background-repeat: no-repeat; background-size: cover; background-position: center; display: block;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li.box1 figure{background-image: url('https://static.edmclass.com/ielts/promotion/official-ticket/howToUse-1.png');} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li.box2 figure{background-image: url('https://static.edmclass.com/ielts/promotion/official-ticket/howToUse-2.png');} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li.box3 figure{background-image: url('https://static.edmclass.com/ielts/promotion/official-ticket/howToUse-3.png');} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li .right{width: calc(100% - 66px); padding-left: 16px;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li .right span{background-color: var(--p-color1); color: var(--n-white); font-size: 9px; letter-spacing: -0.18px; border-radius: 30px; display: block; height: 16px; width: 35px; margin-bottom: 4px; line-height: 1.8; font-weight: 500; text-align: center;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li .right b{display: block; margin-bottom: 4px;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li .right p{color: var(--n-info);} /* 간호 패키지 */ .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap{background-color: var(--b-color4); aspect-ratio: initial;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap figure{max-width: 328px; margin: 0 auto; aspect-ratio: 328/156; height: auto;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/mean-01.png');} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/mean-02.png');} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li.box3 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/mean-03.png');} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li.box4 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/mean-04.png');} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap{text-align: left; padding: 16px; word-break: normal;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .sub, .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .tit{text-align: center;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .sub{color: var(--n-subTitle); font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap p + .dotTxt{margin-top: 0.5px;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .dotTxt{display: block; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; color: var(--n-info); padding-left: 6px;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .dotTxt::before{left: 0;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .dotTxt + .dotTxt{margin-top: 1px;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo{margin-top: 8px;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo .top{text-align: center; font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; color: var(--n-mainTitle); word-break: normal; margin-bottom: 16px;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo .top .flagWrap{justify-content: center; column-gap: 8px; margin-bottom: 8px;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo .top .flagWrap img{width: 32px; box-shadow: var(--box-shadow1);} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li{background-color: var(--n-white); border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); overflow: hidden; word-break: normal;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li + li{margin-top: 16px;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li figure{background-size: cover; background-position: center; background-repeat: no-repeat; aspect-ratio: 328/156;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li .textWrap{padding: 16px; text-align: center;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li .textWrap span{display: block; width: 24px; height: 16px; border-radius: 30px; background-color: var(--p-color1); color: var(--n-white); margin: 0 auto; text-align: center; font-size: 9px; font-weight: 500; line-height: 1.8;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li .textWrap b{display: block; margin: 4px 0 8px; } .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li .textWrap p{color: var(--n-info); text-align: left;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li.box1 figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/detailInfo-1.png');} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li.box2 figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/detailInfo-2.png');} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li.box3 figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/detailInfo-3.png');} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .title{word-break: normal; letter-spacing: -0.48px;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap{gap: 16px;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box{width: 100%;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box .imgWrap{height: 188px; width: 100%; border-radius: var(--b-radius1); overflow: hidden;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box .imgWrap figure{background-repeat: no-repeat; background-size: contain; background-position: center; max-width: 328px; aspect-ratio: 328/188; margin: 0 auto;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/textbook-1.png');} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/textbook-2.png');} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box .textWrap{padding: 8px 8px 0;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box .textWrap .tit{color: var(--n-mainTitle); margin-bottom: 2px;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box .textWrap .sub{font-size: var(--f-body3); color: var(--n-subTitle); line-height: 16px; letter-spacing: -0.24px;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .imgWrap{width: 100%; height: 188px; border-radius: var(--b-radius1); margin-bottom: 16px;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/extension.png'); max-width: 328px; aspect-ratio: 328/188; margin: 0 auto;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .info{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .info > li{border: 1px solid var(--s-color1); border-radius: var(--b-radius1); background-color: var(--n-white); overflow: hidden;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .info > li + li{margin-top: 16px;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .info > li .tit{background-color: var(--b-color5); padding: 12px; text-align: center; color: var(--n-mainTitle);} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .info > li .dotList{padding: 12px;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .info > li .dotList > li{padding-left: 6px;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .info > li .dotList > li::before{left: 0; background-color: var(--n-subTitle); top: 7px;} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .imgWrap{width: 100%; height: 188px; border-radius: var(--b-radius1); overflow: hidden;} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/support.png'); background-repeat: no-repeat; background-size: contain; background-position: center; max-width: 328px; aspect-ratio: 328/188; margin: 0 auto;} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .textWrap{margin-top: 20px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; word-break: normal;} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .textWrap .tit{padding-left: 28px; background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/support-icon.png'); background-position: left center; baseline-shift: 24px; background-repeat: no-repeat; margin-bottom: 8px;} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .textWrap .dotTxt{display: block; padding-left: 6px;} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .textWrap .dotTxt::before{left: 0; top: 7px;} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .textWrap .red{color: var(--waring-color);} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .textWrap .red::before{background-color: var(--waring-color);} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .textWrap p + .dotTxt{margin-top: 4px;} /************************************************************* 어학원 *************************************************************/ /* 어학원 공통 */ body.academy .promotionPage article.transBg + article.transBg.last{padding-top: 16px; padding-bottom: 40px;} body.academy .promotionPage article.transBg.last + article{margin-top: 0;} body.academy .promotionPage article.transBg + article.transBg{margin-top: 0; padding-top: 16px;} body.academy .promotionPage .titleWrap .title em{color: var(--p-color2);} body.academy .promotionPage .slideArea{overflow: hidden;} body.academy .promotionPage .pagination{background-color: transparent; position: static; display: flex; margin-top: 18px; padding: 8px 10px;} body.academy .promotionPage .pagination span{background: var(--n-info); opacity: 0.3;} body.academy .promotionPage .pagination span.swiper-pagination-bullet-active{background: var(--n-mainTitle); opacity: 1;} body.academy .promotionPage .contentWrap .roundBox .box{border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); overflow: hidden; width: calc(50% - 8px); margin-right: 16px; padding: 12px 11px; min-height: 104px; text-align: center; display: flex; justify-content: center; align-items: center; margin-bottom: 16px; background-color: var(--n-white);} body.academy .promotionPage .contentWrap .roundBox .box:nth-child(2n){margin-right: 0;} body.academy .promotionPage .contentWrap .roundBox .box:nth-last-of-type(1), body.academy .promotionPage .contentWrap .roundBox .box:nth-last-of-type(2){margin-bottom: 0;} body.academy .promotionPage .contentWrap .roundBox .box b{font-weight: 700;} .promotionPage .a-editingArea.slideArea{padding-bottom: 10px;} .promotionPage .a-editingArea .pagination{margin-top: 10px;} .promotionPage .a-editingArea .contentWrap .dotList{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; margin-bottom: 16px; color: var(--n-subTitle);} .promotionPage .a-editingArea .contentWrap .dotList > li{padding-left: 14px;} .promotionPage .a-editingArea .contentWrap .dotList > li::before{width: 3px; height: 3px; top: 7px; background-color: var(--n-subTitle);} .promotionPage .a-editingArea .contentWrap .imgWrap{width: 100%; aspect-ratio: 328/182; border-radius: var(--b-radius1); overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center;} .promotionPage .a-editingArea .contentWrap .content .textWrap{padding: 16px; border-radius: var(--b-radius1); border: 1px solid var(--s-color1); margin-top: 16px; height: 134px; word-break: break-all;} .promotionPage .a-editingArea .contentWrap .content .textWrap .overall{position: relative; font-size: var(--f-heading3); font-weight: 700; } .promotionPage .a-editingArea .contentWrap .content .textWrap .overall::before{content: 'Overall'; padding-right: 8px; font-size: var(--f-body2); font-weight: 400;} .promotionPage .a-editingArea .contentWrap .content .textWrap .name{padding-left: 17px; position: relative;} .promotionPage .a-editingArea .contentWrap .content .textWrap .name::before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 8.5px; width: 1px; height: 8px; background-color: var(--s-color1);} .promotionPage .a-editingArea .contentWrap .content .textWrap .top{margin-bottom: 16px;} .promotionPage .a-editingArea .contentWrap .content .textWrap .content{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; color: var(--n-subTitle);} .promotionPage .academy-banner + article{margin-top: 0;} .promotionPage .promotionContents article.transArticle.academy-banner{padding: 0;} .promotionPage .academy-banner .banner{width: calc(100% + 32px); margin-left: -16px; } .promotionPage .academy-banner .banner img{width: 100%;} /* type2 (둥근 테두리 + 여백) */ .promotionPage .academy-banner .banner.type2{width: 100%; margin-left: 0; border-radius: var(--b-radius1); overflow: hidden; margin-top: 16px;} /* 오전기본반 동시등록 시, 최대 44만원 할인 혜택 */ .promotionPage .promotionContents article.transArticle.a-enroll-benefit{padding-top: 16px;} /* .promotionPage .a-enroll-benefit .contentWrap{box-shadow: var(--box-shadow1);} */ .promotionPage .a-enroll-benefit .contentWrap .box{text-align: center; width: 100%; border-radius: var(--b-radius1); background-color: var(--n-white); padding: 16px; box-shadow: var(--box-shadow1); position: relative;} .promotionPage .a-enroll-benefit .contentWrap .box::before {content: ""; position: absolute; inset: 0; border-radius: var(--b-radius1); padding: 3px; 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; background: linear-gradient(103deg, #10A9FF 0%, #5557FF 40%);} .promotionPage .a-enroll-benefit .contentWrap .box:not(:last-child){margin-bottom: 16px;} .promotionPage .a-enroll-benefit .contentWrap .box .subject{display: inline-block; margin: 0 auto; background-color: var(--b-color1); color: var(--n-white); padding: 6px 12px; border-radius: 30px; font-weight: 700;} .promotionPage .a-enroll-benefit .contentWrap .box .subject em{background: var(--c-gradient4); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-weight: 900;} .promotionPage .a-enroll-benefit .contentWrap .box figure{width: 184px; height: auto; aspect-ratio: 184/113; margin: 11px auto 0;} .promotionPage .a-enroll-benefit .contentWrap .box .info{background-color: var(--b-color5); border-radius: 50px; padding: 8px 12px;} .promotionPage .a-enroll-benefit .contentWrap .box .info .price{width: 50%;} .promotionPage .a-enroll-benefit .contentWrap .box .info .price + .price{position: relative;} .promotionPage .a-enroll-benefit .contentWrap .box .info .price + .price::before{content: ''; background-image: url('https://static.edmclass.com/common/promotion/a-enroll-benefit-plus.svg'); position: absolute; width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center; top: 50%; left: -8px; transform: translateY(-50%);} .promotionPage .a-enroll-benefit .contentWrap .box .info p{font-weight: 700; } .promotionPage .a-enroll-benefit .contentWrap .box .info p em{background: linear-gradient(90deg, #10A9FF 0%, #5557FF 40%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-weight: 900;} .promotionPage .a-enroll-benefit .contentWrap .box .info span{display: block; font-size: var(--f-body4); color: var(--n-info); line-height: 14px; letter-spacing: -0.22px;} /* 추가 혜택 */ .promotionPage .promotionContents .a-enroll-benefit + .a-add-benefit{padding-top: 12px;} .promotionPage .a-add-benefit .contentWrap .box{border-radius: var(--b-radius1); overflow: hidden; box-shadow: var(--box-shadow1); width: 100%; aspect-ratio: 328/184; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; color: var(--n-white);} .promotionPage .a-add-benefit .contentWrap .box + .box{margin-top: 16px;} .promotionPage .a-add-benefit .contentWrap .box p{position: absolute; bottom: 0; left: 0; width: 100%; font-weight: 700; font-size: var(--f-body3); padding: 0 16px 16px; line-height: 16px; letter-spacing: -0.24px;} /* 실제 수강생 후기로 증명합니다. */ body.academy .promotionPage article.transBg + article.transBg.a-real-review{padding-top: 24px;} .promotionPage .a-real-review .contentWrap .swiper-slide{padding: 48px 16px 16px; border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); overflow: hidden; background-color: var(--n-white); height: 152px; word-break: break-all; } .promotionPage .a-real-review .contentWrap .swiper-slide .day{position: absolute; left: 16px; top: 16px; font-weight: 700; padding-left: 20px; background-image: url('https://static.edmclass.com/common/promotion/a-real-review-day.svg'); background-repeat: no-repeat; background-size: 16px; background-position: left center;} .promotionPage .a-real-review .contentWrap .swiper-slide .point{position: absolute; right: 16px; top: 16px; font-weight: 900; padding: 4px 8px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; 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;} .promotionPage .a-real-review .contentWrap .swiper-slide .point::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 56px; background-color: var(--b-color1); z-index: -1;} .promotionPage .a-real-review .contentWrap .swiper-slide .name{font-size: var(--f-body2); color: var(--n-info2); position: absolute; bottom: 16px; left: 16px; line-height: 20px; letter-spacing: -0.26px; display: flex; align-items: center;} .promotionPage .a-real-review .contentWrap .swiper-slide figure{width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 4px;} .promotionPage .a-real-review .contentWrap .swiper-slide p{overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -moz-box-orient: vertical; line-clamp: 3; -webkit-line-clamp: 3; display: -moz-box; display: -webkit-box; letter-spacing: -1.28px;} /* */ .promotionPage .promotionContents .a-real-review + .a-plan{padding-top: 12px;} /* */ body.academy .promotionPage .a-who .contentWrap .box{min-height: 108px; padding: 36px 12px 12px; background-image: url('https://static.edmclass.com/common/promotion/a-who-icon.svg'); background-position: top 12px center; background-size: 16px; background-repeat: no-repeat;} /* Daily 시간표(매주 월/화/수/목/금 수업) */ .promotionPage .a-daily-timetable .contentWrap .box{width: calc(50% - 8px); border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); overflow: hidden; background-color: var(--n-white);} .promotionPage .a-daily-timetable .contentWrap .box .top{background-color: var(--b-color4); font-weight: 700; text-align: center; padding: 16px 0;} .promotionPage .a-daily-timetable .contentWrap .box .top span{display: block; font-size: var(--f-body1); letter-spacing: -0.28px; line-height: 20px; font-weight: 400;} .promotionPage .a-daily-timetable .contentWrap .box .info{padding: 12px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; word-break: break-all;} .promotionPage .a-daily-timetable .contentWrap .box .dotList > li + li{margin-top: 0;} .promotionPage .a-daily-timetable .contentWrap .box .dotList > li::before{background-color: var(--n-subTitle);} /* box = 1개 */ .promotionPage .a-daily-timetable .contentWrap.col-1 .box{width: 100%; max-width: 588px; margin: 0 auto;} .promotionPage .titleWrap .title.circleStyle span{margin-right: 4px; font-size: 10px; border-radius: 100px; padding: 0 6px; height: 16px; display: inline-block; line-height: 1.6;} /* 국내 유일 아이엘츠 원어민 스피킹 수업 */ .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box{border-radius: var(--b-radius1); border: 1px solid var(--s-color1); background-color: var(--n-white); font-size: var(--f-body2); line-height: 20px; letter-spacing: -0.26px; width: 100%; padding: 16px 0 16px 24px; display: flex; align-items: center;} .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box + .box{margin-top: 16px;} .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box figure{width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 8px;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap{margin-top: 16px; color: var(--n-mainTitle);} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap > .imgWrap{width: 100%; margin-bottom: 16px; aspect-ratio: 328/230; border-radius: var(--b-radius1); overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; } .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .textWrap{width: 100%; text-align: center;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox{background-color: var(--b-color5); border-radius: var(--b-radius1); padding: 16px;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .b-text{font-weight: inherit;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .youtubeImg{width: 88px; height: 25px; background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .teacher{margin-top: 16px;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .teacher figure{aspect-ratio: 1 / 1; width: 23%; border-radius: var(--b-radius1); background-color: var(--n-white); max-width: 130px; background-repeat: no-repeat; background-size: cover; background-position: center;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .teacher .info{width: 77%; padding-left: 16px; text-align: left; font-size: var(--f-body4); line-height: 14px; letter-spacing: -0.22px; color: var(--n-info2);} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .teacher .info .name{color: var(--n-mainTitle); font-size: var(--f-body2); line-height: 20px; letter-spacing: -0.26px; margin-bottom: 4px; font-weight: 700;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .teacher .info .career{color: var(--n-info); font-weight: 700;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap a{color: var(--n-info); font-size: var(--f-body3); display: inline-block; margin: 20px auto 0; background-image: url('https://static.edmclass.com/common/promotion/correctionService_img3.svg'); background-repeat: no-repeat; background-size: 24px; background-position: left center; padding: 0 16px 0 28px; text-decoration: underline; position: relative;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap a::after {content: ''; position: absolute; width: 16px; height: 16px; background-image: url('https://static.edmclass.com/common/promotion/correctionService_img4.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; right: 0; top: 50%; transform: translateY(-50%); } /* 실전 모의고사 */ .promotionPage .a-mockExam .contentWrap .imgWrap{aspect-ratio: 328/216;} /* 현장 강의 다시보기 */ .promotionPage .a-replay .contentWrap .box{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .a-replay .contentWrap .box figure{width: 100%; aspect-ratio: 328/186; border-radius: var(--b-radius1); overflow: hidden; margin-bottom: 8px; background-repeat: no-repeat; background-size: cover; background-position: center;} .promotionPage .a-replay .contentWrap .box .txt-1{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; color: var(--n-mainTitle); margin-bottom: 2px;} .promotionPage .a-replay .contentWrap .box .txt-1 span{font-size: var(--f-body4); color: var(--n-info); display: inline-block; margin-left: 2px; line-height: 14px; letter-spacing: -0.22px;} .promotionPage .a-replay .contentWrap .box + .box{margin-top: 14px;} .promotionPage .a-replay .contentWrap .box .dotTxt{padding-left: 0;} .promotionPage .a-replay .contentWrap .box .dotTxt::before{display: none;} .promotionPage .a-replay.type2 .contentWrap .box .mo_tab-txt{display: inline-block;} /************************************************************* 각 상세 페이지 (해당 페이지에서만 사용됨) *************************************************************/ /* 종일반 + 저녁반 */ .promotionPage .a-myBag.fullDay .titleWrap .sub, .promotionPage .a-myBag.evening .titleWrap .sub{color: var(--n-info);} .promotionPage .a-plan.fullDay .contentWrap .roundBox .box, .promotionPage .a-plan.evening .contentWrap .roundBox .box{width: 100%; margin-right: 0; line-height: 20px; letter-spacing: -0.28px; padding: 12px; height: auto; min-height: initial;} .promotionPage .a-plan.fullDay .contentWrap .roundBox .box:nth-last-of-type(2), .promotionPage .a-plan.evening .contentWrap .roundBox .box:nth-last-of-type(2){margin-bottom: 16px;} body.academy .promotionPage .a-who.fullDay .contentWrap .box, body.academy .promotionPage .a-who.evening .contentWrap .box{min-height: initial; padding: 36px 10px 12px;} /* 종일반 */ .promotionPage .a-enroll-benefit.fullDay .contentWrap .box .img{width: 262px; margin: 16px auto 11px; justify-content: center;} .promotionPage .a-enroll-benefit.fullDay .contentWrap .box .subject{padding: 8px 12px;} .promotionPage .a-enroll-benefit.fullDay .contentWrap .box .info{padding: 11px 12px;} .promotionPage .a-enroll-benefit.fullDay .contentWrap .box .info p{margin-bottom: 4px;} .promotionPage .a-enroll-benefit.fullDay .contentWrap .box .info span{min-height: 28px; display: flex; align-items: center; justify-content: center;} /* 저녁반 */ .promotionPage .a-enroll-benefit.evening{border-bottom: 1px solid var(--s-color1);} .promotionPage .a-enroll-benefit.evening .contentWrap{display: flex; box-shadow: none; justify-content: center;} .promotionPage .a-enroll-benefit.evening .contentWrap .box{width: calc(100%/3 - 16px); box-shadow: none; background-color: transparent; padding: 0; margin: 0 9px; border-radius: 0;} .promotionPage .a-enroll-benefit.evening .contentWrap .box::before{display: none;} .promotionPage .a-enroll-benefit.evening .contentWrap .box .subject{padding: 4px 8px; margin-bottom: 8px; white-space: nowrap;} .promotionPage .a-enroll-benefit.evening .contentWrap .box img{width: 100%; box-shadow: 8px 0px 12px rgba(0,0,0,0.1); border-radius: 6px; aspect-ratio: 93/52; max-width: 140px; margin: 0 auto; display: block; overflow: hidden;} .promotionPage .a-add-benefit.evening + .a-myBag{padding-top: 12px;} .promotionPage .a-myBag.evening + .a-real-review{padding-top: 4px;} /* 인텐시브코스 */ .promotionPage[class*="intensive-course_"] .a-enroll-benefit .contentWrap .box{padding: 0;} .promotionPage[class*="intensive-course_"] .a-enroll-benefit .contentWrap .box img{margin: 0 auto; display: block; max-width: 328px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap{column-gap: 16px; flex-wrap: nowrap; padding-top: 8px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box{background-color: #fff; box-shadow: var(--box-shadow1); border-radius: var(--b-radius3); position: relative; margin-top: 16px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box::before{content: ''; position: absolute; top: -16px; left: 0; width: 100%; height: 1px; background-color: #FF00E5;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box:last-child::after{content: ''; position: absolute; width: 5px; height: 8px; right: 0; top: -19.05px; background-image: url('https://static.edmclass.com/academy/promotion/intensive-course/course-mean-arrow.svg'); background-position: center; background-size: contain; background-repeat: no-repeat;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .month{font-size: 9px; color: var(--n-white); background-color: #FF00E5; border-radius: 999999px; height: 16px; font-weight: 700; padding: 0 8px; position: absolute; top: -24px; left: 50%; transform: translateX(-50%); line-height: 1.8;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .top{font-weight: 700; background-color: var(--b-color5); height: 36px; text-align: center; line-height: 2.5;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .bottom{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.3px; padding: 12px; word-break: break-all;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .bottom b{margin-bottom: 4px; display: block;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .bottom p{position: relative; padding-left: 5px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .bottom p::before{content: ''; position: absolute; top: 7px; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: var(--n-subTitle);} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box:nth-child(1){width: 43%; } .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box:nth-child(2){width: 57%;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap{margin-top: 16px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .box{background-color: var(--n-white); border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); overflow: hidden;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info + .info{margin-top: 16px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .box-title{display: flex; justify-content: center; align-items: center; height: 64px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .box-title img{margin-right: 16px; width: 32px; object-fit: contain;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .slide{overflow: hidden;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .swiper-slide{position: relative; text-align: center;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .swiper-slide picture{aspect-ratio: 328/260; display: initial; height: 100%; object-fit: contain;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .swiper-slide picture img{width: 100%;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgWrap{position: relative;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgWrap::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.6) 105%); touch-action: none; pointer-events: none;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgWrap p{position: absolute; color: var(--n-white); font-weight: 500; bottom: 12px; left: 12px; z-index: 2; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgWrap figure{background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgs{padding: 0 8px 17px; position: relative;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgs .imgWrap{border-radius: var(--b-radius3); overflow: hidden;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgs .imgWrap.img1{aspect-ratio: 152/143; width: 49%;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgs .imgWrap.img2{position: absolute; right: 8px; bottom: 8px; aspect-ratio: 180/117; width: 55%; z-index: 2;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgWrap.img3{aspect-ratio: 328/168; width: 100%;} .promotionPage[class*="intensive-course_"] .a-daily-timetable{background-color: var(--b-color5);} @keyframes intensiveSlide { 0%{opacity: 0;} 100%{opacity: 1;} } /* 공식시험 응시권 */ body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .cdtMockExam.other .contentWrap .imgWrap{padding: 0; height: 188px; justify-content: center; align-items: center;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .cdtMockExam.other .contentWrap .imgWrap img{max-width: 328px; box-shadow: none;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .officialHost .contentWrap .how{margin-top: 16px; margin-bottom: 16px;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .officialHost .contentWrap .how ul{gap: 16px; grid-template-columns: repeat(2,1fr); display: grid;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .officialHost .contentWrap .how ul li{text-align: center; } body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .officialHost .contentWrap .how ul li .top{background-color: var(--b-color5); font-weight: 700; color: var(--n-info); border-top: 1px solid var(--s-color1); border-bottom: 1px solid var(--s-color1); height: 48px; line-height: 3.2;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .officialHost .contentWrap .how ul li .textWrap{padding: 12px 4px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; border-bottom: 1px solid var(--s-color1); height: calc(100% - 48px);} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li{text-align: center; background-color: var(--n-white); border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); height: 130px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; display: flex; flex-direction: column; justify-content: center;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li + li{margin-top: 16px;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li figure{width: 66px; height: 50px; background-repeat: no-repeat; background-size: cover; background-position: center; display: block; margin: 0 auto 12px;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li.box1 figure{background-image: url('https://static.edmclass.com/ielts/promotion/official-ticket/howToUse-1.png');} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li.box2 figure{background-image: url('https://static.edmclass.com/ielts/promotion/official-ticket/howToUse-2.png');} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li.box3 figure{background-image: url('https://static.edmclass.com/ielts/promotion/official-ticket/howToUse-3.png');} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li span{background-color: var(--p-color1); color: var(--n-white); font-size: 9px; letter-spacing: -0.18px; border-radius: 30px; display: block; height: 16px; width: 35px; margin: 0 auto 4px; line-height: 1.8; font-weight: 500;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li b{display: block; margin-bottom: 4px;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li p{color: var(--n-info);} /* 주말기본반 + 주말실전반 (공통)*/ body.academy .promotionPage .academy-banner + .a-add-benefit.weekend{padding-top: 40px;} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .infoWrap .box{background-color: var(--b-color5); padding: 16px 0 16px 16px;} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .teacher{margin-top: 16px; justify-content: center;} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .teacher .imgWrap{width: 70px; height: 70px; border-radius: 50%; } body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .teacher .imgWrap figure{background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%;} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .teacher .textWrap{width: calc(100% - 70px); padding-left: 8px; text-align: center; color: var(--n-info); font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; max-width: 387px;} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .teacher .textWrap b{display: block; margin-bottom: 2px;} /* 노베이스 기초 패키지 */ .promotionPage[class*="nobase-basic_"] .promotionContents .highlighter{position: relative; display: inline-block; z-index: 1;} .promotionPage[class*="nobase-basic_"] .promotionContents .highlighter::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background-color: #00FFCB; z-index: -1;} .promotionPage[class*="nobase-basic_"] .promotionContents article .titleWrap.type3 .sub{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; color: var(--n-subTitle);} .promotionPage[class*="nobase-basic_"] .promotionContents article .titleWrap.type3 .sub + .title{margin-top: 4px;} .promotionPage[class*="nobase-basic_"] .promotionContents article .titleWrap.type3 i{background-repeat: no-repeat; background-size: contain; background-position: center; width: 72px; height: 72px; display: block; position: absolute; bottom: 0; right: 24px;} .promotionPage[class*="nobase-basic_"] .promotionContents .mean .titleWrap{margin-bottom: 24px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box{background-color: var(--n-white); box-shadow: var(--box-shadow1); border-radius: var(--b-radius3); padding: 12px; color: var(--n-mainTitle); } .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box .label{background-color: #FFEBD4; color: #FF7300; font-size: var(--f-body3); line-height: 1.5; letter-spacing: -0.24px; font-weight: 500; border-radius: 100px; height: 20px; padding: 0 6px; display: inline-block; margin-bottom: 8px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box .q{background-color: var(--b-color5); border-radius: var(--b-radius0); padding: 8px; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; margin-bottom: 8px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box .a{position: relative; padding-left: 20px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box .a::before{content: '='; position: absolute; top: 10px; left: 0; } .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box .a .inputWrap{white-space: nowrap; align-items: center; flex-wrap: nowrap; margin-bottom: 4px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box .a .inputWrap input{margin-left: 8px; touch-action: none; pointer-events: none;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .talkWrap{margin: 40px 0 50px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .talkWrap .talk{font-size: var(--f-body3); background-color: var(--n-white); border-radius: 40px; padding: 12px; text-align: center; position: relative; box-shadow: var(--box-shadow1); max-width: 387px; margin-left: auto; margin-right: auto;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .talkWrap .talk + .talk{margin-top: 22px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .talkWrap .talk::after{content: ''; background-repeat: no-repeat; background-size: contain; background-position: center; width: 10px; height: 10px; display: block; position: absolute; bottom: -9px; z-index: 1;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .talkWrap .talk.left::after{background-image: url('https://static.edmclass.com/ielts/promotion/nobase-basic/talk-left.svg'); left: 40px; } .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .talkWrap .talk.right::after{background-image: url('https://static.edmclass.com/ielts/promotion/nobase-basic/talk-right.svg'); right: 40px; } .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .talkWrap .talk::before{content: ''; position: absolute; background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 2;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .talkWrap .talk:nth-child(1)::before{background-image: url('https://static.edmclass.com/ielts/promotion/nobase-basic/talk-icon1.svg'); right: 56px; width: 44px; height: 44px; bottom: -30px; } .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .talkWrap .talk:nth-child(2)::before{background-image: url('https://static.edmclass.com/ielts/promotion/nobase-basic/talk-icon2.svg'); left: 134px; width: 32px; height: 32px; bottom: -25px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .talkWrap .talk:nth-child(3)::before{background-image: url('https://static.edmclass.com/ielts/promotion/nobase-basic/talk-icon3.svg'); left: 26px; width: 44px; height: 44px; bottom: -32px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .talkWrap .talk:nth-child(4)::before{background-image: url('https://static.edmclass.com/ielts/promotion/nobase-basic/talk-icon4.svg'); right: 82px; width: 32px; height: 32px; bottom: -23px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .bottom{text-align: center;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .bottom .txt1{font-size: var(--f-heading1); line-height: 28px; letter-spacing: -0.4px; margin-bottom: 4px; color: var(--n-mainTitle); } .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .contentWrap{background-color: var(--n-white); padding: 16px; border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); text-align: center; } .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .imgWrap{background-color: #D4EBFF; border-radius: var(--b-radius3); padding: 24px 0; margin-bottom: 40px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .imgWrap img{max-width: 234px; margin: 16px auto 0;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .imgWrap .txt1{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; margin-bottom: 2px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .imgWrap .txt2{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .imgWrap .txt3 p{margin-top: 16px; background-color: #339DFF; color: var(--n-white); display: inline-block; padding: 0 8px; height: 24px; border-radius: 100px; font-weight: 500; line-height: 1.7;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .whoWrap b{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; margin-bottom: 24px; display: block;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .whoWrap .case{border-radius: 100px; background-color: var(--b-color5); font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; padding: 8px; box-shadow: var(--box-shadow1); position: relative; max-width: 280px; margin-left: auto; margin-right: auto;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .whoWrap .case + .case{margin-top: 16px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .whoWrap .case i{background-repeat: no-repeat; background-size: contain; background-position: center; width: 48px; height: 48px; display: block; background-color: (--n-white); border-radius: var(--b-radius3); position: absolute; top: 50%; transform: translateY(-50%);} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .whoWrap .case.type2{border-radius: 24px; padding: 12px; background-color: var(--b-color4); text-align: left; word-break: normal; min-height: 72px; max-width: 387px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .whoWrap .case.type2.left{border-top-right-radius: 0; padding-left: 68px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .whoWrap .case.type2.left i{left: 12px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .whoWrap .case.type2.right{border-top-left-radius: 0; padding-right: 68px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .whoWrap .case.type2.right i{right: 12px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .titleWrap.type3 i{bottom: -8px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .box{background-color: var(--n-white); padding: 16px; border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); display: flex; align-items: center;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .list .box + .box{margin-top: 16px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .list .box img{max-width: 82.3px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .list .box .textWrap{padding-left: 9.7px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; word-break: break-all;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .list .box .textWrap .tit{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; font-weight: 700; margin-bottom: 4px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .list .box .textWrap .sub{color: var(--n-info); margin-bottom: 8px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .list .box .textWrap .tag{color: #339DFF; margin-top: 8px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare{margin-top: 40px; text-align: center; justify-content: space-between; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px; color: var(--n-mainTitle);} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box{width: calc(50% - 8px); display: block; padding: 0; overflow: hidden;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .top{height: 88px; background-color: var(--b-color4); display: flex; flex-direction: column; justify-content: center;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .bottom{padding: 8px 8px 12px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .imgWrap{height: 120px; } .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .imgWrap img{width: 100%; max-width: 156px; margin: 0 auto;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box:nth-child(1) .top{background: linear-gradient(86deg, #10A9FF 1.65%, #5557FF 93.18%); color: var(--n-white);} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .txt1{min-height: 52px; padding: 8px 0; border-top: 1px solid var(--s-color1); border-bottom: 1px solid var(--s-color1);} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .txt1 p{color: var(--n-subTitle);} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .txt1 .del{position: relative;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .txt1 .del::before{content: ''; position: absolute; top: calc(50% + 1px); left: 0; width: 100%; height: 1px; background-color: var(--n-info); transform: translateY(-50%);} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .infoList{text-align: left; padding-top: 12px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .infoList p{position: relative; padding-left: 16px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .infoList p::before{content: ''; background-repeat: no-repeat; background-size: contain; background-position: center; width: 14px; height: 14px; display: block; position: absolute; left: 0; background-image: url('https://static.edmclass.com/ielts/promotion/nobase-basic/curriculum-compare-icon.svg');} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .infoList p + p{margin-top: 4px;} .promotionPage[class*="nobase-basic_"] .promotionContents .lecture .video-txt{font-weight: 400;} /************************************************************* hover effect *************************************************************/ @media (hover: hover) and (pointer: fine) { .promotionPage .moreBtnWrap .moreBtn:hover{background-color: var(--b-color4); border-color: var(--b-color4);} } /* media query :: 0px ~ mobile :: 576px ~ tablet :: 1200px ~ pc */ @media screen and (min-width: 420px) { /* 인강 > Kings All 패키지 */ .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide{height: 50vw;} } @media screen and (min-width: 576px) { /* 공통 */ .max-width{padding: 0 16px;} .promotionPage .studentBenefit{color: var(--n-subTitle);} .promotionPage .studentBenefit .title{font-size: var(--f-heading1); font-weight: 500; line-height: 28px; margin-bottom: 16px;} .promotionPage .studentBenefit .dotList > li{font-size: var(--f-body2); line-height: 18px;} .promotionPage .studentBenefit .dotList > li + li{margin-top: 4px;} .promotionPage .studentBenefit .dotList > li::before{width: 2px; height: 2px;} /* 기본 영역 */ [data-more="true"].active + .moreBtnWrap ~ article{margin-top: 16px;} .promotionPage article .titleWrap.type2{margin-bottom: 32px;} /********************************* 관리자 템플릿 *********************************/ /* 슬라이드 공통 스타일 (템플릿) */ .promotionPage .customSlide{width: 100%; margin-left: 0; overflow: initial; padding: 0;} .promotionPage .customSlide .swiper-wrapper{transform: none !important; flex-wrap: wrap; } .promotionPage .customSlide .swiper-slide{width: calc(100%/4 - 12px) !important; padding-top: 0; margin-right: 16px; margin-top: 32px;} .promotionPage .customSlide .swiper-slide:nth-child(4n){margin-right: 0;} .promotionPage .customSlide .swiper-slide:nth-child(-n+4) {margin-top: 0;} .promotionPage .customSlide .swiper-slide .imgWrap{filter: none; opacity: 1; width: 100%;} .promotionPage .customSlide .swiper-slide .textWrap{width: 100% !important; font-size: var(--f-heading3); } /* 교재안내 */ .promotionPage .textbookGuide{padding-bottom: 16px;} .promotionPage .textbookGuide .slide .swiper-slide .imgWrap{max-width: 106px; width: 100%;} .promotionPage .textbookGuide .slide .swiper-slide .textWrap{font-size: var(--f-body4); text-align: center;} /* 강사진 */ .promotionPage .teacherWrap .slide .info{display: none;} .promotionPage .teacherWrap .slide .swiper-slide .imgWrap{margin-bottom: 16px;} /* .promotionPage .teacherWrap .slide .swiper-slide .textWrap{justify-content: flex-start;} */ body.ielts .promotionPage .teacherWrap .slide .swiper-slide .textWrap span{width: 24px; height: 24px; transform: none !important;} body.ielts .promotionPage .teacherWrap .slide .swiper-slide .textWrap span::after{font-size: var(--f-body1); line-height: 24px;} /* 추가구성 */ .promotionPage .addOption .list > li{margin-bottom: 32px;} .promotionPage .addOption .list > li .icon{width: 56px; height: 56px; } .promotionPage .addOption .list > li .textWrap{font-size: var(--f-heading2); padding-left: 16px; width: calc(100% - 56px);} .promotionPage .addOption .list > li .textWrap span{font-size: var(--f-heading3); line-height: 20px; margin-top: 4px;} /* 성적표 인증 합격후기 */ .promotionPage .acceptance .slide .swiper-slide{padding-top: 0;} .promotionPage .acceptance .slide .swiper-slide .imgWrap{width: 100%;} .promotionPage .acceptance .slide .swiper-slide .imgWrap .score{width: 50px; height: 50px; transform: none !important;} .promotionPage .acceptance .slide .swiper-slide .textWrap span{transform: none !important;} /* 강의 추천 */ .promotionPage .recommendation .slide{min-height: initial; padding-bottom: 0; width: 100%; margin-left: 0;} .promotionPage .recommendation .slide .swiper-slide .imgWrap {width: 100%;} .promotionPage .recommendation .slide .swiper-slide .textWrap{min-height: initial;} /* 강의 일정 */ .promotionPage .lectureSchedule .calendarWrap .info{margin-top: 32px; font-size: var(--f-heading3);} .promotionPage .lectureSchedule .calendarWrap .info .box span{margin-right: 8px;} /* 강사진 - 아카데미 */ /* .academy .promotionPage .teacherWrap .slide .swiper-slide .imgWrap{width: 60%;} */ /* 우측 옵션 영역 */ .promotionPage .sticky-option .registerWrap{height: calc(80% - 24px);} /* 인강 > Kings All 패키지 */ .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide{height: 47vw;} /* 인강 > edm 문법 마스터 */ .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li .textWrap{padding-left: 16px; padding-right: 16px;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .tit + p{text-align: left;} /* 어학원 > 주말기본반 + 주말실전반 */ .promotionPage .a-add-benefit.weekend .contentWrap .box:nth-child(3){background-image: url('https://static.edmclass.com/common/promotion/a-add-benefit-4.png') !important;} } @media screen and (min-width: 744px){ #wrap.promotionPage{padding-bottom: 16px;} #mo-menu{display: block !important;} #header.active, #header.resized.active{height: calc(100vh - 56px); height: calc((var(--vh, 1vh) * 100) - 56px);} /* 공통 */ .promotionPage{position: relative; display: flex; padding-left: 32px; padding-right: 32px; justify-content: center; padding-top: 16px;} .promotionPage > .contents{width: calc(100% - 261px); padding-top: 0; padding-bottom: 0; max-width: 792px;} .promotionPage .contents > .pageTitle{display: none;} body.ielts .promotionPage article.transBg .max-width{padding: 0;} .promotionPage .promotionContents article.transArticle .max-width{padding: 0;} .promotionPage article.transArticle{padding: 20px 0;} .promotionPage article.transArticle .titleWrap::after{width: 100%; left: 0;} .promotionPage article.transArticle .titleWrap .title{padding: 0 16px;} .promotionPage article .titleWrap.type3 .title{padding: 0;} .promotionPage article .titleWrap.type4 .title{padding: 0;} .promotionPage article .titleWrap.type4 .title span{font-size: var(--f-body2); height: 24px; letter-spacing: -0.26px; padding: 0 8px; line-height: 1.8;} .promotionPage article.transArticle + article:not(.transArticle){margin-top: 20px;} .promotionPage .promotionContents article.mean .imgTxtBox-list > li .imgWrap{aspect-ratio: 419/156;} .promotionPage .promotionContents article.mean .imgTxtBox-list{border-radius: var(--b-radius2); overflow: hidden; box-shadow: var(--box-shadow1);} .promotionPage .promotionContents article.mean .imgTxtBox-list li:not(:last-child){margin-right: 0;} /* 간편하게 상담 신청하기 */ body.academy #go-contact{position: sticky; bottom: 78px;} /********************************* 관리자 템플릿 *********************************/ /* 배너 */ .promotionPage .mainBanner{padding: 0 0 16px; background-color: transparent; } /* 수강생 혜택 */ .promotionPage .studentBenefit{background-color: transparent; } .promotionPage .studentBenefit .max-width{padding: 0;} .promotionPage .studentBenefit .title{font-size: var(--f-heading1); margin-bottom: 16px; line-height: 28px;} .promotionPage .studentBenefit .dotList > li{font-size: var(--f-body2); line-height: 18px;} .promotionPage .studentBenefit .dotList > li + li{margin-top: 4px;} /* 슬라이드 공통 스타일 (템플릿) */ .promotionPage .customSlide .swiper-slide{width: calc(100%/3 - 8px) !important; margin-right: 12px;} .promotionPage .customSlide .swiper-slide:nth-child(4n){margin-right: 12px; margin-top: 32px;} .promotionPage .customSlide .swiper-slide:nth-child(3n){margin-right: 0;} /* 강사진 */ .promotionPage .teacherWrap .slide .swiper-slide .imgWrap{max-width: 140px;} .promotionPage .teacherWrap .slide .swiper-slide .textWrap{max-width: 140px;} /* 강사진 - 아카데미 */ .academy .promotionPage .teacherWrap .slide .swiper-slide .imgWrap{max-width: initial;} /* 강사진 4명 이하일 때 */ .academy .promotionPage .teacherWrap .slide.noneSlide{margin-left: 0; width: 100%;} .academy .promotionPage .teacherWrap .slide.noneSlide .swiper-wrapper{transform: none !important; flex-wrap: wrap;} .academy .promotionPage .teacherWrap .slide.noneSlide .swiper-slide{cursor: pointer; margin-right: 16px !important; width: calc(100%/4 - 12px) !important; padding-top: 0;} .academy .promotionPage .teacherWrap .slide.noneSlide .swiper-slide:last-child{margin-right: 0 !important;} .academy .promotionPage .teacherWrap .slide.noneSlide .swiper-slide .imgWrap{width: 100% !important;} .academy .promotionPage .teacherWrap .slide.noneSlide .nav-btn{display: none;} /* 추가구성 */ .promotionPage .addOption .list > li{width: 100%;} .promotionPage .addOption .list > li:nth-last-of-type(2){margin-bottom: 32px;} /* 강의 추천 */ .promotionPage .recommendation .titleWrap{margin-bottom: 0;} .promotionPage .recommendation .slide .navigation{display: flex; justify-content: flex-end; margin-bottom: 16px; } .promotionPage .recommendation .slide .navigation .navi{width: 32px; height: 32px; border-radius: 50%; background-color: var(--b-color4); position: relative; } .promotionPage .recommendation .slide .navigation .navi span{text-indent: -99999999%; display: block; } .promotionPage .recommendation .slide .navigation .navi svg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .promotionPage .recommendation .slide .navigation .navi + .navi{margin-left: 14px;} /* 강의일정 */ .promotionPage .lectureSchedule-tabMenu{padding-left: 0; padding-right: 0;} /* 강의 추천 */ .promotionPage .recommendation .slide .navigation{margin-top: 16px;} /* 페이지 탐색 버튼 */ .promotionPage .page-nav{background-color: transparent; font-size: var(--f-body1);} .promotionPage .page-nav .max-width{padding: 0;} .promotionPage .page-nav button{padding-bottom: 15px;} .promotionPage .page-nav button + button{margin-left: 32px;} /* 우측 옵션 영역 */ .promotionPage .sticky-option{position: sticky; top: 56px; width: 245px; background-color: transparent; height: 100%; margin-bottom: 0; margin-left: 16px; bottom: auto; min-height: 400px; z-index: 0;} .promotionPage .sticky-option .registerWrap{height: auto; position: static; padding: 0; background-color: var(--n-white); box-shadow: var(--box-shadow1); border-radius: var(--b-radius1); overflow: hidden;} .promotionPage .sticky-option .registerWrap .registerInfo .scrollWidth{height: auto; padding-bottom: 0;} .promotionPage .sticky-option .registerWrap .registerInfo .scrollWidth > .scrollWrap{padding-bottom: 14px;} .promotionPage .sticky-option .registerWrap .moduleSelect{font-size: var(--f-body3); margin-top: 14px; margin-bottom: 7px;} .promotionPage .sticky-option .registerWrap .moduleSelect .title{font-size: var(--f-body1); font-weight: 400; line-height: 20px; letter-spacing: -0.28px;} .promotionPage .sticky-option .registerWrap .moduleSelect .selectWrap{width: 100%; line-height: 16px; letter-spacing: -0.24px;} .promotionPage .sticky-option .registerWrap .closeBtn{display: none;} .promotionPage .sticky-option .registerWrap .registerInfo{background-color: var(--n-white); display: block; height: auto; padding: 0 16px; border-radius: 0;} .promotionPage .sticky-option .registerWrap .registerInfo .productTitle{font-size: var(--f-body2); padding-bottom: 14px; line-height: 20px; letter-spacing: -0.26px; padding-top: 16px;} .promotionPage .sticky-option .registerWrap .registerInfo .productTitle .ico-best{width: 32px; height: 32px;} .promotionPage .sticky-option .registerWrap .registerInfo .productTitle figure{margin-right: 4px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect{ padding-top: 7px; padding-bottom: 14px; max-height: calc(100vh - 490px); max-height: calc((var(--vh, 1vh) * 100) - 490px);} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li{padding: 14px 0 0;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top{font-size: var(--f-body1);} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top > p{padding-right: 18px; line-height: 20px; letter-spacing: -0.28px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top .price{padding-top: 4px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top .price .number .after{font-weight: bold;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box p{padding-left: 20px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.date{display: block;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.date p + p{margin-top: 4px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li + li{margin-top: 14px;} .promotionPage .sticky-option .resultWrap{position: relative; padding: 14px 16px 16px; bottom: auto; left: auto; border-radius: 0;} .promotionPage .sticky-option .resultWrap::before{background-color: var(--s-color1);} .promotionPage .sticky-option .resultWrap .resultConfirmWrap{border: 1px solid var(--n-mainTitle); margin-bottom: 14px; border-radius: var(--b-radius3); padding: 12px;} .promotionPage .sticky-option .resultWrap .checkWrap{font-size: var(--f-body4); display: flex; padding: 8px; width: 100%; margin: 14px 0 0;} .promotionPage .sticky-option .resultWrap .openBtn{display: none !important;} .promotionPage .sticky-option .resultWrap .submitBtn{display: block !important;} .promotionPage .sticky-option .resultWrap .resultPrice{display: block !important; padding: 0;} .promotionPage .sticky-option .resultWrap .resultPrice .subject{margin-bottom: 8px; line-height: 16px; } .promotionPage .sticky-option .resultWrap .resultPrice .all{font-size: var(--f-body1);} .promotionPage .sticky-option .resultWrap .registerBtn{font-size: var(--f-body1); height: 40px; line-height: 40px; width: 100%; margin: 0 auto; border-radius: var(--b-radius0);} .promotionPage .sticky-option .dim{display: none !important;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li:last-child{padding-bottom: 14px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li.active .top{padding-bottom: 16px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li.active .top .price{padding-top: 8px;} /* 추가사항 by SD (강좌목록) */ .promotionPage .promotionContents #coursePage .category{font-size: var(--f-body3); height: 20px; padding: 0 8px;} .promotionPage .promotionContents #coursePage .option-list-wrap{font-size: var(--f-body1);} .promotionPage .promotionContents #coursePage .option-list-title{padding: 22px 72px 22px 16px;} .promotionPage .promotionContents #coursePage .option-list-title .ico-option-arrow{width: 24px; height: 24px; right: 24px;} .promotionPage .promotionContents #coursePage .option-list > li{padding: 12px 12px 12px 44px;} /************************************************************* 공통 컴포넌트 *************************************************************/ /* */ .promotionPage .promotionContents article.mean{padding-bottom: 16px;} .promotionPage .promotionContents article.mean .titleWrap .title{padding: 0;} .promotionPage .promotionContents article.mean + article{margin-top: 0;} /* 첨삭서비스 */ /* default => '' */ .promotionPage .promotionContents .correctionService .contentWrap table th{height: auto; padding: 8px 0; line-height: 16px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap{margin-top: 16px; background-color: var(--n-white);} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .viewBox{margin-top: 0;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .imgWrap figure{background-image: url('https://static.edmclass.com/common/promotion/correctionService_img1-tablet.jpg') !important; aspect-ratio: 387/293;} /* style2 */ .promotionPage .promotionContents .correctionService.style2 .contentWrap .area .box .viewWrap{background-color: var(--n-white); margin-top: 16px;} .promotionPage .promotionContents .correctionService.style2 .contentWrap .area .box .viewWrap .viewBox .view-tit{border-bottom: 1px solid var(--s-color1); padding-bottom: 16px;} .promotionPage .promotionContents .correctionService.style2 .contentWrap .area .box .viewWrap a{margin-top: 0; margin-bottom: 16px;} /* CDT 모의고사 매월 1회 무료 */ .promotionPage .promotionContents .cdtMockExam .contentWrap .textWrap .tit{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage .promotionContents .cdtMockExam .contentWrap .imgWrap{padding: 10px 52px;} .promotionPage .promotionContents .cdtMockExam .contentWrap .box + .small{margin-top: 16px;} /* 스타일만 공통인 영역 (내용 다름 + 스타일 조금 다름) */ .promotionPage .promotionContents article.how.type2 ul .box .imgWrap{aspect-ratio: 387/169;} /************************************************************* 각 상세 페이지 (해당 페이지에서만 사용됨) *************************************************************/ /* 페이백 200% 환급반 */ .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(1) .imgWrap{aspect-ratio: 387/184;} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(2) .imgWrap{aspect-ratio: 387/184;} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(3) .imgWrap{aspect-ratio: 387/260;} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(4) .imgWrap{aspect-ratio: 387/161;} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(1) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/payback/payback_how_img1-tablet.png');} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(2) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/payback/payback_how_img2-tablet.png');} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(3) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/payback/payback_how_img3-tablet.png');} .promotionPage[class*="payback_"] .promotionContents .how ul .box:nth-child(4) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/payback/payback_how_img4-tablet.png');} /* 실전올패스 */ .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(3) .imgWrap, .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(4) .imgWrap{aspect-ratio: 387/169;} .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(1) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/timepass/how_img1-tablet.png') !important;} .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(2) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/timepass/how_img2-tablet.png') !important;} .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(3) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/timepass/how_img3-tablet.png') !important;} .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(4) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/timepass/how_img4-tablet.png') !important;} /* 입문올패스 */ .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(3) .imgWrap, .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(4) .imgWrap, .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(5) .imgWrap{aspect-ratio: 387/169;} .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(1) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/training/how_img1-tablet.png') !important;} .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(2) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/training/how_img2-tablet.png') !important;} .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(3) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/training/how_img3-tablet.png') !important;} .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(4) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/training/how_img4-tablet.png') !important;} .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(5) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/training/how_img5-tablet.png') !important;} /* 라이팅&스피킹 30일 완성 */ .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list{box-shadow: none; overflow: initial;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2 li + li:not(.point)::before{width: 100%;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list > li .imgWrap{aspect-ratio: 328/156;} /* N개월 실속팩 */ .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list{box-shadow: none; overflow: initial;} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap{aspect-ratio: 419/156;} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-01-tablet.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-02-tablet.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box3 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-03-tablet.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box4 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-04-tablet.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box5 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-05-tablet.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box6 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-06-tablet.png');} /* 아이엘츠 실전모의고사 (1 + 2) */ .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list{overflow: initial; box-shadow: none;} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li.box1 .imgWrap{max-height: 156px;} /* 캠브리지 */ .promotionPage[class*="cambridge_"] .promotionContents .series .contentWrap{padding-bottom: 50.8065vw;} .promotionPage[class*="cambridge_"] .promotionContents .textbookComposition ul li .tit{width: 50%;} .promotionPage[class*="cambridge_"] .promotionContents .textbookComposition ul li .textWrap{width: 50%; word-break: normal;} /* Kings All 패키지 */ .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list{box-shadow: none; overflow: initial;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide{height: 30vw;} /* 간호패키지 */ .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list{box-shadow: none; overflow: initial;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li figure{aspect-ratio: 419/156;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li.box1 figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/detailInfo-1-tablet.png');} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li.box2 figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/detailInfo-2-tablet.png');} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li.box3 figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/detailInfo-3-tablet.png');} /* edm문법 마스터 */ .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list{box-shadow: none; overflow: initial;} /************************************************************* ************************************************************* academy ************************************************************* *************************************************************/ /* 어학원 공통 */ body.academy .promotionPage article.transBg{background-color: transparent; box-shadow: none !important;} body.academy .promotionPage article.transBg .max-width{padding: 0;} body.academy .promotionPage article.transBg + article.transBg{padding-top: 32px;} .promotionPage .academy-banner{padding: 0 !important;} .promotionPage .academy-banner .banner{width: 100%; margin-left: 0;} /* type2 (둥근 테두리 + 여백) */ /* .promotionPage .academy-banner .banner.type2{margin-top: 0;} */ body.academy .promotionPage .contentWrap .roundBox .box{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; min-height: 84px;} /* */ .promotionPage .a-enroll-benefit .contentWrap .box{position: relative; padding: 19px 16px; text-align: left;} .promotionPage .a-enroll-benefit .contentWrap .box .subject{margin: 0; padding: 6px 22px;} .promotionPage .a-enroll-benefit .contentWrap .box figure{position: absolute; right: 16px; top: 50%; transform: translateY(-50%); margin: 0;} .promotionPage .a-enroll-benefit .contentWrap .box .info{width: 191px; text-align: center; margin-top: 8px;} /* 추가 혜택 */ .promotionPage .a-add-benefit .contentWrap .box{aspect-ratio: 419/184;} .promotionPage .a-add-benefit .contentWrap .box:nth-child(1){background-image: url('https://static.edmclass.com/common/promotion/a-add-benefit-1-tab.png') !important;} .promotionPage .a-add-benefit .contentWrap .box:nth-child(2){background-image: url('https://static.edmclass.com/common/promotion/a-add-benefit-2-tab.png') !important;} .promotionPage .a-add-benefit .contentWrap .box:nth-child(3){background-image: url('https://static.edmclass.com/common/promotion/a-add-benefit-3-tab.png') !important;} .promotionPage .a-add-benefit .contentWrap .box:nth-child(4){background-image: url('https://static.edmclass.com/common/promotion/a-add-benefit-4-tab.png') !important;} .promotionPage .a-add-benefit .contentWrap .box:nth-child(5){background-image: url('https://static.edmclass.com/common/promotion/a-add-benefit-5-tab.png') !important;} /* 실제수강생 후기로 증명합니다 */ .promotionPage .a-real-review .pagination{margin-top: 18px;} /* */ body.academy .promotionPage .a-who .contentWrap .box{padding: 36px 11px 12px;} .promotionPage .a-editingArea .contentWrap .content .textWrap{height: 126px;} .promotionPage .a-editingArea .contentWrap .content .textWrap .overall::before{background: var(--Gradient2, linear-gradient(90deg, #D277E5 0.69%, #7531F9 57.61%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .promotionPage .a-editingArea .contentWrap .content .textWrap .name{background-image: url('https://static.edmclass.com/common/promotion/a-correctionService-name.svg'); background-repeat: no-repeat; background-size: 16px; background-position: left 17px center; padding-left: 35px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .a-editingArea .slide .pagination{margin-top: 0;} .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box{padding: 16px; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box figure{width: 40px; height: 40px; margin-right: 16px;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap > .imgWrap{aspect-ratio: 387/230;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox{background-color: transparent; border: 1px solid var(--s-color1);} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap a{margin-top: 16px;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .teacher .imgWrap{background-color: var(--b-color4);} /* */ .promotionPage .a-mockExam .contentWrap .imgWrap{aspect-ratio: 387/216; background-image: url('https://static.edmclass.com/common/promotion/a-correctionService-2-tab.png') !important;} .promotionPage .a-editingArea.a-mockExam .contentWrap .content .textWrap{height: auto;} /* */ .promotionPage .a-replay .contentWrap .box figure{aspect-ratio: 387/185;} /* 첨삭 */ .promotionPage .a-editingArea .contentWrap .content .textWrap .top{border-bottom: 1px solid var(--s-color1); padding-bottom: 8px; } .promotionPage .a-editingArea .contentWrap .pagination{margin: 10px 0 0;} /************************************************************* 각 상세세 페이지 (해당 페이지에서만 사용됨) *************************************************************/ /* 종일반 + 저녁반 */ .promotionPage .a-enroll-benefit.fullDay .contentWrap .box, .promotionPage .a-enroll-benefit.evening .contentWrap .box{text-align: center;} .promotionPage .a-enroll-benefit.fullDay .contentWrap .box .info, .promotionPage .a-enroll-benefit.evening .contentWrap .box .info{width: 100%;} .promotionPage .a-myBag.fullDay .titleWrap .sub, .promotionPage .a-myBag.evening .titleWrap .sub{padding: 0 16px;} .promotionPage .a-myBag.fullDay .contentWrap, .promotionPage .a-myBag.evening .contentWrap{padding: 0 16px;} /* 종일반 */ .promotionPage .a-enroll-benefit.fullDay .contentWrap .box{padding: 16px;} .promotionPage .a-enroll-benefit.fullDay .contentWrap .box .img{position: static; transform: none; margin: 18px auto 14px;} /* 저녁반 */ .promotionPage .a-enroll-benefit.evening .contentWrap .box{margin: 0 16px; padding: 0 12px;} /* 인텐시브코스 */ .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .swiper-slide picture{aspect-ratio: 387/260;} /* 노베이스 기초 패키지 */ .promotionPage[class*="nobase-basic_"] .promotionContents article .titleWrap.type3 i{right: 0;} .promotionPage[class*="nobase-basic_"] .promotionContents .mean .titleWrap{margin-bottom: 0;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal{border-radius: var(--b-radius1); box-shadow: var(--box-shadow1); padding: 36px 16px 40px; margin-bottom: 40px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .titleWrap.type3{padding-bottom: 24px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage{padding-top: 0; } .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .titleWrap.type3 i{right: 16px;} } @media screen and (min-width: 850px) { /* Kings All 패키지 */ .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide{height: 31.5vw;} } @media screen and (min-width: 992px) { /********************************* 관리자 템플릿 *********************************/ /* 슬라이드 공통 스타일 (템플릿) */ .promotionPage .customSlide .swiper-slide{width: calc(100%/4 - 18px) !important; margin-right: 24px;} .promotionPage .customSlide .swiper-slide:nth-child(3n){margin-right: 24px;} .promotionPage .customSlide .swiper-slide:nth-child(4n){margin-right: 0; } .promotionPage .customSlide .swiper-slide:nth-child(4){margin-top: 0;} .promotionPage .a-enroll-benefit .contentWrap .box{padding: 19px 18%;} .promotionPage .a-enroll-benefit .contentWrap .box figure{right: calc(18% + 16px);} /* Kings All 패키지 */ .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide{height: 33vw; max-height: 370px;} } @media screen and (min-width: 1200px) { #wrap.promotionPage{padding-bottom: 120px;} #mo-menu{display: none !important;} /* 공통 */ #breadcrumb{background-color: var(--b-color5);} .max-width{padding: 0 24px;} .promotionPage{color: var(--n-mainTitle); padding-top: 39px;} .promotionPage .contentWrap{color: var(--n-subTitle);} .promotionPage > .contents{padding-top: 0; width: calc(100% - 408px); padding-bottom: 0;} .promotionPage .sticky-option{top: 144px; width: 384px; margin-left: 24px; margin-bottom: 0;} .promotionPage .moreBtnWrap .moreBtn{width: 260px; height: 56px; line-height: 56px; font-size: var(--f-heading2); box-shadow: var(--box-shadow1); border: none;} [data-more="true"].active + .moreBtnWrap ~ article{margin-top: 32px;} .promotionPage .moreBtnWrap + article{margin-top: 32px;} body.ielts .promotionPage article.transBg{box-shadow: none; padding-bottom: 16px;} body.ielts .promotionPage article.transBg:last-child{padding-bottom: 32px;} .promotionPage article.transArticle{box-shadow: none !important; } .promotionPage article .titleWrap.type3{margin-bottom: 32px;} .promotionPage article .titleWrap.type4{margin-bottom: 24px; padding-top: 26px;} .promotionPage article .titleWrap.type4 .title span{margin-bottom: 4px;} .promotionPage article.transArticle + article:not(.transArticle){margin-top: 32px;} .promotionPage .dotList > li + li{margin-top: 4px;} .promotionPage .dotList > li{padding-left: 17px;} .promotionPage .dotList > li::before{width: 4px; height: 4px; top: 8px; left: 7px;} /* 간편하게 상담 신청하기 */ body.academy #go-contact{bottom: 32px;} body.academy #go-contact .btn{font-size: var(--f-heading2); font-weight: 700; padding: 16px 90px; border-radius: 30px;} body.academy #go-contact .btn span figure{width: 24px; height: 24px; margin-left: 8px;} /********************************* 관리자 템플릿 *********************************/ /* 배너 */ .promotionPage .mainBanner{padding-bottom: 24px;} .promotionPage .mainBanner .banner{border-radius: var(--b-radius2); } /* 유의사항 */ .promotionPage .promotionContents .changePage {margin-bottom: 32px;} .promotionPage #notesPage article{background-color: var(--n-white)} /* 강좌목록 */ .promotionPage #coursePage article{background-color: var(--n-white);} /* 수강생 혜택 */ .promotionPage .studentBenefit{padding-top: 0; box-shadow: none !important;} .promotionPage .studentBenefit .title{font-size: var(--f-display3); line-height: 34px; font-weight: 500; background-size: 32px; background-image: url('https://static.edmclass.com/common/promotion_studentBenefit_pc.svg'); padding-left: 40px;} .promotionPage .studentBenefit .dotList > li{font-size: var(--f-heading3); line-height: 22px;} /* 교재안내 */ .promotionPage .textbookGuide{padding-bottom: 40px;} .promotionPage .textbookGuide .slide .swiper-slide .textWrap{font-size: var(--f-body1);} .promotionPage .textbookGuide .small{font-size: var(--f-body3); padding-left: 0; text-align: center; line-height: 16px; margin-top: 32px;} /* 강의 추천 */ .promotionPage .recommendation .slide .swiper-slide .textWrap{font-size: var(--f-heading3);} /* */ .promotionPage .lectureSchedule-tabMenu{font-size: var(--f-heading3); background-color: transparent; width: 100%; margin-left: 0; margin-bottom: 0; padding-bottom: 0; display: flex; justify-content: center;} .promotionPage .lectureSchedule-tabMenu a{margin-right: 14px; line-height: 2.3; } .promotionPage .lectureSchedule-tabMenu a.active{line-height: 2.5;} /* 강사진 */ .promotionPage .teacherWrap .slide .swiper-slide .imgWrap{max-width: 140px;} .promotionPage .teacherWrap .slide .swiper-slide .textWrap{max-width: 140px;} /* 강사진 - 아카데미 */ /* .academy .promotionPage .teacherWrap .info{width: 208px; font-size: var(--f-heading3);} .academy .promotionPage .teacherWrap .info .teacherName{margin-top: 8px; font-size: var(--f-heading1); font-weight: 700;} .academy .promotionPage .teacherWrap .slide{position: relative; width: calc(100% - 208px); margin-left: 0; padding-left: 36px; padding-right: 56px; padding-bottom: 19px; overflow: hidden;} .academy .promotionPage .teacherWrap .slide::before, .academy .promotionPage .teacherWrap .slide::after{content: ''; position: absolute; top: 0; height: 100%; width: 16px; z-index: 2;} .academy .promotionPage .teacherWrap .slide::before{left: 0; background: linear-gradient(90deg, white 50%, transparent);} .academy .promotionPage .teacherWrap .slide::after{right: 0; background: linear-gradient(-90deg, white 50%, transparent);} .academy .promotionPage .teacherWrap .slide .swiper-wrapper{align-items: center;} .academy .promotionPage .teacherWrap .slide .swiper-slide{width: auto; height: auto; padding: 0; margin: 0; aspect-ratio: 1/1;} .academy .promotionPage .teacherWrap .slide .swiper-slide .imgWrap{width: 100%; margin: 0;} .academy .promotionPage .teacherWrap .slide .swiper-slide.swiper-slide-active{width: 104px !important;} .academy .promotionPage .teacherWrap .slide .nav-btn{background-repeat: no-repeat; background-size: contain; background-position: center; width: 16px; height: 16px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;} .academy .promotionPage .teacherWrap .slide .nav-btn span{text-indent: -999999%; display: inline-block;} .academy .promotionPage .teacherWrap .slide .nav-prev{background-image: url('https://static.edmclass.com/academy/promotion/nav-prev.svg'); left: 0;} .academy .promotionPage .teacherWrap .slide .nav-next{background-image: url('https://static.edmclass.com/academy/promotion/nav-next.svg'); right: 0;} .academy .promotionPage .teacherWrap .teacher-info .box .textWrap{font-size: var(--f-body1);} .academy .promotionPage .teacherWrap .teacher-info .box .textWrap p + p{margin-top: 8px;} .academy .promotionPage .teacherWrap .slide.noneSlide{width: calc(100% - 208px); } .academy .promotionPage .teacherWrap .slide .swiper-slide.swiper-slide-active{width: calc(100%/4 - 12px) !important;} */ /* 추가구성 */ .promotionPage .addOption .list > li{width: 50%;} .promotionPage .addOption .list > li:nth-last-of-type(2){margin-bottom: 0;} /* 페이지 탐색 버튼 */ .promotionPage .page-nav{margin-bottom: 24px; font-size: var(--f-heading2);} /* 기본 영역 */ .promotionPage article{border-radius: var(--b-radius2); padding: 40px 0; box-shadow: var(--box-shadow1); } .promotionPage article + article{margin-top: 32px;} .promotionPage article .titleWrap{ text-align: center; margin-bottom: 32px; padding-bottom: 0;} .promotionPage article .titleWrap .title{font-size: var(--f-heading1); letter-spacing: -0.4px; line-height: 28px;} .promotionPage article .titleWrap .sub{font-size: inherit; margin-top: 8px; color: var(--n-subTitle); line-height: 20px; letter-spacing: -0.28px;} .promotionPage article .titleWrap::after{width: 100%; display: none;} /* titleWrap : pc에서 타이틀만 따로 꺼내진 스타일의 경우 */ .promotionPage article.title-out{background-color: transparent; box-shadow: none !important; padding-top: 0;} /* 우측 옵션 영역 */ .promotionPage .sticky-option{font-size: var(--f-heading3); z-index: 0;} .promotionPage .sticky-option .registerWrap .moduleSelect{font-size: var(--f-body1); margin-bottom: 16px; margin-top: 16px;} .promotionPage .sticky-option .registerWrap .moduleSelect .title{font-size: inherit;} .promotionPage .sticky-option .registerWrap .moduleSelect .selectWrap{line-height: 16px; letter-spacing: -0.24px;} .promotionPage .sticky-option .registerWrap .moduleSelect .selectWrap span{font-size: var(--f-body3); line-height: inherit;} .promotionPage .sticky-option .registerWrap .moduleSelect .selectWrap input[type="radio"] + span{padding-left: 20px;} .promotionPage .sticky-option .registerWrap .moduleSelect .selectWrap input[type="radio"] + span::before{width: 14px; height: 14px;} .promotionPage .sticky-option .registerWrap .moduleSelect .selectWrap input[type="radio"] + span::after{width: 8px; height: 8px; left: 4px; top: 50%; transform: translateY(-50%);} .promotionPage .sticky-option .registerWrap .registerInfo{padding: 0 16px; } .promotionPage .sticky-option .registerWrap .registerInfo .scrollWidth > .scrollWrap{padding-bottom: 16px;} .promotionPage .sticky-option .registerWrap .registerInfo .productTitle{padding-top: 16px; padding-bottom: 16px; font-size: var(--f-body2); line-height: 20px; letter-spacing: -0.26px;} /*.promotionPage .sticky-option .registerWrap .registerInfo .productTitle .flag{font-size: var(--f-body1); height: 18px; line-height: 18px; padding: 0 3px 0 6px; margin-right: 6px;}*/ /*.promotionPage .sticky-option .registerWrap .registerInfo .productTitle .flag::before{height: 20px;}*/ .promotionPage .sticky-option .registerWrap .registerInfo .productTitle > p{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect{padding-top: 0; max-height: calc(100vh - 550px); max-height: calc((var(--vh, 1vh) * 100) - 550px);} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li{padding: 16px 0 0;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top{font-size: var(--f-body1);} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top .price{line-height: 20px; letter-spacing: -0.28px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top .price em{font-weight: bold;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top .price .number{font-size: inherit;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top .price .number .after{font-weight: bold;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .top .price .number .before{font-size: var(--f-body3);} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle{padding: 14px 14px 0; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box{padding-bottom: 14px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box + .box{padding-top: 14px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box p{background-size: 16px; padding-left: 20px; background-position: left top;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box p + p{margin-top: 4px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.subject p{background-image: url('https://static.edmclass.com/common/promotion/ico-subject_pc.svg'); } .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.benefit .pencil{background-image: url('https://static.edmclass.com/common/promotion/ico-pencil_pc.svg');} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.benefit .computer{background-image: url('https://static.edmclass.com/common/promotion/ico-computer_pc.svg');} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.benefit .ticket{background-image: url('https://static.edmclass.com/common/promotion/ico-ticket_pc.svg');} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li .middle .box.book p{background-image: url('https://static.edmclass.com/common/promotion/ico-book_pc.svg');} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li:last-child{padding-bottom: 16px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li.active{padding: 14px 16px;} .promotionPage .sticky-option .registerWrap .registerInfo .optionSelect > li.active .top .price{padding-top: 4px;} .promotionPage .sticky-option .resultWrap{padding: 16px;} .promotionPage .sticky-option .resultWrap .resultConfirmWrap{padding: 16px; margin-bottom: 16px;} .promotionPage .sticky-option .resultWrap .checkWrap{margin: 16px 0 0; font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .sticky-option .resultWrap .checkWrap input[type="checkbox"] + span{font-size: inherit; padding-left: 20px;} .promotionPage .sticky-option .resultWrap .checkWrap input[type="checkbox"] + span::before{width: 14px; height: 14px;} .promotionPage .sticky-option .resultWrap .checkWrap input[type="checkbox"] + span::after{width: 16px; height: 16px; background-image: url('https://static.edmclass.com/common/membership/checkIcon.svg'); background-size: 16px;} .promotionPage .sticky-option .resultWrap .registerBtn{height: 56px; font-size: var(--f-heading2); border-radius: var(--b-radius3);} /* 스타일만 공통인 영역 (내용 다름 + 스타일 조금 다름) */ .promotionPage .promotionContents article:not(.mean){box-shadow: var(--box-shadow1);} .promotionPage .promotionContents article{box-shadow: none; } .promotionPage .promotionContents article.mean{padding: 0; background-color: transparent; overflow: initial;} .promotionPage .promotionContents article.mean .max-width{padding: 0;} .promotionPage .promotionContents article.mean .titleWrap{padding: 16px 80px; border-radius: var(--b-radius2); text-align: left; position: relative; margin-bottom: 32px; background-color: var(--n-white); display: flex; align-items: center;} .promotionPage .promotionContents article.mean .titleWrap::after{display: none;} .promotionPage .promotionContents article.mean .titleWrap figure{width: 82px; height: 82px; background-repeat: no-repeat; background-position: center; background-size: contain;} .promotionPage .promotionContents article.mean .titleWrap .textWrap{width: calc(100% - 82px); padding-left: 24px;} .promotionPage .promotionContents article.mean .titleWrap .sub{line-height: 20px; letter-spacing: -0.38px; margin-top: 8px; font-size: var(--f-body1);} .promotionPage .promotionContents article.mean .titleWrap.noImg{padding: 16px 24px;} .promotionPage .promotionContents article.mean .titleWrap.noImg .textWrap{padding: 0;} .promotionPage .promotionContents article.mean ul{border-radius: var(--b-radius2); display: flex; flex-wrap: wrap; } .promotionPage .promotionContents article.mean ul li{width: calc(100%/3 - 16px); background-color: var(--n-white); border: none; height: 182px; border-radius: var(--b-radius2);} .promotionPage .promotionContents article.mean ul li:not(:last-child){margin-right: 24px;} .promotionPage .promotionContents article.mean ul li + li{margin-top: 0;} .promotionPage .promotionContents article.mean ul li .tit{font-size: var(--f-heading3); } .promotionPage .promotionContents article.mean ul li .info{padding: 16px; color: var(--n-subTitle); word-break: break-all; letter-spacing: -0.5px; } .promotionPage .promotionContents article.mean .sub-title{text-align: center; font-size: var(--f-heading1); margin-bottom: 32px; line-height: 28px; letter-spacing: -0.4px;} .promotionPage .promotionContents article.mean .sub-title.customLine::after{display: none;} /* 제목에 들어갔던 라인값 제거 */ .promotionPage .promotionContents article.how.type2{background-color: var(--n-white);} .promotionPage .promotionContents article.comparison{padding-bottom: 0;} .promotionPage .promotionContents article.comparison .max-width{padding: 0;} .promotionPage .promotionContents article.comparison ul > li{box-shadow: var(--box-shadow1); padding: 0 24px; width: calc(100%/2 - 12px);} .promotionPage .promotionContents article.comparison ul > li .top{height: 54px; white-space: nowrap;} .promotionPage .promotionContents article.comparison ul > li .top strong{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .promotionPage .promotionContents article.comparison ul > li .box .circleBox{width: 120px; height: 120px; font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; padding-top: 20px;} .promotionPage .promotionContents article.comparison ul > li .box .circleBox figure{margin-bottom: 2px;} .promotionPage .promotionContents article.comparison ul > li .box .dotBox p + p{margin-top: 8px;} .promotionPage .promotionContents article.comparison ul > li .box .dotBox p{color: var(--n-subTitle);} .promotionPage .promotionContents article.comparison.type3 ul > li{width: calc(100%/3 - 16px); margin-right: 24px; box-shadow: var(--box-shadow1); margin-bottom: 0;} .promotionPage .promotionContents article.comparison.type3 ul > li:last-child{margin-right: 0;} .promotionPage .promotionContents article.comparison.type3 ul > li .box .circleBox{box-shadow: none;} /************************************************************* 공통 컴포넌트 *************************************************************/ .promotionPage .promotionContents table{margin: 32px 0;} .promotionPage .promotionContents table .afterNone{display: none;} .promotionPage .promotionContents table .table-pc{display: table-cell;} .promotionPage .promotionContents table th{font-size: var(--f-body1);} /* 첨삭서비스 */ /* default => '' */ .promotionPage .promotionContents .correctionService{overflow: hidden;} .promotionPage .promotionContents .correctionService .sub-title{font-size: var(--f-heading2); text-align: center; color: var(--n-subTitle); margin-bottom: 32px;} .promotionPage .promotionContents .correctionService .contentWrap table{border-color: var(--s-color1); margin-bottom: 0;} .promotionPage .promotionContents .correctionService .contentWrap table caption{font-size: var(--f-heading3); font-weight: 700; line-height: 22px; letter-spacing: -0.32px;} .promotionPage .promotionContents .correctionService .contentWrap table caption span{font-size: var(--f-body3); height: 20px; line-height: 20px; letter-spacing: -0.24px;} .promotionPage .promotionContents .correctionService .contentWrap table th{font-size: var(--f-body1); height: 56px; width: calc(100%/5); padding: 0;} .promotionPage .promotionContents .correctionService .contentWrap .table-foot{display: none;} .promotionPage .promotionContents .correctionService .contentWrap .area{padding-bottom: 32px;} .promotionPage .promotionContents .correctionService .contentWrap .area + .area{padding-top: 32px;} .promotionPage .promotionContents .correctionService .contentWrap .area:last-child{padding-bottom: 40px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box + .box{padding-top: 32px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .title{font-size: var(--f-heading3); font-weight: 700; color: var(--n-subTitle); line-height: 22px; letter-spacing: -0.32px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .info{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; margin-top: 4px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .txt{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .mediaWrap{border-top: 1px solid var(--s-color1); margin-top: 16px; padding-top: 16px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .imgWrap{width: calc(50% - 8px); border: none; aspect-ratio: 360/274; margin-top: 0;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap{width: calc(50% - 8px); aspect-ratio: 360/274; background-color: var(--n-white); margin-top: 0;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .youtube{width: 125px; height: 32px; margin-bottom: 4px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .view-tit{font-size: var(--f-heading3);} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .person figure{width: 112px; height: 112px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .viewBox{padding: 16px 16px 20px; margin-top: 0;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .person .infoBox{width: calc(100% - 112px); padding-left: 8px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .person .infoBox .info-tit{font-size: var(--f-heading2); margin-bottom: 4px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .person .infoBox .txt-info{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap .person .infoBox .txt-info strong{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .viewWrap a{font-size: var(--f-body3);} .promotionPage .promotionContents .correctionService .contentWrap .area .other2 .videoWrap{width: calc(100% - 282px); order: 2; margin-bottom: 0; align-items: center;} .promotionPage .promotionContents .correctionService .contentWrap .area .other2 .textWrap{width: 282px; order: 1; padding-right: 16px;} .promotionPage .promotionContents .correctionService .contentWrap .area .box .txt-1{color: var(--n-subTitle); font-size: var(--f-body1); } .promotionPage .promotionContents .correctionService.style2 .contentWrap .area .box .viewWrap{background-color: var(--n-white); margin-top: 0;} .promotionPage .promotionContents .correctionService.style2 .contentWrap .area .box .txt-1{font-weight: 700;} /* CDT 모의고사 매월 1회 무료 */ .promotionPage .promotionContents .cdtMockExam .contentWrap .boxWrap .box{width: calc(50% - 12px); } .promotionPage .promotionContents .cdtMockExam .contentWrap .box + .box{margin-top: 0;} .promotionPage .promotionContents .cdtMockExam .contentWrap .imgWrap{ height: 260px; padding: 29px 10px;} .promotionPage .promotionContents .cdtMockExam .contentWrap .imgWrap img{height: 100%; object-fit: contain; width: 100%;} .promotionPage .promotionContents .cdtMockExam .contentWrap .textWrap{text-align: center; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding-top: 16px; width: 100%;} .promotionPage .promotionContents .cdtMockExam .contentWrap .textWrap .tit{font-weight: 700;} .promotionPage .promotionContents .cdtMockExam .contentWrap .textWrap .info{font-size: var(--f-body1); margin-top: 4px; line-height: 20px; letter-spacing: -0.28px; color: var(--n-subTitle);} .promotionPage .promotionContents .cdtMockExam .contentWrap .boxWrap .box + .other1{margin-top: 32px;} .promotionPage .promotionContents .cdtMockExam .contentWrap .small{font-size: var(--f-body3); padding-left: 0; } .promotionPage .promotionContents .cdtMockExam .contentWrap .box + .other1{margin-top: 32px;} .promotionPage .promotionContents .cdtMockExam .contentWrap .textWrap + .small{margin-top: 32px;} /* 유료 */ .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .boxWrap .box{width: calc(100%/3 - 15px);} .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .imgWrap{height: 160px; padding: 17px 7px;} .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .imgWrap img{width: auto;} .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .textWrap{font-size: var(--f-body1); padding-left: 0; padding-top: 8px;} .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .textWrap + .small{text-align: center; line-height: 16px;} .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .video{margin-top: 64px; aspect-ratio: initial; display: flex; justify-content: center; margin-bottom: 0;} .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .video *{width: 588px; aspect-ratio: 588/331; border-radius: var(--b-radius1);} .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .boxWrap .other2{width: calc(100%/3 - 15px);} .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .boxWrap .other2 .box{margin-top: 0; width: 100%;} .promotionPage .promotionContents .cdtMockExam.charge .contentWrap .boxWrap .other2.other-video{width: 100%;} /* 아이엘츠 공식주관사 */ .promotionPage .promotionContents .officialHost .titleWrap .sub{margin-top: 0;} .promotionPage .promotionContents .officialHost .contentWrap .img1{background-color: var(--b-color4); border-radius:var(--b-radius1); margin-bottom: 64px; overflow: hidden;} .promotionPage .promotionContents .officialHost .contentWrap .img1::after{display: none;} .promotionPage .promotionContents .officialHost .contentWrap .img1 figure{aspect-ratio: 744/346; background-image: url('https://static.edmclass.com/common/promotion/officialHost_img1-pc.jpg') !important;} .promotionPage .promotionContents .officialHost .contentWrap table{margin-bottom: 16px;} .promotionPage .promotionContents .officialHost .infoBox{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding: 16px; border-radius: 12px;} .promotionPage .promotionContents .officialHost .infoBox .tit{font-size: var(--f-heading3); background-size: 24px; line-height: 22px; letter-spacing: -0.32px; padding-left: 28px; margin-bottom: 8px; background-image: url('https://static.edmclass.com/common/membership/invalid-gray-pc.svg');} /* 홍보 영상 */ .promotionPage .promotionContents .videoComponent .contentWrap .video{width: 588px; margin: 0 auto; aspect-ratio: 588/331;} .promotionPage .promotionContents .videoComponent .contentWrap .video-txt{font-size: var(--f-body1); font-weight: 400; line-height: 20px; letter-spacing: -0.28px; padding-right: 8px;} /* 강의 홍보 영상 */ .promotionPage .promotionContents .videoComponent.lecture .contentWrap .videoWrap{width: calc(50% - 12px);} .promotionPage .promotionContents .videoComponent.lecture .contentWrap .videoWrap + .videoWrap{margin-top: 0;} .promotionPage .promotionContents .videoComponent.lecture .contentWrap .video{width: 100%; aspect-ratio: 360/203;} /* 아이엘츠 쌩기초부터 고득점 합격까지 */ .promotionPage .promotionContents .passStepList .contentWrap{border-top: 1px solid var(--s-color1); padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--s-color1);} .promotionPage .promotionContents .passStepList .contentWrap .ul-title{text-align: center; font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; margin-bottom: 32px;} .promotionPage .promotionContents .passStepList .contentWrap ul{display: grid; grid-template-columns: repeat(5,1fr); column-gap: 31.5px; padding: 0 24px;} .promotionPage .promotionContents .passStepList .contentWrap ul li{display: block; } .promotionPage .promotionContents .passStepList .contentWrap ul li + li{margin-top: 0; position: relative;} .promotionPage .promotionContents .passStepList .contentWrap ul li + li::before{content: ''; position: absolute; width: 100%; left: -40px; height: 1px; background-color: var(--p-color1); top: 12px;} .promotionPage .promotionContents .passStepList .contentWrap ul li:first-child::before{display: none;} .promotionPage .promotionContents .passStepList .contentWrap ul li span{width: 100%; font-size: var(--f-body1); height: 24px; font-weight: 400; margin-bottom: 16px; line-height: 1.5; letter-spacing: -0.28px; background-color: var(--n-white); position: relative; z-index: 1;} .promotionPage .promotionContents .passStepList .contentWrap ul li .textWrap{padding: 0; font-size: var(--f-body1); letter-spacing: -0.28px; line-height: 20px; word-break: normal;} .promotionPage .promotionContents .passStepList .contentWrap ul li .textWrap b{text-align: center; margin-bottom: 8px; font-weight: 400; color: var(--n-mainTitle);} .promotionPage .promotionContents .passStepList .contentWrap ul li .textWrap .dotTxt{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .promotionContents .passStepList .contentWrap ul li .dotTxt + .dotTxt{margin-top: 2px;} .promotionPage .promotionContents article.how ul .box{display: flex; padding-top: 0; border-radius: 0; border: none;} .promotionPage .promotionContents article.how ul .box + .box{margin-top: 24px;} .promotionPage .promotionContents article.how ul .box .left{width: 50%;} .promotionPage .promotionContents article.how ul .box .imgWrap{width: 50%; margin-top: 0; } .promotionPage .promotionContents article.how ul .box .tit{font-size: var(--f-heading3); line-height: 22px; margin-bottom: 2px;} .promotionPage .promotionContents article.how.type2 ul .box .imgWrap{border-radius: var(--b-radius1); aspect-ratio: 360/168;} .promotionPage .promotionContents article.how.type2 ul .box .titleArea{justify-content: flex-start; padding: 0 0 0 40px; margin-bottom: 16px; position: relative; } .promotionPage .promotionContents article.how.type2 ul .box .titleArea::after{display: none;} .promotionPage .promotionContents article.how.type2 ul .box .titleArea .tit{padding: 5px 0 0;} .promotionPage .promotionContents article.how.type2 ul .box .titleArea .num{position: absolute; left: 0; top: 0;} .promotionPage .promotionContents article.how.type2 ul .box .txtArea{font-size: var(--f-body1); text-align: left; padding-left: 40px;} .promotionPage .promotionContents article.how.type2 ul .box .txtArea .txt-2{font-size: inherit; line-height: 20px;} .promotionPage .promotionContents article.how.type2 ul .box .txtArea .txt-2 + .txt-2{padding-left: 8px;} .promotionPage .promotionContents article.how.type2 ul .box .txtArea .txt-2 b{margin-bottom: 2px; display: block;} .promotionPage .promotionContents article.how.type2 ul .box .txtArea + .txtArea{margin-top: 8px;} .promotionPage .promotionContents article.comparison{overflow: initial;} .promotionPage .promotionContents article.comparison.type2{background-color: transparent; box-shadow: none !important; overflow: initial;} .promotionPage .promotionContents article.comparison.type2 ul > li{background-color: var(--b-color4); box-shadow: var(--box-shadow1);} .promotionPage .promotionContents article.comparison.type2 ul > li .box .circleBox{box-shadow: none;} /************************************************************* 각 상세세 페이지 (해당 페이지에서만 사용됨) *************************************************************/ /* 페이백 200% 환급반 */ .promotionPage[class*="payback"] .promotionContents .mean .titleWrap{margin-bottom: 32px; } .promotionPage[class*="payback"] .promotionContents .mean ul{border: none; border-radius: var(--b-radius2); overflow: hidden;} .promotionPage[class*="payback"] .promotionContents .mean ul li{width: 50%; box-shadow: none; height: initial;} .promotionPage[class*="payback"] .promotionContents .mean ul li:not(:last-child){margin-right: 0;} .promotionPage[class*="payback"] .promotionContents .mean ul li:nth-last-of-type(1), .promotionPage[class*="payback"] .promotionContents .mean ul li:nth-last-of-type(2){border-bottom: none;} .promotionPage[class*="payback"] .promotionContents .mean ul li:nth-child(1), .promotionPage[class*="payback"] .promotionContents .mean ul li:nth-child(2){border-top: none;} .promotionPage[class*="payback"] .promotionContents .mean ul li .info{padding: 16px; min-height: 92px; display: flex; justify-content: center; align-items: center; color: var(--n-mainTitle);} .promotionPage[class*="payback"] .promotionContents .comparison ul > li{width: calc(50% - 12px); box-shadow: none;} .promotionPage[class*="payback"] .promotionContents .comparison ul > li > div{background-color: var(--n-white); overflow: hidden;} .promotionPage[class*="payback"] .promotionContents .comparison ul > li .top{height: 138px; font-size: inherit; border:none; letter-spacing: -0.28px; line-height: 20px; margin-bottom: 16px;} .promotionPage[class*="payback"] .promotionContents .comparison ul > li .top figure{width: 56px; height: 56px;} .promotionPage[class*="payback"] .promotionContents .comparison ul > li .boxArea{box-shadow: var(--box-shadow1); border-radius: var(--b-radius2); overflow: hidden;} .promotionPage[class*="payback"] .promotionContents .comparison ul > li .box .tit{text-align: center; font-size: var(--f-heading3); height: auto; border: none; background-color: var(--b-color4);} .promotionPage[class*="payback"] .promotionContents .comparison ul > li .box .bookWrap{display: flex;} .promotionPage[class*="payback"] .promotionContents .comparison ul > li .box .bookWrap .book{width: 50%; padding: 16px 0;} .promotionPage[class*="payback"] .promotionContents .comparison ul > li .box:nth-last-child(1){border-radius: 0 0 var(--b-radius2) var(--b-radius2); border: none;} .promotionPage[class*="payback"] .promotionContents .comparison ul > li .box .bookWrap .book figure{height: 82pxx; width: 140px;} .promotionPage[class*="payback"] .promotionContents .how ul .box{border-top: 1px solid var(--s-color1); border-bottom: 1px solid var(--s-color1); align-items: center; } .promotionPage[class*="payback"] .promotionContents .how ul .box .left{text-align: left; padding-left: 88px; position: relative; color: var(--n-mainTitle);} .promotionPage[class*="payback"] .promotionContents .how ul .box .num{width: 72px; height: 72px; position: absolute; left: 8px; top: 50%; transform: translateY(-50%);} .promotionPage[class*="payback"] .promotionContents .how ul .box .imgWrap{width: 372px;} .promotionPage[class*="payback"] .promotionContents .how ul .box:nth-child(1) .imgWrap{aspect-ratio: 372/184;} .promotionPage[class*="payback"] .promotionContents .how ul .box:nth-child(2) .imgWrap{aspect-ratio: 372/184;} .promotionPage[class*="payback"] .promotionContents .how ul .box:nth-child(3) .imgWrap{aspect-ratio: 404/260; width: 404px;} .promotionPage[class*="payback"] .promotionContents .how ul .box:nth-child(3) .left{width: calc(100% - 404px);} .promotionPage[class*="payback"] .promotionContents .how ul .box:nth-child(4) .imgWrap{aspect-ratio: 372/184;} .promotionPage[class*="payback"] .promotionContents .how ul .box:nth-child(1) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/payback/payback_how_img1-pc.png');} .promotionPage[class*="payback"] .promotionContents .how ul .box:nth-child(2) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/payback/payback_how_img2-pc.png');} .promotionPage[class*="payback"] .promotionContents .how ul .box:nth-child(3) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/payback/payback_how_img3-pc.png');} .promotionPage[class*="payback"] .promotionContents .how ul .box:nth-child(4) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/payback/payback_how_img4-pc.png');} /* 실전올패스 */ .promotionPage[class*="timepass_"] .promotionContents article.mean .titleWrap{background-color: #E9E6FF; margin-bottom: 40px;} .promotionPage[class*="timepass_"] .promotionContents .mean .sub-title{padding-bottom: 0;} .promotionPage[class*="timepass_"] .promotionContents .mean .sub-title::after{display: none;} .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(3) .imgWrap, .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(4) .imgWrap{aspect-ratio: 360/168;} .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(1) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/timepass/how_img1-pc.png') !important;} .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(2) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/timepass/how_img2-pc.png') !important;} .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(3) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/timepass/how_img3-pc.png') !important;} .promotionPage[class*="timepass_"] .promotionContents article.how.type2 ul .box:nth-child(4) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/timepass/how_img4-pc.png') !important;} /* 입문올패스 */ .promotionPage[class*="training_"] .promotionContents article.mean .titleWrap{background-color: #E4FFF0; margin-bottom: 40px;} .promotionPage[class*="training_"] .promotionContents .mean .sub-title{padding-bottom: 0;} .promotionPage[class*="training_"] .promotionContents .mean .sub-title::after{display: none;} .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(3) .imgWrap, .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(4) .imgWrap, .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(5) .imgWrap{aspect-ratio: 360/168;} .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(1) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/training/how_img1-pc.png') !important;} .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(2) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/training/how_img2-pc.png') !important;} .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(3) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/training/how_img3-pc.png') !important;} .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(4) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/training/how_img4-pc.png') !important;} .promotionPage[class*="training_"] .promotionContents article.how.type2 ul .box:nth-child(5) .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/training/how_img5-pc.png') !important;} /* 라이팅&스피킹 30일 완성 */ .promotionPage[class*="training_"] .promotionContents article.mean .imgTxtBox-list{display: block; border-radius: var(--b-radius2); overflow: hidden; box-shadow: var(--box-shadow1); margin-top: 32px;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean + article{margin-top: 32px;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list{margin-top: 32px; overflow: hidden; box-shadow: var(--box-shadow1);} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li{width: 100%; display: flex; border-radius: 0; height: 133px;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li +li{border-top: 1px solid var(--s-color1);} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap{height: 100%; width: 282px; aspect-ratio: 282/133;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li .textWrap{width: calc(100% - 282px); text-align: left; height: 133px; display: flex; flex-direction: column; justify-content: center; padding: 0 24px;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .sub{margin-top: 2px;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-01-pc.png');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-02-pc.png');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li.box3 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-03-pc.png');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li.box4 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-04-pc.png');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li.box5 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-05-pc.png');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .imgTxtBox-list li.box6 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-06-pc.png');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2{border: none; margin-top: 32px; box-shadow: var(--box-shadow1); border-radius: var(--b-radius2);} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2 li{height: auto;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2 li:not(.point){width: calc(100%/3); margin: 0; padding: 72px 24px 24px; background-size: 32px; background-position: top 24px center; font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.72px; background-image: url('https://static.edmclass.com/ielts/promotion/writing-speaking/mean-checkIcon-pc.svg');} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2 li.point{font-size: var(--f-heading1); width: 100%; padding: 32px 0;} .promotionPage[class*="writing-speaking_"] .promotionContents article.mean .list2 li + li:not(.point)::before{top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: calc(100% - 48px);} .promotionPage[class*="writing-speaking_"] .promotionContents .videoComponent.promotion .contentWrap{display: flex; flex-wrap: wrap; row-gap: 32px;} .promotionPage[class*="writing-speaking_"] .promotionContents .videoComponent.promotion .contentWrap .video{order: 2;} .promotionPage[class*="writing-speaking_"] .promotionContents .videoComponent.promotion .contentWrap .video-txt{width: 100%; order: 1; font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px; padding: 0; margin: 0;} .promotionPage[class*="writing-speaking_"] .promotionContents .videoComponent.promotion .contentWrap .video-txt.center{font-weight: 700;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul{padding: 0 12px;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li{padding-bottom: 66px;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li .text{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; width: calc(100% - 128px);} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li .text p + p{margin-top: 8px;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li .day{width: 128px; padding-left: 24px;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li span{font-size: var(--f-body1); letter-spacing: -0.28px; height: 24px; width: 80px;} .promotionPage[class*="writing-speaking_"] .promotionContents .plan-30days ul li .day::before{width: 8px; height: 8px; left: -4px;} /* N개월 실속팩 */ .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list{display: grid; grid-template-columns: repeat(3,1fr); gap: 24px;} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li{width: 100%; height: auto;} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li + li{margin-top: 0;} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap{aspect-ratio: 248/164;} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li .textWrap{display: flex; justify-content: center; align-items: center; height: 72px;} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li .tit{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-01-pc.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-02-pc.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box3 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-03-pc.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box4 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-04-pc.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box5 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-05-pc.png');} .promotionPage[class*="n-month-pass_"] .promotionContents article.mean .imgTxtBox-list li.box6 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/n-month-pass/mean-06-pc.png');} /* 아이엘츠 실전모의고사 (1 + 2) */ .promotionPage .promotionContents article.mean.actual-test + article{margin-top: 32px;} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list{display: grid; grid-template-columns: repeat(2,1fr); gap: 24px;} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li{width: 100%; display: flex; flex-wrap: wrap; margin: 0; height: auto; border-radius: var(--b-radius2);} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li .imgWrap{width: 100%; height: 160px; max-height: initial; max-width: initial;} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li .textWrap{padding: 24px; width: 100%; text-align: left; word-break: break-all;} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li.box1{grid-column: 1 / span 2; height: 178px;} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li.box1 .imgWrap{height: 100%; width: 384px; max-height: initial; max-width: initial;} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/actual-test/mean-01-pc.png');} .promotionPage .promotionContents article.mean.actual-test .imgTxtBox-list li.box1 .textWrap{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 384px); padding: 0 24px;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide .slide-tit{display: none;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide .splide__slide{border: 1px solid var(--s-color1);border-top: none; border-right: none; border-left: none; border-radius: 0; padding-bottom: 8px;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table thead{text-align: left; height: 48px;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table thead th, .promotionPage .promotionContents .compositionOfClass.actual-test .slide table tbody td{padding: 0 16px; width: calc(100%/5);} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table tbody{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; color: var(--n-subTitle);} .promotionPage .promotionContents .compositionOfClass.actual-test .slide .splide__slide.other thead{display: none;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table .null{background-color: transparent;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table .null, .promotionPage .promotionContents .compositionOfClass.actual-test .slide table .tit{display: table-cell;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table th:not(:last-child)::after{display: none;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table tbody td{padding: 4px 16px;} .promotionPage .promotionContents .compositionOfClass.actual-test .slide table .tit{font-weight: 700; text-align: center; } .promotionPage .promotionContents .compositionOfClass.actual-test .slide table tbody tr:first-child td{padding-top: 12px;} .promotionPage .promotionContents .difference.actual-test{background-color: transparent; box-shadow: none; padding-top: 32px; padding-bottom: 0;} .promotionPage .promotionContents .difference.actual-test .max-width{ padding-left: 0; padding-right: 0;} .promotionPage .promotionContents .difference.actual-test .txt{text-align: center; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.47px; padding: 0 8px;} .promotionPage .promotionContents .difference.actual-test .titleWrap{margin-bottom: 8px;} .promotionPage .promotionContents .difference.actual-test ul{margin-top: 32px; display: grid; grid-template-columns: repeat(2,1fr); row-gap: 32px; column-gap: 24px;} .promotionPage .promotionContents .difference.actual-test ul li{background-color: var(--n-white); border: none; box-shadow: var(--box-shadow1); border-radius: var(--b-radius2);} .promotionPage .promotionContents .difference.actual-test ul li + li{margin-top: 0;} .promotionPage .promotionContents .difference.actual-test ul li .left{width: 152px;} .promotionPage .promotionContents .difference.actual-test ul li .right{width: calc(100% - 152px); padding: 24px 16px 24px 0;} .promotionPage .promotionContents .difference.actual-test ul li .right span{width: 41px; height: 24px; font-size: var(--f-body1); line-height: 24px; margin-bottom: 4px;} .promotionPage .promotionContents .difference.actual-test ul li .right b{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; margin-bottom: 12px;} /* 실전 모의고사 2 */ .promotionPage[class*="actual-test2_"] .promotionContents article.mean.actual-test .imgTxtBox-list li.box1 .imgWrap{width: 282px;} .promotionPage[class*="actual-test2_"] .promotionContents article.mean.actual-test .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/actual-test/mean-01-pc-test2.png');} .promotionPage[class*="actual-test2_"] .promotionContents article.mean.actual-test .imgTxtBox-list li.box1 .textWrap{width: calc(100% - 282px);} /* 캠브리지 */ .promotionPage[class*="cambridge_"] .promotionContents article.mean + article{margin-top: 32px;} .promotionPage[class*="cambridge_"] .promotionContents .series{background-image: url('https://static.edmclass.com/ielts/promotion/cambridge/series-bg-pc.png');} .promotionPage[class*="cambridge_"] .promotionContents .series .contentWrap{padding-bottom: 368px;} .promotionPage[class*="cambridge_"] .promotionContents .series .contentWrap p + p{margin-top: 16px;} .promotionPage[class*="cambridge_"] .promotionContents .textbookComposition ul li{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage[class*="cambridge_"] .promotionContents .textbookComposition ul li .tit{width: 156px;} .promotionPage[class*="cambridge_"] .promotionContents .textbookComposition ul li .textWrap{width: calc(100% - 156px); padding: 12px 16px;} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .contentWrap{gap: 24px;} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box{border-radius: var(--b-radius2);} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box .top{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box .info{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding: 16px 24px;} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box .dotList > li + li{margin-top: 8px;} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box .dotList > li{padding-left: 8px;} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box .dotList > li::before{left: 0; width: 2px; height: 2px;} .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box:nth-child(3) .top, .promotionPage[class*="cambridge_"] .promotionContents .characteristic-advantage .box:nth-child(4) .top{height: auto;} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .contentWrap{column-gap: 24px; row-gap: 32px;} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box{border-radius: var(--b-radius2); display: flex; padding: 0; align-items: center;} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box figure{width: 152px; height: 126px; margin: 0;} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box .textWrap{width: calc(100% - 152px); padding: 26px 16px; word-break: normal;} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box p{text-align: left; line-height: 20px; letter-spacing: -0.28; font-size: var(--f-body1);} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box b{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; margin: 0 0 12px;} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box:nth-child(1) figure{background-image: url('https://static.edmclass.com/ielts/promotion/cambridge/studyWay-1-pc.png');} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box:nth-child(2) figure{background-image: url('https://static.edmclass.com/ielts/promotion/cambridge/studyWay-2-pc.png');} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box:nth-child(3) figure{background-image: url('https://static.edmclass.com/ielts/promotion/cambridge/studyWay-3-pc.png');} .promotionPage[class*="cambridge_"] .promotionContents .studyWay .box:nth-child(4) figure{background-image: url('https://static.edmclass.com/ielts/promotion/cambridge/studyWay-4-pc.png');} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap{display: grid; grid-template-columns: repeat(3,1fr); column-gap: 24px;} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box + .box{margin-top: 0;} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box{border-radius: var(--b-radius2);} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box .tit{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box .textWrap{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding: 16px;} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box .textWrap p:not(.dotTxt){font-weight: 700; margin-bottom: 8px;} .promotionPage[class*="cambridge_"] .promotionContents .productSuggestion .contentWrap .box .textWrap .dotTxt + .dotTxt{margin-top: 8px;} /* Kings All 패키지 */ .promotionPage[class*="kings-all-package_"] .promotionContents article.mean + article{margin-top: 32px;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list{border-radius: var(--b-radius2); overflow: hidden; box-shadow: var(--box-shadow1);} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li + li{border-top: 1px solid var(--s-color1);} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li{display: flex; width: 100%; border-radius: 0; height: auto;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li:not(:last-child){margin-right: 0;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap{width: 282px; aspect-ratio: initial; height: 100%;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap{width: calc(100% - 282px); padding: 24px;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .tit + p + .dotTxt{margin-top: 4px;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .dotTxt{font-size: var(--f-body1); letter-spacing: -0.28px; line-height: 20px;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .dotTxt::before{top: 9px;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .dotTxt + .dotTxt{margin-top: 0;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li .tit{text-align: left;} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/kings%0A-all-package/mean-01-pc.png');} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/kings%0A-all-package/mean-02-pc.png');} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li.box3 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/kings%0A-all-package/mean-03-pc.png');} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li.box4 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/kings%0A-all-package/mean-04-pc.png');} .promotionPage[class*="kings-all-package_"] .promotionContents article.mean .imgTxtBox-list li.box5 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/kings%0A-all-package/mean-05-pc.png');} .promotionPage[class*="kings-all-package_"] .promotionContents .preview{overflow: initial; background-color: var(--n-white); box-shadow: var(--box-shadow1);} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .max-width{padding: 0 24px;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide{min-height: initial; height: auto; overflow: hidden;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .swiper-slide .videoWrap{transform: none; transition: none; touch-action: auto; pointer-events: visible; cursor: pointer;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .swiper-slide .subject{margin-top: 0; transition: none;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slide .pagination{display: none;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap{position: relative; } .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap .navigation{display: block;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap .navigation .navi { width: 32px; height: 32px; border-radius: 50%; background-color: var(--n-white); box-shadow: var(--box-shadow5); transition: all 0.3s ease; position: absolute; top: calc(50% - 14px); transform: translateY(-50%); z-index: 2; } .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap .navigation .navi.prev{left: -16px;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap .navigation .navi.next{right: -16px;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap .navigation button + button { margin-left: 8px; } .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap .navigation button svg { width: 100%; height: 100%; object-fit: contain;} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap .navigation .swiper-button-disabled{background-color: var(--b-color4); cursor: initial; touch-action: auto; pointer-events: visible; } .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap .navigation .swiper-button-disabled svg path{stroke: var(--n-deactivate);} /* 라이팅&스피킹 첨삭권 */ .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .contentWrap{grid-template-columns: repeat(4,1fr); gap: 24px;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box{border-radius: var(--b-radius2);} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .top{font-size: var(--f-heading3);} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .info{padding: 16px; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; word-break: normal;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .info p + .dotList{margin-top: 8px;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .dotList > li{padding-left: 8px;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .dotList > li + li{margin-top: 8px;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .planProposal .box .dotList > li::before{width: 2px; height: 2px; top: 9px;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .frequentlyFaq{padding-top: 40px; padding-bottom: 0 !important;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .frequentlyFaq .titleWrap .sub{font-weight: 400; margin: 0;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .frequentlyFaq .contentWrap .box{padding: 24px; font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; border-radius: var(--b-radius2);} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .frequentlyFaq .contentWrap .box b{margin-bottom: 14px; background-size: 24px; padding-left: 28px; background-position: left center;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .frequentlyFaq .contentWrap .box p{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage[class*="writing-speaking-edit_"] .promotionContents .frequentlyFaq .contentWrap .box + .box{margin-top: 24px;} /* edm 문법 마스터 */ .promotionPage[class*="grammar-master_"] .promotionContents article.mean + article{margin-top: 32px;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list{border-radius: var(--b-radius2); overflow: hidden; box-shadow: var(--box-shadow1);} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li + li{border-top: 1px solid var(--s-color1);} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li{display: flex; width: 100%; border-radius: 0; height: auto;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li:not(:last-child){margin-right: 0;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap{width: 282px; aspect-ratio: initial; height: 100%;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li .textWrap{width: calc(100% - 282px); padding: 0 24px; display: flex; flex-direction: column; justify-content: center;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li .tit + p + .dotTxt{margin-top: 4px;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li .dotTxt{font-size: var(--f-body1); letter-spacing: -0.28px; line-height: 20px;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li .dotTxt::before{top: 9px;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li .dotTxt + .dotTxt{margin-top: 0;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li .tit{text-align: left;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap figure{aspect-ratio: 282/160;} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/grammar-master/mean-01-pc.png');} .promotionPage[class*="grammar-master_"] .promotionContents article.mean .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/grammar-master/mean-02-pc.png');} .promotionPage[class*="grammar-master_"] .promotionContents .videoComponent .contentWrap .video-txt{text-align: center; color: var(--n-mainTitle);} .promotionPage[class*="grammar-master_"] .promotionContents .teachersMessage{padding-top: 0; margin-top: 32px; padding-bottom: 0 !important;} .promotionPage[class*="grammar-master_"] .promotionContents .teachersMessage .contentWrap{padding: 40px 24px 0; font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .promotionPage[class*="grammar-master_"] .promotionContents .teachersMessage .sign{font-size: 32px; line-height: normal; letter-spacing: -0.64px; margin: 24px 0 40px;} .promotionPage[class*="grammar-master_"] .promotionContents .teachersMessage .sophia-img{width: 180px; margin-top: 10px;} /* 공식시험 응시권 */ .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse{padding-bottom: 0 !important;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul{display: grid; grid-template-columns: repeat(3,1fr); column-gap: 24px;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li{display: initial; overflow: hidden; height: 274px; font-size: var(--f-body1); letter-spacing: -0.28px; line-height: 20px; padding-left: 0; text-align: center;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li + li{margin-top: 0;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li figure{height: 126px; margin-bottom: 18px; width: 100%;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li.box1 figure{background-image: url('https://static.edmclass.com/ielts/promotion/official-ticket/howToUse-1-pc.png');} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li.box2 figure{background-image: url('https://static.edmclass.com/ielts/promotion/official-ticket/howToUse-2-pc.png');} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li.box3 figure{background-image: url('https://static.edmclass.com/ielts/promotion/official-ticket/howToUse-3-pc.png');} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li .right{width: 100%; padding-left: 0;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li .right span{font-size: var(--f-body1); letter-spacing: -0.28px; height: 24px; width: 58px; line-height: 1.7; margin: 0 auto 8px;} .promotionPage[class*="official-ticket_"] .promotionContents .HowToUse .contentWrap ul li .right b{font-size: var(--f-heading3); letter-spacing: -0.32px; line-height: 22px; margin-bottom: 12px; color: var(--n-mainTitle);} /* 간호패키지지 */ .promotionPage[class*="nurse-package_"] .promotionContents article.mean{padding-bottom: 32px;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .titleWrap{padding-left: 53px; padding-right: 40px;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list{border-radius: var(--b-radius2); overflow: hidden; box-shadow: var(--box-shadow1);} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li + li{border-top: 1px solid var(--s-color1);} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li{display: flex; width: 100%; border-radius: 0; height: 162px; } .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li:not(:last-child){margin-right: 0;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap{width: 282px; aspect-ratio: initial; height: 100%;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .imgWrap figure{aspect-ratio: 282/162;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap{width: calc(100% - 282px); padding: 0 24px; display: flex; flex-direction: column; justify-content: center;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .sub, .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .tit{text-align: left;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .sub{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .dotTxt{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap .dotTxt::before{top: 10px;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li .textWrap p + .dotTxt{margin-top: 4px;} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li.box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/mean-01-pc.png');} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li.box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/mean-02-pc.png');} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li.box3 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/mean-03-pc.png');} .promotionPage[class*="nurse-package_"] .promotionContents article.mean .imgTxtBox-list li.box4 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/mean-04-pc.png');} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo{margin-top: 0; padding-top: 32px; padding-bottom: 16px;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo .top{font-size: var(--f-heading1); line-height: 28px; letter-spacing: -0.4px; margin-bottom: 32px;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo .top .flagWrap{gap: 16px;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo .top .flagWrap img{width: 56px;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul{display: grid; grid-template-columns: repeat(3,1fr); gap: 24px;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li + li{margin-top: 0;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li{border-radius: var(--b-radius2);} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li figure{aspect-ratio: 248/126;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li.box1 figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/detailInfo-1-pc.png');} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li.box2 figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/detailInfo-2-pc.png');} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li.box3 figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/detailInfo-3-pc.png');} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li .textWrap{padding: 16px 0 24px;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li .textWrap span{font-size: var(--f-body1); width: 40px; height: 24px; line-height: 1.6;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li .textWrap b{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; margin: 8px 0 12px; padding: 0 10px;} .promotionPage[class*="nurse-package_"] .promotionContents .detailInfo ul li .textWrap p{padding: 0 24px;} .promotionPage[class*="nurse-package_"] .promotionContents article.videoComponent.lecture{margin-top: 16px;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap{display: grid; grid-template-columns: repeat(2,1fr); gap: 24px;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box .imgWrap{height: 260px;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box .imgWrap figure{max-width: initial; width: 100%; aspect-ratio: 360/260;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box1 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/textbook-1-pc.png');} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box2 .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/textbook-2-pc.png');} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box .textWrap{text-align: center; padding: 16px 0 0;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box .textWrap .tit{font-weight: 700; margin-bottom: 4px;} .promotionPage[class*="nurse-package_"] .promotionContents .textbook .contentWrap .box .textWrap .sub{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap{display: grid; grid-template-columns: repeat(2,1fr); gap: 24px;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .imgWrap{height: auto; margin: 0;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .imgWrap figure{background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/extension-pc.png'); max-width: initial; width: 100%; aspect-ratio: 360/278;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .info > li .tit{font-size: var(--f-body2); line-height: 20px; letter-spacing: -0.26px;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .info > li .tit b{font-size: var(--f-body1); letter-spacing: -0.28px;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .info > li .dotList > li::before{width: 2px; height: 2px;} .promotionPage[class*="nurse-package_"] .promotionContents .extension .contentWrap .info > li .dotList > li + li{margin-top: 2px;} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap{display: flex;} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .imgWrap{width: 250px; height: 100%;} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .imgWrap figure{aspect-ratio: 250/148; background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/support-pc.png');} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .textWrap{padding: 10px 0 5px 24px; margin: 0; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; width: calc(100% - 250px);} .promotionPage[class*="nurse-package_"] .promotionContents .support .contentWrap .textWrap .tit{font-size: var(--f-heading3); background-image: url('https://static.edmclass.com/ielts/promotion/nurse-package/support-icon-pc.png'); baseline-shift: 32px; padding-left: 40px; margin-bottom: 7px;} /* 주말기본반 */ body.academy .promotionPage .academy-banner + .a-add-benefit.weekend{padding-top: 0;} body.academy .promotionPage .a-add-benefit.weekend .contentWrap .box{margin-bottom: 0;} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .infoWrap .box{position: relative; background-color: #fff; overflow: hidden; padding: 16px 0;} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .infoWrap .box::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 72px; background-color: var(--b-color5);} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .infoWrap .box figure{position: relative; z-index: 2;} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .infoWrap .box .text{border: none;} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .teacher{margin-top: 32px;} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .teacher .imgWrap{width: 98px; height: 98px;} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .teacher .textWrap{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; padding-left: 4px; width: auto; max-width: initial;} body.academy .promotionPage .a-ieltsSpeaking.weekend .contentWrap .teacher .textWrap b{margin-bottom: 4px;} /************************************************************* ************************************************************* academy ************************************************************* *************************************************************/ /* 어학원 공통 */ body.academy .promotionPage article.transArticle{padding: 32px 0;} body.academy .promotionPage .titleWrap .title .pc-icon{width: 56px; height: 56px; background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto 8px;} body.academy .promotionPage .contentWrap .roundBox .box{font-size: var(--f-heading3); margin-right: 24px; margin-bottom: 24px; width: calc(50% - 12px); line-height: 22px; letter-spacing: -0.32px; border-radius: var(--b-radius2);} body.academy .promotionPage .contentWrap .roundBox .box:nth-child(2n){margin-right: 0;} body.academy .promotionPage .slideArea{padding-bottom: 40px; overflow: initial;} .promotionPage .titleWrap .title.circleStyle span{font-size: var(--f-body3); height: 20px; padding: 0 6px; margin-right: 8px;} .promotionPage .academy-banner .banner.type2{margin-top: 0;} body.academy .promotionPage article.transBg + article.transBg.last{padding-top: 32px; padding-bottom: 32px;} body.academy .promotionPage article.transBg + article:not(.transArticle), body.academy .promotionPage article.transBg + article:not(.transBg){margin-top: 32px;} /* 상세정보 > 배너 */ .promotionPage .academy-banner{border-radius: var(--b-radius2); overflow: hidden; margin-bottom: 32px;} /* 오전기본반 동시등록 시, 최대 44만원 할인 혜택 */ body.academy .promotionPage .academy-banner + .a-enroll-benefit{padding-top: 0 !important;} .promotionPage .a-enroll-benefit .contentWrap{display: flex; padding: 24px 0 32px; position: relative; background-color: var(--n-white); border-radius: var(--b-radius2); } .promotionPage .a-enroll-benefit .contentWrap::before {content: ""; position: absolute; inset: 0; border-radius: var(--b-radius2); padding: 4px; 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; background: linear-gradient(103deg, #10A9FF 0%, #5557FF 40%);} .promotionPage .a-enroll-benefit .contentWrap .box{width: calc(100%/3); background-color: transparent; box-shadow: none; padding: 0 24px; margin: 0 !important; text-align: center;} .promotionPage .a-enroll-benefit .contentWrap .box::before{display: none;} .promotionPage .a-enroll-benefit .contentWrap .box figure{position: static; transform: none; margin: 20px auto 0;} .promotionPage .a-enroll-benefit .contentWrap .box .info p{color: var(--n-mainTitle);} .promotionPage .a-enroll-benefit .contentWrap .box .info{margin-top: 5px; width: 100%; padding-left: 0; padding-right: 0;} .promotionPage .a-enroll-benefit .contentWrap .box .info span{font-size: var(--f-body3); line-height: 16px; letter-spacing: -0.24px;} .promotionPage .a-enroll-benefit .contentWrap .box .subject{font-size: var(--f-heading3); padding: 8px 12px; line-height: 22px; letter-spacing: -0.32px; margin: 0 auto; display: inline-block;} /* 추가 혜택 */ body.academy .promotionPage .a-enroll-benefit.transArticle + .a-add-benefit{padding-top: 0;} .promotionPage .a-add-benefit .titleWrap{margin-bottom: 24px;} .promotionPage .a-add-benefit .contentWrap{display: flex; flex-wrap: wrap; } .promotionPage .a-add-benefit .contentWrap .box + .box{margin-top: 0;} .promotionPage .a-add-benefit .contentWrap .box{width: calc(100%/3 - 16px); margin-right: 24px; margin-bottom: 24px; border-radius: var(--b-radius2); aspect-ratio: 248/139; box-shadow: var(--box-shadow1);} .promotionPage .a-add-benefit .contentWrap .box:nth-child(3), .promotionPage .a-add-benefit .contentWrap .box:nth-child(4){margin-right: 0;} .promotionPage .a-add-benefit .contentWrap .box:nth-child(4){order: 5;} .promotionPage .a-add-benefit .contentWrap .box:nth-child(5){order: 4;} .promotionPage .a-add-benefit .contentWrap .box:nth-child(4), .promotionPage .a-add-benefit .contentWrap .box:nth-child(5){margin-bottom: 0; width: calc(50% - 12px); aspect-ratio: 384/200;} .promotionPage .a-add-benefit .contentWrap .box p{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} /* 실제수강생 후기로 증명합니다 */ body.academy .promotionPage .promotionContents .a-real-review + article{padding-top: 0 !important;} /* 슬라이드 다음 영역 */ body.academy .promotionPage .a-real-review{padding-bottom: 0 !important;} body.academy .promotionPage article.transBg + article.transBg.a-real-review{padding-top: 32px;} .promotionPage article.a-real-review .titleWrap.type3{margin-bottom: 20px;} .promotionPage .a-real-review.noTitle{padding-top: 0 !important;} /* 타이틀이 없는 디자인 */ .promotionPage .a-real-review .slide{width: calc(100% + 40px); margin: -20px 0 0 -20px; padding: 32px 20px 16px; overflow: hidden;} .promotionPage .a-real-review + article.transArticle{padding-top: 0;} .promotionPage .a-real-review .contentWrap .swiper-slide{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; padding: 52px 16px 16px; border-radius: var(--b-radius2); height: 166px;} .promotionPage .a-real-review .contentWrap .swiper-slide .day{font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px;} .promotionPage .a-real-review .contentWrap .swiper-slide .point{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding: 4px 8px;} .promotionPage .a-real-review .contentWrap .swiper-slide .name{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage .a-real-review .contentWrap .swiper-slide figure{width: 24px; height: 24px; margin-right: 8px;} .promotionPage .a-real-review .contentWrap .slide{position: relative;} .promotionPage .a-real-review .contentWrap .slide .navigation{display: flex; justify-content: flex-end; align-items: center; padding: 16px 16px 0;} .promotionPage .a-real-review .contentWrap .slide .navigation button{width: 32px; height: 32px; border-radius: 50%; background-color: var(--n-white); box-shadow: var(--box-shadow1); transition: all 0.3s ease;} .promotionPage .a-real-review .contentWrap .slide .navigation button + button{margin-left: 8px;} .promotionPage .a-real-review .contentWrap .slide .navigation button svg{width: 100%; height: 100%; object-fit: contain;} /* 기초부터 탄탄히! 오전반으로 시작하는 아이엘츠 고득점 플랜 */ body.academy .promotionPage .a-plan .contentWrap .roundBox .box{font-weight: 700; height: 92px;} /* 누가 들으면 좋을까요? */ body.academy .promotionPage .a-who .contentWrap .roundBox .box{width: calc(100%/4 - 18px); height: 138px; margin-bottom: 0; padding: 56px 12px 16px; background-image: url('https://static.edmclass.com/common/promotion/a-who-icon-pc.svg'); background-size: 32px; background-position: top 16px center;} body.academy .promotionPage .a-who .contentWrap .roundBox .box:nth-child(2){margin-right: 24px;} /* Daily 시간표(매주 월/화/수/목/금 수업) */ .promotionPage .a-daily-timetable .contentWrap .box{width: calc(50% - 12px); border-radius: var(--b-radius2);} .promotionPage .a-daily-timetable .contentWrap .box .top .pc-text{display: inline-block;} .promotionPage .a-daily-timetable .contentWrap .box .info{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; padding: 16px;} .promotionPage .a-daily-timetable .contentWrap .box .dotList > li{padding-left: 10px;} .promotionPage .a-daily-timetable .contentWrap .box .dotList > li::before{content: '-'; width: auto; height: auto; background-color: transparent; top: auto; left: 0;} /* */ .promotionPage .a-correctionService .titleWrap, .promotionPage .a-ieltsSpeaking .titleWrap, .promotionPage .a-mockExam .titleWrap{text-align: left; border-bottom: 1px solid var(--s-color1); padding-bottom: 16px; margin-bottom: 24px;} .promotionPage .a-correctionService .titleWrap .sub, .promotionPage .a-ieltsSpeaking .titleWrap .sub, .promotionPage .a-mockExam .titleWrap .sub, .promotionPage .a-replay .titleWrap .sub{margin-top: 0;} /* */ .promotionPage .a-editingArea .contentWrap{display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;} .promotionPage .a-editingArea .contentWrap .dotList{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; width: 100%;} .promotionPage .a-editingArea .contentWrap .dotList > li{padding-left: 18px;} .promotionPage .a-editingArea .contentWrap .dotList > li::before{top: 9px;} .promotionPage .a-editingArea .contentWrap .imgWrap{width: calc(50% - 12px); border-radius: var(--b-radius2);} .promotionPage .a-editingArea .contentWrap .textArea{width: calc(50% - 12px); overflow: hidden; position: relative;} .promotionPage .a-editingArea .contentWrap .pagination{position: absolute; top: 0; right: 0; position: absolute; top: 0; right: 0; width: calc(50% - 12px); height: auto; bottom: auto; left: auto; margin: 18px 0 0;} .promotionPage .a-editingArea .contentWrap .content .textWrap{height: 100%; margin: 0; border-radius: var(--b-radius2); padding: 21px 16px;} .promotionPage .a-editingArea .contentWrap .content .textWrap .overall{font-size: var(--f-heading1); line-height: 28px; letter-spacing: -0.4px; color: var(--n-mainTitle);} .promotionPage .a-editingArea .contentWrap .content .textWrap .overall::before{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; color: var(--n-subTitle);} .promotionPage .a-editingArea .contentWrap .content .textWrap .name{background-image: none; padding-left: 33px; color: var(--n-subTitle);} .promotionPage .a-editingArea .contentWrap .content .textWrap .name::before{left: 16.5px;} .promotionPage .a-editingArea .contentWrap .content .textWrap .content{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; word-break: break-all;} /* 첨삭 */ .promotionPage .a-editingArea .contentWrap .pagination{margin-top: 10px;} /* */ .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box{display: block; text-align: center; width: calc(100%/3 - 16px); margin-right: 24px; border-radius: var(--b-radius2); font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box:nth-child(3n){margin-right: 0;} .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box + .box{margin-top: 0;} .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box figure{height: 40px; margin: 0 auto; width: calc(100% - 48px); } .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box:nth-child(1) figure{background-image: url('https://static.edmclass.com/common/promotion/a-ieltsSpeaking-1-pc.png') !important; } .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box:nth-child(2) figure{background-image: url('https://static.edmclass.com/common/promotion/a-ieltsSpeaking-2-pc.png') !important; } .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box:nth-child(3) figure{background-image: url('https://static.edmclass.com/common/promotion/a-ieltsSpeaking-3-pc.png') !important; } .promotionPage .a-ieltsSpeaking .contentWrap .infoWrap .box .text{margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--s-color1);} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap{margin-top: 24px;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap > .imgWrap{width: calc(50% - 12px); border-radius: var(--b-radius2);} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .textWrap{width: calc(50% - 12px); background-color: var(--b-color5); border-radius: var(--b-radius2); font-size: var(--f-heading3);} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox{border: none; padding-bottom: 0;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .youtubeImg{width: 125px; height: 32px; margin: 0 auto 4px;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .b-text{font-weight: 700;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .teacher figure{width: 112px; height: 112px; background-color: var(--n-white); border-radius: var(--b-radius2); margin: 0;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .teacher .info{padding-left: 8px; width: calc(100% - 112px); font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .teacher .info .name{font-size: var(--f-heading2); line-height: 26px; letter-spacing: -0.36px; margin-bottom: 4px;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap .grayBox .teacher .info .career{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px;} .promotionPage .a-ieltsSpeaking .contentWrap .youtubeWrap a{margin-bottom: 16px;} /* */ .promotionPage .a-mockExam .contentWrap{display: grid; grid-template-columns: repeat(2,1fr); gap: 24px;} .promotionPage .a-mockExam .contentWrap .imgWrap{order: 1; width: 100%; aspect-ratio: initial; grid-row: 1 / span 2; background-image: url('https://static.edmclass.com/common/promotion/a-correctionService-2-pc.png') !important; border-radius: var(--b-radius2);} .promotionPage .a-mockExam .contentWrap .dotList{order: 2; margin: 0;} .promotionPage .a-mockExam .contentWrap .textArea{order: 3; width: 100%;} .promotionPage .a-editingArea .contentWrap .content .textWrap .overall::before {background: initial; background-clip: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial; font-weight: 700;} /* */ .promotionPage .a-replay .contentWrap .box{width: calc(100% - 156px); margin: 0 auto; font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} .promotionPage .a-replay .contentWrap .box figure{border-radius: var(--b-radius2); margin-bottom: 24px;} .promotionPage .a-replay .contentWrap .box .dotTxt{padding-left: 18px; } .promotionPage .a-replay .contentWrap .box .dotTxt + .dotTxt{margin-top: 2px;} .promotionPage .a-replay .contentWrap .box .dotTxt::before{display: block; width: 3px; height: 3px; background-color: var(--n-subTitle);} .promotionPage .a-replay .contentWrap .box .img1{aspect-ratio: 588/331;} .promotionPage .a-replay.type2 .contentWrap{display: flex; justify-content: space-between;} .promotionPage .a-replay.type2 .contentWrap .box{width: calc(50% - 12px); text-align: center; margin: 0;} .promotionPage .a-replay.type2 .contentWrap .box + .box{margin-top: 0;} .promotionPage .a-replay.type2 .contentWrap .box figure{aspect-ratio: 360/260; margin-bottom: 14px;} .promotionPage .a-replay.type2 .contentWrap .box .mo_tab-txt{display: none;} .promotionPage .a-replay.type2 .contentWrap .box{position: relative; padding-bottom: 16px;} .promotionPage .a-replay .contentWrap .box .txt-1{font-weight: 700; margin-bottom: 4px;} .promotionPage .a-replay .contentWrap .box .txt-1 span{position: absolute; bottom: 0; width: 100%; left: 0; font-size: var(--f-body3); font-weight: 400;} /************************************************************* 각 상세 페이지 (해당 페이지에서만 사용됨) *************************************************************/ /* 종일반 + 저녁반 */ /* 250318 - LHS 임시 Hide 처리 - UI-E-32 */ .promotionPage .a-enroll-benefit.fullDay .contentWrap .box{padding: 0 16px;} .promotionPage .a-enroll-benefit.fullDay .contentWrap .box .info .price:nth-child(1){width: 58px;} .promotionPage .a-enroll-benefit.fullDay .contentWrap .box .info .price:nth-child(2){width: calc(100% - 76px);} .promotionPage .a-myBag.fullDay .contentArea, .promotionPage .a-myBag.evening .contentArea{background-color: var(--n-white); border-radius: var(--b-radius2); box-shadow: var(--box-shadow1); padding: 40px 0;} .promotionPage .a-plan.fullDay .contentWrap .roundBox, .promotionPage .a-plan.evening .contentWrap .roundBox{justify-content: space-between;} body.academy .promotionPage .a-plan.fullDay .contentWrap .roundBox .box, body.academy .promotionPage .a-plan.evening .contentWrap .roundBox .box{width: calc(100%/3 - 16px); margin-bottom: 0; font-size: var(--f-body1); font-weight: 400; height: 128px;} body.academy .promotionPage .a-who.fullDay .contentWrap .box, body.academy .promotionPage .a-who.evening .contentWrap .box{display: block; min-height: 116px; height: auto;} /* 종일반 */ .promotionPage .a-enroll-benefit.fullDay .contentWrap{padding: 20px 0;} .promotionPage .a-enroll-benefit.fullDay .contentWrap .box .img{width: 100%; margin: 0; max-width: 100%; } .promotionPage .a-enroll-benefit.fullDay .contentWrap .box .info{padding-top: 12px; padding-bottom: 12px; justify-content: space-between; margin-top: 0;} .promotionPage .a-enroll-benefit.fullDay .contentWrap .box .info .price + .price::before{left: -14px;} /* 저녁반 */ .promotionPage .a-enroll-benefit.evening{border-bottom: none;} .promotionPage .a-enroll-benefit.evening .contentWrap{padding: 32px 0;} .promotionPage .a-enroll-benefit.evening .contentWrap::before{display: none;} .promotionPage .a-enroll-benefit.evening .contentWrap .box{padding: 0; width: calc(100%/3);} .promotionPage .a-enroll-benefit.evening .contentWrap .box .subject{margin-bottom: 16px; padding: 8px 12px;} .promotionPage .a-enroll-benefit.evening .contentWrap .box img{border-radius: 12px; aspect-ratio: 154/82; max-width: 154px;} .promotionPage .a-enroll-benefit.evening .contentWrap .box + .box{border-left: 1px solid var(--s-color1);} body.academy .promotionPage .a-plan.evening .contentWrap .roundBox .box{font-size: var(--f-heading3); height: auto; padding: 24px;} body.academy .promotionPage[class*="evening-beginner_"] .a-plan.evening .contentWrap .roundBox .box{font-size: var(--f-heading3); height: 92px;} .promotionPage .a-add-benefit.evening + .a-myBag{padding-top: 20px;} .promotionPage .a-myBag.evening .titleWrap .sub{margin-top: 0; color: var(--n-subTitle);} /* 인텐시브코스 */ .promotionPage[class*="intensive-course_"] article .titleWrap.type4{padding-top: 0;} .promotionPage[class*="intensive-course_"] article .titleWrap .sub{margin-top: 0;} .promotionPage[class*="intensive-course_"] .a-enroll-benefit .contentWrap{padding: 10px 0;} .promotionPage[class*="intensive-course_"] .a-enroll-benefit .contentWrap .box{width: 100%;} .promotionPage[class*="intensive-course_"] .a-enroll-benefit .contentWrap .box img{max-width: 100%;} body.academy .promotionPage[class*="intensive-course_"] .a-real-review + .course-mean{margin-top: 48px !important; padding-top: 40px !important; margin-bottom: 32px;} .promotionPage[class*="intensive-course_"] .course-mean.transBg .max-width{padding: 0 24px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap{column-gap: 24px; padding-top: 12px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box{margin-top: 28px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .top{font-size: var(--f-heading3); height: 54px; line-height: 3.2;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .bottom{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding: 16px 24px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .bottom b{margin-bottom: 8px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .bottom p + p{margin-top: 8px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .bottom p{padding-left: 8px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .bottom p::before{width: 4px; height: 4px; top: 8px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box::before{height: 2px; top: -28px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box .month{font-size: var(--f-body1); letter-spacing: -0.28px; height: 24px; padding: 0 10px 0 8px; top: -40px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .boxWrap .box:last-child::after{background-image: url('https://static.edmclass.com/academy/promotion/intensive-course/course-mean-arrow-pc.svg'); width: 9px; height: 15px; top: -34px; right: -1px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap{margin-top: 40px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .box{background-color: transparent; box-shadow: none;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info + .info{margin-top: 24px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info:last-child{margin-top: 40px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .box-title{justify-content: flex-start; font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; height: 32px; margin-bottom: 16px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .box-title img{margin-right: 8px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .slide{background-color: var(--n-white); border-radius: var(--b-radius1);} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .swiper-slide picture{aspect-ratio: 744/300;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgWrap{border-radius: var(--b-radius1); overflow: hidden;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgWrap::after{display: none;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgWrap p{display: inline-block; border-radius: 9999999999px; overflow: hidden; height: 32px; line-height: 2.5; padding: 0 12px; bottom: 8px; left: 8px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgWrap p::after{content: ''; position: absolute; background-color: rgba(0,0,0,0.4); backdrop-filter: blur(16px); top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgs{display: flex; justify-content: space-between; padding: 0;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgs .imgWrap{border-radius: var(--b-radius1);} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgs .imgWrap.img1{width: 258px;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgs .imgWrap.img2{position: relative; width: 462px; bottom: auto; right: auto;} .promotionPage[class*="intensive-course_"] .course-mean .contentWrap .infoWrap .info .imgWrap.img3{aspect-ratio: 744/300;} /* 공식시험 응시권 */ body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .cdtMockExam.other .contentWrap .imgWrap{height: 260px;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .cdtMockExam.other .contentWrap .imgWrap img{max-width: 100%;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .officialHost .contentWrap .how{margin-top: 32px;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .officialHost .contentWrap .how ul li .textWrap{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse{padding-top: 32px; padding-bottom: 0;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul{display: grid; grid-template-columns: repeat(3,1fr); column-gap: 24px;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li{display: initial; overflow: hidden; height: 234px; font-size: var(--f-body1); letter-spacing: -0.28px; line-height: 20px;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li + li{margin-top: 0;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li figure{height: 126px; margin-bottom: 18px; width: 100%;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li.box1 figure{background-image: url('https://static.edmclass.com/ielts/promotion/official-ticket/howToUse-1-pc.png');} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li.box2 figure{background-image: url('https://static.edmclass.com/ielts/promotion/official-ticket/howToUse-2-pc.png');} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li.box3 figure{background-image: url('https://static.edmclass.com/ielts/promotion/official-ticket/howToUse-3-pc.png');} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li span{font-size: var(--f-body1); letter-spacing: -0.28px; height: 24px; width: 58px; line-height: 1.7; margin-bottom: 8px;} body.academy .promotionPage[class*="officialExam-ticket_"] .promotionContents .HowToUse .contentWrap ul li b{font-size: var(--f-heading3); letter-spacing: -0.32px; line-height: 22px; margin-bottom: 12px; color: var(--n-mainTitle);} /* 노베이스 기초 */ .promotionPage[class*="nobase-basic_"] article.transArticle + article:not(.transArticle), body .promotionPage[class*="nobase-basic_"] article.transBg + .transBg{margin-top: 64px;} .promotionPage[class*="nobase-basic_"] .promotionContents article .titleWrap.type3 i{position: static; margin: 0 auto 8px;} .promotionPage[class*="nobase-basic_"] .promotionContents .mean .titleWrap .sub{margin-top: 0;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal{margin-bottom: 0; padding: 40px 24px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .titleWrap.type3{margin-bottom: 24px; padding-bottom: 0;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box{border-radius: var(--b-radius1); padding: 16px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box .label{font-size: var(--f-body2); height: 24px; letter-spacing: -0.26px; padding: 0 8px; line-height: 1.7; margin-bottom: 16px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box .q{font-size: var(--f-heading1); line-height: 28px; letter-spacing: -0.4px; padding: 14px 16px; margin-bottom: 16px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box .a{font-size: var(--f-heading1); line-height: 28px; letter-spacing: -0.4px; font-weight: 700; display: flex; flex-wrap: nowrap; align-items: center; white-space: nowrap; justify-content: space-between; padding-left: 28px; padding-right: 8px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box .a .inputWrap{width: 100%;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box .a .inputWrap input{margin: 0 8px; height: 40px; border-radius: var(--b-radius0); font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding: 0 8px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .box .a::before{left: 8px; top: 7px;} .promotionPage[class*="nobase-basic_"] .promotionContents .planProposal .talkWrap{margin: 40px 0 46px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage{padding-bottom: 0; } .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .contentWrap{padding: 24px; border-radius: var(--b-radius2); color: var(--n-mainTitle);} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .imgWrap{border-radius: var(--b-radius1); margin-bottom: 24px; } .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .imgWrap .txt1{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; margin-bottom: 0;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .imgWrap .txt2{font-size: var(--f-heading1); line-height: 28px; letter-spacing: -0.4px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .imgWrap img{max-width: 382px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .whoWrap b{font-size: var(--f-heading1); line-height: 28px; letter-spacing: -0.4px; margin-bottom: 16px;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .whoWrap .case{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding: 12px; max-width: 300px; box-shadow: none;} .promotionPage[class*="nobase-basic_"] .promotionContents .customPackage .whoWrap .case.type2{max-width: 384px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum{padding-top: 0; padding-bottom: 0;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .titleWrap.type3{display: flex; flex-wrap: wrap; margin-bottom: 24px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .titleWrap.type3 i{order: 1;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .titleWrap.type3 .title{order: 2; width: 100%;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .titleWrap.type3 .sub{order: 3; width: 100%; margin: 0;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .list{display: grid; grid-template-columns: repeat(2,1fr); gap: 24px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .list .box{border-radius: var(--b-radius2); padding: 24px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .list .box + .box{margin-top: 0;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .list .box .textWrap{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; padding-left: 17px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare{margin-top: 64px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .top{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; height: 74px; color: var(--n-subTitle);} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .top b{font-size: var(--f-heading3); line-height: 22px; letter-spacing: -0.32px; color: var(--n-mainTitle);} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box{width: calc(50% - 12px);} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .bottom{padding: 16px; display: flex; flex-wrap: wrap; align-items: center;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .imgWrap{height: 202px; width: 100%; border-bottom: 1px solid var(--s-color1);} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .imgWrap img{max-width: 100%;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .txt1, .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .infoList{width: 50%; border: none; height: 132px; display: flex; flex-direction: column; justify-content: center; padding: 0;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .infoList{padding: 16px 0 0 6px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .txt1{font-size: var(--f-body1); line-height: 20px; letter-spacing: -0.28px; row-gap: 4px;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box .txt1 b{display: inline-block;} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box:nth-child(1) .top b{color: var(--n-white);} .promotionPage[class*="nobase-basic_"] .promotionContents .curriculum .contentWrap .compare .box:nth-child(1) .bottom .txt1 .bold-pc{font-weight: 700;} .promotionPage[class*="nobase-basic_"] .promotionContents .lecture{background-color: var(--n-white); padding: 40px 24px; box-shadow: var(--box-shadow1);} .promotionPage[class*="nobase-basic_"] .promotionContents .lecture .highlighter::after{display: none;} /************************************************************* hover effect *************************************************************/ @media (hover: hover) and (pointer: fine) { .promotionPage .moreBtnWrap .moreBtn:hover{background-color: var(--b-color3);} .promotionPage .a-real-review .contentWrap .slide .navigation button:hover{background-color: var(--b-color3);} } } /************************************************************* hover effect *************************************************************/ @media (hover: hover) and (pointer: fine) { .promotionPage .recommendation .slide .navigation .navi:hover{background-color: var(--n-subTitle);} .promotionPage .recommendation .slide .navigation .navi:hover svg path{stroke: var(--n-white);} .promotionPage .sticky-option .resultWrap .registerBtn:hover{background-color: var(--p-color2); color: var(--n-white); transition: all 0.3s ease;} body.academy #go-contact .btn:hover{background-color: rgba(222, 222, 223, 0.8);} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap .navigation .navi:hover{background-color: var(--b-color3);} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap .navigation .navi:hover svg path{stroke: var(--n-subTitle);} .promotionPage[class*="kings-all-package_"] .promotionContents .preview .slideWrap .navigation .navi.swiper-button-disabled:hover svg path{stroke: var(--n-deactivate);} }