@charset "UTF-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

/* 공통영역 */
.classtime{font-family: "GmarketSans";}
.classtime .tb{display:none}
.classtime .mo{display:none}
.classtime .img{display:block}
.classtime .width{max-width:1280px;margin:0 auto}
.classtime .btn_area{margin-top:60px;text-align: center;}
.classtime .btn_area .btn{display:flex;align-items: center;justify-content: center;width:100%;max-width:776px;height:112px;margin:0 auto;padding:4px 0 0;border:none;border-radius: 6px;box-shadow:0px 4px 4px 0px rgba(255, 255, 255, 0.25) inset;text-align: center;line-height: 1;}
.classtime .btn_area .btn.type1{background:#E9470D}
.classtime .btn_area .btn.type2{background:#333}
.classtime .btn_area .btn>span{position:relative;padding-right:37px;color:#fff;font-family: "GmarketSans";font-size:44px;font-weight: 700;letter-spacing: -0.88px;}
.classtime .btn_area .btn>span::after{content:"";display:block;position:absolute;top:2px;right:0;width:20px;height:36px;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/ico_arrow2.png")}

.classtime .sec1{padding:60px 0 0;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_sec1_pc.png") center top / 100% 100% no-repeat;text-align: center;}
.classtime .sec1 .tit{margin-bottom:50px;}
.classtime .sec1 .tit img{max-width:100%}
.classtime .sec1 .img_teacher img{max-width:100%;height:auto}

.classtime .sec2{padding:120px 0;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_sec2_pc.png") center bottom / 100% 100% no-repeat;text-align: center;}
.classtime .sec2 .tit{margin-bottom:36px;color:#fff;font-size:32px;letter-spacing: -0.64px;line-height: 1.4;}
.classtime .sec2 .tit .point_wrap{display:block;margin-top:5px;color:#fff;font-size:52px;font-weight: 700;letter-spacing: -1.04px;line-height: 1.3;}
.classtime .sec2 .tit .point_wrap .point{color:#FFF154;}
.classtime .sec2 .video_area{display:inline-block;padding:6px;background:#fff;border-radius: 14px;overflow:hidden;}
.classtime .sec2 .video_area .video-box{position:relative;width:1000px;height:530px;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_video.png");border-radius: 14px;overflow: hidden;}

.classtime .sec3{padding:120px 0;text-align: center;}
.classtime .sec3>.width>.tit{margin-bottom:56px;color:#131313;font-size:52px;font-weight: 700;letter-spacing: -1.04px;}
.classtime .sec3>.width>.tit .point{color: #E9470D;}
.classtime .sec3 .class_slide{position:relative;padding:0 96px;text-align: left;font-family: "Noto Sans KR";}
.classtime .sec3 .class_slide .inner{overflow: hidden;padding-left:0.1px}
.classtime .sec3 .class_slide .img_area{position:relative;display:flex;align-items: center;justify-content: center;height:260px;border:1px solid #eee ;text-align: center;}
.classtime .sec3 .class_slide .img_area img{max-width:100%;}
.classtime .sec3 .class_slide .img_area .label{display:block;position:absolute;top:0;right:8px;width:66px;height:58px;padding:0;border-radius: 0;}
.classtime .sec3 .class_slide .tag_wrap{margin:10px 0 20px 0;font-size:0}
.classtime .sec3 .class_slide .tag_wrap .tag{display:inline-block;padding:2px 9px;font-size:12px;border-radius: 100px;}
.classtime .sec3 .class_slide .tag_wrap .tag.online{background:#FF8900;color:#fff;border:1px solid #FF8900}
.classtime .sec3 .class_slide .tag_wrap .tag.live{background:#E9470D;color:#fff;border:1px solid #E9470D}
.classtime .sec3 .class_slide .tag_wrap .tag.sg{background:#FF8900;color:#fff;border:1px solid #FF8900}
.classtime .sec3 .class_slide .tag_wrap .tag.type1{border:1px solid #ff8900;color:#ff8900}
.classtime .sec3 .class_slide .tag_wrap .tag.type2{border:1px solid #6dc52d;color:#6dc52d}
.classtime .sec3 .class_slide .tag_wrap .tag.type3{border:1px solid #7C48DC;color:#7C48DC}
.classtime .sec3 .class_slide .tag_wrap .tag.recom{color:#777;border:1px solid #ddd;}

.classtime .sec3 .class_slide .tag_wrap .tag:not(:last-child){margin-right:8px}
.classtime .sec3 .class_slide .user_info{display:flex;align-items: center;justify-content: space-between;}
.classtime .sec3 .class_slide .user_info .total{position:relative;padding-left:26px;margin-top:-4px;color:#333;font-size:15px;font-weight: 500;}
.classtime .sec3 .class_slide .user_info .total::before{content:"";display:block;position:absolute;top:-2px;left:0;width:24px;height:24px;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/ico_lechk.png") center top -2px / 24px auto no-repeat}
.classtime .sec3 .class_slide .user_info .class_review{display:flex;align-items: center;}
.classtime .sec3 .class_slide .user_info .class_review .rating{width:108px;height:28px;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_rating.png") no-repeat left center}
.classtime .sec3 .class_slide .user_info .class_review .rating .star{width:0;height:28px;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_rating_on.png") no-repeat left center}
.classtime .sec3 .class_slide .user_info .class_review .rating_num{margin-top:-4px;color:#777;font-size:15px;font-weight: 500;}
.classtime .sec3 .class_slide .con_area .tit{margin:4px 0 2px;padding-bottom:2px;color:#131313;font-size:20px;font-weight: 700;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;letter-spacing: -0.4px;}
.classtime .sec3 .class_slide .con_area .tit_sub{padding-bottom:2px;color:#FF8900;;font-size:16px;font-weight: 500;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;letter-spacing: -0.32px;}
.classtime .sec3 .class_slide .con_area .tit_sub.type1{color:#ff8900}
.classtime .sec3 .class_slide .con_area .tit_sub.type2{color:#6dc52d}
.classtime .sec3 .class_slide .con_area .tit_sub.type3{color:#7C48DC}
.classtime .sec3 .class_slide .con_area>.txt{max-height:42px;margin:6px 0 8px 0;color:#777;font-size:16px;letter-spacing: -0.32px;line-height: 1.3;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow: hidden;}
.classtime .sec3 .class_slide .con_area .teacher{font-size:0}
.classtime .sec3 .class_slide .con_area .teacher .item{display:inline-block;padding:3px 12px;background:rgba(119, 119, 119, 0.10);
color:#777;border-radius: 3px;font-size:12px}
.classtime .sec3 .class_slide .con_area .teacher .item:not(:last-child){margin-right:8px}
.classtime .sec3 .class_slide .con_area .price_info{margin:16px 0 10px 0}
.classtime .sec3 .class_slide .con_area .price_info .single{display:flex;align-items: center;justify-content: space-between;padding-bottom:10px;border-bottom:1px solid #eee}
.classtime .sec3 .class_slide .con_area .price_info .txt{color:#131313;font-size:16px;font-weight: 500;}
.classtime .sec3 .class_slide .con_area .price_info .single .price{color:#131313;font-size:16px;font-weight: 700;}
.classtime .sec3 .class_slide .con_area .price_info .pakage{display:flex;align-items: flex-start;justify-content: space-between;margin-top:10px}
.classtime .sec3 .class_slide .con_area .price_info .pakage .discount_wrap{text-align: right;font-size:16px}
.classtime .sec3 .class_slide .con_area .price_info .pakage .discount_wrap .total>span:not(:last-child){margin-right:4px}
.classtime .sec3 .class_slide .con_area .price_info .pakage .discount_wrap .discount_rate{color: #E9470D;font-weight: 700;}
.classtime .sec3 .class_slide .con_area .price_info .pakage .discount_wrap .origin{color:#999;font-size:14px;text-decoration:line-through;}
.classtime .sec3 .class_slide .con_area .price_info .pakage .discount_wrap .discount{color:#131313;font-size:16px;font-weight: 700;}
.classtime .sec3 .class_slide .con_area .price_info .pakage .discount_wrap .month{margin-top:4px}
.classtime .sec3 .class_slide .con_area .price_info .pakage .discount_wrap .month_price{color: #E9470D;font-weight: 700;}
.classtime .sec3 .class_slide .con_area .btn_datail{display:flex;align-items: center;justify-content: center;width:100%;height:48px;padding-top:2px;background:#333;border-radius: 3px;color:#fff;font-family: "GmarketSans";font-size:20px;letter-spacing: -0.4px;}
.classtime .sec3 .class_slide .cs_prev{position:absolute;top:40%;left:0;transform: translateY(-50%);width:41px;height:68px;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/swiper_prev.png") center / 41px auto no-repeat;cursor:pointer;}
.classtime .sec3 .class_slide .cs_next{position:absolute;top:40%;right:0;transform: translateY(-50%);width:41px;height:68px;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/swiper_next.png") center / 41px auto no-repeat;cursor:pointer;}

.classtime .sec4>.tit_area{padding:130px 0 124px 0;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_sec4_pc.png") no-repeat center}
.classtime .sec4>.tit_area .tit{color:#fff;font-size:52px;font-weight: 700;letter-spacing: -1.04px;text-align: center;}
.classtime .sec4>.tit_area .tit .dot{position:relative;color:#FFF154;font-size:64px;}
.classtime .sec4>.tit_area .tit .dot::after{content:"";display:block;position:absolute;top:-16px;left:50%;transform: translateX(-50%);width:12px;height:12px;border-radius: 100%;background:#fff154;}
.classtime .sec4 .why_wrap .tab{position:sticky;top:121px;background:#FB7175;z-index:2;}
.classtime .sec4 .why_wrap .tab>ul{display:flex}
.classtime .sec4 .why_wrap .tab>ul>li{width:25%;height:90px}
.classtime .sec4 .why_wrap .tab>ul>li>a{display:flex;align-items: center;justify-content: center;width:100%;height:100%;border-right:2px solid rgba(255,255,255,0.2);color: #FDABAD;font-size:30px;font-weight: 700;letter-spacing: -0.6px;box-sizing: border-box;}
.classtime .sec4 .why_wrap .tab>ul>li>a.on{background:#fff;color: #FC3C41;}
.classtime .sec4 .why{text-align: center;}
.classtime .sec4 .why>div{padding:120px 0}
.classtime .sec4 .why .num{display:block;margin-bottom:30px}
.classtime .sec4 .why .tit{margin-bottom:60px;color:#131313;font-size:52px;font-weight: 700;letter-spacing: -1.04px;}
.classtime .sec4 .why .tit .nowrap{white-space: nowrap;}
.classtime .sec4 .why .tit>small{color:#131313;font-size:32px;letter-spacing: -0.64px;font-weight: 400;}
.classtime .sec4 .why .why_cont1 .tit .point{color:#F4060E}
.classtime .sec4 .why .why_cont2 .tit .point{color:#7007F5}
.classtime .sec4 .why .why_cont3 .tit .point{color:#F57907}
.classtime .sec4 .why .why_cont4 .tit .point{color:#4CC92C}
.classtime .sec4 .why .condition{margin-top:60px;}
.classtime .sec4 .why .condition>li{display:flex;align-items: center;justify-content: center;max-width:1080px;height:96px;margin:0 auto;background:#fff;border-radius: 6px;}
.classtime .sec4 .why .condition>li:not(:last-child){margin-bottom:20px}
.classtime .sec4 .why .condition>li .txt{padding-left:76px;color:#222;font-family: Pretendard;font-size:30px;font-weight: 600;letter-spacing: -0.6px;line-height: 35px;text-align: left;line-height: 1.3;}
.classtime .sec4 .why .condition>li .txt strong{position:relative;font-weight: 800;z-index: 1;}
.classtime .sec4 .why .condition>li .txt strong::before{content:"";display:block;position:absolute;bottom:-1px;left:0;width:100%;height:14px;z-index: -1;}
.classtime .sec4 .why .why_cont1 .condition>li{background:#F8F8F8}
.classtime .sec4 .why .why_cont1 .condition>li .txt{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/ico_chk1.png") left center / 55px auto no-repeat}
.classtime .sec4 .why .why_cont2 .condition>li .txt{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/ico_chk2.png") left center / 55px auto no-repeat}
.classtime .sec4 .why .why_cont3 .condition>li .txt{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/ico_chk3.png") left center / 55px auto no-repeat}
.classtime .sec4 .why .why_cont4 .condition>li .txt{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/ico_chk4.png") left center / 55px auto no-repeat}
.classtime .sec4 .why .why_cont1 .condition>li .txt strong::before{background:rgba(244,6,149,0.2);}
.classtime .sec4 .why .why_cont2 .condition>li .txt strong::before{background:rgba(112,7,245,0.2);}
.classtime .sec4 .why .why_cont3 .condition>li .txt strong::before{background:rgba(245, 121, 7, 0.2)}

.classtime .sec4 .why .why_cont1{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_why1_pc.png") center / 100% 100% no-repeat}
.classtime .sec4 .why .why_cont1 .img_area img{max-width:100%;height:auto}
.classtime .sec4 .why .why_cont1 .curri_slide{display:none;margin-top:20px;position:relative}
.classtime .sec4 .why .why_cont1 .curri_slide .inner{overflow: hidden;}
.classtime .sec4 .why .why_cont1 .curri_slide .tit_area{display:flex;align-items: center;justify-content: center;height:43px;}
.classtime .sec4 .why .why_cont1 .curri_slide .tit_area .tit{margin:0;color:#222;font-size:16px;letter-spacing: -0.32px;font-family: Pretendard;font-weight: 800;}
.classtime .sec4 .why .why_cont1 .curri_slide .tag_info{display:flex;padding:0 20px;margin:20px 0 14px 0;gap:0 6px}
.classtime .sec4 .why .why_cont1 .curri_slide .tag_info>li{width:50%;padding:5px 0;border-radius: 100px;border-width: 1px;border-style: solid;color:#4b4b4b;font-family: Pretendard;font-size:14px;letter-spacing: -0.28px;}
.classtime .sec4 .why .why_cont1 .curri_slide .img_area{padding:0 20px}
.classtime .sec4 .why .why_cont1 .curri_slide .img_area img{display:block;max-width:100%;height:127px;margin:0 auto}
.classtime .sec4 .why .why_cont1 .curri_slide .txt{margin-top:14px;color:#222;font-size:15px;font-weight: 600;letter-spacing: -0.3px;font-family: Pretendard;}
.classtime .sec4 .why .why_cont1 .curri_slide .btn{display:flex;align-items: center;justify-content: center;padding:0;margin:20px 0 0;width:100%;height:30px;border-radius:0;background:#E6E6E6;color:#333;box-shadow: none;font-family:Pretendard;}
.classtime .sec4 .why .why_cont1 .curri_slide .btn>span{position:relative;padding-right:14px;font-size:13px}
.classtime .sec4 .why .why_cont1 .curri_slide .btn>span .arrow{position:absolute;top:3px;right:0;width:12px;height:auto}
.classtime .sec4 .why .why_cont1 .curri_slide .curri_prev{position:absolute;top:12px;left:13px;width:10px;height:18px;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/swiper_prev.png") center / 10px auto no-repeat;z-index:2;cursor:pointer;}
.classtime .sec4 .why .why_cont1 .curri_slide .curri_next{position:absolute;top:12px;right:13px;width:10px;height:18px;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/swiper_next.png") center / 10px auto no-repeat;z-index:2;cursor:pointer;}

.classtime .sec4 .why .why_cont1 .curri_slide .curri_item{background:#fff}
.classtime .sec4 .why .why_cont1 .curri_slide .item1{border:1px solid #FCBA13;}
.classtime .sec4 .why .why_cont1 .curri_slide .item1 .tit_area{background:rgba(252,186,19,0.1)}
.classtime .sec4 .why .why_cont1 .curri_slide .item1 .tag_info>li{border-color: rgba(252, 186, 19, 0.40);;}
.classtime .sec4 .why .why_cont1 .curri_slide .item2{border:1px solid #E16D46;;}
.classtime .sec4 .why .why_cont1 .curri_slide .item2 .tit_area{background:rgba(225,109,70,0.1)}
.classtime .sec4 .why .why_cont1 .curri_slide .item2 .tag_info>li{border-color: rgba(225, 109, 70, 0.40);}
.classtime .sec4 .why .why_cont1 .curri_slide .item3{border:1px solid #87CB77;}
.classtime .sec4 .why .why_cont1 .curri_slide .item3 .tit_area{background:rgba(135,203,119,0.1);}
.classtime .sec4 .why .why_cont1 .curri_slide .item3 .tag_info>li{border-color: rgba(135, 203, 119, 0.40)}
.classtime .sec4 .why .why_cont1 .curri_slide .item4{border:1px solid #31C1C4;}
.classtime .sec4 .why .why_cont1 .curri_slide .item4 .tit_area{background:rgba(49,193,196,0.1)}
.classtime .sec4 .why .why_cont1 .curri_slide .item4 .tag_info>li{border-color: rgba(49, 193, 196, 0.40);}
.classtime .sec4 .why .why_cont1 .curri_slide .item5{border:1px solid #E872A5;}
.classtime .sec4 .why .why_cont1 .curri_slide .item5 .tit_area{background:rgba(232,114,165,0.1)}
.classtime .sec4 .why .why_cont1 .curri_slide .item5 .tag_info>li{border-color: rgba(232, 114, 165, 0.40);}
.classtime .sec4 .why .why_cont1 .curri_slide .item6{border:1px solid #8161AA;}
.classtime .sec4 .why .why_cont1 .curri_slide .item6 .tit_area{background:rgba(129,97,170,0.1)}
.classtime .sec4 .why .why_cont1 .curri_slide .item6 .tag_info>li{border-color: rgba(129, 97, 170, 0.40);}
.classtime .sec4 .why .why_cont1 .curri_slide .curri-pagination{position:absolute;bottom:-30px}
.classtime .sec4 .why .why_cont1 .curri_slide .curri-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#fff;border:1px solid #cfcfcf;opacity: 1;margin:0 3px;transition:.3s}
.classtime .sec4 .why .why_cont1 .curri_slide .curri-pagination .swiper-pagination-bullet-active{background:#E9470D;border:2px solid #E9470D;}

.classtime .sec4 .why .why_cont2{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_why2_pc.png") center / 100% 100% no-repeat}
.classtime .sec4 .why .why_cont2 .img_area img{max-width:100%;height:auto}

.classtime .sec4 .why .why_cont3{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_why3_pc.png") center / 100% 100% no-repeat}
.classtime .sec4 .why .why_cont3 .manage_slide{position: relative;max-width:1080px;margin:0 auto;padding:6px;border-radius: 20px;background:#fff;}
.classtime .sec4 .why .why_cont3 .manage_slide .inner{border-radius: 20px;overflow: hidden;}
.classtime .sec4 .why .why_cont3 .manage_slide img{width:100%;height:auto}
.classtime .sec4 .why .why_cont3 .manage_slide .ms_prev{position:absolute;top:50%;left:-78px;transform: translateY(-50%);width:41px;height:68px;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/swiper_prev.png") center / 41px auto no-repeat;cursor:pointer;}
.classtime .sec4 .why .why_cont3 .manage_slide .ms_next{position:absolute;top:50%;right:-78px;transform: translateY(-50%);width:41px;height:68px;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/swiper_next.png") center / 41px auto no-repeat;cursor:pointer;}
.classtime .sec4 .why .why_cont3 .manage_slide .ms-pagination{position:absolute;bottom:-50px}
.classtime .sec4 .why .why_cont3 .manage_slide .ms-pagination .swiper-pagination-bullet{width:20px;height:20px;background:#fff;border:2px solid #cfcfcf;opacity: 1;margin:0 5px;transition:.3s}
.classtime .sec4 .why .why_cont3 .manage_slide .ms-pagination .swiper-pagination-bullet-active{background:#E9470D;border:2px solid #E9470D;}
.classtime .sec4 .why .why_cont3 .condition{margin-top:110px}


.classtime .sec4 .why .why_cont4{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_why4_pc.png") center / 100% 100% no-repeat}
.classtime .sec4 .why .why_cont4 .review_slide .inner{padding-left:76px;overflow: hidden;}
.classtime .sec4 .why .why_cont4 .review_slide .inner .rs_item{width:400px}
.classtime .sec4 .why .why_cont4 .review_slide .inner .rs_item:not(:last-child){margin-right:30px}


@media screen and (min-width:1921px) {
    .classtime .sec4>.tit_area{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_sec4_pc.png") center / 100% 100% no-repeat}
}
@media screen and (max-width:1400px) {
    .classtime .sec4 .why_wrap .tab{top:117px}
}
@media screen and (max-width:1340px) {
	.classtime .width{padding:0 30px}
	.classtime .sec2 .video_area .video-box{width:960px}
	.classtime .sec2 .video_area .video-box iframe{width:100%}
	.classtime .sec3 .class_slide .img_area{padding:41px 13px;height:auto}
	.classtime .sec4 .why .tit .nowrap{white-space: normal;}
	.classtime .sec4 .why .why_cont3 .manage_slide{max-width:calc(100% - 120px)}
}
@media screen and (min-width:1020px) and (max-width:1450px) {
    .classtime .sec3 .class_slide{margin-right:7vw;padding:0 40px}
    .classtime .sec3 .class_slide .cs_prev{left:-20px}
    .classtime .sec3 .class_slide .cs_next{right:-20px}
    .classtime .sec4 .why .why_cont3 .manage_slide{max-width:calc(100% - 260px)}
}
@media screen and (max-width:1024px) {
	.classtime .tb{display:block}
	.classtime .sec1{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_sec1_tb.png") center top / 100% 100% no-repeat}

	.classtime .sec2{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_sec2_tb.png") center top / 100% 100% no-repeat}
	.classtime .sec2 .video_area{width: 100%}
	.classtime .sec2 .video_area .video-box{width:100%;height:auto;padding-bottom:53.25%;background-repeat: no-repeat;background-size:contain;}
	.classtime .sec2 .video_area .video-box iframe{position:absolute;top:0;left:0;height:100%}
	.classtime .sec3 .class_slide{padding:0 40px}
	.classtime .sec3 .class_slide .cs_prev{left:-18px}
	.classtime .sec3 .class_slide .cs_next{right:-18px}

    .classtime .sec4 .why_wrap .tab{top:92px}
	.classtime .sec4 .why .why_cont1{background:#fff}
	.classtime .sec4 .why .why_cont2{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_why2_tb.png") center / 100% 100% no-repeat}
	.classtime .sec4 .why .why_cont3{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_why3_tb.png") center / 100% 100% no-repeat}
	.classtime .sec4 .why .why_cont4{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_why4_tb.png") center / 100% 100% no-repeat}
    .classtime .sec4 .why .why_cont4 .btn_area{margin:60px 30px 0 30px}

}
@media screen and (max-width:820px) {
	.classtime .sec2 .tit .point_wrap .point{display:block}
	.classtime .sec4>.tit_area{padding:78px 0}
	.classtime .sec4>.tit_area .tit{line-height: 1.6;}
	.classtime .sec4>.tit_area .tit .mo{display:block}
	.classtime .sec4 .why_wrap .tab>ul>li>a{font-size:26px;letter-spacing: -0.52px;}
}
@media screen and (max-width:767px) {
	.classtime .mo{display:block}
	.classtime .mo_no{display:none}
	.classtime .width{padding:0 10px}
    .classtime .btn_area{margin-top:30px}
	.classtime .btn_area .btn{height:56px;border-radius: 3px;}
	.classtime .btn_area .btn>span{padding-right:18px;font-size:22px;letter-spacing: -0.44px;}
	.classtime .btn_area .btn>span::after{width:10px;height:18px;background-size:10px auto;top:1px}
	.classtime .sec1{padding-top:30px;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_sec1_mo.png") center top / 100% 100% no-repeat}
	.classtime .sec1 .tit{margin-bottom:23px}

	.classtime .sec2{padding:60px 0;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_sec2_mo.png") center top / 100% 100% no-repeat}
	.classtime .sec2 .tit{margin-bottom:19px;font-size:16px;letter-spacing: -0.32px;}
	.classtime .sec2 .tit .point_wrap{font-size:26px;letter-spacing: -0.52px;}
	.classtime .sec2 .btn_area{margin-top:19px}

	.classtime .sec3{padding:60px 0}
	.classtime .sec3>.width>.tit{margin-bottom:30px;font-size:26px;letter-spacing: -0.52px;}
	.classtime .sec3 .class_slide{padding:0 26px}
	.classtime .sec3 .class_slide .img_area{padding:20px 6px}
	.classtime .sec3 .class_slide .cs_prev{left:-2px;width:20px;height:34px;background-size:20px auto}
	.classtime .sec3 .class_slide .cs_next{right:-2px;width:20px;height:34px;background-size:20px auto}
	.classtime .sec3 .btn_area{margin-top:30px}
	
	.classtime .sec4>.tit_area{padding:47px 0;background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_sec4_mo.png") no-repeat center #FC464B}
	.classtime .sec4>.tit_area .tit{font-size:26px;line-height: 1.75;}
	.classtime .sec4>.tit_area .tit .dot{font-size:32px;letter-spacing: -0.64px;}
	.classtime .sec4>.tit_area .tit .dot::after{top:-8px;width:6px;height:6px}
	.classtime .sec4 .why_wrap .tab>ul>li{height:45px}
	.classtime .sec4 .why_wrap .tab>ul>li>a{font-size:13px;letter-spacing: -0.26px;border-right:1px solid rgba(255,255,255,0.2);padding-top:4px}

	.classtime .sec4 .why>div{padding:60px 0}
    .classtime .sec4 .why .num{margin-bottom:20px}
    .classtime .sec4 .why .num img{width:40px}
    .classtime .sec4 .why .tit{margin-bottom:30px;font-size:26px;letter-spacing: -0.52px;line-height: 1.25;}
    .classtime .sec4 .why .tit>small{font-size:16px;letter-spacing: -0.32px;}
    .classtime .sec4 .why .why_cont1 .curri_slide{display:block}
    .classtime .sec4 .why .why_cont1 .btn_area{margin-top:40px}
	.classtime .sec4 .why .why_cont2{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_why2_mo.png") center / 100% 100% no-repeat}
	.classtime .sec4 .why .why_cont3{background:#FDF6F6;}
    .classtime .sec4 .why .why_cont3 .manage_slide{max-width:calc(100% - 50px);padding:3px}
    .classtime .sec4 .why .why_cont3 .manage_slide .ms_prev{left:-28px;width:20px;height:34px;background-size:20px auto}
    .classtime .sec4 .why .why_cont3 .manage_slide .ms_next{right:-28px;width:20px;height:34px;background-size:20px auto}
    .classtime .sec4 .why .why_cont3 .manage_slide .ms-pagination{bottom:-30px}
    .classtime .sec4 .why .why_cont3 .manage_slide .ms-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 3px;border-width: 1px;}
    .classtime .sec4 .why .why_cont3 .condition{margin-top:55px}
	.classtime .sec4 .why .why_cont4{background:url("https://front.compasspub.com/landing/images/bigbox/classtime/bg_why4_mo.png") center / 100% 100% no-repeat}
    .classtime .sec4 .why .why_cont4 .review_slide .inner .rs_item{width:200px}
    .classtime .sec4 .why .why_cont4 .review_slide .inner .rs_item:not(:last-child){margin-right:15px}
    .classtime .sec4 .why .why_cont4 .review_slide .inner .rs_item img{max-width:200px;height:auto}

    .classtime .sec4 .why .condition{margin-top:30px;}
    .classtime .sec4 .why .condition>li:not(:last-child){margin-bottom:10px}
    .classtime .sec4 .why .condition>li .txt{padding-left:38px;font-size:16px;letter-spacing: -0.32px;}
    .classtime .sec4 .why .condition>li .txt strong::before{height:7px}
    .classtime .sec4 .why .condition>li{height:48px}
    .classtime .sec4 .why .why_cont1 .condition>li .txt{background-size:27px auto}
    .classtime .sec4 .why .why_cont2 .condition>li{height:81px}
    .classtime .sec4 .why .why_cont2 .condition>li .txt{background-size:27px auto;background-position:left top}
    .classtime .sec4 .why .why_cont3 .condition>li .txt{background-size:27px auto}
    .classtime .sec4 .why .why_cont4 .condition>li .txt{background-size:27px auto}
	.classtime .sec4 .why .why_cont4 .btn_area{margin:30px 10px 0 10px}
}