@charset "utf-8";


.main_banner { width:1200px;padding:40px 0px 0px 0px;margin:0px auto;text-align:center;}
.main_banner ul { width:100%;padding:0px; display:flex;gap:20px;align-items:center;justify-content:center;}
.main_banner li { position:relative;float:none;width:auto;min-width:224px;display:block;text-align:center;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease;box-sizing: border-box;}
.main_banner li a {display:flex;gap:16px;align-items:center;justify-content:center;padding:22px 0;background-position: 50% 10px !important;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease;background-color:#F9FAFB;border:1px solid #E2E8F0;border-radius:8px;}

.main_banner li a:hover {background-position: 50% 0px !important;}
.main_banner li h2 {position:relative;display:block; width:auto;height:27px;line-height:27px;padding:0px; font-size:18px;color:#000;font-weight:500;text-align:center; }
.main_banner li a:hover h2 {color:#0079c0;}
.main_banner li.main_banner1 a{background-image:none;background-color:#F9FAFB;}
.main_banner li.main_banner2 a{background-image:none;background-color:#F9FAFB;}
.main_banner li.main_banner3 a{background-image:none;background-color:#F9FAFB;}
.main_banner li.main_banner4 a{background-image:none;background-color:#F9FAFB;}
.main_banner li.main_banner5 a{background-image:none;background-color:#F9FAFB;}

.main_banner li.main_banner1 a:before{content:'';display:block;width:24px;height:24px;background:url('/html/images/new/main_icon01.png') no-repeat 50% 50% / 100% auto;}
.main_banner li.main_banner2 a:before{content:'';display:block;width:24px;height:24px;background:url('/html/images/new/main_icon02.png') no-repeat 50% 50% / 100% auto;}
.main_banner li.main_banner3 a:before{content:'';display:block;width:24px;height:24px;background:url('/html/images/new/main_icon03.png') no-repeat 50% 50% / 100% auto;}
.main_banner li.main_banner4 a:before{content:'';display:block;width:24px;height:24px;background:url('/html/images/new/main_icon04.png') no-repeat 50% 50% / 100% auto;}
.main_banner li.main_banner5 a:before{content:'';display:block;width:24px;height:24px;background:url('/html/images/new/main_icon05.png') no-repeat 50% 50% / 100% auto;}

.main_course_wrap{margin-top:40px;background-color:#fff;}

.main_outer{padding:72px;}

.main_title {position:relative;font-family:"Noto Sans KR";line-height:100%;font-size:32px;font-weight:500;color:#0F172B; padding-bottom:0; margin:0px auto;text-align:center;background:none;letter-spacing:0 !important;}
.main_title:before {content:'';display:none;}
.main_title b {font-weight:800;}
.main_s_tx{margin:0 auto;text-align:center;font-size:18px;font-weight:500;color:#45556C;margin-top:16px;}

.main_course_tab{margin-top:40px;}
.main_course_tab .main_course_tab_tt{display:flex;align-items:center;justify-content: center;gap:8px;}
.main_course_tab .main_course_tab_tt li{}
.main_course_tab .main_course_tab_tt li a{display:block;padding:11px 20px;border:1px solid #CAD5E2;font-size:16px;color:#314158;line-height:1.5;font-weight:500;background-color:#fff;border-radius:24px;}
.main_course_tab .main_course_tab_tt li a.on{border:1px solid #1E2939;background-color:#1E2939;color:#fff;}
.main_course_tab .main_course_tab_tt li a:hover{border:1px solid #1E2939;background-color:#1E2939;color:#fff;}
.main_course_tab .tab_wrap{margin-top:40px;}


.horizontal_list2 {overflow:hidden;width:1240px;display:flex;flex-wrap:wrap;}
.horizontal_list2 > div.item{border:none;background:#fff;text-align:center;padding:0px;width:calc(( 100% - 160px ) / 4 );border-radius:10px;margin:0px;height:280px;}
.horizontal_list2 > div.nodata{padding:0;height:280px;line-height:280px;width:1200px;border:1px solid #e5e5e5;margin-left:0;border-radius:8px;}
.horizontal_list2 span{display:block;}
.horizontal_list2 span.img_box{position:relative;width:100%; height:auto;box-sizing:border-box;border-radius:8px;border:1px solid #E5E7EB;overflow:hidden;}
.horizontal_list2 span.img_box a{position:relative;display:block; height:0; padding-bottom:66.66%;border-radius:10px 10px 0px 0px; }
.horizontal_list2 span.img_box > a > img{width:100%;background-size:auto 100%;background-position: 50% 50%;}

.horizontal_list2 .list_cont {display:block;width:100%; padding:0;box-sizing:border-box;margin-top:12px;}
.horizontal_list2 span.list_subject{font-weight:800;font-size:18px;line-height:1.5;max-height:50px;color:#0F172B;padding:0px;margin:0px;text-align:left; display: -webkit-box; white-space:normal; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break:keep-all; }
.horizontal_list2 span.list_cate {padding:0px;max-height:40px;line-height:20px;font-size:15px;color:#467fd7;margin-bottom:10px;text-align:left;}
.horizontal_list2 span.list_period{font-weight:bold;height:20px;line-height:20px;font-size:17px;margin-bottom:10px; padding:0px;text-align:center}
.horizontal_list2 span.list_blt {line-height:18px;font-size:13px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}
.horizontal_list2 span.list_price {font-size:16px; color:#0F172B;font-weight:800;text-align:left;margin-top:8px;}
.horizontal_list2 .list_btn {display:inline-block;width:auto;font-weight:500;font-size:17px;line-height:50px;color:#000;padding:0px 33px 0px 20px;margin:0px auto;background:#467fd7;}
.horizontal_list2 .button.course{}

.main_outer.bgdata{background: #26254B url(/html/images/new/data_bg.png) no-repeat 50% 50% /  auto 100%;height:520px;}
.main_outer.bgdata .main_inner{display:flex;align-items: center;justify-content: center;gap:10px;}
.main_outer.bgdata .tt_box{width:485px;}
.main_outer.bgdata .main_title{font-size: 36px;color:#fff;font-weight:800;text-align:left;line-height:1.5;}
.main_outer.bgdata .main_s_tx{font-size:18px;color:#D1D5DC;font-weight:500;text-align:left;line-height:1.5;}
.main_outer.bgdata .btn_event{display:flex;align-items: center;justify-content: center;gap:8px;border-radius:6px;margin-top:48px;width:185px;height:48px;background: linear-gradient(90deg, #403DC0 52.88%, #966BED 100%);color:#fff;font-size:16px;font-weight:700;}
.main_outer.bgdata .btn_event:after{content:'';display:block;width:20px;height:20px;background: url(/html/images/new/ico_arrow_r.png) no-repeat 50% 50%}
.main_outer.bgdata .main_inner .data_img{width:588px;height:360px;}
.main_outer.bgdata .main_inner .data_img img{width:588px;height:360px;border-radius:8px;}

.main_outer.count_up{padding:32px 0;background-color:#364153;}
.main_outer.count_up .main_inner{display:flex;align-items: center;justify-content: space-between;}
.main_outer.count_up .com_logo{display:block;}
.main_outer.count_up .com_copy{font-weight:700;font-size:24px;color:#fff;margin-top:4px;}

.main_outer.count_up .count_list{display:flex;align-items: center;gap:80px}
.main_outer.count_up .count_list dl{position:relative;padding-left:52px;display:flex;flex-direction: column-reverse;text-align:center;}
.main_outer.count_up .count_list dl dt{display:block;font-size:16px;font-weight:700;color:#d1d5dc;line-height:1.5;margin-top:4px;}

.main_outer.count_up .count_list dl dd{font-size:20px;font-weight:800;color:#fff;}
.main_outer.count_up .count_list dl dd strong{font-size:36px;font-weight:800;color:#fff;}
.main_outer.count_up .count_list dl:before{content:'';display:block;width:32px;height:32px;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.main_outer.count_up .count_list dl.c_user:before{background: url(/html/images/new/ico_count_user.png) no-repeat 50% 50%}
.main_outer.count_up .count_list dl.c_star:before{background: url(/html/images/new/ico_count_star.png) no-repeat 50% 50%}
.main_outer.count_up .count_list dl.c_per:before{background: url(/html/images/new/ico_count_per.png) no-repeat 50% 50%}

.main_outer .main_w_banner{}
.main_outer .main_w_banner a{position:relative;display:block;padding:32px 48px;background-color:#403DC0;border-radius:12px;overflow:hidden;}
.main_outer .main_w_banner a .banner_tx{display:block;font-size:16px;font-weight:500;color:#fff;line-height:1.5;}
.main_outer .main_w_banner a .banner_tt{display:block;font-size:20px;font-weight:800;color:#fff;line-height:1.5;}
.main_outer .main_w_banner a .fake_btn{position:absolute;right:48px;top:50%;transform:translateY(-50%);display:flex;align-items: center;justify-content:center;width:129px;height:40px;font-size:16px;font-weight:800;color:#0F172B;background-color:#E1FF8F;border-radius:20px;}
.main_outer .main_w_banner a:after{content:'';position:absolute;right:225px;top:11px;display:block;width:151px;height:109px;background: url(/html/images/new/banner_object.png) no-repeat 50% 0 / 100% auto;}



/*   52  */