@charset "UTF-8";


.main_banner_wrap { /*margin-bottom: 30px;*/ }
.main_banner_wrap .img_box { display: block; }
.main_banner_wrap .owl-dots { position: absolute; bottom: 18px; left: 50%; transform: translate(-50%, 0);}
.main_banner_wrap .owl-dots .owl-dot { display: inline-block; width: 8px; height: 8px; margin: 0 2px; border-radius: 5px;border:1px solid #c9c9c9; background-color: #dadada; transition: all 0.5s; -webkit-transition: all 0.5s; }
.main_banner_wrap .owl-dots .owl-dot.active { width: 8px; background-color: #000; border:1px solid #666}
.main_banner01 .owl-stage-outer { overflow: hidden; -webkit-border-radius: 10px 10px 40px 10px; border-radius: 10px 10px 40px 10px;}

/*main middle_notice */
.main_middle_notice { border-top:1px solid #f4f4f4; }
.main_middle_notice .layout_wrap { line-height: 44px; position: relative }
.text_field {  float: left; width:calc(100% - 50px); position: relative; overflow: hidden; padding-left:55px; background: url("/img/_renew/main/main_icon_notice.png") 24px center no-repeat; background-size:18px 16px;  }
.text_field a { display: block; position: relative; font-size: 0.781rem; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden; text-overflow: ellipsis; height:2.875rem; }
.notice_list_go { width:8px; height: 13px; position: absolute; right: 20px; top:50%; margin-top:-6.5px; background: url("/img/_renew/main/arrow_right.png") center center no-repeat; background-size: contain}

#main_contents { overflow: hidden; width: 100%; margin: 0 auto; }
.layout_wrap.main_grid { padding-left:20px; padding-right:20px; }
.sec_title {font-size:17px; font-weight: 600; height:44px; line-height:44px; padding-left:20px; padding-right:10px; margin-top:0; position: relative;color:#333 }
.sec_title a {display: block; color:#333}
.sec_title a:after { content: ""; width:8px; height:13px; position: absolute; right: 20px; top:15px;  background: url("/img/_renew/main/arrow_right.png") center center no-repeat  }
.sec_title span { font-weight: 600; line-height: 1 }



.conGroup{margin:30px 0 30px}
.conGroup.first{margin:20px 0 30px}
.swiper-slide { width:100%;}
.benefit_group { display:flex;}
.benefit_group > div { flex:1;}
.benefit_group > div > a {margin:0 10px 0 0;display:block;}
.benefit_group > div > a > .txt_benefit {display:block;font-size:12px;}
.benefit_group > div > a > .txt_benefit em{font-style:normal;color:#1975f4;font-weight:bold}

.title_h1{padding:10px 0 14px 22px;}
.title_h1 h1{font-size:19px;font-weight:800;text-align:left;}
.title_h1 h1 span{color:#000096;font-weight:800;display:inline;}
.title_h1 h1 em{font-style:normal;font-size:12px;padding-left:10px;}


.mc1_slide_wrap .thumb01 {border-radius:10px; position: relative; overflow: hidden; transition: all .3s}

.mc1_slide_wrap .thumb01 .content_summary {position: absolute; top:0; left:0; padding:40px 15px 0 15px }
.mc1_slide_wrap .thumb01 .content_summary h4 { overflow: hidden; margin-bottom: 4px; font-size: 11px; font-weight: 300; color:#fff; }
.mc1_slide_wrap .thumb01 .content_summary h5 { font-size: 12px; font-weight: 400; line-height: 1.2; color:#fff;
overflow: hidden; white-space: normal; display: block; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height: 1.2;}

.mc1_slide_wrap .thumb02 {border-radius:10px; position: relative; overflow: hidden; transition: all .3s}

.mc1_slide_wrap .content_normal h4 { overflow: hidden;  font-size: 14px; font-weight: 500;padding-top:7px;color: #010101;}
.mc1_slide_wrap .content_normal h5 { font-size: 12px; font-weight: 400; line-height: 1.2;margin-top: 7px;color: #010101;
overflow: hidden; white-space: normal; display: block; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height: 1.4;}

.mc1_slide_wrap .thumb03 {border-radius:10px; position: relative; overflow: hidden; transition: all .3s;}
.mc1_slide_wrap .cont_1 {background-color: #fdf7ef}
.mc1_slide_wrap .cont_2 {background-color: #eff6fd}
.mc1_slide_wrap .cont_3 {background-color: #ecfbf3}
.mc1_slide_wrap .cont_4 {background: #fff5fd}
.mc1_slide_wrap .cont_5 {background: #f2fffe}
.mc1_slide_wrap .cont_6 {background: #f8f8f8}
.mc1_slide_wrap .cont_7 {background: #fffcef}
.mc1_slide_wrap .content_only {padding:10px 10px 12px;text-align:center}

.mc1_slide_wrap .content_only h4 { overflow: hidden;  font-size: 15px; font-weight: 500;padding-top:7px;color: #010101;}
.mc1_slide_wrap .content_only h5 { font-size: 13px; font-weight: 400; line-height: 1.2;margin-top: 7px;color: #010101;
overflow: hidden; white-space: normal; display: block; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height: 1.4;}

.mc1_slide_wrap .thumb04 {border-radius:10px; position: relative; overflow: hidden; transition: all .3s}
.mc1_slide_wrap .thumb04 { position: relative;width:100%}
.mc1_slide_wrap .thumb04 .book{ background: #f5f5f5; height:auto;text-align:center;padding:0 22px}
.mc1_slide_wrap .thumb04 .book img{display:inline-block}
.mc1_slide_wrap .thumb04:hover {box-shadow: 0 10px 5px rgba(0,0,0,0.1);}

.class_icon_wrap { position: absolute; top:10px; left:15px; }
.class_icon_wrap span { font-size:11px;display: inline-block; line-height:20px; border-radius:5px 0 5px 0;min-width: 40px; color:#fff; text-align: center;}
.class_icon_wrap span.curriculum { background: #2c2e31 }
.class_icon_wrap span.grade1 { background: #1aa73b }
.class_icon_wrap span.grade2 { background: #1c83d2 }
.class_icon_wrap span.grade3 { background: #894bf0 }


 .category {
  padding:0 10px
}
 .category {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
 .category li {
  box-sizing: border-box;
  width: calc(100% / 3 - 15px);
  margin-right: 10px;
  height: 90px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: #f8f8f8;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
 .category li:nth-of-type(3n), .category li:nth-of-type(6n) {
  margin-right: 0;
}
 .category li::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
} /*start:2022-02-28*/
 .category li.item01::after {
  width: 32px;
  height: 32px;
  background-image: url(/img/_renew/main/banner-01-icon.png);
}
 .category li.item02::after {
  width: 32px;
  height: 32px;
  background-image: url(/img/_renew/main/banner-02-icon.png);
}
 .category li.item03::after {
  width: 32px;
  height: 32px;
  background-image: url(/img/_renew/main/banner-03-icon.png);
}
 .category li.item04::after {
  width: 32px;
  height: 32px;
  background-image: url(/img/_renew/main/banner-04-icon.png);
} 
 .category li.item05::after {
  width: 32px;
  height: 32px;
  background-image: url(/img/_renew/main/banner-05-icon.png);
} 
 .category li.item06::after {
  width: 32px;
  height: 32px;
  background-image: url(/img/_renew/main/banner-06-icon.png);
} 

 .category li a {/*2022-02-28*/
  padding: 30px 10px;
  display: block;
  width: 100%;
  height: 100%;
  position:relative;
}
 .category li h3 {
  padding-top:30px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -1.28px;
  text-align: center;
  color: #333;
}