@charset "utf-8";
/* CSS Document */

.main{padding-bottom:135px; box-sizing:border-box;min-height:1000px}

.main .main_visual{position:relative;}

.main .main_visual{position:relative; z-index:0;}
.main .main_visual .visual{height:900px; background-repeat:no-repeat; background-size:50% 50%; background-size:cover; overflow:hidden;}
.main .main_visual .visual .size{max-width:1490px; height:100%;}
.main .main_visual .visual01{text-align:center;}
.main .main_visual .visual .s_cont{width:100%; height:100%;}
.main .main_visual .visual01 .s_cont{padding-top:700px; box-sizing:border-box;}

.slText {
  position: absolute;
  z-index:9;
  top: 80%;
  left: 50%;
  max-width: 100%;
  width: 100%;
  padding: 0;
  text-align: center;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
}
.slText .tit{color:#fff; font-size:40px; font-weight:500;text-shadow:1px 1px 3px #838383;}
.slText .tit strong{font-size:60px;line-height:130%;color: #ffeb99;}

.main .main_visual .visual02 .s_cont{width:100%; height:100%;}
.main .main_visual .visual02 .s_cont{padding-top:225px; box-sizing:border-box;}
.main .main_visual .visual02 .imgBox{position:absolute; bottom:-60px; right:-255px;}


.main .main_visual .swiper-button-prev, .main .main_visual .swiper-button-next{width:82px; height:122px; margin-top:-61px; color:transparent; outline:none; background-repeat:no-repeat; background-size:50% 50%; background-size:cover;}
.main .main_visual .swiper-button-prev{background-image:url(../img/slide_prev.pngg');}
.main .main_visual .swiper-button-next{background-image:url(../img/slide_next.pngg');}
.main .main_visual .swiper-pagination{/*left:50%; margin-left:-25.75px;*/ bottom:40px; z-index:50;}
.main .main_visual .swiper-pagination-bullet{width:10.5px; height:10.5px; margin-left:10px; background-color:#fff; border-radius:10.5px; box-shadow:2px 1.5px 3px 0px rgb(0 0 0 / 20%);}
.main .main_visual .swiper-pagination-bullet:first-child{margin-left:0;}






/******* 특/장 점 ********/
#advantages {display: inline-block;width:100%;min-width:1280px;text-align:center;padding:100px 0px 0px 0px;background-color:#f3f3f3}
#advantages .tit1{font-size:40px;font-weight:900;color:#333333 !important}
#advantages .tit2{font-size:25px;font-weight:600;;margin-top:30px;color:#7c7c7c !important}
#advantages .advantageswrapper { position: relative; width: 100%; margin: 0 auto; max-width: 1280px;border:0px solid #ff0000;margin-top:60px }

#advantages .advantageswrapper .list .advantages_l{width:50%;float:left;border:0px solid #ff0000;}
#advantages .advantageswrapper .list .advantages_r{width:50%;float:right;border:0px solid #ff0000;}

#advantages .advantageswrapper .list .item {text-align:left;line-height: 1.6;background-color: #ffffff; width: 530px; padding:10px 10px 10px 40px;border:1px solid #cdcdcd;float:left;border-radius:1em;;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#advantages .advantageswrapper .list .item .txt1 {display: block; font-size: 22px;color: #333333;font-weight:800 }
#advantages .advantageswrapper .list .item .txt2 {line-height: 1.6;font-weight:500; font-size:15px;color: #333333; }
/******* 특/장 점 ********/



/******************************  베스트 강사 ***********************************************/
#content_teacherBox {display: inline-block;background: url('/image/main/bg04.png') repeat;width:100%;min-width:1280px;text-align:center;;padding:80px 0px 0px 0px}
#content_teacherBox .tit{line-height:30px;width:230px;margin:20px auto auto auto;overflow:hidden;;font-size: 15px;font-weight:600}}
#content_teacherBox .ttxt1{width:100%;height:50px;margin:15px auto auto auto;overflow:hidden;line-height: 1.6; font-size: 15px;font-weight:700;}
#content_teacherBox .ttxt2{width:100%;height:50px;margin:5px auto auto auto;overflow:hidden;line-height: 1.6; font-size: 13px;color:#7c7c7c}

.content_teachertit {margin:30px auto;line-height:30px}
.content_teachertit .tit1{font-size:40px;font-weight:900;color:#333333 !important;}
.content_teachertit .tit2{font-size:25px;font-weight:600;margin-top:20px;color:#fff !important;}

.main_bestteacher {
  background: url(../images/main/sec_02_bg.jpg) no-repeat center 0;
  height: 500px;
	border:0px solid #ff8b00;
  padding: 50px 0 50px;
  box-sizing: border-box;
  text-align: center;
}


.main_bestteacher .sec_tit {
  font-size: 38px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 35px;
}

.main_bestteacher .bx-wrapper .bx-controls-direction .bx-prev {
  background: url(/image/main/btn_left.png) no-repeat 0 0;
  width: 32px;
  height: 59px;
  top: 145px;
  left: -40px;
}


.bx-loding{
	background:none;
}
.main_bestteacher .bx-wrapper .bx-controls-direction .bx-next {
  right: 0;
  background: url(/image/main/btn_right.png) no-repeat 0 0;
  width: 32px;
  height: 59px;
  top: 145px;
  right: -40px;
}

.main_bestteacher .bx-controls-direction {
  position: absolute;
  top: 0;
  width: 100%;
}

.main_bestteacher .bx-controls .bx-pager {
  width: auto !important;
  margin-top: 60px;
  position: static;
  display: inline-block;
  padding-top: 0;
}

.main_bestteacher .bx-controls .bx-controls-auto {
  margin-top: 60px;
  width: auto !important;
  position: static;
  display: inline-block;
  margin-top: -2px;
}

.main_bestteacher .bx-controls .bx-controls-auto .bx-start {
  background-image: url(../images/icon/sp_control.png);
  background-position: 0px 0px;
  width: 17px;
  height: 17px;
}

.main_bestteacher .bx-controls .bx-controls-auto .bx-stop {
  background-image: url(../images/icon/sp_control.png);
  background-position: -21px 0px;
  width: 17px;
  height: 17px;
}

.main_bestteacher .bx-controls .bx-pager-item a {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  border: 2px solid #fff;
  background: none;
  box-sizing: border-box;
  margin: 0 3px;
}

.main_bestteacher .bx-controls .bx-pager-item a.active {
  width: 22px;
  background: #fff;
  transition: 0.3s;
}


.main_bestteacher #clinic_slider:after {
	content:'';
	display:block;
	clear:both;
}

.main_bestteacher #clinic_slider {
	border:0px solid #ff8b00;
    overflow: hidden;
    height: 415px;
}


.main_bestteacher #clinic_slider .slick_li {

  text-align: center;
	border:0px solid #ff8b00;
	float:left !important;
	width:260px !important;height:370px !important;
	background:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);border-radius:1em;;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;

}



.main_bestteacher #clinic_slider .slick_li a {
  display: block;
}

.main_bestteacher #clinic_slider .slick_li a:hover i {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.main_bestteacher #clinic_slider .slick_li a:hover .img_box:before {
  border: 18px solid #ffb400;
  transition: 0.3s;
}

.main_bestteacher #clinic_slider .slick_li .img_box {
  position: relative;
}

.main_bestteacher #clinic_slider .slick_li .img_box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -143.5px;

  box-sizing: border-box;
  border: 0px solid #ffb400;
}


.main_bestteacher #clinic_slider .slick_li .img_box img {
  width: 200px;
  height: 150px;
  border-radius: 12px;
  display: inline-block;
}


.main_bestteacher #clinic_slider .slick_li .txt_box {
  margin-top: 25px;
  color: #fff;
  margin-bottom: 20px;
}

.main_bestteacher #clinic_slider .slick_li .txt_box .tit {
  font-weight: 400;
  font-size: 20px;
      overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.main_bestteacher #clinic_slider .slick_li .txt_box .des {

    height:30px;
    line-height:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.main_bestteacher #clinic_slider .slick_li i {
  width: 19px;
  height: 19px;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: url(../images/icon/plus_y.png) no-repeat center 0;
}

.main_bestteacher #clinic_slider .slick_li i:before {
  display: none;
}
/******************************  베스트 강사 ***********************************************/




/******************************  수강후기 ***********************************************/
#contentAfter {display: inline-block;background-image:url(/image/main/bg_01.png);width:100%;min-width:1200px;text-align:center;padding:100px 0px 80px 0px;}
#contentAfter .tit1{font-size:40px;font-weight:900;color:#333333 !important}
#contentAfter .tit2{font-size:25px;font-weight:600;;margin-top:30px;color:#7c7c7c !important}


.main_review { box-sizing:border-box; padding-top:50px; }
.main_review1 { text-align:center; overflow:hidden; }

.main_review1 .review_wrap { position:relative; padding-bottom:50px;padding-top:50px; }
.main_review1 .review_wrap .bxslider { float:left; text-align:left; }
.main_review1 .review_wrap::after { content:''; clear:both; display:block; visibility:hidden; }
.main_review1 .review_wrap .reviewbox1 { border-radius:2em;;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;width:355px !important;height:400px; background-color:#f7fdfd; box-sizing:border-box; padding:40px; margin-top:35px; }
.main_review1 .review_wrap .reviewbox2 { border-radius:2em;;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;width:551px !important;height:470px; background-color:#4a9cff; margin-left:-30px; z-index:1; position:relative; color:#ffffff; box-sizing:border-box; padding:40px 75px; }
.main_review1 .review_wrap .reviewbox3 { border-radius:2em;;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;width:355px !important;height:400px; background-color:#f7fdfd; margin-left:-31px;  box-sizing:border-box; padding:40px; margin-top:35px; }
.main_review1 .review_wrap .bxslider .reviewbox_txt { }
.main_review1 .review_wrap .bxslider .reviewbox_txt .bxslider{}
.main_review1 .review_wrap .bxslider #prev a{ }
.main_review1 .review_wrap .bxslider #next a{ }

.main_review1 .review_wrap .review_title { padding:15px 0;line-height:45px;}
.main_review1 .review_wrap .reviewbox1 .review_title {font-size:28px;  }
.main_review1 .review_wrap .reviewbox1 .review_txt p:first-child {font-size:16px; color:#4a9cff; padding-top:15px; }
.main_review1 .review_wrap .reviewbox1 .review_txt p:nth-child(2) {font-size:14px; }
.main_review1 .review_wrap .reviewbox1 .review_txt p:nth-child(3) {font-size:14px; line-height:50px;}
.main_review1 .review_wrap .reviewbox1 .review_txt p:nth-child(3) a { display:inline-block;margin-left:100px; }
.main_review1 .review_wrap .reviewbox1 .review_txt p:nth-child(3) a img { margin-left:10px; display:inline-block;}
.main_review1 .review_wrap .reviewbox2 .review_title {font-size:40px;font-weight:700 }
.main_review1 .review_wrap .reviewbox2 .review_txt p:first-child {font-size:18px; color:#a6e3ff; padding-top:30px; }
.main_review1 .review_wrap .reviewbox2 .review_txt p:nth-child(2) {font-size:18px; }
.main_review1 .review_wrap .reviewbox2 .review_txt p:nth-child(3) {font-size:18px; color:#a6e3ff; line-height:50px;}
.main_review1 .review_wrap .reviewbox2 .review_txt p:nth-child(3) a { display:inline-block;margin-left:280px; }
.main_review1 .review_wrap .reviewbox2 .review_txt p:nth-child(3) a img { margin-left:10px; display:inline-block;}
.main_review1 .review_wrap .reviewbox3 .review_title {font-size:28px;}
.main_review1 .review_wrap .reviewbox3 .review_txt p:first-child {font-size:16px; color:#4a9cff; padding-top:15px; }
.main_review1 .review_wrap .reviewbox3 .review_txt p:nth-child(2) {font-size:14px; }
.main_review1 .review_wrap .reviewbox3 .review_txt p:nth-child(3) {font-size:14px; line-height:50px;}
.main_review1 .review_wrap .reviewbox3 .review_txt p:nth-child(3) a { display:inline-block;margin-left:100px; }
.main_review1 .review_wrap .reviewbox3 .review_txt p:nth-child(3) a img { margin-left:10px; display:inline-block;}
.main_review1 .bx-wrapper .bx-controls-direction {position: relative;}
.main_review1 .bx-wrapper .bx-controls-direction a {display:block; width:50px; height:60px; background-size:cover; background-position:center center; position:absolute; top:-110px; text-indent:9999px; white-space:nowrap;}
.main_review1 .bx-wrapper .bx-controls-direction a.bx-prev { background-image:url(/image/main/review_navi1.png); left:-100px;}
.main_review1 .bx-wrapper .bx-controls-direction a.bx-next { background-image:url(/image/main/review_navi2.png); right:-950px; left:unset;}
/******************************  수강후기 ***********************************************/




#contentUp {display: inline-block;width:100%;min-width:1200px;text-align:center;padding:80px 0px 80px 0px;}
#contentUp .tit1{font-size:40px;font-weight:900;color:#333333 !important}
#contentUp .tit2{font-size:25px;font-weight:600;;margin-top:30px;color:#7c7c7c !important;line-height:1.6;}
#contentUp .wrapper { position: relative; width: 100%; margin: 0 auto; max-width: 1200px;border:0px solid #ff0000;margin-top:60px }
#contentUp .wrapper .list .item { background-color: #ffffff; width: 366px; padding:40px 0px 40px 0px;float:left;border-radius:5em;;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#contentUp .wrapper .Mypageml{margin-left:45px}
#contentUp .wrapper .list .item img { margin: auto; }
#contentUp .wrapper .list .item .tit { line-height: 1.3; font-weight: 700; font-size: 35px; }
#contentUp .wrapper .list .item .txt {line-height: 1.6; font-size: 16px; }




/************ 디자인 추가 2022.03.01 **********************/
#contentMypage {display: inline-block;width:100%;min-width:1200px;text-align:center;background-image:url(/image/main/bg03.png); background-repeat: no-repeat;background-position:50% 70%;padding:140px 0px 140px 0px}
#contentMypage .tit1{font-size:40px;font-weight:900;color:#333333 !important}
#contentMypage .tit2{font-size:25px;font-weight:600;;margin-top:30px;color:#7c7c7c !important}
#contentMypage .contentMypagewrapper { position: relative; width: 100%; margin: 0 auto; max-width: 1200px;border:0px solid #ff0000;margin-top:60px }
#contentMypage .contentMypagewrapper .list .item { background-color: #ffffff; width: 366px; padding:40px 0px 40px 0px;float:left;border-radius:5em;;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#contentMypage .contentMypagewrapper .Mypageml{margin-left:45px}
#contentMypage .contentMypagewrapper .list .item img { margin: auto; }
#contentMypage .contentMypagewrapper .list .item .tit { line-height: 1.3; font-weight: 700; font-size: 35px; }
#contentMypage .contentMypagewrapper .list .item .txt {line-height: 1.6; font-size: 16px; }



#contentleveltest {display: inline-block;width:100%;min-width:1200px;text-align:center;padding:100px 0px 100px 0px;background-image:url(/image/main/bg_02.png);}
#contentleveltest .wrapper1 { padding:50px;display: inline-block;width:1200px;position: relative; margin: auto;border-radius:2em;;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin-top:60px }
#contentleveltest .wrapper1 li{border:0px solid #ff0000;}
#contentleveltest .wrapper1 .list .item {text-align:left;line-height: 1.6;margin-left:50px}
#contentleveltest .wrapper1 .list .item .tit1 {font-size:35px;font-weight:900;color:#ff8b00 !important; }
#contentleveltest .wrapper1 .list .item .tit2 {font-size:23px;font-weight:600;color:#fff !important;}



/******* Video ********/
#content_video {display: inline-block;width:100%;min-width:1200px;text-align:center;padding:100px 0px 100px 0px;background: url(/image/main/bg05.png) no-repeat 0 0;}
#content_video .tit1{font-size:40px;font-weight:900;color:#ff8b00 !important}
#content_video .tit2{font-size:25px;font-weight:600;;margin-top:30px;color:#fff !important}
#content_video .wrapper { position: relative; width: 100%; margin: 0 auto; max-width: 1200px;border:0px solid #ff0000; }
#content_video .wrapper .list .videobox{margin:50px auto auto auto;width:903px;height:459px;background-image: url(/image/main/bg_video03.png); background-repeat: no-repeat; background-position: center;background-size:contain}



.content1 {position:relative;height:300px;width:1200px; margin:80px auto auto auto; padding:0; clear:both;border:0px solid #ff8b00;}
.content1 .boardbox {float:left;width:385px;height:260px;border:1px solid #c4c4c4;padding:20px}
.content1 .board {float:left;width:330px;height:50px;}
.content1 .board li{height:40px;line-height:40px}
.content1 .board .title{float:left;font-size:17px;font-weight:700px}
.boardlist a{font-size:14px !important;}
.boardlist p{width:330px;height:30px;float:left;padding:0px;overflow:hidden;}