@charset "utf-8";



/* 교육의방향 */
.edu_object > ul > li{margin-top:20px; padding:20px; border:1px solid #ccc; border-radius:20px;}
.edu_object > ul > li > .tit{padding:5px 15px; background:#e33c45 url("/images/web/template/1014/sub/pt_line.png"); font-size:20px; font-family:"NotoM"; text-align:center; color:#fff;  border-radius:20px;}
.edu_object > ul > li .txt,.edu_object > ul > li:nth-child(2) .txt{margin-top:10px; text-align:center;  font-family:"NotoR";}
.edu_object > ul > li:nth-child(2) > .tit{background-color:#fc6039;}
.edu_object > ul > li:nth-child(3) > .tit{background-color:#2b55a2;}
.edu_object > ul > li:nth-child(4) > .tit{background-color:#696fc7;}
.edu_object > ul > li:nth-child(5) > .tit{background-color:#272f53;}
.edu_object > ul > li > ul{margin:10px 0;}

/*특색교육*/
.box_w  { min-height:130px; padding-left:200px; }

/* 시설둘러보기 */
.photo_wrap{width:100%; height:100%; display:block;}
.photo_list{position:relative; padding:10px 0 0;}
.photo_list ul{position:relative; padding:10px;}
	/* 슬라이드 */
    .slick-slide{ height: 100%; max-width: 100%; min-height: 1px; float:left; text-align:center;}
	.slick-slide img { max-width:100%;}
    .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
    .slick-list.dragging{ cursor: pointer; cursor: hand;}
  	.slick-track{transform:none !important;}
	
	/* slider view */
	.slider-view{display: block; height:320px; border:2px solid #fec85d; background:#fdf9f2; overflow:hidden; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
	.slider-view:before{content:""; position:absolute; left:10px; bottom:0; width:175px; height:205px; background: url("/images/com/slick_bg_1.png") no-repeat center center}
	.slider-view:after{content:""; position:absolute; right:10px; bottom:0; width:175px; height:205px; background: url("/images/com/slick_bg_2.png") no-repeat center center}
	.slider-view img{max-width:800px; max-height:400px;}
	
	/* slider nav */
	.slider-nav{ position: relative; display:block; margin-top:10px; text-align:left; border-top:1px dashed #ccc;}
	.slider-nav::before{content:""; float:none; clear: both;}
    .slider-nav .slick-slide{width:18% !important; height:auto; margin:1%; float:left;}
	.slick-prev{display:block; position:absolute; top:43%; left:150px; width:50px; height:50px; background: url("/images/web/template/1014/sub/slick_prev.png") no-repeat center center; text-indent:-99999px; z-index:1001;} 
	.slick-next{display:block; position:absolute; top:43%; right:150px; width:50px; height:50px; background: url("/images/web/template/1014/sub/slick_next.png") no-repeat center center; text-indent:-99999px; z-index:1001;} 
	


/********** Media quary **********/

@media screen and (max-width:1399px){ 
	/* 시설둘러보기 */
	.slider-view:before{display:none;}
	.slider-view:after{display:none;}
	
}

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

	/* 시설둘러보기 */		
	.slick-prev{left:0} 
	.slick-next{right:0}	
	.slider-nav .slick-slide{width:23% !important; font-size:14px; letter-spacing:-1px;}
}


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

	/* 시설둘러보기 */	
	.slider-view img{width:100%; height:285px;}
	.photo_list ul{height:auto;}
	
	.slider-nav .slick-slide{width:48% !important; font-size:13px;}

}


@media screen and (max-width: 600px) { 
	
	/*특색교육*/
	.box_w { padding-left:0px; }


}


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

	/* 시설둘러보기 */	
	.slider-view img{height:185px;}

}