@charset "utf-8";

/* 알림장 */
.ann_tablet {display:none;}

/*전광판*/
.dis_board1092{height:100%; background:#223757; overflow:hidden; }
.dis_board1092 h2{position:absolute; width:106px; left:0; top:0; line-height:60px; font-size:18px; color:#fff; background:#1a5175; padding:0 10px;}
.dis_board1092 h2 span{display:block; overflow:hidden; white-space:nowrap;}
.dis_board1092 ul{position:relative; margin-left:140px; margin-right:190px;}
.dis_board1092 ul li a{display:block; line-height:60px; letter-spacing: -1px; font-size:14px; color:#fff; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.dis_board1092 .nss_pg{ position:absolute; top:10px; right:15px; }
.dis_board1092 .nss_pg a{display:block; float:left; font-size:0; text-indent:-10000em; width:37px; height:37px; margin-left:3px;}
.dis_board1092 .nss_pg a.pre{background:url('/images/web/template/1092/main/1092_btn_prev_board.png') no-repeat; }
.dis_board1092 .nss_pg a.stop{background:url('/images/web/template/1092/main/1092_btn_stop_board.png') no-repeat; }
.dis_board1092 .nss_pg a.next{background:url('/images/web/template/1092/main/1092_btn_next_board.png') no-repeat; }
.dis_board1092 .nss_pg a.play{background:url('/images/web/template/1092/main/1092_btn_play_board.png') no-repeat;}

/* 메인비주얼 */
.main_visual {position:relative; width:100%; background:#fff;}
.main_visual ul {position:relative; }
.main_visual ul li {position:relative; text-align:center;}
.main_visual .bx-controls {position:absolute; width:980px; height:26px; bottom:25px;}
.main_visual .bx-controls-direction {display:none;}
.main_visual .bx-controls-auto {position:absolute; top:0; left:20px;}
.main_visual .bx-controls-auto::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-controls-auto .bx-controls-auto-item {display:block; float:left; width:auto;}
.main_visual .bx-controls-auto .bx-controls-auto-item a {text-indent:-999em; width:26px; height:26px;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-start{display:none; background:url('/images/web/template/common/btn_play.png') no-repeat center center; }
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop{display:block; background:url('/images/web/template/common/btn_stop.png') no-repeat center center; }
.main_visual .bx-pager.bx-default-pager {position:absolute; top:5px; left:50px;}
.main_visual .bx-pager.bx-default-pager::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item {display:block; float:left; margin-left:5px;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a {display:block; text-indent:-999em; width:16px; height:16px; border:1px solid #38424b; box-sizing:border-box; border-radius:9px;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#38424b;}/* 비주얼 버튼 색상 */

/* 공지사항 */
.notice1092 { position:relative; height:100%; background:#fff;}  
.notice1092 h2 a{position:absolute; display:block;  font-size:18px; font-family:"NotoM"; line-height:50px; width:30%; top:10px; color:#444; z-index:5;}
.notice1092 h2 a span{ display:block; margin:0 12px; overflow:hidden; white-space: nowrap;}
.notice1092 h2 a:hover{color:#508cbd;}
.notice1092 h2.tit_1 a{ left:0%; }
.notice1092 h2.tit_2 a{ left:30%;}
.notice1092 h2.tit_3 a{ left:60%; }
.notice1092 h2 a.current{color:#313131; border-bottom:2px solid #508cbd; }
.notice1092 .list_box.on {display:block; }
.notice1092 .list_box {display:none; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice1092 .top_list  {position:absolute; top:86px; left:10px; width:28%; line-height:30px; font-size:15px; color:#fff; font-family:'NotoR'; text-align:center;}
.notice1092 .top_list p.img {position:absolute; left:23px; top:25px;}
.notice1092 .top_list p.img img { width:88px; height:88px; }
.notice1092 .list_box ul.ul_list {position:relative; width:73%; height:150px; padding:80px 26px 8px 0; float:right; overflow-y:hidden;}
.notice1092 .list_box ul.ul_list li {position:relative; font-family:'돋움',Dotum; line-height:32px; font-size:12px; overflow:hidden; vertical-align:middle; border-bottom:1px solid #eee;}
.notice1092 .list_box ul.ul_list li:last-child {border:none;}
.notice1092 .list_box ul.ul_list li a {display:block; width:75%; padding-left:14px; float:left; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/web/template/1092/main/1092_noti_dot01.png") no-repeat 2px 14px;}
.notice1092 .list_box ul.ul_list li a:hover {text-decoration:underline;}
.notice1092 .list_box ul.ul_list li span.date {display:block; width:20%; float:right; text-align:right; }
.notice1092 .btn_more { position:absolute; right:25px; top:20px; width:30px; height:30px; margin-left:-15px; text-indent:-9999em; line-height:0; font-size:0; background:url("/images/web/template/1092/main/1092_btn_more01.png") no-repeat center;}

/* 학교앨범 */
.gallery1092{ position:relative; width:100%; height:100%; background: #3c948b; float:left; }
.gallery1092 h2{ height:22px; font-size:18px; font-family:"NotoM"; color:#fff; margin-bottom:9px; padding:24px 0 5px 25px;}
.gallery1092 .gall_info {display:none;}
.gallery1092 .gall_list {margin-top:20px;  padding:0 25px 28px; overflow:hidden;}
.gallery1092 .gall_list li {width:46.9%; margin-left:6%; float:left;}
.gallery1092 .gall_list li:first-child {margin-left:0;}
.gallery1092 .gall_list li a {display:block;}
.gallery1092 .gall_list li .img img {width:100%; height:124px;}
.gallery1092 .gall_list li span {display:block; text-align:center; font-family:"NotoR"; font-size:13px; color:#fff;}
.gallery1092 .gall_list li span.txt {margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery1092 .gall_list li span.date {display:none;}
.gallery1092 .btn_more{ position:absolute; right:25px; top:30px; width:30px; height:30px; margin-left:-15px; text-indent:-9999em; line-height:0; font-size:0; background:url("/images/web/template/1092/main/1092_btn_more02.png") no-repeat center;}

/* 학교둘러보기 */
.gallery1092_2 { position:relative; width:100%; height:100%; background:#ecd06f; float:left;}  
.gallery1092_2 h2 { height:22px; font-size:18px; font-family:"NotoM"; color:#31302e; margin-bottom:9px; padding:24px 0 5px 25px;}
.gallery1092_2 .gall_info {display:none;}
.gallery1092_2 .gall_list {margin-top:20px;  padding:0 25px 28px; overflow:hidden;}
.gallery1092_2 .gall_list li {width:100%;}
.gallery1092_2 .gall_list li:first-child {margin-left:0;}
.gallery1092_2 .gall_list li a {display:block;}
.gallery1092_2 .gall_list li .img img {width:100%; height:124px;}
.gallery1092_2 .gall_list li span {display:block; text-align:center; font-family:"NotoR"; font-size:13px; color:#222; }
.gallery1092_2 .gall_list li span.txt {margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery1092_2 .gall_list li span.date {display:none;}
.gallery1092_2 .btn_more{ position:absolute; right:25px; top:30px; width:30px; height:30px; margin-left:-15px; text-indent:-9999em; line-height:0; font-size:0; background:url("/images/web/template/1092/main/1092_btn_more01.png") no-repeat center;}


/* 학사일정 */
.drawSchedule1092 { position:relative; height:216px; background: #8a6bb2;}
.drawSchedule1092 h2 { height:22px; font-size:18px; font-family:"NotoM"; color:#fff; margin-bottom:26px; padding:24px 0 5px 25px;}
.drawSchedule1092 .sch_info {display:none;}
.drawSchedule1092 .date_view {position:absolute; top:80px; left:18px; width:110px; line-height:30px; font-size:15px; color:#fff; font-family:'NotoR'; text-align:center;}
.drawSchedule1092 .date_view .year {display:block; color:#fff; font-size:16px; font-family:'NotoR';}
.drawSchedule1092 .date_view .month {display:block; height:63px; line-height:63px; color:#fff; font-size:30px; font-family:'NotoR'; font-weight:bold; background:url('/images/web/template/1092/main/1092_sch_m_bg.png') no-repeat center;}
.drawSchedule1092 .date_view .ym_dot {display:none;}
.drawSchedule1092 .date_view .pre {position:absolute; left:4%; top:55px; width:8px; height:14px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/web/template/1092/main/1092_sche_pre.png') no-repeat center;}
.drawSchedule1092 .date_view .next {position:absolute; right:4%; top:55px; width:8px; height:14px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/web/template/1092/main/1092_sche_next.png') no-repeat center;}
.drawSchedule1092 .sch_list {position:relative; height:100px; margin:0 25px 25px 140px; padding:10px; overflow-y:auto;background:#755b97; }
.drawSchedule1092 .sch_list ul {padding-right:25px;}
.drawSchedule1092 .sch_list ul li {position:relative; padding-left:5px; line-height:24px; font-size:12px; background:url("/images/web/template/1092/main/1092_sche_dot01.png") no-repeat 2px 11px;}
.drawSchedule1092 ul li.no_Data { font-size:15px; line-height:100px; margin:0; text-align:center; color:#fff; background:none;}
.drawSchedule1092 .sch_list li a {display:block; padding-left:50px; color:#fff; font-family:"NotoR"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.drawSchedule1092 .sch_list li a span {position:absolute; left:12px; top:0; color:#fff; font-weight:bold;}
.drawSchedule1092 .btn_more{position:absolute; right:25px; top:20px; width:30px; height:30px; margin-left:-15px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/web/template/1092/main/1092_btn_more02.png') no-repeat center;}

/* 팝업존 */
.pop1092 {  position:relative; height:100%;  background: #d1d8e4; }
.pop1092 h2{height:27px; font-size:18px; font-family:"NotoM"; padding:16px 0 0; margin:0 160px 14px 25px; color:#1d1d1d; overflow:hidden;}
.pop1092 .nss_pg {position:absolute; top:18px; right:50px;}
.pop1092 .nss_pg span{ position:absolute; top:1px; right:80px; display:inline-block; width:45px; height:20px; line-height:20px; text-align:right; font-family:'돋움',Dotum; color:#333; font-size:12px; } 
.pop1092 .nss_pg span strong{ color:#f26522;}
.pop1092 .nss_pg a{ display:block; width:20px; height:20px; float:left; margin-right:3px; font-size:0; text-indent:-10000em; }
.pop1092 .nss_pg a.pre{ background:url('/images/web/template/1092/main/1092_btn_prev.png') no-repeat; }
.pop1092 .nss_pg a.stop{ background:url('/images/web/template/1092/main/1092_btn_stop.png') no-repeat; }
.pop1092 .nss_pg a.next{ background:url('/images/web/template/1092/main/1092_btn_next.png') no-repeat; }
.pop1092 .nss_pg a.play{ background:url('/images/web/template/1092/main/1092_btn_play.png') no-repeat; }
.pop1092 .pop_img{ position:relative; margin:0 auto; padding-bottom:19px;}
.pop1092 .pop_img li{ /*display:none;*/ width:235px; height:165px; margin:0 auto; overflow:hidden; }
.pop1092 .pop_img li img{ width:100%; height:135px;}
.pop1092 .pop_img li.on{ display:block;}
/* 팝업리스트 레이어 추가 */
.pop1092 a.list {position:absolute; top:18px; right:28px; display:block; float:left; font-size:0; text-indent:-10000em; width:22px; height:22px; background:url('/images/web/template/1092/main/1092_btn_list.png') no-repeat; }
.pop1092 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop1092 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop1092 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop1092 .pop_layer_box .pop_layer ul {height:120px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop1092 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop1092 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop1092 .pop_layer_box .pop_layer a.pop_close {display:block; position:absolute; right:25px; top:15px; padding:5px 10px; font-family:"NotoR"; color:#fff; background:#576c85; border-radius:5px;}


/* 오늘의 식단 */
.meal_menu1092 { position:relative; height:100%; background:#508cbd; overflow:hidden; color:#fff; }
.meal_menu1092 h2 {font-size:18px; line-height:25px; font-family:"NotoM"; margin:30px 80px 14px 25px; overflow:hidden }
.meal_menu1092 .meal_info  { display:none; }
.meal_menu1092 dl dt.kcal {font-size:16px; font-family:"NotoM"; line-height:30px; padding:0 10px; background:#356c99; margin:0 0 5px;}
.meal_menu1092 dl dt.kcal span{color:#7fffcb; padding-left:5px;}
.meal_menu1092 dl dt.kcal .kcal_tit{padding:0 3px 0 0;}
.meal_menu1092 dl dd.meal_list {font-family:"NotoR"; font-size:13px; letter-spacing:-1px; line-height:1.5;}
.meal_menu1092 ul{height:140px; margin:0 200px 0 20px; padding:5px; overflow:auto;}
.meal_menu1092 ul li{margin:0 0 20px;}
.meal_menu1092 ul li.no_Data { font-size:15px; line-height:100px; margin:0; text-align:center}
.meal_menu1092 .imgBg {position:absolute; top:65px; right:7%; z-index:1}
.meal_menu1092 .imgBg img { width:149px; height:135px; }
.meal_menu1092 .btn_more{position:absolute; right:25px; top:30px; width:30px; height:30px; margin-left:-15px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/web/template/1092/main/1092_btn_more02.png') no-repeat center;}


/* 바로가기 1 */
.M_link1092{ position:relative; height:100%;  background: #75c2d4;  }
.M_link1092 ul{ width:100%; overflow:hidden; }
.M_link1092 ul li{ position: relative; width: 49.8%; float: left; height:61.5px; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } 
.M_link1092 ul li a{ display:block; padding:20px 0px; color:#333; font-family:"NotoM"; font-size:15px; letter-spacing:-1px; }
.M_link1092 ul li a:hover{ color:#3675c7;}
.M_link1092 .link_02, .M_link1092 .link_04 { border-right:0; }
.M_link1092 .link_03, .M_link1092 .link_04 { border-bottom:0; }
.M_link1092 ul li a span{ display:block; height:40px; text-align:left; line-height:20px; margin-left:80px; overflow:hidden; }
.M_link1092 ul li img { position: absolute; top:10px; left:45px; width:42px; height:42px; margin-left:-20px;  }

/* 배너존 */
.banner_zone{ position:relative; width:422px; height:125px; background:#e5837a; float:left; }
.banner_zone .inner{ position:relative; width:980px; height:125px; margin:0 auto; overflow:hidden}
.banner_zone h2{ position:absolute; left:20px; top:54px; font-size:16px; font-family:"NotoM"; color:#fff;}
.banner_zone .btn{ position:absolute; left:90px; top:57px}
.banner_zone .btn a{ width:14px; height:15px; float:left; font-size:0; text-indent:-10000em; vertical-align:top}
.banner_zone .btn a.pre{background:url('/images/web/template/1092/main/btn_b_prev.gif') no-repeat}
.banner_zone .btn a.stop{ background:url('/images/web/template/1092/main/btn_b_stop.gif') no-repeat}
.banner_zone .btn a.next{ background:url('/images/web/template/1092/main/btn_b_next.gif') no-repeat}
.banner_zone .btn a.list{ width:15px; background:url('/images/web/template/1092/main/btn_b_list.gif') no-repeat;  }
.banner_zone ul{ height:45px; margin:42px 0 0 170px; *padding-top:35px; overflow:hidden}
.banner_zone ul li{ width:100%; float:left; margin-left:10px;}
.banner_zone ul li a img{ width:170px; height:45px}



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

	.main_visual, .pop, .notice1092, .notice1092 h2 a,
	.drawSchedule1092, .gallery1092, .gallery1092_2, .M_link1092,
	.banner_zone{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	
		
	.main_visual, .pop, .M_link1092,
	.notice1092, .meal_menu1092, .drawSchedule1092, .piece_news, .gallery1092, .gallery1092_2, .banner_zone{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
	/* 메인비주얼 */
	.main_visual ul li img {width:100%;}
	.main_visual .bx-controls {width:100%; left:2.5%; bottom:10px; margin-left:0; }
	
	/* 학교앨범 */
	.gallery1092{width:100%;}
	.gallery1092_2 .gall_list li a{text-align:center;}
	
	/* 학교둘러보기 */
	.gallery1092_2 {width:100%;}
	
	/* 학사일정 */
	.drawSchedule1092 {width:100%;}
	.drawSchedule1092 .date_view {left:14px;}
	

	/* 오늘의 식단 */
	.meal_menu1092 ul{margin:0 150px 0 20px;}
	.meal_menu1092 .imgBg {top:100px;}
	.meal_menu1092 .imgBg img {width:110px; height:auto;}
	
	
	/* 바로가기 1 */
	.M_link1092 ul li a span{margin-left:55px; }
	.M_link1092 ul li img {left:33px;}
	
	/* 배너존 */
	.banner_zone{ width:50%; height:124px; float:left; }
	.banner_zone h2{top:42px;}
	.banner_zone .inner{width:100%; height:124px;}
	.banner_zone .inner .btn {position:absolute; left:20px; top:70px}
	.banner_zone ul{ margin-left:95px; margin-right:20px; }
	.banner_zone ul li a img{ width:100%}

}

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

	/* 공지사항 */
	.notice1092 h2 a{font-size:16px; width:25%;}
	.notice1092 h2 a span{margin:0 5px;}
	.notice1092 h2.tit_2 a{ left:25%;}
	.notice1092 h2.tit_3 a{ left:50%; }
	.notice1092 .list_box {padding:70px 25px 14px;}
	.notice1092 .top_list {display:none;}
	.notice1092 .list_box ul.ul_list {width:100%; height:auto; padding:0; float:right}
	
	/* 배너존 */
	.banner_zone{width:100%;}
	.banner_zone ul li{ width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px);}
	
}

@media screen and (max-width :580px) {	
	
	/* 학교앨범 */
	.gallery1092_2 .gall_list li .img{height:180px; width:100%; margin:0 auto; overflow:hidden;}
	.gallery1092_2 .gall_list li .img img{height:100%; width:100%;}

	/* 학사일정 */
	.drawSchedule1092 .date_view {left:20px;}

	/* 오늘의 식단 */
	.meal_menu1092 .imgBg {right:20px;}

	/* 바로가기 1 */
	.M_link1092 ul li a span{margin-left:80px; }
	.M_link1092 ul li img {left:55px; margin-left:-20px;  }


	

}

@media screen and (max-width :480px) {
	/* 공지사항 */
	.notice1092 .list_box ul.ul_list li a { width:55%;}
	.notice1092 .list_box ul.ul_list li span.date {width:30%;}

	/* 오늘의 식단 */
	.meal_menu1092 ul { margin:0 130px 0 20px;}
	.meal_menu1092 .imgBg{top:50%; right:15px;}
	.meal_menu1092 .imgBg img {width:105px; height:100px;}

	/* 바로가기 1 */
	.M_link1092 ul li a span{  margin-left: 70px; }
	.M_link1092 ul li img { left:50px; margin-left:-35px;  }
	
	

}
@media screen and (max-width :380px) {
	
	/* 배너존 */
	.banner_zone ul li{ width:-webkit-calc(100% - 33px); width:-moz-calc(100% - 33px); width:calc(100% - 33px);}
}