@charset "utf-8";
/* main.css */
@import url(default.css); /* default */
@import url(common.css); /* header,footer */
/* 초기화 */

/* 중간 레이아웃 */
#wrapper{ position: relative; margin: 0 auto;  min-width: 1630px;}
#wrapper #container {z-index:4; position:relative; min-height:900px; width: 100%; font-size:1em; zoom:1;}
#wrapper #container:after {display:block; visibility:hidden; clear:both; content:""}
#wrapper #container .content { margin: 0 auto; padding: 0 0px;}


/*메인페이지*/
.main_visual_video{ position:relative; overflow: hidden; height:90vh; min-width: 1630px;}

.main_visual{ position:relative; overflow: hidden; height:100%; min-width: 1630px;}
.main_visual .swiper-slide{ position: relative;  height: 90vh; overflow: hidden;}
.main_visual .swiper-slide .bg{ height: 90vh; background-color: #000; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
/**
.main_visual .swiper-slide.slide01 .bg{ background-image: url(../image/main/mvisual_01.jpg); width: 1903px;}
.main_visual .swiper-slide.slide02 .bg{ background-image: url(../image/main/mvisual_02.jpg); width: 1903px;}
.main_visual .swiper-slide.slide03 .bg{ background-image: url(../image/main/mvisual_03.jpg); width: 1903px;}
**/
.main_visual .swiper-slide .bg{ position:absolute; top:0; right:0; left:0; bottom:0;  background-position:50% 50%; background-repeat:no-repeat; background-size:cover;
	opacity: 0;
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
}
.main_visual .swiper-slide.swiper-slide-active .bg{
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.main_visual .swiper-slide  p.txt1 {font-size:50px; font-weight:700; position:absolute; left:139px; bottom:280px; font-family: 'Pretendard-SemiBold'; color:#fff; transition-duration: 0.5s; opacity:0; }
.main_visual .swiper-slide  p.txt2 {font-size:35px; font-weight:600; position:absolute; left:139px; bottom:218px; font-family: 'Pretendard-SemiBold'; color:#fff; transition-duration: 0.5s; opacity:0;}
.main_visual .swiper-slide  p.txt3 {font-size:18px; position:absolute; left:139px; bottom:140px; font-family: 'Pretendard-Medium'; color:#fff; transition-duration: 0.5s; opacity:0;}


.main_visual .slider_pagination{position: absolute; width:auto; right:220px; bottom:148px;  z-index:3;}
.main_visual .slider_pagination span{font-size:0;width:40px;height:40px;position: relative;display: inline-block;margin-left:12px;cursor: pointer;}
.main_visual .slider_pagination span:first-child{margin:0;}
.main_visual .slider_pagination span button{display: inline-block;background:none;width:40px;height:40px;box-sizing: border-box;border:0;position: relative;cursor: pointer;}
.main_visual .slider_pagination span button:before{content:'';display: block;position: absolute;top:50%;margin-top:-4px;left:50%;margin-left:-4px;width:8px;height:8px;background:#fff;opacity: .4;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}
.main_visual .slider_pagination span.active button:before{opacity: 1;}
.main_visual .slider_pagination .progress { width: 40px;height: 40px;line-height: 44px;background: none;margin: 0 auto;box-shadow: none;position: absolute;opacity:0;}
.main_visual .slider_pagination span.active .progress{opacity:1;}
.main_visual .slider_pagination .progress:after { content: "";width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;}
.main_visual .slider_pagination .progress>span { width: 50%;height: 100%; overflow: hidden;position: absolute; top: 0;z-index: 1;}
.main_visual .slider_pagination .progress .progress-left {left: 0;}
.main_visual .slider_pagination .progress .progress-bar {width: 100%; height: 100%;background: none;border-width: 1px;border-style: solid;position: absolute;top: 0;border-color: #fff; box-sizing: border-box;}
.main_visual .slider_pagination .progress .progress-left .progress-bar {left: 100%;border-top-right-radius: 40px;border-bottom-right-radius: 40px;border-left: 0;-webkit-transform-origin: center left;transform-origin: center left;}
.main_visual .slider_pagination span.active .progress .progress-left .progress-bar {
   -webkit-animation: loading-2 2.5s linear forwards 2.5s;
   animation: loading-2 2.5s linear forwards 2.5s;
}
.main_visual .slider_pagination .progress .progress-right {right: 0;}
.main_visual .slider_pagination .progress .progress-right .progress-bar {left: -100%;border-top-left-radius: 40px;border-bottom-left-radius: 40px;border-right: 0;}
.main_visual .slider_pagination span.active .progress .progress-right .progress-bar {
   -webkit-transform-origin: center right;
   transform-origin: center right;
   -webkit-animation: loading-1 2.5s linear forwards;
   animation: loading-1 2.5s linear forwards;
}
@keyframes loading-1 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}}
@keyframes loading-2 {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}100% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}}





.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;}



/******* 특/장 점 ********/
#advantages {display: inline-block;width:100%;min-width:1200px;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 .wrapper { position: relative; width: 100%; margin: 0 auto; max-width: 1200px;border:0px solid #ff0000;margin-top:60px }

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

#advantages .wrapper .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 .wrapper .list .item .txt1 {display: block; font-size: 22px;color: #333333;font-weight:800 }
#advantages .wrapper .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:1200px;text-align:center;;padding:80px 0px 80px 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:#ff8b00 !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-color:#f3f3f3;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:#0073f6; 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:#0073f6; 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:#0073f6; 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;background-color:#d3e8ff;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% 65%;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 .wrapper { position: relative; width: 100%; margin: 0 auto; max-width: 1200px;border:0px solid #ff0000;margin-top:60px }
#contentMypage .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;}
#contentMypage .wrapper .Mypageml{margin-left:45px}
#contentMypage .wrapper .list .item img { margin: auto; }
#contentMypage .wrapper .list .item .tit { line-height: 1.3; font-weight: 700; font-size: 35px; }
#contentMypage .wrapper .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-color:#31343b;}
#contentleveltest .wrapper1 { padding:50px;display: inline-block;width:1200px;position: relative; margin: auto; background-color: #4b5366;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;}


/******* 특/장 점 ********/
#advantages {display: inline-block;width:100%;min-width:1200px;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 .wrapper { position: relative; width: 100%; margin: 0 auto; max-width: 1200px;border:0px solid #ff0000;margin-top:60px }

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

#advantages .wrapper .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 .wrapper .list .item .txt1 {display: block; font-size: 22px;color: #333333;font-weight:800 }
#advantages .wrapper .list .item .txt2 {line-height: 1.6;font-weight:500; font-size:15px;color: #333333; }


/******* 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}