@charset "utf-8";

@font-face {
    font-family: "Pretendard Variable";
    src: url("https://db.onlinewebfonts.com/t/872a6c5775ec910058a9a409a201972a.eot");
    src: url("https://db.onlinewebfonts.com/t/872a6c5775ec910058a9a409a201972a.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/872a6c5775ec910058a9a409a201972a.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/872a6c5775ec910058a9a409a201972a.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/872a6c5775ec910058a9a409a201972a.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/872a6c5775ec910058a9a409a201972a.svg#Pretendard Variable")format("svg");
}

:root {
    --main-font: Pretendard Variable;
    --point-color:#1C398E;
}
*{font-family: "Pretendard Variable";}


#wrap .compad{padding-top:36px;padding-bottom:36px;}

#header.gnb_type1 .head_in{flex-direction: column;padding:20px 0 10px}
#wrap #header .head_in h1{display: flex;align-items: center;}
.head_in .head_in_line1{display:flex;justify-content: space-between;width: 100%;}
.head_in .head_in_line1 .member_util{}
.head_in .head_in_line1 .member_util  ul{display:flex;gap:4px;align-items: center;}
#header .head_in_line1 .member_util li a{display:flex;align-items:center;gap:8px;}
#header .head_in_line1 .member_util li.login a{background-image:none;padding:6px 16px;background-color: #fff;border-radius:8px;font-size:14px;line-height:20px;color:#314158;}
#header .head_in_line1 .member_util li.login a:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/ico_login.png) no-repeat 50% 50% / 100% auto;}
#header .head_in_line1 .member_util li.logout a{background-image:none;padding:6px 16px;background-color: #fff;border-radius:8px;font-size:14px;line-height:20px;color:#314158;}
#header .head_in_line1 .member_util li.logout a:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/ico_logout.png) no-repeat 50% 50% / 100% auto;}
#header .head_in_line1 .member_util li.join a{background-image:none;padding:6px 16px;background-color: #2B7FFF;border-radius:8px;font-size:14px;line-height:20px;color:#F1F5F9;}
#header .head_in_line1 .member_util li.mypage2 a{background-image:none;padding:6px 16px;background-color: #2B7FFF;border-radius:8px;font-size:14px;line-height:20px;color:#F1F5F9;}
#header .head_in_line1 .member_util li.mypage2 a:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/ico_mypage.png) no-repeat 50% 50% / 100% auto;}
#header .head_in_line1 .member_util li.cart a{background-image:none;padding:6px 16px;background-color: #fff;border-radius:8px;font-size:14px;line-height:20px;color:#314158;}
#header .head_in_line1 .member_util li.cart a:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/ico_cart.png) no-repeat 50% 50% / 100% auto;}

#header .head_in_line1 .member_util li.name{background-image:none;padding:6px 16px;background-color: #fff;border-radius:8px;font-size:14px;line-height:20px;color:#314158;display:flex;align-items:center;gap:8px;}
#header .head_in_line1 .member_util li.name:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/ico_user.png) no-repeat 50% 50% / 100% auto;}




.head_in .head_in_line2{width:100%;}
.head_in .head_in_line2 .gnb_ul{}
.head_in .head_in_line2 .gnb_ul a{font-size:16px;line-height:24px;color:#0F172B;font-weight:700;}
.head_in .head_in_line2 .sub_menu{}
.head_in .head_in_line2 .sub_menu .sm_ul{display:flex;justify-content: space-between;}
.head_in .head_in_line2 .sub_menu .sm_ul li{display:flex;}
.head_in .head_in_line2 .sub_menu .sm_ul li a{display:flex;gap:8px;font-size:15px;line-height:24px;color:#0F172B;font-weight:500;}
.head_in .head_in_line2 .sub_menu .sm_ul li a:before{content:'';display:block;width:24px;height:24px;}

.head_in .head_in_line2 .sub_menu .sm_ul li.sm01 a:before{background: url(/html/images/new/ico_sm01.png) no-repeat 50% 50% / 100% auto;}
.head_in .head_in_line2 .sub_menu .sm_ul li.sm02 a:before{background: url(/html/images/new/ico_sm02.png) no-repeat 50% 50% / 100% auto;}
.head_in .head_in_line2 .sub_menu .sm_ul li.sm03 a:before{background: url(/html/images/new/ico_sm03.png) no-repeat 50% 50% / 100% auto;}
.head_in .head_in_line2 .sub_menu .sm_ul li.sm04 a:before{background: url(/html/images/new/ico_sm04.png) no-repeat 50% 50% / 100% auto;}
.head_in .head_in_line2 .sub_menu .sm_ul li.sm05 a:before{background: url(/html/images/new/ico_sm05.png) no-repeat 50% 50% / 100% auto;}
.head_in .head_in_line2 .sub_menu .sm_ul li.sm06 a:before{background: url(/html/images/new/ico_sm06.png) no-repeat 50% 50% / 100% auto;}
.head_in .head_in_line2 .sub_menu .sm_ul li.sm07 a:before{background: url(/html/images/new/ico_sm07.png) no-repeat 50% 50% / 100% auto;}
.head_in .head_in_line2 .sub_menu .sm_ul li.sm08 a:before{background: url(/html/images/new/ico_sm08.png) no-repeat 50% 50% / 100% auto;}
.head_in .head_in_line2 .sub_menu .sm_ul li.sm09 a:before{background: url(/html/images/new/ico_sm09.png) no-repeat 50% 50% / 100% auto;}


.item .img_box .label_box{position:absolute;left:10px;top:10px;display:flex;gap:4px;}
.item .img_box .label_box .label{display:block;position: unset;min-width: 40px;padding: 0 4px;box-sizing: border-box;height: 18px;line-height: 18px;z-index: 10;color: #fff;font-style: 400;text-align: center;font-size: 12px;letter-spacing: -0.5pt;font-weight: normal;border-radius: 4px;}
.apply_view .imgCont .label_box{position:absolute;left:20px;top:20px;display:flex;gap:4px;}
.apply_view .imgCont .label_box .label{display:block;position: unset;min-width: 40px;padding: 0 4px;box-sizing: border-box;height: 18px;line-height: 18px;z-index: 10;color: #fff;font-style: 400;text-align: center;font-size: 12px;letter-spacing: -0.5pt;font-weight: normal;border-radius: 4px;}

#wrap h3.title{text-align:left;font-size:24px;color: #000;letter-spacing:0;font-weight: 700;line-height: 1.5;margin: 0 0 24px;position: relative;}
#wrap .best_list{overflow-x:hidden;margin-left:-25px;}
#wrap .best_list .item{margin-left:25px;border-radius:8px;}
#wrap .best_list .item .img_box{position:relative;border-radius:8px 8px 0 0;}
#wrap .best_list .item .img_box > img{border-radius:8px 8px 0 0;vertical-align:top;aspect-ratio: 10 / 7;}
#wrap .best_list .item .con_box{border-radius:0 0 8px 8px;padding:12px 12px 20px;}
#wrap .best_list .item .con_box h4{font-size:16px;font-weight:700;color:#0F172B;line-height:1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-break: break-word;height:45px;}

#wrap .new_list{overflow:hidden;display:flex;gap:30px 25px;}

#wrap .new_list .item{position: relative;width: calc((100% - 100px) / 5);border-radius:8px;border: 1px solid #ddd;box-sizing: border-box;margin:0;}
#wrap .new_list .item .img_box{position:relative;border-radius:8px 8px 0 0;}
#wrap .new_list .item .img_box > img{border-radius:8px 8px 0 0;vertical-align:top;}
#wrap .new_list .item .con_box{border-radius:0 0 8px 8px;padding:12px 12px 20px;}
#wrap .new_list .item .con_box h4{font-size:16px;font-weight:700;color:#0F172B;line-height:1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-break: break-word;height:45px;}
#wrap .new_list .item .con_box ul{margin:8px 0;}
#wrap .new_list .item .con_box span{margin-top:8px;}
#wrap .new_list .item .con_box ul li{display:flex;gap:8px 4px;padding:0;}
#wrap .new_list .item .con_box ul li span{margin:0;display:block;position:unset;width:40px;}
#wrap .price{font-size:16px;line-height:24px;}
#wrap .price strong {font-weight:700;font-size:16px;line-height:24px;letter-spacing: 0;color:#1C398E;}


#wrap .market_list{overflow:hidden;display:flex;gap:30px;}
#wrap .market_list .item{position: relative;width: calc((100% - 150px) / 6);border-radius:8px;border: 1px solid #ddd;box-sizing: border-box;margin:0;}
#wrap .market_list .item .img_box{position:relative;border-radius:8px 8px 0 0;}
#wrap .market_list .item .img_box > img{border-radius:8px 8px 0 0;width:100%;vertical-align:top;}
#wrap .market_list .item .con_box{border-radius:0 0 8px 8px;padding:12px 12px 20px;}
#wrap .market_list .item .con_box h4{font-size:16px;font-weight:700;color:#0F172B;line-height:1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-break: break-word;height:45px;}
#wrap .market_list .item .con_box ul{margin:8px 0;}
#wrap .market_list .item .con_box span{margin-top:8px;}
#wrap .market_list .item .con_box ul li{display:flex;gap:8px 4px;padding:0;}
#wrap .market_list .item .con_box ul li span{margin:0;display:block;position:unset;width:40px;}


#wrap .teacher_list{overflow:hidden;display: flex;flex-wrap: wrap;gap: 30px;}
/* #wrap .teacher_list .teacher_box{position: relative;width: calc((100% - 150px) / 6);border-radius:8px;border: 1px solid #ddd;box-sizing: border-box;margin:0;} */
#wrap .teacher_list .teacher_box{position: relative;width:285px;border-radius:8px;border: 1px solid #ddd;box-sizing: border-box;margin:0;padding:16px;margin-left:0;}
#wrap .teacher_list.slick-slider .teacher_box{margin-left:30px;}
#wrap .teacher_list .teacher_box .teacher_top{}
#wrap .teacher_list .teacher_box .teacher_top a{display:flex;gap:16px;}
#wrap .teacher_list .teacher_box .img_box{position:relative;border-radius:50%;width:72px;}
#wrap .teacher_list .teacher_box .img_box > img{border-radius:50%;width:100%;vertical-align:top;aspect-ratio:1/1;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;}
#wrap .teacher_list .teacher_box .teacher_name{width: calc(100% - 88px);} 
#wrap .teacher_list .teacher_box .teacher_name h4{font-size:18px;font-weight:700;color:#0F172B;line-height:1.4;}
#wrap .teacher_list .teacher_box .teacher_name p{font-size:15px;font-weight:400;color:#62748E;line-height:1.4;}

#wrap .teacher_list .teacher_box .teacher_course{margin-top:20px;display:flex;align-items: center;justify-content: center;}
#wrap .teacher_list .teacher_box .teacher_course span{position:relative;display:block;font-size:14px;color:#62748E;line-height:1.4;padding:0 8px;}
#wrap .teacher_list .teacher_box .teacher_course span + span:before{content:'';display:block;width:1px;height:16px;background-color:#CAD5E2;position:absolute;left:0;top:2px;}
#wrap .teacher_list .teacher_box .teacher_course strong{color:#45556C;font-weight:700;padding-left:4px;}
#wrap .teacher_list .teacher_box .like_box{margin-top:12px;}
#wrap .teacher_list .teacher_box .like_box .w_like{position:unset;}
#wrap .teacher_list .teacher_box .like_box .w_like .follow{display:flex;align-items:center;gap:8px;background-color:#fff;border:1px solid #CAD5E2;width:100%;height:40px;align-items: center;justify-content: center;border-radius:4px;font-style:normal;}
#wrap .teacher_list .teacher_box .like_box .w_like .follow:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/tutor_plus.png) no-repeat 50% 50% / 100% auto;}
#wrap .teacher_list .teacher_box .like_box .w_like .follow:after{content:'팔로우';}

#wrap .teacher_list .teacher_box .like_box .w_like .follow.on{background-color:#F1F5F9;border:1px solid #F1F5F9;}
#wrap .teacher_list .teacher_box .like_box .w_like .follow.on:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/tutor_check.png) no-repeat 50% 50% / 100% auto;}
#wrap .teacher_list .teacher_box .like_box .w_like .follow.on:after{content:'팔로잉';}



#wrap #footer{background-color:#F1F5F9;padding:0;border-top:1px solid #E2E8F0;margin-top:36px;}
#wrap #footer .foot_top{display:flex;gap:24px;margin:0;padding:16px 0 12px 0}
#wrap #footer .foot_top a{color:#62748E;font-size:15px;font-weight:700;margin:0;}
#wrap #footer .foot_top a.txt_point{color:#62748E;font-size:15px;font-weight:700;}
#wrap #footer .foot_bottom{font-size:14px;color:#62748E;line-height:1.5;font-weight:400;padding:8px 0 32px 0;}

.bar_banner_box{padding:36px 0;}

.view_info .sample_lesson{width:150px;}

#wrap .photo_list .item{position:relative;border-radius:8px;}
#wrap .photo_list .item .img_box > img{border-radius:8px 8px 0 0;vertical-align: top;aspect-ratio: 10 / 7;}
#wrap .photo_list .item .img_box .label_box{position:absolute;left:20px;top:20px;display:flex;gap:4px;}

#wrap .photo_list .item .con_box{border-radius:0 0 8px 8px;padding:16px 12px;}
#wrap .photo_list .item .con_box h4{color:#0F172B;font-size:16px;font-weight:700;line-height:1.4;height:45px;margin-bottom:8px;}
#wrap .photo_list .item .con_box .n_tutor_box{}
#wrap .photo_list .item .con_box .n_tutor_box .tutor_thumb{display:flex;gap:8px;font-size:14px;color:#314158;}
#wrap .photo_list .item .con_box .n_tutor_box .tutor_thumb span{display:block;width:24px;height:24px;border-radius:12px;overflow:hidden;align-items: center;background-color:red;}
#wrap .photo_list .item .con_box .n_tutor_box .tutor_thumb span img{width:100%;background-position:50% 50%;background-size:cover;}
#wrap .photo_list .item .con_box .date_box{display:flex;margin-top:2px;gap:16px;}
#wrap .photo_list .item .con_box .date_box .course_date{display:flex;gap:4px;align-items: center;}
#wrap .photo_list .item .con_box .date_box .course_date:before{content:'';display:block;width:12px;height:12px;background: url(/html/images/new/course_ico_date.png) no-repeat 50% 50%;}
#wrap .photo_list .item .con_box .date_box .course_date span{display:block;font-size:14px;line-height:24px;color:#45556C;}
#wrap .photo_list .item .con_box .date_box .course_date span + span{font-size:14px;color:#314158;line-height:24px;}

#wrap .photo_list .item .con_box .date_box .course_review{display:flex;gap:4px;align-items: center;}
#wrap .photo_list .item .con_box .date_box .course_review:before{content:'';display:block;width:12px;height:12px;background: url(/html/images/new/course_ico_review.png) no-repeat 50% 50%;}
#wrap .photo_list .item .con_box .date_box .course_review span{display:block;font-size:14px;line-height:24px;color:#45556C;}
#wrap .photo_list .item .con_box .date_box .course_review span + span{font-size:14px;color:#314158;line-height:24px;}

#wrap .photo_list .item .con_box .date_box > p{position:relative;}
#wrap .photo_list .item .con_box .date_box > p + p:after{content:'';display:block;width:1px;height:16px;background-color:#E2E8F0;position:absolute;left:-8px;top:50%;transform:translateY(-50%);}

#wrap .thum_list{padding:0;}
#wrap .thum_list .item{padding:8px;}
#wrap .thum_list .item .img_box{position:relative;width:240px;aspect-ratio:10/7;border-radius:8px;}
#wrap .thum_list .item .img_box a img{aspect-ratio:10/7;border-radius:8px;}

#wrap .thum_list .item .con_box{border-radius:0 0 8px 8px;padding:16px 12px;}
#wrap .thum_list .item .con_box h4{color:#0F172B;font-size:18px;font-weight:700;line-height:1.4;height:51px;margin-bottom:8px;}
#wrap .thum_list .item .con_box .n_tutor_box{}
#wrap .thum_list .item .con_box .n_tutor_box .tutor_thumb{display:flex;gap:8px;font-size:14px;color:#314158;}
#wrap .thum_list .item .con_box .n_tutor_box .tutor_thumb span{display:block;width:24px;height:24px;border-radius:12px;overflow:hidden;align-items: center;background-color:red;}
#wrap .thum_list .item .con_box .n_tutor_box .tutor_thumb span img{width:100%;background-position:50% 50%;background-size:cover;}
#wrap .thum_list .item .con_box .date_box{display:flex;margin-top:2px;gap:16px;}
#wrap .thum_list .item .con_box .date_box .course_date{display:flex;gap:4px;align-items: center;}
#wrap .thum_list .item .con_box .date_box .course_date:before{content:'';display:block;width:12px;height:12px;background: url(/html/images/new/course_ico_date.png) no-repeat 50% 50%;}
#wrap .thum_list .item .con_box .date_box .course_date span{display:block;font-size:14px;line-height:24px;color:#45556C;}
#wrap .thum_list .item .con_box .date_box .course_date span + span{font-size:14px;color:#314158;line-height:24px;}

#wrap .thum_list .item .con_box .date_box .course_review{display:flex;gap:4px;align-items: center;}
#wrap .thum_list .item .con_box .date_box .course_review:before{content:'';display:block;width:12px;height:12px;background: url(/html/images/new/course_ico_review.png) no-repeat 50% 50%;}
#wrap .thum_list .item .con_box .date_box .course_review span{display:block;font-size:14px;line-height:24px;color:#45556C;}
#wrap .thum_list .item .con_box .date_box .course_review span + span{font-size:14px;color:#314158;line-height:24px;}

#wrap .thum_list .item .con_box .date_box > p{position:relative;}
#wrap .thum_list .item .con_box .date_box > p + p:after{content:'';display:block;width:1px;height:16px;background-color:#E2E8F0;position:absolute;left:-8px;top:50%;transform:translateY(-50%);}
#wrap .thum_list .price strong{font-size:20px;line-height:28px;}

#wrap .thum_list .item .con_box .btn{width:130px;}
#wrap .thum_list .item .con_box .btn a{height:40px;line-height:38px;border-radius:4px;padding:0;text-align:center;font-weight:500;}
#wrap .thum_list .item .con_box .btn a img{display:none;}
#wrap .thum_list .item .con_box .btn a.cart{color:#1C398E;border:1px solid rgba(28,57,142,0.5);}
#wrap .thum_list .item .con_box .btn a.apply{color:#fff;background-color:#2B7FFF;border:1px solid rgba(28,57,142,0.5);}
#wrap .thum_list .item .con_box .btn a.sub{color:#fff;background-color:#1C398E;border:1px solid rgba(28,57,142,0.5);}

#wrap .view_info{border-radius:16px;}
#wrap .apply_view{width:calc(100% - 420px);}
#wrap .apply_view .apply_table{display:flex;gap:30px;}
#wrap .apply_view .imgCont{position:relative;width:50%;}
#wrap .apply_view .imgCont .sample_box{position:absolute;right:16px;top:16px;}
#wrap .apply_view .imgCont .sample_box .sample_lesson{display:flex;gap:4px;align-items: center;width:fit-content;padding:0 16px;border-radius:16px;line-height:36px;}
#wrap .apply_view .imgCont .sample_box .sample_lesson:before{content:'';display:block;width:20px;height:20px;background: url(/html/images/new/view_ico_play.png) no-repeat 50% 50%;filter:none;position:unset;}


#wrap .apply_view .imgCont .view_img{border-radius:12px;}
#wrap .apply_view .txtCont{width:50%;padding-top:0;display:flex;flex-direction: column;justify-content: space-between;}
#wrap .apply_view .txtCont .v_util{position:absolute;right:0;top:0;}
#wrap .apply_view .v_util .share ul{top:30px;border-radius:8px;}
#wrap .apply_view .txtCont .category_tt{min-height:21px;}
#wrap .apply_view .txtCont .category_tt span{display:block;background-color:#DBEAFE;color:#2B7FFF;font-size:14px;font-weight:700;line-height:1.5;width:fit-content;padding:0 4px;margin-bottom:8px;}
#wrap .apply_view .txtCont h4{font-size:24px;color:#000;font-weight:700;}
#wrap .subscribe_notice{position:relative;right:unset;top:unset;}
#wrap .subscribe_btn{display:flex;gap:4px;border:none;margin:0;padding:0;font-size:14px;color:#62748E;line-height:24px;height:24px;align-items: center;}
#wrap .subscribe_btn:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/view_ico_help.png) no-repeat 50% 50%;}
#wrap .subscribe_notice .subscribe_notice_in{position:absolute;left:0;top:100%;}

#wrap .txtCont .teacher_box{position: relative;width:100%;border-radius:8px;border: 1px solid #E2E8F0;box-sizing: border-box;margin:0;padding:16px;background-color:#F8FAFC;}
#wrap .txtCont .teacher_box .teacher_top{}
#wrap .txtCont .teacher_box .teacher_top a{display:flex;gap:8px;}
#wrap .txtCont .teacher_box .img_box{position:relative;border-radius:50%;width:48px;}
#wrap .txtCont .teacher_box .img_box > img{border-radius:50%;width:100%;vertical-align:top;aspect-ratio:1/1;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;}
#wrap .txtCont .teacher_box .teacher_name{width: calc(100% - 56px);} 
#wrap .txtCont .teacher_box .teacher_name h4{font-size:16px;font-weight:700;color:#0F172B;line-height:1.4;}
#wrap .txtCont .teacher_box .teacher_name p{font-size:14px;font-weight:400;color:#62748E;line-height:1.4;}

#wrap .txtCont .teacher_box .teacher_course{margin-top:16px;display:flex;align-items: center;}
#wrap .txtCont .teacher_box .teacher_course span{position:relative;display:block;font-size:14px;color:#45556C;line-height:1.4;padding:0 8px;}
#wrap .txtCont .teacher_box .teacher_course span + span:before{content:'';display:block;width:1px;height:16px;background-color:#CAD5E2;position:absolute;left:0;top:2px;}
#wrap .txtCont .teacher_box .teacher_course strong{color:#45556C;font-weight:700;padding-left:4px;}
#wrap .lnb_tab{margin-top:32px;border:none;border-bottom:1px solid #E2E8F0;border-radius:0;text-align:left;}
#wrap .lnb_tab li{margin:0;}
#wrap .lnb_tab li a{line-height:50px;padding:0 12px;font-weight:700;font-size:16px;color:#62748E;}
#wrap .lnb_tab li a:after{bottom:-3px;background-color:#0F172B;}
#wrap .fixed_cont{}
#wrap .fixed_cont .price_table{padding:0;border-radius:16px;border:1px solid #CAD5E2;}
#wrap .fixed_cont .price_table .ibox{padding:20px;}
#wrap .price_ver2 .price_table .price_in h4{font-size:16px;line-height:24px;color:#0F172B;font-weight:700;margin-bottom:8px}
#wrap .price_ver2 .price_table .price_in .price {font-size:28px;font-weight:700;color:#0F172B;line-height:1.5;text-align:left;}
#wrap .price_ver2 .price_table .price_in .price strong{font-size:28px;font-weight:700;color:#0F172B;line-height:1.5;}
#wrap .price .dash:after{bottom:50%;}
#wrap .price_ver2 .price_table .price_in .checkboxBox{background-color:#F1F5F9;border-radius:4px;padding:12px;}
#wrap .price_ver2 .price_table .price_in .checkboxBox .check_item label{display:flex;gap:8px;}
#wrap .price_ver2 .price_table .price_in .checkboxBox .check_item label input[type="checkbox"]{top:1px;border:1px solid #E2E8F0;}
#wrap .price_ver2 .price_table .price_in .checkboxBox .check_item label input[type='checkbox']:checked {background:#2B7FFF url('/theme/6/img/main/check_icon.png')no-repeat center;border:1px solid #E2E8F0;}
#wrap .checkboxBox .check_item label{cursor:pointer;}
#wrap .checkboxBox .check_item label .item_nm{font-size:14px;line-height:24px;color:#0F172B;flex-grow: 2;}
#wrap .checkboxBox .check_item label .item_price{font-size:15px;line-height:24px;color:#0F172B;font-weight:700;text-align:right;}
#wrap .checkboxBox .check_item label .item_price .dash{position:relative; font-style:normal; display:block; color:#888;font-weight:300; }
#wrap .checkboxBox .check_item label .item_price .dash:after {content:''; width:100%; height:1px; background:#aaa; position:absolute; bottom:50%; left:0;}
#wrap .price_ver2 .total{padding:8px 0 0 0;border-top:1px solid #F1F5F9;margin:0;border-radius:0;}
#wrap .price_ver2 .total p{display:flex;align-items:center;margin:0;line-height:24px;justify-content: space-between;}
#wrap .price_ver2 .total p i{display:block;line-height:24px;font-size:15px;width:fit-content;}
#wrap .price_ver2 .total p b{display:block;line-height:24px;font-size:15px;width:fit-content;top:unset;}
#wrap .price_ver2 .total p.line1{margin:0;font-size:15px;font-weight:700;color:#0F172B;}
#wrap .price_ver2 .total p.line1 b{font-weight:700;font-size:15px;}
#wrap .price_ver2 .total p.line2{margin:0;font-size:14px;font-weight:700;color:#45556C;}
#wrap .price_ver2 .total p.line2 b{font-weight:700;font-size:14px;}
#wrap .price_ver2 .total p.line2 i b{font-size:15px !important;display:inline-block;font-weight:400;}
#wrap .price_ver2 .total p.line2 i{font-weight:400;}
#wrap .price_ver2 .total p.line3{margin:0;font-size:14px;font-weight:700;color:#45556C;}
#wrap .price_ver2 .total p.line3 b{font-weight:700;}

#wrap .price_ver2 .total h4{font-size:18px;line-height:24px;font-weight:700;color:#1C398E;margin:0;padding:0;border:none;display:flex;align-items:center;justify-content: space-between;}
#wrap .price_ver2 .total h4 i{font-size:16px;line-height:24px;color:#0F172B;font-weight:700;}
#wrap .price_ver2 .total h4 .price{font-size:18px;line-height:24px;font-weight:700;color:#1C398E;}
#wrap .price_ver2 .total h4 .price strong{font-size:18px;line-height:24px;font-weight:700;color:#1C398E;}
#wrap .price_ver2 .applyBtn{padding-top:16px;border-top:1px solid #F1F5F9;flex-direction: column;gap:8px;}
#wrap .price_ver2 .applyBtn a{background-color:#fff;color:#0F172B;border:1px solid #CAD5E2;width:100%;margin:0;line-height:50px;height:52px;border-radius:8px;font-size:16px;font-weight:700;}
#wrap .price_ver2 .applyBtn .apply{background-color:#1C398E;color:#fff;border:1px solid #1C398E;}
#wrap .price_ver2 .view_info{border:none;border-top:1px solid #E2E8F0;border-radius:0 0 16px 16px;padding:12px 20px;margin:0;}
#wrap .price_ver2 .view_info dl{display:flex;align-items:center;margin:0;}
#wrap .price_ver2 .view_info dl dt{display:flex;width:40%;font-size:15px;color:#45556C;align-items:center;gap:8px;line-height:26px;}
#wrap .price_ver2 .view_info dl.vi_date dt:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/course_ico_date.png) no-repeat 50% 50% / 100% auto;}
#wrap .price_ver2 .view_info dl.vi_cal dt:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/course_ico_cal.png) no-repeat 50% 50% / 100% auto;}
#wrap .price_ver2 .view_info dl.vi_time dt:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/course_ico_time.png) no-repeat 50% 50% / 100% auto;}
#wrap .price_ver2 .view_info dl.vi_mo dt:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/course_ico_mo.png) no-repeat 50% 50% / 100% auto;}
#wrap .price_ver2 .view_info dl.vi_pen dt:before{content:'';display:block;width:16px;height:16px;background: url(/html/images/new/course_ico_pen.png) no-repeat 50% 50% / 100% auto;}

#wrap .price_ver2 .view_info dl dd{width:60%;font-size:15px;color:#0F172B;font-weight:700;line-height:26px;}
#wrap .price_in .count_wrap{display:flex;align-items:center;justify-content: space-between;margin-bottom:16px;}
#wrap .market_cont .apply_view .imgCont .view_img{width:100%;}
#wrap .market_cont .apply_view .txtCont{border-bottom:none;}
#wrap #table > dl,#wrap #library > dl{border-radius:4px;}

#wrap .view_table .table_in .txtCont .list_btn{border-radius:8px;height:40px;line-height:38px;bottom:-20px;}
#wrap .process_tit{border-radius:8px;}

.widget_row div.whiteBox{border-radius:8px;}
div.whiteBox .process_ing dl{border-radius:8px;}
div.whiteBox .process_ing dl dt .img{border-radius:8px 8px 0 0;}
div.whiteBox .btn_cont a{border-radius:4px;line-height:38px;}

.subscribe_cont .subscribe_apply li a{border-radius:4px;line-height:38px;}

@media (max-width: 980px) {
.view_info .sample_lesson{width:140px;}

#wrap .new_list .item { width: calc((100% - 60px) / 3);}
#wrap .market_list{gap:30px;}
#wrap .market_list .item {width: calc((100% - 60px) / 3);}


}

@media (max-width: 680px) {
.view_info .sample_lesson{width:120px;}
#wrap .new_list{gap:20px;}
#wrap .new_list .item { width: calc((100% - 20px) / 2);}

#wrap .market_list{gap:20px;}
#wrap .market_list .item {width: calc((100% - 20px) / 2);}


#wrap .apply_view .apply_table{flex-direction: column;}
#wrap .apply_view .imgCont{width:100%}
#wrap .apply_view .txtCont{width:100%}
#wrap .fixed_cont{margin-top:30px;}

}