.class_list {display: flex;flex-wrap: wrap;}
.swiper-wrapper.class_list {flex-wrap: nowrap;}
.class_list > li {position: relative;overflow: hidden;width: calc(33.333% - 6px);margin-right: 9px;margin-bottom: 3rem;border-radius:1rem;z-index: 2;}
.swiper-wrapper.class_list > li {margin-bottom: 0;}
.class_list > li:nth-child(3n) {margin-right: 0;}
.class_list > li:before {content:'';position: absolute;top: 0;left: 0;right: 0;bottom: 1px;border: 1px solid #dedede;border-radius:1rem;z-index: -1;}
.class_list > li .img_wrap {overflow: hidden;}
.class_list > li .img {position: relative;display: block;padding-bottom: 70.97%;width: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius:1rem 1rem 0 0; transform: scale(1);transition:all 0.3s;will-change: transform;z-index: 1;}
.class_list > li:hover .img {transform: scale(1.15);}
.class_list > li .img_tit {overflow: hidden;max-height: 109px;position: absolute;font-family: 'Gmarket Sans';top:50%;left: 50%;width: 100%;padding: 0 5%;text-align: center;word-break: keep-all;transform: translate(-50%,-50%); font-size: 34px;line-height: 1.1;font-weight: 700;color: #fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);letter-spacing:-0.025em;}
.class_list > li .con {padding: 2.4rem 3rem 4rem;}
.class_list > li .tit {overflow: hidden;display: block;margin-bottom: 1.3rem;font-size: 20px;font-weight: 500;color: #000;white-space: nowrap; text-overflow: ellipsis;}
.class_list > li .date {display: block;margin-bottom: 0.2rem;font-size: 16px;font-weight: 300;color: #666666;line-height: 1;}
.class_list > li .price {display: block;margin-bottom: 1.5rem;font-size: 15px;font-weight: 500;color: #999999;}
.class_list > li .price .total {font-size: 20px;font-weight:500;color: #ff0000;}
.class_list > li .txt {overflow: hidden;font-size: 16px;line-height: 24px;font-weight: 300;color: #666666;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.class_list > li .status_info {color: red;position:absolute;font-size:12px;right:10px;top:10px;border-radius: 10px;background: silver;padding: 0px 6px;opacity: 0.7;font-weight: bolder;}

/* 메인페이지 비주얼 */
.main_visual2 { opacity: 0; }
.main_visual2 .slick-list { overflow: visible; } 
.main_visual2 .slick-slide { font-size: 0; } 
.main_visual2 > *:not(:first-child) { display: none; }
.main_visual2 .slick-slide > div > div {display: flex !important;justify-content: center !important;}
.main_visual2 .pic { overflow: hidden; margin: 0 auto; max-width:1180px; width: 100%; padding-bottom: 296px; border-radius: 16px;background-position: center center !important;background-repeat: no-repeat !important;background-size: cover !important; } 
.main_visual2 .slick-track,
.main_visual2 .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}
#visual2 { position: relative; max-width: 1220px; margin: 65px auto 97px; } 
#visual2 .control { display: flex; align-items: center; position: absolute; right: 44px; bottom: 16px; z-index: 1; } 
#visual2 .control .btn_arr { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 0; background: rgba(0, 0, 0, 0.2); border: none; border-radius: 50%; cursor: pointer; } 
#visual2 .control .btn_arr img { width: 10px; } 
#visual2 .control .btn_next { margin-left: 16px; } 
#visual2 .control .btn_next img { transform: scaleX(-1); } 
#visual2 .control .num { display: flex; justify-content: center; align-items: center; gap:4px; width: 60px; height: 24px; margin-left: 13px; background: rgba(0, 0, 0, 0.4); border-radius: 32px; font-family: 'Pretendard'; font-size: 20px; font-weight: 400; letter-spacing: -0.015em; color: #FFFFFF; } 

/* 메인페이지 카테고리 */
.main_tit { margin-bottom: 32px; font-family: 'Noto Sans KR' !important; font-size: 36px; font-weight: 700; line-height: 110%; letter-spacing: -0.015em; color: #000000; } 
.main_tit2 { margin-bottom: 32px; font-family: 'Noto Sans KR' !important; font-size: 36px; font-weight: 700; line-height: 110%; letter-spacing: -0.015em; color: #000000; } 
.main_cate_wrap { padding: 40px 0; } 
.main_cate_wrap:nth-of-type(2n) { background: #F4F4F4; } 
.main_cate { display: flex; flex-wrap:wrap; gap:15px 24px; } 
.main_cate li a { display: flex; justify-content: center; align-items: center; position: relative; width: 277px; height: 60px; background: rgba(255, 255, 255, 0.8); border: 1px solid #E1E1E1; border-radius: 8px; font-family: 'Pretendard'; font-size: 20px; font-weight: 500; letter-spacing: -0.015em; color: #808080; } 
.main_cate li a:hover { border-color: #b5d2f6; color: #3B93EF; background: #e5effc; }
.main_cate li a .tag { position: absolute; top: -12px; left: 7px; padding: 2px 8px; background: #3B93EF; border-radius: 4px; font-family: 'Noto Sans KR'; font-size: 14px; font-weight: 700; color: #FFFFFF; } 

/* 메인 이벤트 */
.main_event_wrap { padding: 40px 0; } 
.main_event { position: relative; } 
.main_event .inner { overflow: hidden; } 
.main_event .slide_list > li { overflow: hidden; position: relative; border-radius: 24px; } 
.main_event .slide_list > li a { display: block; } 
.main_event .slide_list > li .img { display: block; position: relative; padding-bottom: 94.74%; } 
.main_event .slide_list > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; object-fit: cover; } 
.main_event .slide_list > li .tag_wrap { display: flex; flex-wrap:wrap; gap:3px; position: absolute; top: 24px; left: 24px; z-index: 2; } 
.main_event .slide_list > li .tag_wrap .tag { padding: 2px 8px; background: #3B93EF; border-radius: 4px; font-family: 'Noto Sans KR'; font-size: 14px; font-weight: 700; line-height: 19px; color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } 
.main_event .slide_list > li .tag_wrap .tag.c_orange { background: #FF462D; } 

.main_event .control { display: flex; align-items: center; position: absolute; top: -72px; right: 0; z-index: 1; } 
.main_event .control .btn_arr { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; background: rgba(0, 0, 0, 0.2); border: none; border-radius: 50%; cursor: pointer; } 
.main_event .control .btn_arr img { width: 15px; } 
.main_event .control .btn_next { margin-left: 120px; } 
.main_event .control .btn_next img { transform: scaleX(-1); } 
.main_event .control .num { display: none; } 

/* 상점 페이지 BEST 과정 */
.main_best_wrap { padding: 15px 0 122px; } 
.main_best_wrap .anchor_tit_box{display: flex;align-items: flex-end;  margin-bottom:32px; gap:16px;}
.main_best_wrap .anchor_tit_box .main_tit{margin-bottom: 0 !important; word-break: keep-all; padding-right: 0 !important;}
.main_best_wrap .main_tit_anchor{font-size: 20px; font-weight: 600; color: #fff; background-color: #FF462D; padding: 4px 16px; border-radius: 4px; flex-shrink: 0;}
@media (max-width: 767px) {
    .main_best_wrap .anchor_tit_box {margin-bottom:16px;}
    .main_best_wrap .main_tit_anchor{font-size:16px;}
    .main_best_wrap .anchor_tit_box{justify-content: space-between;}
}
@media (max-width:480px){
    .main_best_wrap .main_tit_anchor{padding: 2px 8px;}
}
.main_best .inner { overflow: hidden; } 
.main_best_list {display: flex;gap:20px;}
.main_best_list.swiper-wrapper {gap:0;}
.main_best_list > li { display: flex; align-items: flex-start; width: 380px; height: 380px; padding: 22px 24px; background-color: #3B93EF; border-radius: 15px; flex-direction: column; } 
.main_best_list > li.bg_green { background-color: #83C5C1; }
.main_best_list > li.bg_orange { background-color: #F6A860; }
.main_best_list > li .tag { padding:3px 13px; background: #FF462D; border-radius: 4px; font-family: 'Noto Sans KR'; font-size: 14px; font-weight: 500; line-height: 19px; letter-spacing: -0.015em; color: #FFFFFF; } 
.main_best_list > li .tit { width: 100%; margin-top: 14px; font-family: 'Noto Sans KR'; font-size: 40px; font-weight: 900; line-height: 56px; color: #FFFFFF; } 
.main_best_list > li .txt { width: 100%; margin-top: 30px; font-family: 'Pretendard'; font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -0.015em; color: #FFFFFF; } 
.main_best_list > li .link_wrap { display: flex; gap:5px; width: 100%; margin-top: auto; flex-direction: column; } 
.main_best_list > li .link_wrap .link { display: block; position: relative; padding:6px 13px; background: rgba(255, 255, 255, 0.8); border-radius: 8px; font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 500; line-height: 27px; letter-spacing: -0.015em; color: #000; } 
.main_best_list > li .link_wrap .link::after { content:''; position: absolute; top: 50%; right: 13px; width: 10px; height: 16px; background:url('/USER_SKIN/moate24/images/best_link.png') center center no-repeat; background-size: contain; transform: translate(0,-50%); } 
.main_best_list > li .link_wrap .link span { font-weight: 700; color: #FF462D; } 
.main_best .num { display: none; } 

/* 상점 페이지 추천 교재 */
.main_book_wrap { padding: 40px 0 33px; background: #F4F4F4; } 
.main_book { position: relative; } 
.main_book .inner { overflow: hidden; } 
.main_book_list > li a { display: block; text-align: center; } 
.main_book_list > li .img { display: block; width: 170px; height: 240px; margin: 0 auto; } 
.main_book_list > li .img img { width: 100%; height: 100%; object-fit: cover; } 
.main_book_list > li .tit { display: block; margin-top: 15px; font-family: 'Pretendard'; font-size: 24px; font-weight: 600; line-height: 29px; letter-spacing: -0.015em; color: #000000; } 
.main_book_list > li .txt { display: block; margin-top: 15px; font-family: 'Pretendard'; font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -0.015em; color: #808080; } 
.main_book .control { display: flex; align-items: center; position: absolute; top: -72px; right: 0; z-index: 1; } 
.main_book .control .btn_arr { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; background: rgba(0, 0, 0, 0.2); border: none; border-radius: 50%; cursor: pointer; } 
.main_book .control .btn_arr img { width: 15px; } 
.main_book .control .btn_next { margin-left: 120px; } 
.main_book .control .btn_next img { transform: scaleX(-1); } 
.main_book .control .num { display: none; } 

/* 상점 페이지 비주얼 배너 */
.shop_vis_wrap { margin-bottom: 65px; } 
.shop_vis_wrap .in_Layer { display: flex; justify-content: space-between; } 
.shop_vis_wrap .main_tit {display: none;}
.shop_vis { position: relative; overflow: hidden; border-radius:16px; } 
.shop_vis .inner { overflow: hidden; } 
.shop_vis .slide_list > li a { display: block; } 
.shop_vis .slide_list > li .img { display: block; position: relative; padding-bottom: 30%; } 
.shop_vis .slide_list > li .img.mo {display: none;}
.shop_vis .slide_list > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.shop_vis .control { display: flex; align-items: center; position: absolute; right: 24px; bottom: 16px; z-index: 1; } 
.shop_vis .control .btn_arr { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; padding: 0; background: rgba(0, 0, 0, 0.2); border: none; border-radius: 50%; cursor: pointer; } 
.shop_vis .control .btn_arr img { width: 10px; } 
.shop_vis .control .btn_next { margin-left: 16px; } 
.shop_vis .control .btn_next img { transform: scaleX(-1); } 
.shop_vis .control .num { display: flex; justify-content: center; align-items: center; gap:4px; width: 60px; height: 24px; margin-left: 13px; background: rgba(0, 0, 0, 0.4); border-radius: 32px; font-family: 'Pretendard'; font-size: 20px; font-weight: 400; letter-spacing: -0.015em; color: #FFFFFF; } 
.shop_vis.type1 { width: 68.135%; } 
.shop_vis.type2 { width: 30.509%; } 
.shop_vis.type1 .slide_list > li .img { padding-bottom: 36.816%; } 
.shop_vis.type2 .slide_list > li .img { padding-bottom: 82.223%; } 

/* 상점 페이지 합격전문 교수님 */
.main_teacher_wrap { padding: 100px 0 50px; } 
.main_teacher { position: relative; } 
.main_teacher .inner { overflow: hidden; } 
.main_teacher_list > li { overflow: hidden; border-radius:16px; } 
.main_teacher_list > li a { display: block; } 
.main_teacher_list > li .img { display: block; position: relative; padding-bottom: 100%; } 
.main_teacher_list > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.main_teacher .control { display: flex; align-items: center; position: absolute; top: -72px; right: 0; z-index: 1; } 
.main_teacher .control .btn_arr { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; background: rgba(0, 0, 0, 0.2); border: none; border-radius: 50%; cursor: pointer; } 
.main_teacher .control .btn_arr img { width: 15px; } 
.main_teacher .control .btn_next { margin-left: 120px; } 
.main_teacher .control .btn_next img { transform: scaleX(-1); } 
.main_teacher .control .num { display: none; } 

/* 상점 페이지 무료특강 */
.main_free_wrap { padding-bottom: 56px; } 
.main_free { position: relative; } 
.main_free .inner { overflow: hidden; } 
.main_free_list > li a { display: block; } 
.main_free_list > li .img { display: block; position: relative; padding-bottom: 56.316%; } 
.main_free_list > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.main_free .control { display: flex; align-items: center; position: absolute; top: -72px; right: 0; z-index: 1; } 
.main_free .control .btn_arr { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; background: rgba(0, 0, 0, 0.2); border: none; border-radius: 50%; cursor: pointer; } 
.main_free .control .btn_arr img { width: 15px; } 
.main_free .control .btn_next { margin-left: 120px; } 
.main_free .control .btn_next img { transform: scaleX(-1); } 
.main_free .control .num { display: none; } 

/* 100% 리얼 합격수기 */
.main_review_wrap { padding:40px 0; background: #F4F4F4; } 
.main_review_wrap .top { display: flex; align-items: flex-start; } 
.main_review_wrap .more { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin-left: auto; background: rgba(0, 0, 0, 0.2); border-radius:50%; } 
.main_review_wrap .more img { width: 24px; height: 24px; } 
/*.main_review { display: flex; justify-content: space-between; } */
.main_review { display: flex; gap:16px; justify-content: flex-start;} /* 24.09 5개 미만 레이아웃 정렬 by JH.Choi */
.main_review > li { width: 18.899%; padding:32px 20px; background: #FFFFFF; border-radius: 16px; } 
.main_review > li a { display: block; } 
.main_review > li .img { display: block; width: 100px; height: 100px; margin: 0 auto; border-radius:50%; } 
.main_review > li .img img { width: 100%; height: 100%; object-fit: cover; } 
.main_review > li .txt { overflow: hidden; display: -webkit-box; margin-top: 16px; font-family: 'Pretendard'; font-size: 16px; font-weight: 400; line-height: 19px; letter-spacing: -0.015em; color: #808080; text-align: center; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } 

/* 합격 전문 교수진 시작 */
.main_teacher_wrap2 { padding-top: 56px; text-align: center; } 
.main_teacher_wrap2 .top { display: flex; align-items:flex-start; margin-bottom: 16px; } 
.main_teacher_wrap2 .top .teacher_evidence { align-items: center; margin: 6px 0 0 auto; padding: 4px 8px; border: 1px solid #E1E1E1; border-radius: 4px; font-family: 'Noto Sans KR'; font-size: 14px; font-weight: 500; line-height: 19px; letter-spacing: -0.015em; color: #808080; text-align: center; } 
.main_teacher_wrap2 .tit_list { display: flex; justify-content: center; align-items: center; gap:24px; } 
.main_teacher_wrap2 .tit_list li { display: flex; justify-content: center; align-items: center; position: relative; width: 178px; height: 63px; text-align: center; flex-direction: column; } 
.main_teacher_wrap2 .tit_list li span { font-family: 'Pretendard'; font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -0.015em; color: #1E1E1E; } 
.main_teacher_wrap2 .tit_list li strong { font-family: 'Noto Sans KR'; font-size: 36px; font-weight: 700; line-height: 110%; letter-spacing: -0.015em; color: #000000; } 
.main_teacher_wrap2 .tit_list li::before,
.main_teacher_wrap2 .tit_list li::after { content:''; position: absolute; top: 0; width: 36px; height: 63px; background:url('/USER_SKIN/moate24/images/main_teacher_tit.png') center center no-repeat; background-size: contain; } 
.main_teacher_wrap2 .tit_list li::before { left: 0; transform: scaleX(-1); } 
.main_teacher_wrap2 .tit_list li::after { right: 0; } 
.main_teacher2_slide { position: relative; margin-top: 24px; }
.main_teacher2_slide .inner { overflow: hidden; max-width: 1072px; margin: 0 auto; }
.main_teacher2_slide .more { display: inline-block; padding:8px 16px; margin-top: 48px; border: 1px solid #A4A4A4; border-radius: 8px; font-family: 'Pretendard'; font-size: 16px; font-weight: 400; line-height: 19px; letter-spacing: -0.015em; color: #A4A4A4; } 
.main_teacher2_slide .control .btn_arr { position: absolute; top: 50%; transform: translate(0,-50%); display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; background: rgba(0, 0, 0, 0.2); border: none; border-radius: 50%; cursor: pointer; z-index: 1; } 
.main_teacher2_slide .control .btn_arr img { width: 15px; } 
.main_teacher2_slide .control .btn_prev { left: 0; }
.main_teacher2_slide .control .btn_next { right: 0; } 
.main_teacher2_slide .control .btn_next img { transform: scaleX(-1); } 
.main_teacher2_slide .control .num { display: none; } 
.main_teacher2_slide.center .main_teacher2 {justify-content: center;}
.main_teacher2_slide.center .control { display: none; }
.main_teacher2 li a { display: block; } 
.main_teacher2 li a .img { overflow: hidden; display: block; width: 208px; height: 368px; border-radius:16px; } 
.main_teacher2 li a .img img { width: 100%; height: 100%; object-fit: cover; } 
.main_teacher_wrap2 .more { display: inline-block; padding:8px 16px; margin-top: 48px; border: 1px solid #A4A4A4; border-radius: 8px; font-family: 'Pretendard'; font-size: 16px; font-weight: 400; line-height: 19px; letter-spacing: -0.015em; color: #A4A4A4; } 
#evidence_pop { display: none; width: 520px; max-width: 100%; padding: 35px 40px 28px; border: 2px solid #3b93ef; } 
#evidence_pop p { font-size: 16px; line-height: 1.5; word-break: keep-all; color: #1e1e1e; }

/* 소방설비기사 강의 맛보기 */
.main_free_wrap2 { overflow: hidden; max-width: 1920px; margin: 0 auto; padding-top: 80px; text-align: center; } 
.main_free_wrap2 .main_tit { text-align: left; } 
.main_free2 { position: relative; margin: 0 -10px; } 
.main_free_list2 > li { position: relative; width: calc(33.333% - 20px); margin:0 10px; transition: opacity 0.3s; opacity: 0.3; } 
.main_free_list2 > li .img { display: block; position: relative; padding-bottom: 56.316%; } 
.main_free_list2 > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.main_free_list2 > li .img::after { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1); z-index: 1; transition: opacity 0.3s; } 
.main_free_list2 > li.swiper-slide-active,
.main_free_list2 > li.swiper-slide-next,
.main_free_list2 > li.swiper-slide-prev,
.main_free_list2 > li.swiper-slide-duplicate-active,
.main_free_list2 > li.swiper-slide-duplicate-next,
.main_free_list2 > li.swiper-slide-duplicate-prev { opacity: 1; } 
.main_free_list2 > li.swiper-slide-active .img::after,
.main_free_list2 > li.swiper-slide-next .img::after,
.main_free_list2 > li.swiper-slide-prev .img::after,
.main_free_list2 > li.swiper-slide-duplicate-active .img::after,
.main_free_list2 > li.swiper-slide-duplicate-next .img::after,
.main_free_list2 > li.swiper-slide-duplicate-prev .img::after { opacity: 0; } 
.main_free2 .control { display: flex; align-items: center; position: absolute; top: -72px; right: 0; z-index: 1; } 
.main_free2 .control .btn_arr { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; background: rgba(0, 0, 0, 0.2); border: none; border-radius: 50%; cursor: pointer; } 
.main_free2 .control .btn_arr img { width: 15px; } 
.main_free2 .control .btn_next { margin-left: 120px; } 
.main_free2 .control .btn_next img { transform: scaleX(-1); } 
.main_free2 .control .num { display: none; } 
.main_free_wrap2 .more { display: inline-block; margin-top: 48px; padding:8px 16px; border: 1px solid #A4A4A4; border-radius: 8px; font-family: 'Pretendard'; font-size: 16px; font-weight: 400; line-height: 19px; letter-spacing: -0.015em; color: #A4A4A4; } 

/* 소방설비기사 베스트 교재 */
.main_book_wrap2 { padding-top: 80px; } 
.main_book2 { padding: 40px; border: 1px solid #E1E1E1; border-radius: 16px; text-align: center; } 
.main_book2 .txt { display: block; font-family: 'Pretendard'; font-size: 28px; font-weight: 700; line-height: 34px; letter-spacing: -0.015em; color: #000000; } 
.main_book2 .tit { display: block; margin-top: 8px; font-family: 'Pretendard'; font-size: 48px; font-weight: 700; line-height: 58px; letter-spacing: -0.015em; color: #000000; font-style: normal; } 
.main_book2 .img { display: block; max-width: 753px; width: 100%; margin: 36px auto 0; } 
.main_book2 .more { display: inline-block; margin-top: 40px; padding:8px 16px; border: 1px solid #A4A4A4; border-radius: 8px; font-family: 'Pretendard'; font-size: 16px; font-weight: 400; line-height: 19px; letter-spacing: -0.015em; color: #A4A4A4; } 

/* 태블릿 버전 */
@media(max-width:1180px) {
    /* LMS 메인 ~1180px */
    .class_list > li .tit {font-size: 18px;}
    .class_list > li .date {font-size: 15px;}
    .class_list > li .price {font-size: 13px;}
    .class_list > li .price .total{font-size: 18px;}
    .class_list > li .txt {font-size: 15px;line-height: 23px;}
    .class_list > li .img_tit {font-size: 3.72vw;max-height: 11.8vw;}

    /* 메인페이지 비주얼 ~1180px */
    .main_visual2 {padding: 32px 32px 0;}
    .main_visual2 .slick-list {overflow: hidden;border-radius:16px;}
    .main_visual2 .pic {border-radius:0;}
    #visual2 {margin-top: 0;margin-bottom: 80px;}
    #visual2 .control {right: 48px;bottom: 16px;}
    #visual2 .control .btn_arr {width: 20px;height: 20px;}
    #visual2 .control .btn_arr img {width: 8px;}
    #visual2 .control .btn_next { margin-left: 12px; } 
    #visual2 .control .num { width: 48px; height: 20px; margin-left: 10px; border-radius: 26px; font-size: 16px; }

    /* 메인페이지 카테고리 ~1180px */
    .main_tit { margin-bottom: 26px; font-size: 28px; } 
    .main_tit2 { margin-bottom: 26px; font-size: 28px; line-height: 38px; } 
    .main_cate_wrap { padding: 32px 0; } 
    .main_cate { gap: 12px 20px; } 
    .main_cate li {width: calc(25% - 15px);}
    .main_cate li a { width: 100%; height: 48px; font-size: 16px; }
    .main_cate li a .tag { top: -10px; left: 6px; padding: 2px 6px; font-size: 12px; } 

    /* 메인 이벤트 ~1180px */
    .main_event_wrap { padding: 32px 0; } 
    .main_event .slide_list > li { border-radius: 19px; } 
    .main_event .control { top: -57px; } 
    .main_event .control .btn_arr { width: 32px; height: 32px; } 
    .main_event .control .btn_arr img { width: 12px; } 
    .main_event .control .btn_next { margin-left: 96px; } 

    /* 상점 페이지 BEST 과정 ~1180px */
    .main_best_wrap { padding: 12px 0 97px; }
    .main_best_list > li { height: 31.8644vw; padding: 1.8644vw 2.0339vw; border-radius: 1.2712vw; } 
    .main_best_list > li .tag { padding: 0.2542vw 1.1017vw; border-radius: 0.3389vw; font-size: 1.1864vw; line-height: 1.6051vw; } 
    .main_best_list > li .tit { margin-top: 1.1864vw; font-size: 3.1vw; line-height: 4.7458vw; } 
    .main_best_list > li .txt { margin-top: 2.5424vw; font-size: 1.6949vw; line-height: 2.0339vw; } 
    .main_best_list > li .link_wrap { gap: 0.4237vw; } 
    .main_best_list > li .link_wrap .link { padding: 0.5084vw 1.1017vw; border-radius: 0.6779vw; font-size: 1.36vw; line-height: 2.2881vw; } 
    .main_best_list > li .link_wrap .link::after { right: 1.1017vw; width: 0.8475vw; height: 1.3559vw; } 

    /* 상점 페이지 추천 교재 ~1180px */
    .main_book_wrap { padding: 32px 0 26px; } 
    .main_book_list > li .img { width: 136px; height: 192px; } 
    .main_book_list > li .tit { margin-top: 12px; font-size: 19px; line-height: 23px; } 
    .main_book_list > li .txt { margin-top: 12px; font-size: 16px; line-height: 19px; } 
    .main_book .control { top: -57px; } 
    .main_book .control .btn_arr { width: 32px; height: 32px; } 
    .main_book .control .btn_arr img { width: 12px; } 
    .main_book .control .btn_next { margin-left: 96px; }

    /* 상점 페이지 비주얼 배너 ~1180px */
    .shop_vis_wrap { margin-bottom: 35px; } 
    .shop_vis_wrap .in_Layer {padding: 32px;}
    .shop_vis { border-radius: 12px; } 
    .shop_vis .control { right: 16px; bottom: 16px; } 
    .shop_vis .control .btn_arr { width: 20px; height: 20px; } 
    .shop_vis .control .btn_arr img { width: 8px; } 
    .shop_vis .control .btn_next { margin-left: 10px; } 
    .shop_vis .control .num { width: 48px; height: 20px; margin-left: 10px; border-radius: 26px; font-size: 16px; } 

    /* 상점 페이지 합격전문 교수님 ~1180px */
    .main_teacher_wrap { padding: 64px 0 32px; } 
    .main_teacher_list > li { border-radius: 12px; } 
    .main_teacher .control { top: -57px; } 
    .main_teacher .control .btn_arr { width: 32px; height: 32px; } 
    .main_teacher .control .btn_arr img { width: 12px; } 
    .main_teacher .control .btn_next { margin-left: 96px; } 

    /* 상점 페이지 무료특강 ~1180px */
    .main_free_wrap { padding-bottom: 45px; } 
    .main_free .control { top: -57px; } 
    .main_free .control .btn_arr { width: 32px; height: 32px; } 
    .main_free .control .btn_arr img { width: 12px; } 
    .main_free .control .btn_next { margin-left: 96px; } 

    /* 100% 리얼 합격수기 ~1180px */
    .main_review_wrap { padding: 32px 0; } 
    .main_review_wrap .more { width: 32px; height: 32px; } 
    .main_review_wrap .more img { width: 19px; height: 19px; } 
    .main_review > li { padding: 26px 16px; border-radius: 13px; } 
    .main_review > li .img { width: 80px; height: 80px; }  
    .main_review > li .txt { margin-top: 13px; font-size: 13px; line-height: 15px; }

    /* 합격 전문 교수진 시작 ~1180px */
    .main_teacher_wrap2 { padding-top: 45px; } 
    .main_teacher_wrap2 .top { margin-bottom: 13px; } 
    .main_teacher_wrap2 .top .teacher_evidence { margin-top: 5px; padding: 3px 6px; border-radius: 3px; font-size: 12px; line-height: 16px;  } 
    .main_teacher_wrap2 .tit_list { gap:19px; } 
    .main_teacher_wrap2 .tit_list li { width: 142px; height: 50px; } 
    .main_teacher_wrap2 .tit_list li span { font-size: 16px; line-height: 19px; } 
    .main_teacher_wrap2 .tit_list li strong { font-size: 29px; } 
    .main_teacher_wrap2 .tit_list li::before,
    .main_teacher_wrap2 .tit_list li::after { width: 29px; height: 50px; } 
    .main_teacher2_slide { margin-top: 19px; } 
    .main_teacher2 li a .img { position: relative; width: 100%; height: 0; padding-bottom: 177.11%; border-radius:13px; } 
    .main_teacher2 li a .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .main_teacher_wrap2 .more { padding: 6px 13px; margin-top: 38px; border-radius: 6px; font-size: 13px; line-height: 15px; } 
    .main_teacher2_slide .control .btn_arr { width: 32px; height: 32px; } 
    .main_teacher2_slide .control .btn_arr img { width: 12px; } 
    .main_teacher2_slide .control .btn_prev {left: 15px;}
    .main_teacher2_slide .control .btn_next {right: 15px;}

    /* 소방설비기사 강의 맛보기 ~1180px */
    .main_free_wrap2 { padding-top: 64px; } 
    .main_free2 { margin: 0 -8px; } 
    .main_free_list2 > li { width: calc(33.333% - 16px); margin:0 8px; } 
    .main_free2 .control { top: -57px; } 
    .main_free2 .control .btn_arr { width: 32px; height: 32px; } 
    .main_free2 .control .btn_arr img { width: 12px; } 
    .main_free2 .control .btn_next { margin-left: 96px; } 
    .main_free_wrap2 .more { padding: 6px 13px; margin-top: 38px; border-radius: 6px; font-size: 13px; line-height: 15px; } 

    /* 소방설비기사 베스트 교재 ~1180px */
    .main_book_wrap2 { padding-top: 64px; } 
    .main_book2 { padding: 32px; border-radius: 13px; } 
    .main_book2 .txt { font-size: 22px; line-height: 27px; } 
    .main_book2 .tit { margin-top: 1px; font-size: 38px; line-height: 46px; } 
    .main_book2 .img { max-width: 602px; margin-top: 29px; } 
    .main_book2 .more { margin-top: 32px; padding:6px 13px; border-radius: 6px; font-size: 13px; line-height: 15px; }
}


/* 모바일 버전 */
@media (max-width: 767px) {
    /* 메인페이지 비주얼 ~767px */
    #visual2 {margin-bottom: 16px;}
    #visual2 .control {right: 44px;bottom: 12px;}
    #visual2 .control .btn_arr {display: none;}
    .main_visual2 .pic {width: 100%;padding-bottom: 56.24%;}

    /* 메인페이지 카테고리 ~767x */
    .main_tit { margin-bottom: 24px; font-family: 'Pretendard' !important; font-size: 24px; font-weight: 600; line-height: 29px; letter-spacing: -0.015em; color: #1E1E1E; font-style: normal; } 
    .main_tit .mo_none {display: none;}
    .main_tit2 {margin-bottom: 24px;}
    .main_cate_wrap { padding: 24px 0; } 
    .main_cate_wrap:nth-of-type(2n) {background: none;}
    .main_cate { gap: 8px; } 
    .main_cate li { width: calc(50% - 4px); }  
    .main_cate li a .tag { top: -10px; left: 5px; padding: 2px 9px; background: #3B93EF; border-radius: 4px; font-family: 'Pretendard'; font-size: 12px; font-weight: 500; } 

    /* 메인 이벤트 ~767px */
    .main_event_wrap { padding: 24px 0; } 
    .main_event_wrap .in_Layer {padding-right: 0;}
    .main_event .slide_list > li { border-radius: 16px; } 
    .main_event .control { top: -54px; right: 32px; } 
    .main_event .control .btn_arr { display: none; } 
    .main_event .control .num { display: flex; justify-content: center; align-items: center; gap: 4px; width: 60px; height: 24px; background: rgba(0, 0, 0, 0.4); border-radius: 32px; font-family: 'Pretendard'; font-size: 20px; font-weight: 400; letter-spacing: -0.015em; color: #FFFFFF; } 
    
    /* 상점 페이지 BEST 과정 ~767px */
    .main_best_wrap { padding: 9px 0 32px; } 
    .main_best_wrap .main_tit { padding-right: 100px; } 
    .main_best_wrap.type2 .main_tit {margin-bottom: 16px;}
    .main_best { position: relative; } 
    .main_best_list {flex-wrap:wrap;}
    .main_best_list > li { height: auto; width: 100%; padding:16px; border-radius:16px; } 
    .main_best_list > li .tag { padding:3px 13px; border-radius: 4px; font-size: 14px; line-height: 19px; } 
    .main_best_list > li .tit { margin-top: 6px; font-size: 32px; line-height: 37px; } 
    .main_best_list > li .tit br {position:relative;display: inline-block;font-size: 14px;content: "";padding: 0 5px;}
    .main_best_list > li .txt { margin-top: 5px; font-size: 18px; line-height: 22px; } 
    .main_best_list > li .link_wrap { margin-top: 7px; gap:5px; } 
    .main_best_list > li .link_wrap .link { padding:6px 13px; border-radius: 8px; font-size: 18px; line-height: 25px; } 
    .main_best_list > li .link_wrap .link::after { right: 13px; width: 10px; height: 16px; } 
    .main_best .control { position: absolute; top: -54px; right: 32px; z-index: 1; } 
    .main_best .num { font-family: 'Pretendard'; display: flex; justify-content: center; align-items: center; gap: 4px; width: 60px; height: 24px; background: rgba(0, 0, 0, 0.4); border-radius: 32px; font-size: 20px; font-weight: 400; letter-spacing: -0.015em; color: #FFFFFF; }     

    .main_best_wrap .in_Layer:has(.swiper-wrapper) {padding-right: 0;}
    
    .main_best_list.swiper-wrapper {flex-wrap: nowrap;}
    .main_best_list.swiper-wrapper > li {height: 303px;}
    .main_best_list.swiper-wrapper > li .tit br {display: block;padding: 0;}
    .main_best_list.swiper-wrapper > li .txt {margin-top: 26px;}
    .main_best_list.swiper-wrapper > li .link_wrap { margin-top: auto; } 

    /* 상점 페이지 추천 교재 ~767px */
    .main_book_wrap { padding: 24px 0;background: #fff; } 
    .main_book_wrap .in_Layer { padding-right: 0; } 
    .main_book_list > li { width: calc(50% - 16px); } 
    /* 
    .main_book_list > li .img { width: 170px; height: 240px; } 
    .main_book_list > li .tit { margin-top: 15px; font-size: 24px; line-height: 29px; } 
    .main_book_list > li .txt { margin-top: 15px; font-size: 20px; line-height: 24px; }  
    */
    .main_book .control { top: -54px; right: 32px; } 
    .main_book .control .btn_arr { display: none; } 
    .main_book .control .num { display: flex; justify-content: center; align-items: center; gap: 4px; width: 60px; height: 24px; background: rgba(0, 0, 0, 0.4); border-radius: 32px; font-family: 'Pretendard'; font-size: 20px; font-weight: 400; letter-spacing: -0.015em; color: #FFFFFF; } 

    /* 상점 페이지 비주얼 배너 ~767px */
    .shop_vis_wrap { margin-bottom: 21px; } 
    .shop_vis_wrap .in_Layer { flex-wrap:wrap; } 
    .shop_vis_wrap .main_tit {display: block;margin-bottom: 16px;}
    .shop_vis + .main_tit {margin-top: 13px;}
    .shop_vis { border-radius: 16px; width: 100% !important; } 
    .shop_vis .slide_list > li .img { padding-bottom: 56.24% !important; } 
    .shop_vis.type2 .slide_list > li .img { padding-bottom: 30.49% !important; } 
    .shop_vis .slide_list > li .img.pc {display: none;}
    .shop_vis .slide_list > li .img.mo {display: block;}
    .shop_vis .control { right: 12px; bottom: 12px; } 
    .shop_vis .control .btn_arr { display: none; } 
    .shop_vis.type1 { margin-bottom: 32px; } 

    /* 상점 페이지 합격전문 교수님 ~767px */
    .main_teacher_wrap { padding: 24px 0; } 
    .main_teacher_wrap .in_Layer {padding-right: 0;}
    .main_teacher_list > li { border-radius: 12px; } 
    .main_teacher .control { top: -54px; right: 32px; } 
    .main_teacher .control .btn_arr { display: none; } 
    .main_teacher .control .num { display: flex; justify-content: center; align-items: center; gap: 4px; width: 60px; height: 24px; background: rgba(0, 0, 0, 0.4); border-radius: 32px; font-family: 'Pretendard'; font-size: 20px; font-weight: 400; letter-spacing: -0.015em; color: #FFFFFF; } 

    /* 상점 페이지 무료특강 ~767px */
    .main_free_wrap { padding: 24px 0; } 
    .main_free_wrap .in_Layer {padding-right: 0;}
    .main_free .control { top: -54px; right: 32px; } 
    .main_free .control .btn_arr { display: none; } 
    .main_free .control .num { display: flex; justify-content: center; align-items: center; gap: 4px; width: 60px; height: 24px; background: rgba(0, 0, 0, 0.4); border-radius: 32px; font-family: 'Pretendard'; font-size: 20px; font-weight: 400; letter-spacing: -0.015em; color: #FFFFFF; } 

    /* 100% 리얼 합격수기 ~767px */
    .main_review_wrap { padding: 27px 0; } 
    .main_review_wrap .more img { width: 16px; height: 16px; } 
    .main_review_wrap .main_tit {margin-bottom: 16px;}
    .main_review {flex-wrap:wrap;gap:16px; }
    .main_review > li { width: 100%; padding: 10px 15px; border-radius: 16px;  } 
    .main_review > li a { display: flex; align-items: center; }
    .main_review > li .img { min-width: 79px; height: 79px;margin-right: 13px; }  
    .main_review > li .txt { text-align: left; flex-grow: 1; margin-top: 0; font-family: 'Noto Sans KR';font-weight: 500;font-size: 16px;line-height: 22px;letter-spacing: -0.015em;color: #1E1E1E; }
    .main_review > li:nth-child(n+4) { display: none; }

    /* 합격 전문 교수진 시작 ~767px */
    .main_teacher_wrap2 { padding-top: 32px; } 
    .main_teacher_wrap2 .main_tit {margin-bottom: 16px;}
    .main_teacher_wrap2 .top { margin-bottom: 0; } 
    .main_teacher_wrap2 .top .teacher_evidence { margin-top: 0; padding: 4px 8px; border-radius: 4px; font-size: 14px; line-height: 17px; } 
    .main_teacher_wrap2 .tit_list { gap:24px; } 
    .main_teacher_wrap2 .tit_list li { width: 94px; height: 44px; } 
    .main_teacher_wrap2 .tit_list li span { font-size: 16px; line-height: 19px; font-weight: 500;font-size: 12px;line-height: 14px;letter-spacing: -0.015em;color: #000000; } 
    .main_teacher_wrap2 .tit_list li strong { font-family: 'Pretendard';font-weight: 600;font-size: 16px;line-height: 19px;letter-spacing: -0.015em;color: #000000; } 
    .main_teacher_wrap2 .tit_list li::before,
    .main_teacher_wrap2 .tit_list li::after { width: 24px; height: 44px; } 
    .main_teacher2_slide { margin-top: 16px; } 
    .main_teacher2 li a .img { border-radius:16px; } 
    .main_teacher_wrap2 .more { padding: 8px 16px; margin-top: 16px; border-radius: 8px; font-size: 16px;line-height: 19px;color: #808080; } 
    .main_teacher_wrap2 .control {display: none;}
    #evidence_pop {padding: 3.7313rem 4.4776rem 2.9851rem;}

    /* 소방설비기사 강의 맛보기 ~767px */
    .main_free_wrap2 { padding-top: 40px; } 
    .main_free_wrap2 .main_tit {margin-bottom: 16px;}
    .main_free2 { margin: 0 -8px; } 
    .main_free_list2 > li { width: calc(78.13% - 16px); margin:0 8px; opacity: 0.3 !important; }  
    .main_free_list2 > li.swiper-slide-active {opacity: 1 !important;}
    .main_free_list2 > li .img::after {opacity: 1 !important;}
    .main_free_list2 > li.swiper-slide-active .img::after {opacity: 0 !important;}
    .main_free2 .control { display: none; } 
    .main_free_wrap2 .more { padding: 8px 16px; margin-top: 16px; border-radius: 8px; font-size: 16px;line-height: 19px;color: #808080; } 

    /* 소방설비기사 베스트 교재 ~767px */
    .main_book_wrap2 { padding-top: 40px; } 
    .main_book_wrap2 .main_tit {margin-bottom: 16px;}
    .main_book2 { padding: 16px; border-radius: 5px; } 
    .main_book2 .txt { font-weight: 600; font-size: 18px; line-height: 21px; letter-spacing: -0.015em; } 
    .main_book2 .tit { margin-top: 6px; font-weight: 600; font-size: 24px; line-height: 29px; letter-spacing: -0.015em; color: #000000; } 
    .main_book2 .img { max-width: 380px; margin-top: 24px; } 
    .main_book2 .more { margin-top: 24px; padding: 8px 16px; border-radius: 8px; font-size: 16px; line-height: 19px; color: #808080; } 

}

@media(max-width:480px) {
    /* 메인페이지 비주얼 ~480px */
	.main_visual2 {padding: 16px 16px 0; }
    #visual2 .control {right: 28px;bottom: 28px;}

    /* 메인 이벤트 ~480px */
    .main_event .control {right: 16px;}

    /* 상점 페이지 비주얼 배너 ~480px */
    .shop_vis_wrap .in_Layer {padding:16px;}

    /* 상점 페이지 BEST 과정 ~480px */
    .main_best_wrap .main_tit {padding-right: 80px;}
    .main_best .control {right: 16px;}

    /* 상점 페이지 추천 교재 ~480px */
    .main_book .control {right: 16px;}

    /* 상점 페이지 합격전문 교수님 ~480px */
    .main_teacher .control {right: 16px;}

    /* 상점 페이지 무료특강 ~480px */
    .main_free .control {right: 16px;}
}