﻿/* 테이블 211027추가 */
.tbl_st table td {vertical-align: middle;}

/* 0101_인사말 : 인사말 */
.greeting_box2{position:relative;word-break:keep-all;overflow: hidden;}
.greeting_box2::after{display:block; content: ''; clear:both;}
.greeting_box2 .greeting_img{position: absolute;right: 0;top: 1rem;width: 16.5rem;height: auto;padding: 3rem 0 0;z-index:2;}
.greeting_box2 .greeting_img .img{position:relative;width: 100%;overflow:hidden;} 
.greeting_box2 .greeting_img .img img{width:100%;height: 100%;box-shadow: 0 0 5px 0 rgb(19 81 151 / 35%);border-radius: 2rem 0;}
.greeting_box2 .greeting_txt {position:relative; margin:0; }
.greeting_box2 .greeting_txt p {font-size:0.8rem; color:#333; font-weight:300; line-height:1.6;}
.greeting_box2 .greeting_img + .greeting_txt{padding-top: 2rem;width: calc(100% - 18rem);}
.greeting_box2 .greeting_txt .tit {margin-bottom:2rem;width: calc(100% + 15rem);color:#fff;font-size: 1.25rem;font-weight:300;line-height:1.6;padding: 2.9rem 13rem 2.9rem 2rem;background: #135198 url('../images/sub/bg_greeting.png') no-repeat center / cover;} 
.greeting_box2 .greeting_txt .tit > span {font-weight:600;}
.greeting_box2 .greeting_txtBox {margin-left: 2rem;} 
.greeting_box2 .greeting_txtBox:before {content:"";display:block;position:absolute;width: 120px;height: 183px;background:url('../images/sub/bg2_greeting.png') no-repeat;right: -15rem;bottom: 1rem;}
.greeting_box2 .greeting_txt strong {color: #135198;font-weight:600;} 
.greeting_box2 .greeting_txt ol li {position:relative; margin:.3rem 0 .4rem 0; color:#333;}
.greeting_box2 .greeting_txt ol li span {display:inline-block;width:1.2rem;height:1.2rem;margin-right:.2rem;border-radius:50%;background: #13bdbf;line-height:1.2rem;text-align:center;color:#fff;}
.greeting_box2 .greeting_txt ol li:nth-child(even) span {background: #135198;}
.greeting_box2 .greeting_txt .name{color:#333; margin-top:2rem; font-weight:300; }
.greeting_box2 .greeting_txt .name em{padding-left:0.3rem; font-size:1.1rem; font-weight:500;}

/* 연혁 */
.histort .history_list li .date {display:inline-block; position:relative; width:calc(100% - 11.5rem); top:1.5rem; margin-left:11.5rem; border-left:1px solid #ccc; padding:0 0 2rem 2.5rem;}
.histort .history_list li .date:before {content:""; display:inline-block; position:absolute; left:-5px; width:.6rem; height:.6rem; margin-top:-5px; border-radius:50%; background:#fff; border:3px solid #0085d8;}
.histort .history_list li span.year {position:absolute; width:9.7rem; height:3.4rem; color:#fff; font-size:1.2rem; background:#0098f7; border-radius:2rem; text-align:center; line-height:3.4rem;}
.histort .history_list li .date h3.year2 {position:relative; font-size:1.4rem; color:#0085d8; font-weight:500; top:-1rem;}
.histort .history_list li .date .date_list {position:relative; background:#f5f5f5; padding:1.2rem; line-height:2.2; margin-top:.7rem; top:-1rem;}
.histort .history_list li .date .date_list li {color:#555;}
.histort .history_list li .date .date_list li span {margin-right:.8rem; color:#333; font-weight:500;}

/* 특색교육 */
/* slick */
.slick-slide { display:none; min-height:1px; vertical-align:middle; overflow:hidden;}
.slick-list { overflow:hidden;}
.slick-list.dragging { cursor:pointer;}
.slick-list .slick-track{display:inline-block;}
.slick-initialized .slick-slide { display:inline-block;}
.slick-arrow{cursor:pointer;}
.slick-arrow.slick-hidden { display:none; list-style-type:none;} 
.slick-current { opacity:1; display:block;}

.infoList {position:relative;height:auto;overflow:hidden;margin: 1rem -1rem 0;}
.infoList > li {width: 100%;height:auto;float:left;padding:0 1rem;overflow:hidden;}
.infoList > li dl {  border-radius:1rem; overflow:hidden; }
.infoList > li dl dt { padding:1rem; color:#fff; text-align:center; }
.infoList > li:nth-child(1) dl dt { background-color:#6c74df; }
.infoList > li dl dt strong { font-size:1rem; display:block;}
.infoList > li dl dd {padding:1rem;border:2px dotted #cddde1;border-top:none;border-radius:0 0 1rem 1rem;text-align: center;font-size: 0.9rem;}

/* 211029 사진슬라이드 */
.bbs_ViewA .bbsV_cont {position:relative; margin:50px 0;}
.bbs_ViewA .bbsV_cont img {max-width:100%;} /* 뷰페이지 큰 이미지 출력시 가로 스크롤 방지 */

/* 사진게시판일 경우 */
.bbsV_cont .slider-view {width:100%; margin-bottom:20px; overflow:hidden;}
.bbsV_cont .slider-view .slick-slide { float:left; width:100%; height:auto; min-height:1px; vertical-align:middle; text-align:center;}
.bbsV_cont .slider-view .slick-slide.slick-current img {max-width:100%;}
.bbsV_cont .slider-view .slick-slide.slick-current p {font-size:0.9rem; color:#266ed4; font-weight:600;}

.bbsV_cont .slider-nav {position:relative; height:174px; margin:20px 0; line-height:0; font-size:0; border:2px solid #efefef; overflow:hidden;}
.bbsV_cont .slider-nav .slick-list{margin:0 80px;}
.bbsV_cont .slider-nav .slick-slide {display:inline-block;}
.bbsV_cont .slider-nav .slick-slide a{position:relative; display:block; height:110px; margin:30px 20px; background:#eee; overflow:hidden;}
.bbsV_cont .slider-nav .slick-slide img {position:absolute; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
.bbsV_cont .slider-nav .slick-slide img.vertImg{width:100%; height:auto;}
.bbsV_cont .slider-nav .slick-slide a:hover:after, .bbsV_cont .slider-nav .slick-slide a:focus:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:4px solid #c8d1db; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.bbsV_cont .slider-nav .slick-slide.slick-current a:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:4px solid #044ca4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.bbsV_cont .slider-nav .slick-arrow {display:block; position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; border-radius:20px; z-index:2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbsV_cont .slider-nav .slick-prev {left:20px; background:#f2f2f2 url('../images/sub/bbsV_Photo_prev.png') no-repeat center;}
.bbsV_cont .slider-nav .slick-next {right:20px; background:#f2f2f2 url('../images/sub/bbsV_Photo_next.png') no-repeat center;}
.bbsV_cont .slider-nav .slick-prev:hover, .bbsV_cont .slider-nav .slick-prev:focus {background:#266ed4 url('../images/sub/bbsV_Photo_prev_on.png') no-repeat center;}
.bbsV_cont .slider-nav .slick-next:hover, .bbsV_cont .slider-nav .slick-next:focus { background:#266ed4 url('../images/sub/bbsV_Photo_next_on.png') no-repeat center;}
/* //211029 사진슬라이드 */


/* 반응형 */
@media (max-width:1080px){ 
	/* 0101_인사말 */
	.greeting_box2 .greeting_txt .tit > br {display:none;}
	.greeting_box2 .greeting_txt p > br {display:none;}

}
@media (max-width:1024px){ 

	/* 0101_인사말 */
	.greeting_box2 .greeting_txt .tit > br {display:block;}

} 
@media (max-width:900px){ 
	
	/* 0101_인사말 */
	.greeting_box2 .greeting_img {position:relative; left:auto; top:auto; margin:0 auto;}
	.greeting_box2 .greeting_img + .greeting_txt {width:100%; padding-top:0; margin:-4.5rem 0 0;}
	.greeting_box2 .greeting_img + .greeting_txt .tit {width: 100%;padding:6rem 3.5rem 2.5rem;text-align:center;}
	.greeting_box2 .greeting_txt .tit { padding:1.5rem; }
	.greeting_box2 .greeting_txtBox {margin:0 1.5rem;}

}

@media (max-width:680px){ 
	
	 /* 0101_인사말 */
    .greeting_box2 .greeting_txtBox:before {display:none;}
	
	/* 연혁 */
	.histort .history_list li span.year {display:none;}
	.histort .history_list li .date {margin-left:0; width:100%; padding:0 0 2rem 1.5rem;}
	
} 
@media (max-width:514x){ 
	 /* 0101_인사말 */
	.greeting_box2 .greeting_txt .tit > br {display:none;}
}
@media (max-width:480px){ 

	
    /* 0101_인사말 */
	.greeting_box2 .greeting_img + .greeting_txt .tit {padding:6rem 1.5rem 2.5rem; font-size:1.1rem;}
    .greeting_box2 .greeting_img {width:80%;}
	.greeting_box2 .greeting_txtBox > p:first-child > br {display:none;}

}