@charset "utf-8";
/* 메인 비주얼 */
.main-visual{position:relative;width:100%;overflow:hidden}
.main-visual .swiper-wrapper .swiper-slide{overflow:hidden;position:relative;height:600px;max-height:955px}
.main-visual .swiper-slide .image{position:absolute;top:0;left:50%;width:100%;max-width:1920px;height:100%;background:#fff no-repeat center/cover;transform:translateX(-50%)}
.main-visual .swiper-slide a{display:block;width:100%;height:100%;line-height:0;position:absolute;top:0;left:0}
.main-visual .swiper-slide .pic{position:relative;width:100vw;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all 1.5s cubic-bezier(.58,.36,.84,.87);-moz-transition:all 1.5s cubic-bezier(.58,.36,.84,.87);-ms-transition:all 1.5s cubic-bezier(.58,.36,.84,.87);-o-transition:all 1.5s cubic-bezier(.58,.36,.84,.87);transition:all 1.5s cubic-bezier(.58,.36,.84,.87)}
.main-visual .swiper-slide img{position:relative;top:0;left:50%;display:block;width:100%;max-width:120%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
.main-visual .swiper-slide-active .pic{-webkit-transform:scale(1.0);-ms-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0)}
.main-visual :is(.swiper-button-next,.swiper-button-prev){margin-top:-49px;width:58px;height:98px;width:140px;height:140px;text-align:center}
.main-visual .swiper-button-prev{right:auto;left:50%;margin-left:-780px}
.main-visual .swiper-button-next{left:50%;margin-left:640px}
.main-visual :is(.swiper-button-next:after,.swiper-button-prev:after){content:'';border:3px solid #c8c8c8;width:55px;height:55px;transform:rotate(-45deg)}
.main-visual .swiper-button-prev:after{border-right:none;border-bottom:none;margin-left:39px}
.main-visual .swiper-button-next:after{border-left:none;border-top:none;margin-right:39px}
.main-visual :is(.swiper-button-next:hover,.swiper-button-prev:hover){background:rgba(255,255,255,.5)}
.main-visual :is(.swiper-button-next:hover:after,.swiper-button-prev:hover:after){border-color:#000}
.visual-text-box{position:absolute;top:0;left:50%;width:100%;max-width:1180px;transform:translateX(-50%);height:100%;display:flex;flex-direction:column;justify-content:center}
.visual-text-box .text-box{font-size:40px;font-weight:700;color:#333;letter-spacing:-.05em;line-height:1.7em}
.visual-text-box .text-box span{color:#2e49eb}
.main-visual .swiper-pagination{bottom:40px;font-size:0}
.main-visual .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:40px}
.main-visual .swiper-pagination .swiper-pagination-bullet{width:40px;height:8px;background:#ccc;border-radius:4px}
.main-visual .swiper-pagination .swiper-pagination-bullet-active{background:#0148d4}
.main-visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px}

@media only screen and (max-width:1500px) {
    .main-visual .swiper-wrapper .swiper-slide{height:44vw}
    .main-visual .swiper-slide .pic{width:100%}
    .main-visual .swiper-slide img{width:165%;max-width:200%}
    .main-visual .swiper-button-prev{left:0;margin-left:0}
    .main-visual .swiper-button-next{left:auto;right:0;margin-left:0}
    .main-visual .swiper-button-next,.main-visual .swiper-button-prev{width:70px;height:70px}
    .main-visual .swiper-button-next:after,.main-visual .swiper-button-prev:after{width:35px}
    .main-visual .swiper-button-next:after{margin-right:0}
    .main-visual .swiper-button-prev:after{margin-left:0}
    .visual-text-box .text-box{margin-left:3.7vw}
}
@media only screen and (max-width:1200px) {
    .visual-text-box .text-box{font-size:3.3vw;margin-left:5vw;letter-spacing:-.07em}
    .main-visual :is(.swiper-button-prev,.swiper-button-next):after{font-size:35px}
}
@media only screen and (max-width:768px) {
    .main-visual .swiper-wrapper .swiper-slide{height:47vw}
    .main-visual .swiper-slide.mo-image{height:115.625vw}
    .visual-text-box{justify-content:flex-start;align-items:center}
    .visual-text-box .text-box{font-size:6.25vw;margin-top:11vw;margin-left:0;line-height:1.5em;letter-spacing:-.05em;text-align:center}
    .main-visual :is(.swiper-button-prev,.swiper-button-next){width:24px;display:none}
    .main-visual .swiper-button-prev{left:20px}
    .main-visual .swiper-button-next{right:20px}
    .main-visual .swiper-button-prev:after,.main-visual .swiper-button-next:after{background-size:100% auto}
    .main-visual .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:6.25vw}
    .main-visual .swiper-pagination .swiper-pagination-bullet{width:6.5vw;max-width:40px;height:1.25vw;max-height:8px;min-height:5px}
}

/* 메인페이지 상단 소개 */
.main-about-wrap { position: relative; } 
.main-about-wrap .in_Layer { overflow: hidden; } 
.main-about { height: auto !important; } 

.main-about > li.swiper-slide-duplicate-active,
.main-about > li.swiper-slide-active { opacity: 1 !important; }  
.main-about > li .in_Layer { max-width: 1240px; padding: 0 20px; margin: 0 auto; } 
.main-about > li .txt1 { display: none; animation:none; position: relative; font-family: 'Pretendard'; letter-spacing: normal; transform: translateY(53px); font-size: 44px; font-weight: 300; color: var(--color-dark-gray); z-index: 1; opacity: 0; transform: translateY(0); transition: 0.6s ease-out; } 
.main-about > li .txt2 { position: relative; margin-top: 12px; background: #fff;  font-family: 'Pretendard'; letter-spacing: normal; font-size: 44px; font-weight: 700; color: var(--color-dark-gray); z-index: 2; } 
.main-about > li .txt2 span { color: var(--color-primary); } 
.main-about > li .img { position: relative; overflow: hidden; display: block; margin-top: 48px; height: 522px; } 
.main-about > li .img img { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; transform: translate(-50%,0); object-fit: cover; } 
.main-about > li .img img.mo { display: none; }
@keyframes fadeIn { 
    0% { opacity:1; transform: translateY(53px); } 
    100% { opacity: 1; transform: translateY(0); } 
}
@keyframes fadeOut { 
    0% { opacity: 1; transform: translateY(0); } 
    100% { opacity: 1; transform: translateY(-53px); } 
}
.main-about-wrap .control { display: flex; align-items: center; position: absolute; top: 61px; left: 50%; margin-left: 495px; z-index: 1; } 
.main-about-wrap .control .pagination { width: auto;margin-right: 3px; } 
.main-about-wrap .control .pagination span { width: 8px; height: 8px; margin: 0 3px; background: var(--color-gray-300); border-radius:4px; opacity: 1; } 
.main-about-wrap .control .pagination span.swiper-pagination-bullet-active { width: 24px; background: var(--color-primary-500); } 
.main-about-wrap .control .prev,
.main-about-wrap .control .next { margin: 0 6px; width: 14px; height: 14px; background:url('/html/_skin/1/images/main_tpl01/main-about-arr.png') center center no-repeat; background-size: contain; font-size: 0; } 
.main-about-wrap .control .next { transform: scaleX(-1); } 
.main-about-wrap .control .prev.disabled,
.main-about-wrap .control .next.disabled { background-image: url('/html/_skin/1/images/main_tpl01/main-about-arr-disabled.png'); } 
.main-about-top { overflow: hidden; height: 53px; max-width: 1240px; padding: 0 20px; margin: 65px auto 0; }
.main-about-txt > li .txt1 { font-size: 44px; font-weight: 300; color: var(--color-dark-gray); z-index: 1; } 
.main-about-txt > li .txt2 { display: none; }

/* 카테고리 */
.services-cate-wrap { position: relative; display: flex; gap:24px; max-width: 1240px; padding: 0 20px; margin: -28px auto 0; z-index: 2; } 
.services-cate { display: flex; width: 996px; background: #FFFFFF; border: 1px solid #ECF0F4; border-radius: 16px; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.03); } 
.services-cate > li { flex:1; position: relative; } 
.services-cate > li > a { display: flex; flex-direction: column; padding: 30px 35px 31px 35px; } 
.services-cate > li .ico { width: 40px; } 
.services-cate > li .tit { margin-top: 18px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 17px; font-weight: 700; color: var(--color-gray-900); word-break: keep-all; } 
.services-cate > li .txt { margin-top: 8px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 15px; font-weight: 400; color: var(--color-gray-600); word-break: keep-all; } 
.services-cate > li + li::before { content:''; position: absolute; top: 50%; left: 0; width: 1px; height: calc(100% - 62px); background:var(--color-gray-200); transform: translate(0,-50%); } 
.services-cate > li:hover::after { content:''; position: absolute; top: 31px; right:31px; width: 20px; height: 20px; background:url('/html/_skin/1/images/main_tpl01/services-cate-arr.png') center/contain no-repeat; } 
.services-cate-wrap .consult-link { padding: 0 30px 29px 30px;display: flex; align-items: flex-end; position: relative; width: 180px; background: linear-gradient(128.21deg, #BAA2FB 5.93%, #9D7AFD 50.6%, #8052FF 95.28%); border-radius: 16px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 17px; font-weight: 700; line-height: 155%; color: #FFFFFF; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.02); word-break: keep-all; } 
.services-cate-wrap .consult-link::before { content:''; position: absolute; top: 30px; right: 30px; width: 20px; height: 20px; background:url('/html/_skin/1/images/main_tpl01/consult-link-arr.png') center center no-repeat; background-size: contain; } 

/* 클래스 요약 */
.main-bg { position: relative; background: linear-gradient(0deg, rgba(247, 249, 252, 0) 0%, var(--color-gray-100) 20%); } 
.main-bg .bg { overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } 
.main-bg .bg .circle { position: absolute; top:229px; left: 50%; transform: translate(-50%,0); width: 1920px; height:1494px; background: #fff; border-radius:50% 50% 0 0; opacity: 1 !important; transition: all 1s; } 
.main-tit1 { display: block; font-family: 'Montserrat'; font-size: 14px; font-weight: 700; letter-spacing: -0.2px; color: var(--color-primary-500); text-align: center; } 
.main-tit2 { display: block; margin-top: 13px; font-family: 'Pretendard'; letter-spacing: normal; line-height: 145%; font-size: 36px; font-weight: 700; color: var(--color-gray-900); text-align: center; } 
.main-tit2 .mo_br { display: none; }
.main-class { position: relative; padding-top: 350px; z-index: 2; } 
.main-class-tab { display: flex;  justify-content: space-between; max-width: 1240px; padding: 0 20px; margin: 64px auto 0; align-items: flex-start; } 
.main-class-tab .tit_list { width: 282px; flex-shrink: 0; } 
.main-class-tab .tit_list > li > a { display: flex; justify-content: center; height: 71px; padding: 0 23px; flex-direction: column; } 
.main-class-tab .tit_list > li .tit { font-family: 'Pretendard'; letter-spacing: normal; font-size: 18px; font-weight: 700; color: var(--color-gray-500); transition: all 0.3s ease; } 
.main-class-tab .tit_list > li:hover .tit { color: var(--color-gray-600); } 
.main-class-tab .tit_list > li .txt { overflow: hidden; max-height: 0; font-family: 'Pretendard'; letter-spacing: normal; font-size: 18px; font-weight: 700; line-height: 150%; color: var(--color-gray-900); transition: max-height 0.5s ease, color 0.3s ease; } 
.main-class-tab .tit_list > li.active > a { height: 96px; background: #FFFFFF; border: 1px solid var(--color-gray-300); border-radius: 12px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.02); } 
.main-class-tab .tit_list > li.active .tit { font-family: 'Pretendard'; letter-spacing: normal; font-size: 14px; font-weight: 700; color: var(--color-primary-500); } 
.main-class-tab .tit_list > li.active .txt { max-height: 28px; margin-top: 7px; } 
.main-class-tab .tab_con { width: calc(100% - 282px); padding-left: 6.5%; } 
.main-class-slide { position: relative; }
.main-class-slide .inner { overflow: hidden; width: 100%;padding: 0; } 
.main-class-slide .main-class-list { height: auto; } 
.main-class-slide .main-class-list > li { overflow: hidden; border-radius:16px; } 
.main-class-slide .main-class-list > li .img { display: block; position: relative; width: 100%; padding-bottom: 151.516%; } 
.main-class-slide .main-class-list > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.main-class-slide .btn-next { position: absolute; top: 50%; right: -24px; width: 48px; height: 48px; padding: 0; background:#fff url('/html/_skin/1/images/main_tpl01/main-class-slide-arr.png') center/20px no-repeat; border: 1px solid #E3E8EE; border-radius:50%; border-radius: 50%; z-index: 1; transform: translate(0,-50%); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05); } 
.main-class-full { display: block; } 
.main-class-full .img { display: block; overflow: hidden; border-radius:16px; }
.main-class-full img { display: block; width: 100%; } 
.main-class-mo { display: none; } 

@media only screen and (min-width:1921px) { 
    .main-bg .bg .circle { width: 100%; }
}

/* 포트폴리오 */
.main-portfolio { padding: 220px 0 200px; overflow: hidden; } 
.main-portfolio-tab { max-width: 1240px; margin: 0 auto; padding: 0 20px; } 
.main-portfolio-tab .main-portfolio-tit { margin-top: 35px; }
.main-portfolio-tab .tit_list { height: auto !important;  margin-top: 35px; } 
.main-portfolio-tab .center .tit_list { justify-content: center; }
.main-portfolio-tab .tit_list > li { position: relative; width: auto !important; padding: 0 17px 0 16px; } 
.main-portfolio-tab .tit_list > li::after { content:''; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; background: var(--color-gray-300); transform: translate(0,-50%); } 
.main-portfolio-tab .tit_list > li:last-child::after { display: none; } 
.main-portfolio-tab .tit_list > li a { display: flex; align-items: flex-start; gap:4px; position: relative; font-family: 'Montserrat'; font-size: 18px; font-weight: 600; letter-spacing: -0.2px; color: var(--color-gray-600); } 
.main-portfolio-tab .tit_list > li:hover a { color: var(--color-gray-700); } 
.main-portfolio-tab .tit_list > li.active a::after { content:''; position: relative; top: -1px; min-width: 5px; height: 5px; background: var(--color-primary-500); border-radius:50%; } 
.main-portfolio-tab .tit_list > li.active a { font-weight: 700; color: var(--color-gray-900); } 
.main-portfolio-tab .tab_con { }
.main-portfolio-slide { position: relative; margin: 38px -10px 0; } 
.main-portfolio-slide .inner { overflow: hidden; }
.main-portfolio-slide .description { display: none; position: absolute; top: 0; left: 0; width: 326px; padding: 29px 28px; background: rgba(250, 250, 250, 0.7); border-radius: 4px 24px 24px 24px; z-index: 20; pointer-events:none; backdrop-filter: blur(6px); } 
.main-portfolio-slide .description .tit_wrap { position: relative; padding:0 0 0 25px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 14px; font-weight: 700; color: var(--color-gray-900); } 
.main-portfolio-slide .description .tit_wrap::before { content:''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background:url('/html/_skin/1/images/main_tpl01/main-portfolio-ico.png') center/contain no-repeat; } 
.main-portfolio-slide .description .tit_wrap .tit { margin-right: 7px; } 
.main-portfolio-slide .description .tit_wrap .sub { font-family: 'Pretendard'; letter-spacing: normal; font-size: 12px; font-weight: 400; color: var(--color-gray-800); } 
.main-portfolio-slide .description .txt { margin-top: 12px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 14px; font-weight: 400; line-height: 150%; color: var(--color-gray-900); } 
.main-portfolio-slide .inner { position: relative; overflow: hidden; border-radius:12px; height: auto; padding: 0; }
:root {
    --portfolio-width: 12.623%; /* CSS 변수로 아이템의 너비 설정 */
    --portfolio-center-width: 74.754%; /* CSS 변수로 아이템의 너비 설정 */
} 
.main-portfolio-list { height: auto !important; display: flex; }
.main-portfolio-list > li { position: relative; height: auto; border-radius:12px; transition: all 0.4s cubic-bezier(0.6, 0, 0.4, 1); padding: 0 10px; } 
.main-portfolio-list > li .img { overflow: hidden; display: block; position: relative; width: 100%; height: 500px; border-radius:12px; -webkit-mask-image: -webkit-radial-gradient(white, black); } 
.main-portfolio-list > li .img::after { content:''; position: absolute; top: 0; left: 0; width: 100vw; height: 100%; background: rgba(247, 249, 252, 0.7); z-index: 1; backdrop-filter: blur(6px); transition: all 0.3s; } 
.main-portfolio-list > li.active .img::after { opacity: 0; } 
.main-portfolio-list > li .img img { display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%,0); height: 100%; width: auto; } 
.main-portfolio-list > li .con { display: none; } 
.main-portfolio-list > li .view { display: none; justify-content: center; align-items: center; position: absolute; right: 28px; bottom: 28px; width: 92px; height: 44px; background: rgba(255, 255, 255, 0.2); border-radius: 40px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 15px; font-weight: 600; color: #FFFFFF; z-index: 3; } 
.main-portfolio-list > li.active .view { display: flex; }
.main-portfolio-slide .pagination { margin-top: 20px; text-align: center; } 
.main-portfolio-slide .pagination ul { display: flex; justify-content: center; }
.main-portfolio-slide .pagination ul > li { width: 8px; height: 8px; margin: 0 3px !important; background: var(--color-gray-300); border-radius:4px; opacity: 1; font-size: 0; } 
.main-portfolio-slide .pagination ul > li.active { width: 24px; background: var(--color-primary-500); } 
.main-portfolio-slide .btn_arr { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; z-index: 1; transform: translate(0,-50%); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05); } 
.main-portfolio-slide .btn_arr:hover { background: rgba(0, 0, 0, 0.6); } 
.main-portfolio-slide .btn_arr img { width: 20px; height: 20px; } 
.main-portfolio-slide .btn_prev { left: 180px; } 
.main-portfolio-slide .btn_next { right: 181px; } 
.main-portfolio-slide .btn_next img { transform:scaleX(-1); } 

/* 강사진 프로필 */
.main-teacher { background:url('/html/_skin/1/images/main_tpl01/main-teacher-bg.png') center/cover no-repeat; overflow: hidden; } 
.main-teacher .in_Layer { display: flex; min-height: 248px; align-items: center; max-width: 1240px; padding:0 20px; margin: 0 auto; } 
.main-teacher .img { width: 705px; align-self: flex-end; } 
.main-teacher .img.ta,
.main-teacher .img.mo { display: none; }
.main-teacher .con { width: calc(100% - 705px); padding-left: 50px; } 
.main-teacher .con .tit { display: block; font-family: 'Pretendard'; letter-spacing: normal; word-break: keep-all; font-size: 24px; font-weight: 700; color: var(--color-gray-900); } 
.main-teacher .con .view { display: inline-flex; align-items: center; gap:2px; margin-top: 19px; padding: 13px 19px; background: #FFFFFF; border-radius: 40px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 15px; font-weight: 600; color: var(--color-primary-500); } 
.main-teacher .con .view:hover { color: var(--color-primary-600); } 
.main-teacher .con .view::after { content:''; width: 18px; height: 18px; background:url('/html/_skin/1/images/main_tpl01/main-teacher-arr1.png') center/contain no-repeat; } 
.main-teacher .con .view:hover::after { background-image: url('/html/_skin/1/images/main_tpl01/main-teacher-arr1.png'); } 

/* 합격 후기 */
.main-result { overflow: hidden; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 19.48%, rgba(247, 249, 252, 0.8) 100%); } 
.main-result .in_Layer { position: relative; max-width: 1240px; margin: 0 auto; padding: 180px 20px; } 
.main-result .main-tit1 { text-align: left; } 
.main-result .main-tit2 { text-align: left; } 
.main-result .bg-video { position: absolute; top: 72px; right: 0; width: 500px;height: 500px;}
.main-result .bg-video video {width: 100%;height: 100%;object-fit: cover;mix-blend-mode: darken;}
.result-count { display: flex; gap:64px; margin-top: 53px; } 
.result-count > li .count { display: inline-block; font-family: 'Montserrat'; font-size: 52px; font-weight: 700; color: var(--color-gray-900); } 
.result-count > li .percent { font-family: 'Montserrat'; font-size: 28px; font-weight: 800; color: var(--color-gray-900); } 
.result-count > li .tit { display: block; margin-top: 6px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 14px; font-weight: 400; color: var(--color-gray-600); } 
.result-data-wrap { overflow: hidden; height: 70px; margin-top: 51px; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); max-width: 408px; } 
.result-data > li { display: flex; align-items: center; } 
.result-data > li .img { overflow: hidden; width: 36px; height: 36px; margin-right: 16px; border-radius:50%; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.03); } 
.result-data > li .img img { display: block; width: 100%; object-fit: contain; } 
.result-data > li .name { position: relative; margin-right: 22px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 18px; font-weight: 700; color: var(--color-gray-900); } 
.result-data > li .name::after { content:''; position: absolute; top: 50%; right: -12px; width: 1px; height: 14px; background: var(--color-gray-400); transform: translate(0,-50%); } 
.result-data > li .count { position: relative; margin-right: 16px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 18px; font-weight: 500; color: var(--color-gray-700); } 
.result-data > li .count::before { content:''; position: absolute; top: 50%; right: -9px; width: 2px; height: 2px; background: var(--color-gray-400); border-radius:50%; } 
.result-data > li .count:last-child::before { display: none; } 
.result-data > li .count .num { font-weight: 700; } 
.main-review-wrap { margin-top: 48px; } 
.main-review { height: auto !important; } 
.main-review > li { display: flex; height: auto; width: 282px; padding:27px 27px 28px; background: #FFFFFF; border: 1px solid var(--color-gray-300); border-radius: 16px; flex-direction: column; box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.02); } 
.main-review > li .tit-wrap { display: flex; align-items: center; min-height: 81px; padding-bottom: 20px; border-bottom: 1px solid var(--color-gray-300); } 
.main-review > li .tit-wrap .img { overflow: hidden; width: 60px; height: 60px; border-radius:50%; } 
.main-review > li .tit-wrap .img img { display: block; width: 100%; object-fit: contain; } 
.main-review > li .tit-wrap .right { width:calc(100% - 60px); padding-left: 12px; } 
.main-review > li .tit-wrap .tit { overflow: hidden; display: block; font-family: 'Pretendard'; letter-spacing: normal; white-space: nowrap; text-overflow: ellipsis; line-height: 150%; font-size: 15px; font-weight: 700; color: var(--color-gray-900); } 
.main-review > li .tit-wrap .name { display: block; margin-top: 1px; font-family: 'Pretendard'; letter-spacing: normal; line-height: 150%; font-size: 12px; font-weight: 400; color: var(--color-gray-600); } 
.main-review > li .tit-wrap .name span { margin-left: 5px; } 
.main-review > li .sub-tit { overflow: hidden; display: -webkit-box; position: relative; min-height:84px; margin-top: 24px; padding-top: 30px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 18px; font-weight: 700; line-height: 150%; color: var(--color-gray-900); -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.main-review > li .sub-tit::before { content:''; position: absolute; top: 0; left: 0; width: 26px; height: 22px; background:url('/html/_skin/1/images/main_tpl01/main-review-tit.png') center/contain no-repeat; } 
.main-review > li .txt { overflow: hidden; display: -webkit-box; margin-top: 7px; margin-bottom: 31px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 15px; font-weight: 400; line-height: 150%; color: var(--color-gray-800); -webkit-line-clamp: 5; -webkit-box-orient: vertical; } 
.main-review > li .txt * { font-family: 'Pretendard' !important; letter-spacing: normal !important; font-size: 15px !important; font-weight: 400 !important; line-height: 150% !important; color: var(--color-gray-800) !important; }
.main-review > li .txt br { display: inline-block; content: ""; padding: 0 1px; }
.main-review > li .more { display: flex; align-items: center; gap:3px; position: relative; margin-top: auto; font-family: 'Pretendard'; letter-spacing: normal; font-size: 14px; font-weight: 500; line-height: 150%; color: var(--color-gray-600); } 
.main-review > li .more::after { content:''; height: 14px; min-width: 14px; background:url('/html/images/sub/pass/review-list-arr.png') center/contain no-repeat; transform:translate(-5px, 0); transition:300ms; opacity:0; } 
.main-review > li .more:hover::after { opacity:1; transform:translate(0px, 0); } 
.main-review-wrap .control { display: flex; align-items: center; margin-top: 16px; font-size: 0; } 
.main-review-wrap .pagination { width: auto !important; text-align: center; } 
.main-review-wrap .pagination span { width: 8px; height: 8px; margin: 0 3px !important; background: var(--color-gray-300); border-radius: 4px; opacity: 1; } 
.main-review-wrap .pagination span:first-of-type { margin-left: 0 !important; } 
.main-review-wrap .pagination span.swiper-pagination-bullet-active { width: 24px; background: var(--color-primary-500); } 
.main-review-wrap .arrow { margin-left: auto; } 
.main-review-wrap .btn_arr { width: 20px; height: 20px; margin: 0 6px; background: url('/html/_skin/1/images/main_tpl01/main-review-arr.png') center center no-repeat; background-size: contain; font-size: 0; } 
.main-review-wrap .btn_arr.btn_next { margin-right: 0; transform: scaleX(-1); } 
.main-review-wrap .btn_arr.disabled { background-image: url('/html/_skin/1/images/main_tpl01/main-review-arr-disabled.png'); pointer-events: none; } 

/* 혜택 */
.main-benefit-wrap { padding: 181px 0 0 0; } 
.main-benefit-wrap .in_Layer { max-width: 1240px; margin: 0 auto; padding: 0 20px; } 
.main-benefit-wrap .main-tit1 { text-align: left; } 
.main-benefit-wrap .main-tit2 { text-align: left; } 
.main-benefit { display: flex; flex-wrap: wrap; gap:80px; margin-top: 80px; } 
.main-benefit > li { flex:1; } 
.main-benefit > li .img { overflow: hidden; width: 110px; height: 110px; object-fit: cover; border-radius: 16px; } 
.main-benefit > li .tit { display: block; margin-top: 38px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 20px; font-weight: 700; color: var(--color-gray-900); word-break: keep-all; } 
.main-benefit > li .txt { display: block; margin-top: 13px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 18px; font-weight: 400; color: var(--color-gray-600); word-break: keep-all; } 

/* 윤빌리티 지점 */
.main-place-wrap { padding-top: 224px; } 
.main-place-wrap .in_Layer { max-width: 1240px; margin: 0 auto; padding: 0 20px; } 
.main-place-wrap .main-tit1 { text-align: left; } 
.main-place-wrap .main-tit2 { text-align: left; } 
.main-place { display: grid; grid-template-columns: repeat(2, 1fr); gap:24px; margin-top: 71px; } 
.main-place > li { flex:1; } 
.main-place > li a { display: block; } 
.main-place > li .img { overflow: hidden; display: block; position: relative; padding-bottom: 55.273%; border-radius: 12px; } 
.main-place > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.5s ease-in-out; } 
.main-place > li:hover .img img { transform: scale(1.1); } 
.main-place > li .tit { display: flex; align-items: center; gap:9px; margin-top: 26px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 20px; font-weight: 700; color: var(--color-gray-900); } 
.main-place > li .tit::after { content:''; overflow: hidden; width: 18px; height: 18px; background:url('/html/_skin/1/images/main_tpl01/main-place-arr.png') center/contain no-repeat; } 
.main-place > li .address { display: block; margin-top: 13px; font-family: 'Pretendard'; letter-spacing: normal; font-size: 18px; font-weight: 400; color: var(--color-gray-600); } 
/* 상담 예약 */
.main-cs { margin-top: 223px; padding: 126px 0; background:url('/html/_skin/1/images/main_tpl01/main-cs-bg.png') center/cover no-repeat; text-align: center; } 
.main-cs .txt { font-family: 'Pretendard'; font-size: 28px; font-weight: 700; line-height: 150%; letter-spacing: normal; color: var(--color-gray-900); } 
.main-cs .link { display: inline-flex; justify-content: center; align-items: center; gap:6px; width: 201px; height: 56px; margin-top: 28px; background: #FFFFFF; border-radius: 40px; font-family: 'Pretendard'; font-size: 18px; font-weight: 600; letter-spacing: normal; color: var(--color-primary-500); text-align: center; } 
.main-cs .link::after { content:''; width: 18px; height: 18px; background:url('/html/_skin/1/images/main_tpl01/main-cs-arr1.png') center/contain no-repeat; } 
.main-cs .link:hover { color: var(--color-primary-600); } 
.main-cs .link:hover::after { background-image: url('/html/_skin/1/images/main_tpl01/main-cs-arr2.png'); } 

/* 메인 페이지 노트북 사이즈 */
@media only screen and (max-width:1240px) { 
    /* 메인페이지 상단 소개 ~1240px */
    .main-about-wrap .control {left: auto;right: 20px;margin-left: 0;}
    .main-about > li .img { height: auto; padding-bottom: 42.097%; } 
    .main-about > li .img img { width: 100%; object-fit: cover; }

    /* 클래스 요약 ~1240px */
    .main-bg .bg .circle { bottom: -51.290vw; width: 154.840vw; height: 120.550vw; }  
    .main-class-tab { padding: 0 20px; margin-top: 64px; } 
    .main-class-tab .tit_list { width: 282px; } 
    .main-class-tab .tit_list > li > a { height: 71px; padding: 0 23px; } 
    .main-class-tab .tit_list > li .tit { font-size: 18px; } 
    .main-class-tab .tit_list > li .txt { font-size: 18px; } 
    .main-class-tab .tit_list > li.active > a { height: 96px; border-radius: 12px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.02); } 
    .main-class-tab .tit_list > li.active .tit { font-size: 14px; } 
    .main-class-tab .tit_list > li.active .txt { max-height: 28px; margin-top: 7px; } 
    .main-class-tab .tab_con { width: calc(100% - 282px); } 
    .main-class-slide .btn-next { width: 48px; height: 48px; right: 10px; }

    .main-class-tab { padding: 0 1.613vw; margin-top: 5.161vw; } 
    .main-class-tab .tit_list { width: 22.742vw; } 
    .main-class-tab .tit_list > li > a { height: 5.725vw; padding: 0 1.857vw; } 
    .main-class-tab .tit_list > li .tit { font-size: 1.452vw; } 
    .main-class-tab .tit_list > li .txt { font-size: 1.452vw; } 
    .main-class-tab .tit_list > li.active > a { height: 7.74vw; border-radius: 0.968vw; box-shadow: 0px 0px 1.613vw rgba(0, 0, 0, 0.02); } 
    .main-class-tab .tit_list > li.active .tit { font-size: 1.129vw; } 
    .main-class-tab .tit_list > li.active .txt { max-height: 2.258vw; margin-top: 0.677vw; } 
    .main-class-tab .tab_con { width: calc(100% - 22.742vw); } 
    .main-class-slide .btn-next { width: 3.226vw; height: 3.226vw; right: 0.806vw; } 

    /* 포트폴리오 ~1240px */
    .main-portfolio-slide .btn_prev { left: calc(13.226vw + 16px); } 
    .main-portfolio-slide .btn_next { right: calc(13.226vw + 16px); } 
    .main-portfolio-list > li .img { height: 40.323vw; }
    .main-portfolio-tab .main-portfolio-tit { margin-top: 19px; }

    /* 강사진 프로필 ~1240px */
    .main-teacher .img { width: 56.77vw; } 
    .main-teacher .con { width: calc(100% - 56.77vw); } 
    
    /* 합격 후기 ~1240px */
    .main-result .bg-video { width: 40.32vw; height: 40.32vw; }


}

@media only screen and (max-width:1080px) { 

}

/* 메인 페이지 태블릿 사이즈 */
@media only screen and (max-width:767px) { 
    /* 메인페이지 상단 소개 ~767px */
    .main-about > li { opacity: 0; } 
    .main-about > li.swiper-slide-duplicate-active,
    .main-about > li.swiper-slide-active { opacity: 1; } 
    .main-about > li .txt1 { font-size: 22px; transform: translateY(15px); } 
    .main-about > li .txt2 { margin-top: 8px; font-size: 22px; } 
    .main-about > li .img { margin-top: 27px; padding-bottom: 83.313%; } 
    .main-about > li .img img.pc { display: none; } 
    .main-about > li .img img.mo { display: block; } 
    @keyframes fadeInOutText { 
        0% { opacity: 0; transform: translateY(15px); } 
        20% { opacity: 1; transform: translateY(0); } 
        80% { opacity: 1; transform: translateY(0); } 
        100% { opacity: 0; transform: translateY(-15px); } 
    } 
    .main-about-wrap .control { display: none; } 
    .main-about-top { margin-top: 52px; height: 26px; }
    .main-about-txt > li .txt1 { font-size: 22px; } 

    /* 카테고리 ~767px */ 
    .services-cate-wrap { flex-direction: column; gap:0; margin: -16px auto 0; } 
    .services-cate { gap:8px 11px; display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; border-radius: 0; box-shadow: none; border: none; background: none; } 
    .services-cate > li {  background: #FFFFFF;border: 1px solid #ECF0F4;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.03);border-radius: 10px; } 
    .services-cate > li > a { padding: 16px 0 17px; align-items: center; } 
    .services-cate > li .ico { width: 28px; } 
    .services-cate > li .tit { margin-top: 11px; font-size: 13px; } 
    .services-cate > li .txt { margin-top: 3px; font-size: 12px; } 
    .services-cate > li + li::before { display: none; } 
    .services-cate > li:hover::after { display: none; }
    .services-cate-wrap .consult-link { display: none; }     

    /* 클래스 요약 ~767px */
    .main-class-tab { display: none; } 
    .main-class { padding: 177px 0 0; } 
    .main-tit1 { font-size: 11px; } 
    .main-tit2 { margin-top: 9px; font-size: 22px; } 
    .main-tit2 .mo_br { display: block; } 
    .main-class-mo { overflow: hidden; display: block; position: relative; margin-top: 27px; } 
    .main-class-list2 { height: auto !important; } 
    .main-class-list2 > li {}
    .main-class-list2 > li .tit-wrap { margin: 0 20px; padding:16px 0 18px; background: #FFFFFF; border: 1px solid #ECF0F4; border-radius: 8px; text-align: center; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.03); } 
    .main-class-list2 > li .tit-wrap .tit { display: block; font-family: 'Pretendard'; font-size: 12px; font-weight: 700; color: #744AE8; } 
    .main-class-list2 > li .tit-wrap .txt { display: block; margin-top: 5px; font-family: 'Pretendard'; font-size: 14px; font-weight: 700; color: #1B1B1D; } 
    .main-class-list2 > li .btn_next { position: absolute; top: 50%; right:6px; width: 28px;height: 28px; z-index: 1; background:#fff url('/html/_skin/1/images/main_tpl01/main-class-slide-arr.png') center/16px no-repeat; border: 1px solid #E3E8EE; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05); border-radius:50%; transform: translate(0, -50%); } 
    .main-class-mo .pagination { position: absolute; top: 79px; bottom: auto !important; text-align: center; font-size: 0; } 
    .main-class-mo .pagination span { width: 6px; height: 6px; margin: 0 2px !important; background: var(--color-gray-300); border-radius: 3px; opacity: 1; } 
    .main-class-mo .pagination span.swiper-pagination-bullet-active { width: 20px; background: var(--color-primary-500); } 

    .main-bg .bg .circle { top:255px; width: 100vw; height: 70.5vw; } 
    .main-bg .bg .circle::before { content:''; position: absolute; bottom: -31vh; left: 0; width: 100%; height: 31vh; background: #fff; } 
    .main-class-slide2 { position: relative; margin-top: 32px; z-index: 1; padding: 0 20px; } 
    .main-class-slide2 .inner { padding: 0; overflow: hidden; } 
    .main-class-slide2 .main-class-list > li { overflow: hidden; border-radius:8px; } 
    .main-class-slide2 .main-class-list > li .img { display: block; position: relative; padding-bottom: 151.516%; } 
    .main-class-slide2 .main-class-list > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
    .main-class-list2 > li .main-class-full { overflow: hidden; display: block; margin: 32px 20px 0; border-radius:8px; } 
    .main-class-list2 > li .main-class-full .img { display: block; position: relative; width: 100%; padding-bottom: 48.761%; border-radius:8px; } 
    .main-class-list2 > li .main-class-full .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 

    /* 포트폴리오 ~767px */
    .main-portfolio { padding: 80px 0; }  
    .main-portfolio-tab .tit_list { margin-top:19px; } 
    .main-portfolio-tab .tit_list > li { padding: 0 9px 0 8px; }
    .main-portfolio-tab .tit_list > li::after { height: 12px; }  
    .main-portfolio-tab .tit_list > li a { gap:2px; font-size: 14px; } 
    .main-portfolio-tab .tit_list > li.active a::after { min-width: 4px; height: 4px; }  
    .main-portfolio-slide { margin: 20px 0 0; } 
    .main-portfolio-slide .description { display: none; } 
    .main-portfolio-slide .inner { border-radius:8px; } 
    :root {
        --portfolio-width: 0; /* CSS 변수로 아이템의 너비 설정 */
        --portfolio-center-width: 100%; /* CSS 변수로 아이템의 너비 설정 */
    } 
    .main-portfolio-list > li { border-radius:8px; padding: 0; } 
    .main-portfolio-list > li .img { border-radius:8px; height: 53.065vw; filter: blur(0) !important; } 
    .main-portfolio-list > li .view { right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; font-size: 0; background: none; } 
    .main-portfolio-slide .pagination { margin-top: 10px; } 
    .main-portfolio-slide .pagination ul > li { width: 6px; height: 6px; margin: 0 2px !important; border-radius:3px; } 
    .main-portfolio-slide .pagination ul > li.active { width: 20px; } 
    .main-portfolio-slide .btn_arr { display: none; } 
    
    /* 강사진 프로필 ~767px */
    .main-teacher { background-image: url('/html/_skin/1/images/main_tpl01/main-teacher-bg-mo.png');} 
    .main-teacher .in_Layer { padding: 41px 0 0; min-height: 0; display: block; } 
    .main-teacher .img { width: 100%; max-width: 360px; margin:0 auto; display: block; } 
    .main-teacher .img.ta {display: block; margin-top: -15px; }
    .main-teacher .img.pc {display: none;}
    .main-teacher .con { width: 100%; padding-left:0; text-align: center;} 
    .main-teacher .con .tit { font-size: 18px; } 
    .main-teacher .con .view { margin-top: 13px; padding:11px 13px 10px 16px; border-radius: 18px; font-size: 13px; } 
    .main-teacher .con .view::after { width: 14px; height: 14px; } 

    /* 합격 후기 ~767px */
    .main-result .in_Layer { padding: 64px 20px; } 
    .main-result .bg-video { display: none; }
    .result-count { gap:28px; margin-top: 17px; } 
    .result-count > li.mo_none { display: none; }
    .result-count > li .count { font-size: 32px; } 
    .result-count > li .percent { font-size: 18px; } 
    .result-count > li .tit { margin-top: 5px; font-size: 12px; } 
    .result-data-wrap { height: 53px; margin-top: 26px; max-width: 291px; } 
    .result-data > li .img { width: 27px; height: 27px; margin-right: 8px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.03); }  
    .result-data > li .name { margin-right: 13px; font-size: 13px; } 
    .result-data > li .name::after { right: -7px; height: 10px; } 
    .result-data > li .count { margin-right: 7px; font-size: 13px; } 
    .result-data > li .count::before { right: -4px; }   
    .main-review-wrap { margin-top: 24px; } 
    .main-review > li { width: 328px; padding:19px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.01);border-radius: 10px; } 
    .main-review > li .tit-wrap { padding-bottom: 16px; } 
    .main-review > li .tit-wrap .img { width: 40px; height: 40px; } 
    .main-review > li .tit-wrap .right { width:calc(100% - 40px); padding-left: 12px; } 
    .main-review > li .tit-wrap .tit { font-size: 13px; } 
    .main-review > li .tit-wrap .name span { margin-left: 0; } 
    .main-review > li .sub-tit { min-height:0; -webkit-line-clamp:1; margin-top: 11px; padding-top: 22px; font-size: 15px; } 
    .main-review > li .sub-tit::before { width: 20px; height: 16px; } 
    .main-review > li .txt { margin-top: 2px; margin-bottom: 7px; font-size: 14px; -webkit-line-clamp:3; } 
    .main-review > li .txt * { font-size: 14px !important; }
    .main-review > li .more { font-size: 12px; } 
    .main-review > li .more::after { display: none;  } 
    .main-review-wrap .control { margin-top: 10px; }  
    .main-review-wrap .pagination span { width: 6px; height: 6px; margin: 0 2px!important; border-radius: 3px; } 
    .main-review-wrap .pagination span.swiper-pagination-bullet-active { width: 20px; } 
    .main-review-wrap .btn_arr { display: none; } 

    /* 혜택 ~767px */
    .main-benefit-wrap { padding: 64px 0 0; }  
    .main-benefit { gap:34px 22px; margin-top: 29px; display: grid; grid-template-columns: repeat(2, 1fr) }  
    .main-benefit > li .img { width: 56px; height: 56px; border-radius: 10px; } 
    .main-benefit > li .tit { margin-top: 21px; font-size: 14px; } 
    .main-benefit > li .txt { margin-top: 6px; font-size: 12px; } 

    /* 윤빌리티 지점 ~767px */
    .main-place-wrap { padding-top: 82px; } 
    .main-place { grid-template-columns: repeat(1, 1fr); gap:27px; margin-top: 31px; } 
    .main-place > li .img { border-radius: 8px; } 
    .main-place > li .tit { gap:4px; margin-top: 13px; font-size: 14px; } 
    .main-place > li .tit::after { width: 12px; height: 12px; } 
    .main-place > li .address { margin-top: 8px; font-size: 14px; } 

    /* 상담 예약 ~767px */
    .main-cs { margin-top: 83px; padding: 56px 0; } 
    .main-cs .txt { font-size: 18px; } 
    .main-cs .link { gap:3px; width: 141px; height: 36px; margin-top: 12px; border-radius: 18px; font-size: 13px;  } 
    .main-cs .link::after { width: 14px; height: 14px; }

}

/* 메인 페이지 모바일 사이즈 */
@media only screen and (max-width:360px) { 
    /* 메인페이지 상단 소개 ~360px */
    .main-about-top,
    .main-about > li .in_Layer {padding: 0 16px;}
    
    /* 클래스 요약 ~360px */
    .main-class {padding: 127px 0 0;}
    .main-bg .bg .circle {top: 272px;}
    .main-class-list2 > li .main-class-full .img {padding-bottom: 72.866%;}
    .main-class-list2 > li .main-class-full .img.mo { display: block; }
    .main-class-list2 > li .main-class-full .img.pc { display: none; }
    .main-class-list2 > li .tit-wrap { margin: 0 16px; }
    .main-class-slide2 { padding: 0 16px; }
    .main-class-list2 > li .btn_next { right: 2px; }

    /* 카테고리 ~360px */ 
    .services-cate-wrap { flex-direction: column; gap:0; margin: -16px auto 0; padding: 0 16px; } 
    
    /* 강사진 프로필 ~360px */
    .main-teacher .img.ta { display: none; }
    .main-teacher .img.mo { display: block; margin-top: 1px; max-width: 299px; }

    /* 합격 후기 ~360px */
    .main-result .in_Layer {padding: 64px 16px;}
    .main-review-wrap { overflow: hidden; }
    .main-review-wrap .control { text-align: center; }
    .main-review-wrap .pagination { width: 100% !important; }

    /* 혜택 ~360px */
    .main-benefit-wrap .in_Layer { padding:0 16px;}
    .main-benefit { gap:34px 3px; }  

    /* 윤빌리티 지점 ~360px */
    .main-place-wrap .in_Layer {padding: 0 16px;}
    
    /* 포트폴리오 ~360px */
    .main-portfolio-tab {padding: 0 16px;}
    .main-portfolio-list > li .img {height: 50.837vw;}

}

/* 클래스 영상 */
/* -------- category -------- */
.main-class-cate{margin:0 auto;padding:46px 0 60px;width:1180px}
.main-class-cate .category-wrap{margin-bottom:20px;border-bottom:1px solid #eee;font-size:0;text-align:center;overflow:hidden}
@media only screen and (min-width:1181px) {
    .main-class-cate .category-wrap .swiper-wrapper{justify-content:center}
}
.main-class-cate .category-wrap .swiper-slide{display:inline-block;margin:0 20px;width:auto;vertical-align:top}
.main-class-cate .category-wrap .swiper-slide a{display:block;font-size:22px;line-height:50px;color:var(--color-dark-gray,#333)}
.main-class-cate .category-wrap .swiper-slide.slick-active a{position:relative;font-weight:700;color:#000}
.main-class-cate .category-wrap .swiper-slide.on a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:4px;background:var(--color-primary,#0148d4)}
.main-class-cate .sub-category{font-size:0;text-align:center}
@media only screen and (min-width:1181px) {
    .main-class-cate .sub-category .swiper-wrapper{justify-content:center}
}
.main-class-cate .sub-category .swiper-slide{display:inline-block;margin:0 7px;width:auto;vertical-align:top}
.main-class-cate .sub-category .swiper-slide a{display:block;padding:0 20px;border-radius:25px;font-size:18px;line-height:50px;color:var(--color-dark-gray,#333)}
.main-class-cate .sub-category .swiper-slide.on a{background:var(--color-primary,#0148d4);color:#fff}
@media only screen and (max-width:1180px) {
    .main-class-cate{width:100%}
    .main-class-cate .category-wrap{padding-left:10px}
    .main-class-cate .sub-category{padding-left:3px}
}
@media only screen and (max-width:768px) {
    .main-class-cate .category-wrap{padding-left:0}
    .main-class-cate .sub-category{padding-left:0}
    .main-class-cate .sub-category .swiper-slide{margin:0}
}
@media only screen and (max-width:640px) {
    .main-class-cate{padding:20px 0 30px}
    .main-class-cate .category-wrap{margin-bottom:17px;padding-left:5px}
    .main-class-cate .category-wrap .swiper-slide{margin:0 15px}
    .main-class-cate .sub-category{padding-left:5px}
    .main-class-cate .category-wrap .swiper-slide.on a:after{height:3px}
    .main-class-cate .category-wrap .swiper-slide a{font-size:17px;line-height:45px}
    .main-class-cate .sub-category .swiper-slide a{padding:0 12px;font-size:15px;line-height:36px}
}
/* -------- list -------- */
.main-class-wrap{padding:80px 0;width:100%}
.main-class-wrap:nth-of-type(odd){background:#f8f8f8}
.main-class-wrap .main-class-inner{margin:0 auto;width:1180px}
.main-class-wrap .main-class-tit{margin-bottom:24px;font-size:0}
.main-class-wrap .main-class-tit h1{display:inline-block;width:calc(100% - 75px);font-weight:500;font-size:24px;line-height:1;color:var(--color-dark-gray,#333);vertical-align:bottom}
.main-class-wrap .main-class-tit a{display:inline-block;width:75px;font-size:16px;color:#666;text-align:right;vertical-align:bottom}
.main-class-wrap .main-class-list{display:flex;flex-wrap:wrap;gap:75px 20px}
/* .main-class-wrap .main-class-list .main-class-box{display:inline-block;vertical-align:top;width:33.33%;width:calc((100% - 40px) / 3)}
.main-class-wrap .main-class-list .main-class-box .thumb{overflow:hidden;border-radius:6px;height:auto;aspect-ratio:1.9/1.07}
.main-class-wrap .main-class-list .main-class-box .thumb a{display:block}
.main-class-wrap .main-class-list .main-class-box .thumb img{width:100%;transition:transform .5s} */
.main-class-wrap .main-class-list .main-class-box:hover .thumb img{transform:scale(1.05)}
/* .main-class-wrap .main-class-list .main-class-box .class-info{padding:15px 10px 0}
.main-class-wrap .main-class-list .main-class-box .class-name{font-size:14px;line-height:26px;color:var(--color-dark-gray,#333)}
.main-class-wrap .main-class-list .main-class-box .class-name strong{display:inline-block;margin-right:6px;padding:0 10px;border-radius:4px;background:var(--color-primary,#0148d4);font-weight:400;color:#fff}
.main-class-wrap .main-class-list .main-class-box .name{margin-top:15px;margin-bottom:7px;font-size:15px;color:#000}
.main-class-wrap .main-class-list .main-class-box .class-subject{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;width:100%;height:40px;font-size:16px;line-height:20px;color:var(--color-dark-gray,#333);word-break:keep-all;font-weight:700}
.main-class-wrap .main-class-list .main-class-box .price{display:block;margin-top:20px;font-size:16px;color:#111;text-align:right}
.main-class-wrap .main-class-list .main-class-box .price .discount{margin-right:5px;color:var(--color-red,#dc3545)}
.main-class-wrap .main-class-list .main-class-box .price strong{font-weight:400;font-size:24px; word-break:keep-all;}
.main-class-wrap .main-class-list .main-class-box .price del{text-decoration:line-through;color:var(--color-light-gray,#ccc)} */
.thumb{position:relative;/*width:33%;*/height:272px}
.thumb img{position:absolute;top:0;left:0;transform:translate(50,50);width:100%;height:100%;object-fit:cover;margin:auto}


@media only screen and (max-width:1180px) {
    .main-class-wrap .main-class-inner{padding:0 30px;width:100%}
}
@media only screen and (max-width:1024px) {
    .main-class-wrap .main-class-list{width:calc(100% + 20px);gap:0}
    .main-class-wrap .main-class-list .slick-slide{width:380px}
    /* .main-class-wrap .main-class-list .main-class-box{padding-right:20px} */
}
@media only screen and (max-width:768px) {
    .main-class-wrap .main-class-inner{padding:0 20px}
    .main-class-wrap .main-class-list .slick-slide{width:59.3vw}
}
@media only screen and (max-width:640px) {
    .main-class-wrap{padding:50px 0}
    .main-class-wrap .main-class-tit{margin-bottom:20px}
    .main-class-wrap .main-class-tit h1{font-size:20px}
    .main-class-wrap .main-class-tit a{font-size:14px}
    .main-class-wrap .main-class-list{margin-bottom:-40px}
    /* .main-class-wrap .main-class-list .main-class-box{margin-bottom:40px;padding-right:15px}
    .main-class-wrap .main-class-list .main-class-box .class-info{padding:12px 7px 0}
    .main-class-wrap .main-class-list .main-class-box .class-name{font-size:13px;line-height:22px}
    .main-class-wrap .main-class-list .main-class-box .class-name strong{margin-right:4px;padding:0 7px}
    .main-class-wrap .main-class-list .main-class-box .name{margin-top:12px;margin-bottom:5px;font-size:13px}
    .main-class-wrap .main-class-list .main-class-box .class-subject{height:34px;font-size:14px;line-height:17px}
    .main-class-wrap .main-class-list .main-class-box .price{margin-top:12px;font-size:14px}
    .main-class-wrap .main-class-list .main-class-box .price strong{font-size:20px} */
}
/* 교수 소개 */
.main-professor{position:relative;width:100%;height:650px;overflow-x:hidden}
.main-professor .swiper-slide .image{position:absolute;top:0;left:50%;width:100%;max-width:1920px;height:100%;background:#fff no-repeat center/cover;transform:translateX(-50%)}
.main-professor .swiper-slide a{position:absolute;top:0;left:0;width:100%;height:100%}
.main-professor .swiper-button-next,.main-professor .swiper-button-prev{left:50%;width:23px;height:44px}
.main-professor .swiper-button-prev{margin-left:-663px}
.main-professor .swiper-button-next{margin-left:640px}
.main-professor .swiper-button-prev:after,.main-professor .swiper-button-next:after{content:'';width:100%;height:100%}
.main-professor .swiper-button-prev:after{background:url(../images/main_tpl01/btn_prev_w.png) no-repeat left center}
.main-professor .swiper-button-next:after{background:url(../images/main_tpl01/btn_next_w.png) no-repeat left center}
@media only screen and (max-width:1180px) {
    .main-professor{height:auto}
    .main-professor .swiper-slide{padding-bottom:55.9%}
    .main-professor .swiper-button-next,.main-professor .swiper-button-prev{display:none}
}
/* 메인 게시판 */
.main-board{padding:80px 0 100px}
.main-board .inner{font-size:0}
.main-board .main-board-tit{position:relative}
.main-board .main-board-tit h1{margin-bottom:20px;font-weight:500;font-size:24px;line-height:1;color:var(--color-dark-gray,#333)}
.main-board .main-board-tit a{position:absolute;top:50%;right:0;transform:translateY(-50%);width:23px;height:23px;font-size:0}
.main-board .main-board-tit a:before,.main-board .main-board-tit a:after{content:'';position:absolute;top:50%;right:0;margin-top:-1.5px;width:100%;height:3px;background:var(--color-dark-gray,#333)}
.main-board .main-board-tit a:after{transform:rotate(-90deg)}
@media only screen and (max-width:768px) {
    .main-board{padding:80px 0}
}
@media only screen and (max-width:640px) {
    .main-board{padding:50px 0}
    .main-board .main-board-tit h1{margin-bottom:15px;font-size:18px}
    .main-board .main-board-tit a{width:16px;height:16px}
}
/* -------- 공지사항 -------- */
.main-board .main-notice{display:inline-block;width:380px;vertical-align:top}
.main-board .main-notice-list{padding:21px 30px;border:1px solid #eee;border-radius:8px}
.main-board .main-notice-list li a{overflow:hidden;display:block;width:100%;font-size:16px;line-height:35px;color:var(--color-dark-gray,#333);white-space:nowrap;text-overflow:ellipsis;transition:.3s}
.main-board .main-notice-list li:hover a{text-decoration:underline}
.main-board .main-notice-list li a img{width:16px;height:16px;vertical-align:middle}
@media only screen and (max-width:768px) {
    .main-board .main-notice{width:100%}
    .main-board .main-notice-list{padding:16px 20px}
}
@media only screen and (max-width:640px) {
    .main-board .main-notice-list li a{font-size:14px;line-height:30px}
}
/* -------- 수강후기 -------- */
.main-board .main-review{display:inline-block;margin-left:20px;width:calc(100% - 400px);vertical-align:top}
.main-board .main-review-list{overflow:hidden;position:relative;border-radius:8px;border:1px solid #eee}
.main-board .main-review-list .main-review-box{padding:34px 30px}
.main-board .main-review-list .main-review-box .subject{overflow:hidden;display:block;margin-bottom:14px;font-weight:500;font-size:20px;line-height:1;color:var(--color-dark-gray,#333);white-space:nowrap;text-overflow:ellipsis}
.main-board .main-review-list .main-review-box .conts{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;margin-bottom:20px;width:100%;height:72px;font-weight:300;font-size:16px;line-height:24px;color:var(--color-dark-gray,#333)}
.main-board .main-review-list .main-review-box .name{display:block;font-size:16px;color:#999;text-align:right}
.main-board .main-review-list .swiper-pagination{position:absolute;bottom:34px;left:30px;width:auto;font-weight:400;font-size:16px;color:var(--color-dark-gray,#333);text-align:left}
.main-board .main-review-list .swiper-pagination .swiper-pagination-current{color:var(--color-primary,#0148d4)}
@media only screen and (max-width:768px) {
    .main-board .main-review{margin-top:40px;margin-left:0;width:100%}
    .main-board .main-review-list .main-review-box{padding:22px 20px}
    .main-board .main-review-list .swiper-pagination{bottom:22px;left:20px}
}
@media only screen and (max-width:640px) {
    .main-board .main-review{margin-top:30px}
    .main-board .main-review-list .main-review-box .subject{margin-bottom:10px;font-size:16px}
    .main-board .main-review-list .main-review-box .conts{margin-bottom:15px;height:54px;font-size:14px;line-height:18px}
    .main-board .main-review-list .main-review-box .name{font-size:13px}
    .main-board .main-review-list .swiper-pagination{font-size:13px}
}
/* -------- 메인 영상 -------- */
.main-movie{padding:80px 0;background:#20242b}
.main-movie .main-movie-outer{position:relative}
.main-movie .main-movie-list{overflow:hidden;position:relative;left:7px;margin:0 auto;max-width:1194px;width:90%}
.main-movie .main-movie-list .swiper-slide{padding-right:14px;width:299px}
.main-movie .main-movie-list .swiper-slide a{display:block;line-height:0;width:100%;height:100%;aspect-ratio:5.7/3.2;overflow:hidden}
.main-movie .main-movie-list .swiper-slide img{border-radius:8px;width:100%;height:100%;object-fit:cover}
.main-movie .swiper-button-next,.main-movie .swiper-button-prev{left:50%;width:23px;height:44px}
.main-movie .swiper-button-prev{margin-left:-663px}
.main-movie .swiper-button-next{margin-left:640px}
.main-movie .swiper-button-prev:after,.main-movie .swiper-button-next:after{content:'';width:100%;height:100%}
.main-movie .swiper-button-prev:after{background:url(../images/main_tpl01/btn_prev_w.png) no-repeat left center}
.main-movie .swiper-button-next:after{background:url(../images/main_tpl01/btn_next_w.png) no-repeat left center}
.main-movie .swiper-pagination-progressbar{position:relative;display:none;margin-top:30px;background:rgba(255,255,255,.1)}
.main-movie .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff}
@media only screen and (max-width:1345px) {
    .main-movie .swiper-button-prev{margin-left:0;left:10px}
    .main-movie .swiper-button-next{margin-left:0;left:auto;right:10px}
}
@media only screen and (max-width:1180px) {
    .main-movie .main-movie-outer{padding:0 0 0 30px}
    .main-movie .main-movie-list{left:0;width:100%}
    .main-movie .swiper-button-next,.main-movie .swiper-button-prev{display:none}
    .main-movie .swiper-pagination-progressbar{display:block;width:calc(100% - 30px)!important}
}
@media only screen and (max-width:768px) {
    .main-movie .main-movie-outer{padding:0 0 0 20px}
    .main-movie .swiper-pagination-progressbar{width:calc(100% - 20px)!important}
}
@media only screen and (max-width:640px) {
    .main-movie{padding:50px 0}
    .main-movie .main-movie-list .swiper-slide{padding-right:10px;width:190px}
    .main-movie .main-movie-list .swiper-slide img{border-radius:4px}
}
/* -------- 메인 교재시리즈 -------- */
.main-textbook{padding:80px 0;background:#f8f8f8}
.main-textbook .main-textbook-tit{margin-bottom:40px;font-weight:500;font-size:24px;color:var(--color-dark-gray,#333);text-align:center}
.main-textbook .main-textbook-tit strong{display:block;font-weight:700;font-size:32px}
.main-textbook .main-textbook-wrap{position:relative;overflow:hidden}
.main-textbook .main-textbook-outer{overflow:hidden;margin:0 auto;width:1180px}
.main-textbook .main-textbook-list{position:relative;margin:0 auto;width:1180px}
.main-textbook .main-textbook-list .swiper-slide{float:none;display:inline-block!important;width:268px;transition:.3s;vertical-align:middle}
.main-textbook .main-textbook-list .main-textbook-box a{display:block;aspect-ratio:93/128}
.main-textbook .main-textbook-list .main-textbook-box img{width:100%;height:100%;object-fit:cover;box-shadow:5px 0 7px rgba(0,0,0,.2);transition:.3s}
.main-textbook .swiper-button-next1,.main-textbook .swiper-button-prev1{position:absolute;top:50%;left:50%;z-index:10;margin-top:-22px;width:23px;height:44px}
.main-textbook .swiper-button-prev1{margin-left:-663px}
.main-textbook .swiper-button-next1{margin-left:640px}
.main-textbook .swiper-button-prev1:after,.main-textbook .swiper-button-next1:after{content:'';display:block;width:100%;height:100%}
.main-textbook .swiper-button-prev1:after{background:url(../images/main_tpl01/btn_prev_g.png) no-repeat left center}
.main-textbook .swiper-button-next1:after{background:url(../images/main_tpl01/btn_next_g.png) no-repeat right center}

@media only screen and (max-width:1500px) {
    .main-textbook .swiper-button-prev1{left:30px;margin-left:0}
    .main-textbook .swiper-button-next1{left:auto;right:30px;margin-left:0}
}
@media only screen and (max-width:1180px) {
    .main-textbook .main-textbook-outer{width:100%}
    .main-textbook .main-textbook-list{width:100%}
    .main-textbook .main-textbook-wrap{padding:0 30px}
}
@media only screen and (max-width:768px) {
    .main-textbook{padding:50px 0}
    .main-textbook .swiper-button-prev1{left:-30px}
    .main-textbook .swiper-button-next1{right:-30px}
}
@media only screen and (max-width:767px) {
    .main-textbook .main-textbook-wrap{margin:0 35px;padding:0;overflow:visible}
    .main-textbook .main-textbook-list .swiper-slide{width:188px}
}
@media only screen and (max-width:640px) {
    .main-textbook .main-textbook-tit{margin-bottom:25px;font-size:18px}
    .main-textbook .main-textbook-tit strong{font-size:24px}
    .main-textbook .swiper-button-prev1:after,.main-textbook .swiper-button-next1:after{background-size:auto 30px}
}
/*Popup*/
.main-popup-wrap.dim{position:fixed;top:0;left:0;bottom:0;right:0;z-index:200;width:100%;height:100%;background:rgba(0,0,0,.5)}
.main-popup{position:absolute;z-index:120;background-color:#fff;line-height:20px; border-radius:12px; overflow:hidden;}
.main-popup .popup-bottom{}
.main-popup .popup-bottom .popup-bottom-inner{display:flex; height:62px;}
.main-popup .popup-bottom .popup-btn{display:flex; justify-content:center; align-items:center; width:50%; height:100%; text-align:center; color:var(--color-dark-gray); font-size:16px;}
.main-popup .popup-bottom .popup-btn + .popup-btn {border-left:1px solid var(--color-gray-008, #F0F4F8);}
.main-popup .popup-bottom label{display:flex; justify-content:center; align-items:center; height:100%; color:var(--color-dark-gray); font-size:16px; cursor:pointer;}
.main-popup .popup-bottom input[type="checkbox"]{margin:0}
.main-popup.center{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%); border:1px solid var(--color-gray-008, #F0F4F8);box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);}
.main-popup .ck-content .image{margin:0}
.top-popup{position:relative;overflow-y:hidden}
.top-popup .popup-control{position:absolute;top:20%;right:10px;display:flex;align-items:center}
.top-popup .popup-control label{color:var(--color-dark-gray,#333)}
.top-popup .popup-control .close{position:relative;display:block;width:20px;height:20px;margin-left:7px;font-size:0}
.top-popup .popup-control .close:before,.top-popup .popup-control .close:after{content:'';position:absolute;top:50%;left:0;z-index:1;width:100%;height:1px;border-radius:5px;background:var(--color-dark-gray,#333)}
.top-popup .popup-control .close:before{transform:rotate(45deg)}
.top-popup .popup-control .close:after{transform:rotate(-45deg)}
@media only screen and (max-width:767px) {
    .top-popup .popup-control label{display:none}
    .top-popup .popup-control .close{width:30px;height:30px}
    .top-popup .popup-control .close:before,.top-popup .popup-control .close:after{height:2px}
	.main-popup.center {max-width:100%;}
	.main-popup .ck-content .image img {width:100%;}
}