/* font */ 

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Quicksand:500,700');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800');
 
body{color:#333; font-size:16px; font-family:'Quicksand', 'Noto Sans KR', sans-serif; font-weight:normal; letter-spacing:-0.7px !important; line-height:1.5em;} 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:'Quicksand', 'Noto Sans KR', sans-serif; font-weight:bold; word-break:keep-all;} 
/* common */
p, .lead{color:#333; word-break:keep-all; margin-bottom:10px; font-weight:normal;}
.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}

.line-bottom-edu:after{border: 1px solid #0d5189;}
.line-bottom-edu.text-white:after{border: 1px solid #fff;}


.bg-theme-colored-opacity{background:rgba(0,0,0,0.1);}
.bg-theme-colored-opacity3{  background:rgba(0,0,0,0.3) !important;  }
.btn{border-radius:0;}
.btn-default{background:none; color:#fff; border-width:2px;}

.f_right{float:right !important}
.border-none{border:none !important;}


/*에디터*/
.note-btn.btn-default{color:#333 !important; border:1px solid #999 !important;}


/* header */

.header-top.style-bordered {border:none; background: #0f2c56;}
.header-top.style-bordered a, .header-top.style-bordered i{color:#ccc;}

.header-top .widget{line-height:2rem;}

.menuzord-brand{margin:0; line-height:64px;}
.menuzord-menu > li{padding:0;}
.menuzord-menu > li > a{padding:20px 20px; color:#333; font-size:17px; font-weight:normal; font-family:'Quicksand', 'Noto Sans KR', sans-serif; letter-spacing:-0.01px !important;}
.menuzord.orange .menuzord-menu > li.active > a, .menuzord.orange .menuzord-menu > li:hover > a{background:#0f2c56;}

.menuzord-menu ul.dropdown{top:64px;}

.menuzord-menu ul.dropdown li a{font-family:'Quicksand', 'Noto Sans KR', sans-serif; font-size:15px; letter-spacing:-0.01em; padding:12px 25px 12px 22px; font-weight:normal;}
.menuzord.orange .menuzord-menu ul.dropdown li:hover > a{background:#f2f2f2; color:#0d5189;}


@media only screen and (min-width : 992px) {
	.menuzord-menu li .indicator{display:none;}
}


@media only screen and (max-width : 767px) {
	.menuzord-responsive .menuzord-menu > li > a{font-size:15px;}
	.menuzord-responsive .menuzord-menu ul.dropdown li a{font-size:13px;}
}



/* footer */ 

.footer{background-image:url("../img/bottom_back.jpg");  background-size:cover; background-repeat:no-repeat;}
.footer .line-bottom:after{border:1px solid #fff !important;}
.footer .widget{margin-bottom:0; padding:70px 10px; }
.footer .widget1{padding:70px 30px; background:#06295a !important; position:relative; margin-bottom:-42px;}
.footer .widget1 a:hover{color:#333;}
.footer .widget a{font-size:14px; color:#fff;}

.footer .widget2{padding-left:30px;}



@media only screen and (max-width : 1200px) {
	.footer .widget1{padding:90px 15px;}
	.footer .widget2{padding-left:0;}
	.footer-bottom{padding-bottom:10px;}
	.footer-bottom p{margin-bottom:3px !important;}
	.footer-bottom, .footer-bottom .text-right{text-align:center !important; line-height:1em;}
	
}


@media only screen and (max-width : 991px) {
	.footer{padding-top:20px;}
	.footer .widget1{padding:90px 15px; margin-bottom:0; background:none !important; text-align:left;}
	.footer .widget1 img{width:150px;}
	.footer .widget{padding:15px 0;}
	
	.footer-bottom .col-md-4{display:none;}
	
}

@media only screen and (min-width:768px) and (max-width : 991px) {
	
			.le{text-align:left !important;}
			.ri{text-align:right;}
}



/* index - 메인비주얼 */
.tp-bullets{display:none;}
.tp-caption span{background:#0d5189;padding:0 10px; font-weight:normal;}
.tp-caption b{font-size:110%;}
.tp-caption img{width:100% !important; max-width:449px !important; height:auto !important;}
 @media only screen and (max-width : 480px) {
}
/* index - 빅맨교육 소개 */
.about-thumb img{width:100%; border-radius:0; }
.bx-controls .bx-controls-direction > a{top:-53px; background:none; border:2px solid #0d5189; width:28px; height:28px; line-height:25px; padding:0 9px;}
.bx-controls .bx-controls-direction > a i{color:#0d5189;}
.bx-controls .bx-controls-direction > a:hover{background:#0d5189; color:#fff;}
.bx-controls .bx-controls-direction > a:hover i{color:#fff;}
.bx-controls .bx-controls-direction .bx-prev{margin-right:2px;}

/* index - 공자시항 */
.event .event-date-new{border-radius:100%;}
.event .event-date-new ul li:first-child{width:55px; margin-bottom:0;}
 #about .media-body,  #about .media-left,  #about .media-right{vertical-align:middle;}
.event .event-content .media-heading a{font-weight:normal;}

/* index - 프로그램 */

#program{background-image:url("../img/pro_back.jpg"); background-attachment:fixed; background-size:cover; background-repeat:no-repeat;}
.line-bottom-edu.center:after{left:50%; margin-left:-25px;}
#program .bg-theme-colored-opacity{cursor:pointer;}
#program .bg-theme-colored-opacity:hover{background:#003a73;}


/* index - 강사소개 */
.lec_back{background-image:url("../img/lec_back.jpg"); background-size:cover; background-repeat:no-repeat;}
.team-block{position:relative;}
.team-block .info{padding:5px 0; background:#333;  }
.team-block .info h4{color:#fff;}
.team-block .info span{color:#ccc;}

   
/* sub - common */

.inner-header{background-position:right;}
.inner-header .title{font-weight:normal; font-size:28px;}

.inner-header{ background-repeat:no-repeat; }
.breadcrumb > li + li:before{display:none;}
.breadcrumb{padding:0;}

.line-bottom-edu{font-weight:normal; font-size:36px; color:#333;}

.inner-header{}
.sub_title_box{width:100%; text-align:center;  padding:120px 0; }

@media only screen and (max-width : 1200px) {
	.sub_title_box{  padding:80px 0; }
}
@media only screen and (max-width : 991px) {
	.sub_title_box{padding:30px 0;}
	.inner-header .container{padding-top:30px !important; padding-bottom:30px !important;}

}



/*sub - 인사말*/

@media only screen and (min-width : 992px) {
	.greeting_box{position:relative; margin-top:-60px; background:rgba(256,256,256,0.9); margin-left:50px; padding:50px;}
}
@media only screen and (max-width : 1200px) {
	.greeting_box br{display:none;}
}

/*sub - 학원둘러보기*/
 .zoom-gallery a{display:block; overflow:hidden;}
 .zoom-gallery a img{transition:0.5s all;}
 .zoom-gallery a:hover img{ transform:scale(1.1);  -webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1); }



/*sub - 강사소개*/
 table.team-block2{width:100%;}
table.team-block2 td:first-child{width:250px;}
table.team-block2 td{vertical-align:top;vertical-align:middle;}
table.team-block2 .info2{padding-top:0; padding-left:50px;}
table.team-block2 td{position:relative;}
table.team-block2 td span{display:block; position:absolute; bottom:0px; width:100%; background:#333; padding:10px 0; color:#fff; text-align:center;}
.team-block2 .info2 h2{border-bottom:1px dashed #999;}
.team-block2 .info2 ul{float:left; width:100%; padding-top:10px;  text-align:left;}
.team-block2 .info2 ul li{position:relative; font-size:17px; margin-bottom:10px; color:#666; padding-left:10px; line-height:1.3em;}
.team-block2 .info2 ul li:last-child{margin-bottom:0;}
.team-block2 .info2 ul li:before{content:""; width:4px; height:4px; background:#666; position:absolute; left:0; top:9px;}
 
@media only screen and (max-width : 1200px) {
  table.team-block2 .info2{padding-right:15px;}
}

@media only screen and (max-width : 640px) {
  table.team-block2{width:100%; margin-bottom:60px;}
  table.team-block2 td{display:block !important; width:100% !important;}
  table.team-block2 td:first-child{text-align:center;}
  table.team-block2 td img{max-width:240px;}
  table.team-block2 td.info_col2{ margin-top:30px; width:100% !important;}
}
 


/*sub - 오시는 길*/

.media-left, .media>.pull-left{width:50px; overflow:hidden}

/*sub - 프로그램*/

.sub_page_title h6{color:#0d5189; font-weight:normal; font-size:13px;}
.sub_page_title h4{font-weight:normal;}
.sub_page_title h4 span{border-bottom:1px dashed #666;}
.separator{margin-bottom:15px; }
.separator span{font-size:15px; color:#666;}
.separator::before, .separator::after{border-bottom:1px dashed #999;}

.sub_page_title2 h4{font-weight:bold !important;}
.sub_page_title2 h3{font-weight:normal; margin-top:50px;}

.part1{background-image:url("../img/pro1_part1_back.jpg"); background-attachment:fixed; background-repeat:no-repeat; background-size:cover;}

.pro_con1{margin-top:30px; border:1px solid #ccc;}
.pro_con1 h5{margin:0; color:#fff; font-size:19px; padding:15px 10px; text-align:center; font-weight:normal; background:#6282af;}
.pro_con1 ul{padding:30px;}
.pro_con1 ul li{font-size:15px; margin-bottom:10px; padding-left:20px; position:relative;}
.pro_con1 ul li:before{content: "\4e"; font-family: 'ElegantIcons'; color:#999; position:absolute; left:0;}
.pro_con1 ul li:last-child{margin-bottom:0;}

.working-process h5{font-weight:normal; color:#999; font-size:19px;}
.working-process > li:before, .working-process > li:after{border:1px solid #333;}

.high .pro_con1 ul{min-height: 142px;}
.pro_con2{background:rgba(0,0,0,0.2);  text-align:center; width:100%; padding:50px; position:relative;}
.pro_con2 span{color:#333; position:absolute; bottom:0; right:0; font-size:100px; font-style:italic; font-weight:bold;}
.pro_con2 i{font-size:50px; color:#ccc;}
.pro_con2 h5{word-break:keep-all;}

.repeater .pro_con1 ul{min-height:166px;}
.repeater .part1 .pro_con2{min-height:255px;}

@media only screen and (min-width : 992px) and (max-width:1200px) {
	
	.repeater .part1 .pro_con2{min-height:304px;}
	.high .pro_con1 ul{min-height:190px;}
	
}

@media only screen and (max-width : 991px) {
	
	.repeater .pro_con1 ul, .repeater .part1 .pro_con2, .high .pro_con1 ul{min-height:auto;}
	.pro_con2{margin-bottom:50px;}
}


/*sub - 후기 및 실적*/

.post_list{border-top:2px solid #999; border-bottom:1px solid #999;}
.post_list th:nth-child(1){width:80px;}
.post_list th.number:nth-child(1){width:70px;}
.post_list th:nth-child(3){min-width:53px;}
.post_list th:nth-child(4){width:100px;}
.post_list td, .post_list th{text-align:center; color:#777;font-size:13px; }
.post_list td:nth-child(2){text-align:left;}
.post_list td a{color:#333;  font-size:15px; }
.post_list td a:hover{color:#0d5189;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:8px 5px;}

.form-control{height:40px; line-height:40px; border:1px solid #ddd; position:relative;}
.top_search  button{border:none; background:none; position:absolute; top:7px; right:20px; color:#999;}

.post_view{border-bottom:1px solid #999; margin-bottom:30px;}
.post_title{border-bottom:2px solid #999; margin-bottom:15px; padding-bottom:15px;}
.post_title h5{font-weight:normal; font-size:21px; color:#333; margin-bottom:0px;}
.post_title ul li{color:#888888; font-size:13px; line-height:1em; display:inline-block; border-right:1px solid #ccc; position:relative;padding-right:8px; margin-right:5px;}
.post_title ul li:last-child{margin-right:0; border-right:none;}

.write_form label{font-weight:normal;   font-size:13px;}
.write_form textarea{border-color:#ddd; width:100%; resize:none; height:300px; overflow-y:scroll;}
.write_form label span{vertical-align:-6px;}

.write_form .privacy{line-height:1.4em; padding:15px; border:1px solid #ddd; font-size:14px; color:#666; height:220px; overflow-y:scroll;}
.write_form .checkbox{line-height:1.25em;}
.write_form .checkbox label{font-size:15px;}

.privacy_box{border-bottom:1px solid #999; padding-bottom:30px; margin-bottom:30px;}
.bottom_btn_box{border-top:1px solid #999; padding-top:30px;}

@media only screen and (max-width : 991px) {
	
	.post_list td{font-size:12px;}
	.post_list td a{font-size:13px;  line-height:0;}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:5px;}
	
	.post_list th:nth-child(1){width:65px;}
	.post_list th.number:nth-child(1){width:35px;}
	.post_list th:nth-child(4){width:70px;}
	 
}


/*sub-입학안내*/


.guide_step{margin-top:70px; position:relative;}
.guide_info{border:1px solid #ccc; padding:30px; padding-left:180px;}

.guide_step span.bignumber{display:block; font-size:40px; font-weight:bold; color:#cee3f5; border:1px solid #ccc;  position:absolute; top:-30px; left:30px; background:#fff;  padding:15px;}
.guide_step h4{margin-bottom:5px;font-size:22px; font-weight:bold; line-height:1em; margin-top:30px; display:inline-block; color:#333;}
.guide_step h5{font-size:17px; margin-top:0; font-weight:normal; border-bottom:1px solid #999; padding-bottom:5px; color:#0d5189;}
.guide_step p{font-size:15px;}

.guide_step i{position:absolute; font-size:100px; left:40px; top:50%; margin-top:-50px; color:#999;}

@media only screen and (max-width : 991px) {
	.guide_step{margin-top:60px;}
 
}

@media only screen and (max-width : 767px) {
	.guide_step i{font-size:70px; top:105px; left:30px;}
	 .guide_info{padding-left:130px;}
}

@media only screen and (max-width : 767px) {
	.guide_step i{font-size:70px; margin-top:-50px; left:30px;}
	 .guide_info{padding-left:130px;}
}


/*sub - 커뮤니티*/
td.middle{color:#0d5189;}
td.high{color:#FC9928;}
td.reprater{color:#f45661;}

td.ok{color:#8383e4;}
td.wait{color:#f75d5d;}

td a span{font-size:14px; line-height:1em; color:#333;}

.reply_box{background:#f2f2f2; padding:15px; margin-bottom:30px;}

.password_form{width:100%; max-width:350px; display:inline-block;}
.lock_icon span{font-size:32px; font-weight:bold; color:#0d5189;}



.min-992{display:block;}





/*sub - 학원관리규정*/
.rule_item{margin-top:50px; border:1px dashed #999; padding:50px; border-radius:5px;}
.rule_item table{margin-bottom:0;}
.rule_item tr td{vertical-align:top;  }
.rule_item tr td:first-child{width:150px;}
.rule_item tr td:last-child{padding-left:50px; font-size:19px; }
.rule_item tr td h4{font-weight:normal; position:relative; padding-top:15px; color:#333; font-size:24px;  margin:0; padding-right:20px; line-height:0;}
.rule_item tr td h4:before{content:""; width:2px; height:20px; background:red; position:absolute; right:0; top:5px;}
.rule_item tr td ul li{margin-bottom:10px; padding-left:25px; position:relative; line-height:1.6em;}
.rule_item tr td ul li:before{content: "\e66c"; font-weight:bold;     font-family: 'Pe-icon-7-stroke'; position:absolute; left:0;}
.rule_item tr td ul li:last-child{margin-bottom:0;}


.rule_con .guide_info{padding-top:50px; padding-bottom:50px;}
.rule_con h4{margin-bottom:10px; margin-top:0 !important; padding-bottom:10px; border-bottom:1px solid #999;}
.rule_con ul li{margin-bottom:5px; padding-left:25px; font-size:17px; position:relative; line-height:1.6em;}
.rule_con ul li:before{content: "\e66c"; font-weight:bold;     font-family: 'Pe-icon-7-stroke'; position:absolute; left:0;}
.rule_con ul li:last-child{margin-bottom:0;}
.rule_con ul li div p{font-size:15px; margin-bottom:0; margin-top:5px; color:#777; line-height:1.4em;}
.rule_con .guide_step{margin-top:30px !important;}
.rule_con .guide_step i {top:40px; margin-top:0; left:40px;}
 
 @media only screen and (max-width : 991px) {
 	.rule_item{padding:30px;}
	.rule_item tr td:first-child{width:130px;}
	.rule_item tr td h4{font-size:21px;}
	.rule_item tr td:last-child{padding-left:30px; font-size:17px; }
}

@media only screen and (max-width : 767px) {
	.rule_con .guide_step i{left:30px; font-size:60px;}
	.rule_con ul li{font-size:15px;}
	.rule_con ul li div p{font-size:13px;}
}
@media only screen and (max-width : 640px) {
	.rule_item tr td{width:100%; display:block !important;}
 	.rule_item{padding:30px;}
	.rule_item tr td:first-child{width:100%;}
	.rule_item tr td h4{font-size:19px; padding-bottom:15px; padding-top:0;  line-height:19px;}
	.rule_item tr td h4:before{width:30px; height:2px; bottom:0; left:0; top:auto;}
	.rule_item tr td ul li{padding-left:20px;}
	.rule_item tr td:last-child{padding-left:0px; font-size:15px; padding-top:15px; }
	
	.rule_con .guide_info{padding:30px !important; padding-top:90px !important;}
	.rule_con .guide_step i {top:30px; margin-top:0; left:30px; font-size:50px;}
	
}


/*font*/
@media only screen and (max-width : 1200px) {
	
	.font-21{font-size:19px !important;}
	
}

@media only screen and (max-width : 991px) {

		
	h2, .h2{font-size:28px;}
	.font-18{font-size:17px!important;}
	.pro_con2 span{font-size:70px;}
	
	.container.pb-90.pb-sm-90, section > .container, section > .container-fluid, .pb-sm-70{padding-top:50px !important; padding-bottom:50px !important;}
	section > .container-fluid.p-0{padding:0 !important;}
	
	.post_title h5{font-size:19px;}
	
	.line-bottom-edu{font-size:32px;}
	
	.font-24{font-size:21px !important;;}
	
	.inner-header .title{font-size:24px; margin-bottom:0 !important;}
	.breadcrumb.mt-10{margin-top:5px !important;}
	.breadcrumb>li, .breadcrumb>li a{font-size:13px !important;}
	

} 



@media only screen and (min-width : 768px) {
	.max-768{display:none !important;}
}

@media only screen and (max-width : 767px) {
	.min-768{display:none;}
	
	.font-28{font-size:25px !important;}
	h2, .h2{font-size:25px;}
	.line-bottom-edu{margin-bottom:25px;}
	.font-17, .font-18, .team-block2 .info2 ul li{font-size:15px !important;}
	
	.btn-lg{padding:5px 20px; font-size:13px !important;}
	.bx-controls .bx-controls-direction > a{top:-40px;}
	.team-block .info{padding:0;}
	
	 
	
}

@media only screen and (max-width : 640px) {
	
	.font-28{font-size:23px !important;}
	.guide_info{padding-left:115px;}
	.guide_step span.bignumber{font-size:28px; padding:10px;}
	.guide_step h4{margin-top:20px; font-size:19px;}
	.guide_step h5{font-size:15px;}
	.guide_step p{font-size:13px;}
	.post_title h5{font-size:17px;}
	
	.line-bottom-edu{font-size:28px;}
	
	.font-19{font-size:17px !important;}
	
	.font-24{font-size:19px !important;}
	
	p{font-size:15px;}
	
}