


/*직렬메뉴바*/
.menu_wrap { width:100%; min-width:824px; margin:auto; background-color:#effaf9; padding:15px 0 0 0; border-bottom:1px solid #efeded; height:auto; overflow:hidden}
.menu_wrap .m_box { width:824px; height: auto; overflow:hidden; margin:auto; padding-bottom:40px}

.navlist{ padding:5px 0 0 0;position:relative;width:824px;}
.navlist:after{content:""; display:block; clear:both} 
.navlist img {vertical-align:top}
.navlist h3 { float:left; padding:0 0 5px 0px; font-size:26px; line-height:1.7;   font-weight:600; width:824px; text-align:left;position:relative; font-family:Noto Sans KR M; border-bottom:1px solid #CCC; margin-bottom:10px}
.navlist h2 { float:left; width:120px; font-size:19px; font-weight: bold; font-family:Noto Sans KR M; margin-top:7px; background:url("/img/new_main/m_line.jpg") no-repeat 140px 5px}
.navlist h2 img {/*position:relative; top:5px; */vertical-align:top}
.navlist > ul { float:right; width:704px; }/*width:910px;*/
.navlist > ul li {float:left; margin:0px; height:19px; padding-top:8px; font-size:17px; color:#686868; letter-spacing:-0.7px; position:relative; }/*width:110px*/
.navlist > ul li.w_fixed{width:230px; }
.navlist > ul li a{ color:#333333; font-weight:bold;}
.navlist > ul li a:hover {color:#1db6a2}
.navlist > ul li a span{font-size:15px;color:#686868;padding-left:5px;}
.navlist .itemMenu {display:inline-block; margin-left:11px}
.navlist > ul li .f_icon {right:-30px; position:absolute; top:10px; z-index:100}




/*쌤롤링*/

.section.teacher {padding: 0; text-align: center;}
.section.face-teacher {padding:0;background-color: #ffd73f;text-align: left;}
.section.face-teacher .cont-wrap {position: relative;width: 800px;}
.section.face-teacher h2 {padding-bottom: 20px;}
.section.face-teacher h3 {}
.section.face-teacher .bg-won {display: block;position: absolute;left: 0;top: -70px;width: 870px;height: 1258px;background: url() 0 0 no-repeat;}
.section.face-teacher .bg-won a {display: block;position: absolute;left: 286px;top: 385px;width: 72px;height: 72px;background: url() 0 0 no-repeat; z-index:1;}

.section.face-teacher .cont {padding: 460px 0 80px;}
.section.face-teacher .cont p {padding-bottom: 35px;line-height: 30px;}
.section.face-teacher .cont p:first-child {padding-top: 0;}
.section.face-teacher .cont > span {display: block;font-size: 40px;}
.section.face-teacher .cont-wrap > a {position: relative;width: 550px;height: 101px;text-align: center;}

.slide-wrapB .swiper-wrapper{white-space: nowrap; font-size: 0;}
.slide-wrapB .swiper-slide {
  -webkit-flex-shrink: none;
  -ms-flex: none;
  flex-shrink: none;
  position: relative;
  display: inline-block;
  float: none !important;
}

.slide-wrapB .bx-viewport{overflow: visible !important;}

.swiper_teacher{width: 273px;}
.slide-wrapB:hover .bx-controls-direction a{opacity: 1;}
.swiper_teacher .bx-controls-direction a { display:block; width:53px; height:53px; position:absolute; margin: auto; top:-300px; bottom: 0; left:50%; text-indent:-9999%; font-size:0; overflow:hidden; z-index:1; opacity: 0; transition-duration: 0.1s;}
.swiper_teacher .bx-controls-direction .bx-prev { margin-left:-540px; background:url(../images/btn_teacher_prev.png) no-repeat 0 0;}
.swiper_teacher .bx-controls-direction .bx-next { margin-left:500px; background:url(../images/btn_teacher_next.png) no-repeat 0 0;}
.swiper_teacher .bx-pager{display: none;}


/**/
.con1_wrap {clear:both;width:1140px;text-align: center; margin:0 auto 70px;}
.con1_wrap .con1_title{font-family:Noto Sans KR M; font-weight:600; font-size:40px; padding:70px 0 50px 0;}

.con2_wrap {clear:both;width:100%;text-align: center; margin:0 auto; background:url(../images/pic.png) no-repeat center 50px #30303b;/*background-attachment:fixed;*/padding-bottom:70px;}
.con2_wrap .con1_title{font-family:Noto Sans KR M; font-weight:600; font-size:40px; padding:70px 0 50px 0;color:#fff;}
.con2_wrap .con1_des{width:640px;text-align:left; margin:0 auto; padding-left:500px;}
.con2_wrap .con1_des p{font-size:16px; color:#ccc; padding-bottom:30px;}
.con2_wrap .con1_des p strong{font-size:30px;font-weight:bold;}

.con3_wrap {clear:both;width:100%;text-align: center; margin:0 auto; padding-bottom:50px; overflow:hidden;}
.con3_wrap .con1_title{font-family:Noto Sans KR M; font-weight:600; font-size:40px; padding:70px 0 20px 0;}
	.sec2 {clear:both;width:1140px;text-align: left; margin:0 auto;font-size:14px;}
	.sec2 .left { margin-top:40px; float:left; width:55%;  }
	.sec2 .right { margin-top:40px; float:left; width:40%; padding-left:5% }
	.sec2 .head { margin-top:10px; margin-bottom:10px; font-weight:bold; }
	.sec2 .desc { margin :3px 0;font-size:15px;}
	.sec2 .desc strong{ margin :3px 0; font-weight:bold;font-size:22px;}
	.sec2 .right .desc{margin-top:10px;}
	.sec2 h6{font-size:16px;}
	.sec2 h4{font-size:22px;}