@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{}