@charset "utf-8"; 


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


/* 메인비주얼 */
.main_visual{position:relative; width:100%; height:100%;  background:#def3ff; overflow:hidden; }
.main_visual ul{position:relative; }
.main_visual ul li{position:relative; text-align:center; }
.main_visual ul li img {width:100%; height:100%;}
.main_visual .bx-controls{position:absolute; width:100%; height:26px; left:20px; bottom:30px; }
.main_visual .bx-controls-direction{display:none; }
.main_visual .bx-controls-auto{position:absolute; top:0; left:0; }
.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:30px; }
.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 #1e665b; box-sizing:border-box; border-radius:9px; } /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active{background-color:#1e665b; }/* 비주얼 버튼 색상 */


/*전광판*/
.dis_board1021 { width:100%; height:100%; background:#03478e; display:block; overflow:hidden;}
.dis_board1021 .dis_board_box { position:relative; width:1200px; margin: 0 auto;}
.dis_board1021 h2 { float:left; width:11%; white-space:nowrap; overflow:hidden;   padding-left:4%; line-height:60px; background:#2e95fe url('/images/web/template/1021/main/1021_icon_board.png') no-repeat 7px center;  font-family:"NotoM"; font-size:16px; color:#fff;margin-top: -5px; }
.dis_board1021 ul { float:left; width:65%; margin-left:3%; background:#03478e;}
.dis_board1021 ul li { width:100%; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; color:#fff; text-align:left;margin-top: -5px;}
.dis_board1021 ul li a{  line-height:60px; font-family:"NotoM"; font-size:16px; color:#fff;}
.dis_board1021 .nss_pg { position:absolute; top:12px; right:30px;}
.dis_board1021 .nss_pg a {display:block; float:left; font-size:0; text-indent:-10000em; width:25px; height:25px; }
.dis_board1021 .nss_pg a.pre{background:url('/images/web/template/1021/main/1021_btn_prev_board.png') no-repeat; }
.dis_board1021 .nss_pg a.stop{background:url('/images/web/template/1021/main/1021_btn_stop_board.png') no-repeat; }
.dis_board1021 .nss_pg a.next{background:url('/images/web/template/1021/main/1021_btn_next_board.png') no-repeat; }
.dis_board1021 .nss_pg a.play{background:url('/images/web/template/1021/main/1021_btn_play_board.png') no-repeat; }


/* 게시판 */
.MC_box3 .list_box li:after {content:""; display:block; clear:both; position:absolute; left:0; top:12px; width:6px; height:6px; background:#ff2fa4; border-radius:3px;}
.MC_box4 .list_box li:after {content:""; display:block; clear:both; position:absolute; left:0; top:12px; width:6px; height:6px; background:#2e95fe; border-radius:3px;}
.MC_box5 .list_box li:after {content:""; display:block; clear:both; position:absolute; left:0; top:12px; width:6px; height:6px; background:#2eb067; border-radius:3px;}
.MC_box6 .list_box li:after {content:""; display:block; clear:both; position:absolute; left:0; top:12px; width:6px; height:6px; background:#fe7a4a; border-radius:3px;}

/* 공지사항 */
.notice1021_1 {position:relative; height:100%; background:#fff; overflow:hidden; box-sizing:border-box}
.notice1021_1 h2 {position:absolute; top:30px; width:25%; line-height:43px; font-size:15px; font-family:'NotoR'; letter-spacing:-0.05px; white-space:nowrap; overflow:hidden;text-align: center;}
.notice1021_1 h2 a {display:block; color:#333; overflow:hidden;}
.notice1021_1 h2.tit_1 {left:5%;}
.notice1021_1 h2.tit_1::before{content:""; position:absolute; left:15%; top:0; width:30px; height:3px; background:#ff2fa4;}
.notice1021_1 h2.tit_2 {left:30%;}
.notice1021_1 h2.tit_3 {left:55%;}
.notice1021_1 h2 a.current {font-family:'NotoM'; color:#ff2fa4; background:#fff; border-left:none; z-index:2; }
.notice1021_1 .list_box.on {display:block;}
.notice1021_1 .list_box {display:none; margin-top:45px; font-family:'NotoM'; font-size:16px; overflow:hidden;}
.notice1021_1 .list_box .top {position:relative; height:50px; margin:20px 20px 0; line-height:35px;}
.notice1021_1 .list_box .top a {display:block; font-family:'NotoM'; padding:8px 20px;}
.notice1021_1 .list_box .top span.date{position:relative; width:16%; font-size:15px; color:#fff; float:left; display:block; margin:0 3% 0 0; padding-right:3%;}
.notice1021_1 .list_box .top span.date:after{content:""; display:block; clear:both; position:absolute; right:0; top:3px; width:1px; height:30px; background:#fff;}
.notice1021_1 .list_box .top .top_tit{width:76%; font-size:16px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice1021_1 .list_box ul {height:143px; padding:25px 30px 25px 30px;margin-top: 10px;}
.notice1021_1 .list_box li {position:relative; padding-left:13px; font-family:'NotoR'; line-height:28px; vertical-align:middle; overflow:hidden;}
.notice1021_1 .list_box li a {display:block; width:65%; float:left; font-size:15px; color:#444444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice1021_1 .list_box li a:hover {text-decoration:underline;}
.notice1021_1 .list_box li span.date {display:block; width:35%; float:right; text-align:right; color:#777777; font-size:15px;}
.notice1021_1 .btn_more {position:absolute; right:15px; top:30px; width:45px; height:45px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/web/template/1021/main/1021_btn_more1.png') no-repeat center;}

/* 가정통신문 */
.notice1021_2 {position:relative; height:100%; background:#fff; overflow:hidden; box-sizing:border-box}
.notice1021_2 h2 {position:absolute; top:10px; width:25%; line-height:43px; font-size:15px; font-family:'NotoR'; letter-spacing:-0.05px; white-space:nowrap; overflow:hidden;text-align: center;}
.notice1021_2 h2 a {display:block; color:#333; overflow:hidden;}
.notice1021_2 h2.tit_1 {left:8%; background:none;}
.notice1021_2 h2.tit_1::before{content:""; position:absolute; left:5%; top:0; width:30px; height:3px; background:#2e95fe;}
.notice1021_2 h2.tit_2 {left:33%;}
.notice1021_2 h2.tit_3 {left:58%;}
.notice1021_2 h2 a.current {font-family:'NotoM'; color:#2e95fe; background:#fff; border-left:none;  }
.notice1021_2 .list_box.on {display:block;}
.notice1021_2 .list_box {display:none; margin-top:45px; font-family:'NotoM'; font-size:16px; overflow:hidden;}
.notice1021_2 .list_box .top {position:relative; height:50px; margin:20px 20px 0; line-height:35px;}
.notice1021_2 .list_box .top a {display:block; font-family:'NotoM'; padding:8px 20px;}
.notice1021_2 .list_box .top span.date{position:relative; width:16%; font-size:15px; color:#fff; float:left; display:block; margin:0 3% 0 0; padding-right:3%;}
.notice1021_2 .list_box .top span.date:after{content:""; display:block; clear:both; position:absolute; right:0; top:3px; width:1px; height:30px; background:#fff;}
.notice1021_2 .list_box .top .top_tit{width:76%; font-size:16px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice1021_2 .list_box ul {height:143px; padding:10px 30px 25px 30px;margin-top: 10px;}
.notice1021_2 .list_box li {position:relative; padding-left:13px; font-family:'NotoR'; line-height:28px; vertical-align:middle; overflow:hidden;}
.notice1021_2 .list_box li a {display:block; width:65%; float:left; font-size:15px; color:#444444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice1021_2 .list_box li a:hover {text-decoration:underline;}
.notice1021_2 .list_box li span.date {display:block; width:35%; float:right; text-align:right; color:#777777; font-size:15px;}
.notice1021_2 .btn_more {position:absolute; right:15px; top:10px; width:45px; height:45px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/web/template/1021/main/1021_btn_more1.png') no-repeat center;}


/* 도서 */
.notice1021_3 {position:relative; height:100%; background:#fff; overflow:hidden; box-sizing:border-box}
.notice1021_3 h2 {position:absolute; top:30px; width:25%; line-height:43px; font-size:15px; font-family:'NotoR'; letter-spacing:-0.05px; white-space:nowrap; overflow:hidden;text-align: center;}
.notice1021_3 h2 a {display:block; color:#333; overflow:hidden;}
.notice1021_3 h2.tit_1 {left:5%; background:none;}
.notice1021_3 h2.tit_1::before{content:""; position:absolute; left:15%; top:0; width:30px; height:3px; background:#2eb067;}
.notice1021_3 h2.tit_2 {left:30%;}
.notice1021_3 h2.tit_3 {left:55%;}
.notice1021_3 h2 a.current {font-family:'NotoM'; color:#2eb067; background:#fff; border-left:none; }

.notice1021_3 .list_box.on {display:block;}
.notice1021_3 .list_box {display:none; margin-top:45px; font-family:'NotoM'; font-size:16px; overflow:hidden;}
.notice1021_3 .list_box .top {position:relative; height:50px; margin:20px 20px 0; line-height:35px;}
.notice1021_3 .list_box .top a {display:block; font-family:'NotoM'; padding:8px 20px;}
.notice1021_3 .list_box .top span.date{position:relative; width:16%; font-size:15px; color:#fff; float:left; display:block; margin:0 3% 0 0; padding-right:3%;}
.notice1021_3 .list_box .top span.date:after{content:""; display:block; clear:both; position:absolute; right:0; top:3px; width:1px; height:30px; background:#fff;}
.notice1021_3 .list_box .top .top_tit{width:76%; font-size:16px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice1021_3 .list_box ul {height:143px; padding:25px 30px 25px 30px;margin-top: 10px;}
.notice1021_3 .list_box li {position:relative; padding-left:13px; font-family:'NotoR'; line-height:28px; vertical-align:middle; overflow:hidden;}
.notice1021_3 .list_box li a {display:block; width:65%; float:left; font-size:15px; color:#444444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice1021_3 .list_box li a:hover {text-decoration:underline;}
.notice1021_3 .list_box li span.date {display:block; width:35%; float:right; text-align:right; color:#777777; font-size:15px;}
.notice1021_3 .btn_more {position:absolute; right:15px; top:30px; width:45px; height:45px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/web/template/1021/main/1021_btn_more1.png') no-repeat center;}


/* 행정소식 */
.notice1021_4 {position:relative; height:100%; background:#fff; overflow:hidden; box-sizing:border-box}
.notice1021_4 h2 {position:absolute; top:10px; width:30%; line-height:43px; font-size:15px; font-family:'NotoR'; letter-spacing:-0.05px; white-space:nowrap; overflow:hidden;text-align: center;}
.notice1021_4 h2 a {display:block; color:#333; overflow:hidden; }
.notice1021_4 h2.tit_1 {left:5%; background:none;}
.notice1021_4 h2.tit_1::before{content:""; position:absolute; left:15%; top:0; width:30px; height:3px; background:#fe7a4a;}
.notice1021_4 h2.tit_2 {left:30%;}
.notice1021_4 h2.tit_3 {left:55%;}
.notice1021_4 h2 a.current {font-family:'NotoM'; color:#fe7a4a; background:#fff; border-left:none; z-index:2;}

.notice1021_4 .list_box.on {display:block;}
.notice1021_4 .list_box {display:none; margin-top:45px; font-family:'NotoM'; font-size:16px; overflow:hidden;}
.notice1021_4 .list_box .top {position:relative; height:50px; margin:20px 20px 0; line-height:35px;}
.notice1021_4 .list_box .top a {display:block; font-family:'NotoM'; padding:8px 20px;}
.notice1021_4 .list_box .top span.date{position:relative; width:16%; font-size:15px; color:#fff; float:left; display:block; margin:0 3% 0 0; padding-right:3%;}
.notice1021_4 .list_box .top span.date:after{content:""; display:block; clear:both; position:absolute; right:0; top:3px; width:1px; height:30px; background:#fff;}
.notice1021_4 .list_box .top .top_tit{width:76%; font-size:16px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice1021_4 .list_box ul {height:143px; padding:10px 30px 25px 30px;margin-top: 10px;}
.notice1021_4 .list_box li {position:relative; padding-left:13px; font-family:'NotoR'; line-height:28px; vertical-align:middle; overflow:hidden;}
.notice1021_4 .list_box li a {display:block; width:65%; float:left; font-size:15px; color:#444444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice1021_4 .list_box li a:hover {text-decoration:underline;}
.notice1021_4 .list_box li span.date {display:block; width:35%; float:right; text-align:right; color:#777777; font-size:15px;}
.notice1021_4 .btn_more {position:absolute; right:15px; top:10px; width:45px; height:45px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/web/template/1021/main/1021_btn_more1.png') no-repeat center;}

/* 학교앨범 */
.gallery1021  {position:relative; height:100%;  overflow:hidden;}
.gallery1021 h2  {position:relative; width:70%; margin-top:20px; font-size:18px; font-family:"NotoM"; color:#032a65; white-space:nowrap; overflow:hidden; z-index:2;}
.gallery1021 h2 img{margin-right: 10px;}
.gallery1021 .gall_list {position:relative; height:240px; overflow:hidden;margin-top: 10px;}
.gallery1021 .gall_list li { position:relative; width:30%; margin-left:5%; float:left; }
.gallery1021 .gall_list li:first-child {margin-left:0;}
.gallery1021 .gall_list li a {display:block;}
.gallery1021 .gall_list li .img{height:163px;}
.gallery1021 .gall_list li .img img {width:100%; height:163px;border-top: 2px solid #2e95fe;}
.gallery1021 .gall_list li span {display:block; font-family:"NotoM"; font-size:16px;}
.gallery1021 .gall_list li span.txt {padding:10px 10px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;text-align: center;font-size: 15px;}
.gallery1021 .gall_list li span img {position:absolute; left:20px; top:120px; z-index:100;}
.gallery1021 .gall_list li span.col01 {height: 72px;background:#fff;}
.gallery1021 .gall_list li span.col01 span{font-size: 13px;color: #72777c;}
.gallery1021 .gall_list li span.col02 span{font-size: 13px;color: #72777c;}
.gallery1021 .gall_list li span.col03 span{font-size: 13px;color: #72777c;}
.gallery1021 .gall_list li span.col02 {height: 72px;background:#fff;} 
.gallery1021 .gall_list li span.col03 {height: 72px;background:#fff; color:#000;}
.gallery1021 .gall_list li span.col01:after {content:""; display:block; clear:both; position:absolute; left:20px; top:120px; width:40px; height:10px;}
.gallery1021 .gall_list li span.col02:after {content:""; display:block; clear:both; position:absolute; left:20px; top:120px; width:40px; height:10px;}
.gallery1021 .gall_list li span.col03:after {content:""; display:block; clear:both; position:absolute; left:20px; top:120px; width:40px; height:10px; }
.gallery1021 .gall_list li span.date {padding-left:20px; color:#777; font-size:15px; }
.gallery1021 .btn_more {position:absolute; right:0; top:22px; width:64px; height:25px; text-indent:-9999em; line-height:25px; font: "NotoM"; font-size:12px;background: url(/images/web/template/1021/main/1021_btn_more3.png) no-repeat;}

/* 행사일정 */
.drawSchedule1021 {position:relative; height:240px; background:#60a1fc; overflow:hidden;}
.drawSchedule1021 h2 {position:absolute; height:1px; width:1px; overflow:hidden; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px);}
.drawSchedule1021 .date_view {position:relative; width:145px; height:55px; line-height:57px; margin-left: 28px; text-align:center;}
.drawSchedule1021 .date_view .year {color:#fff; font-size:17px; font-family:'NotoM'; }
.drawSchedule1021 .date_view .month {color:#f8e273; font-size:17px; font-family:'NotoM';}
.drawSchedule1021 .date_view .ym_dot_1 {color:#fff; font-size:17px; font-family:'NotoM';}
.drawSchedule1021 .date_view .ym_dot_2 {color:#fff9b5; font-size:17px; font-family:'NotoM';}
.drawSchedule1021 .date_view .pre {position:absolute; left:0; top:20px; width:10px; height:18px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/template/1021/main/1021_btn_prev.png) no-repeat center;}
.drawSchedule1021 .date_view .next {position:absolute; right:0; top:20px; width:10px; height:18px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/template/1021/main/1021_btn_next.png) no-repeat center;}
.drawSchedule1021 .inner {height:175px; font-family:Gulim,'굴림'; font-size:12px; overflow:hidden;}
.drawSchedule1021 .inner th {height:30px; background:#387bd8; color:#fff; font-family:'NotoM'; font-size:13px; line-height:30px;}
.drawSchedule1021 .inner td {height:24px;  color:#fff; line-height:24px; text-align:center;font-weight: bold;}
.drawSchedule1021 .inner .sun {color:#ffbddb;}
.drawSchedule1021 .inner .sat {color:#9ee4ff;}
.drawSchedule1021 .inner td a.check {display:block; color:#fff; font-weight:bold; background:url('/images/web/template/1021/main/1021_bg_check.png') no-repeat center center;}
.drawSchedule1021 .inner td a.today {display:block; color:#fff; font-weight:bold; background:url('/images/web/template/1021/main/1021_bg_today.png') no-repeat center center;}
.drawSchedule1021 .btn_more {position:absolute; right:20px; top:20px; width:64px; height:25px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/web/template/1021/main/1021_btn_more2.png') no-repeat center;}

/* 바로가기01 */
.M_link1021{position:relative; height:100%; font-family:"NotoM"; background-color: #fff; overflow:hidden; box-sizing:border-box; }
.M_link1021 ul{ overflow:hidden; }
.M_link1021 ul li{position:relative; float:left; width:16.66%; padding:10px 0; border-left:1px solid #e5e3e1; box-sizing:border-box; border-bottom: 1px solid #ccc; background: url(/images/web/template/1021/main/1021_link1_bg.png) repeat-x #fff left;} 
.M_link1021 ul li:first-child{border-left:none;}
.M_link1021 ul li a{ height:35px; line-height:18px; overflow:hidden; display:block; padding:95px 10px 0; margin-top:7px; text-align:center; color:#333; font-size:15px; letter-spacing:-1px; }
.M_link1021 ul li span{}
.M_link1021 ul li img{position:absolute; width: 85px; height: 85px;left:50%; margin-left: -43px;top:8px;}
.M_link1021 ul li a:hover, .M_link1021_2 ul li a:focus{text-decoration:underline; }


/* 팝업존 */
.pop1021 {position:relative; height:100%; background: url(/images/web/template/1021/main/1021_pop_bg.png) no-repeat #223eb9 bottom; background-size: 100% 100%; overflow:hidden;}
.pop1021 h2 {width:28%; padding:10px 0 0 20px; font-size:18px; font-family:"NotoM"; color:#fff; white-space:nowrap; overflow:hidden;}
.pop1021 .nss_pg {position:absolute; top:0px; right:30px;}
.pop1021 .nss_pg span {position:absolute; top:15px; right:105px; width:45px; text-align:right; line-height:20px; height:20px; font-family:'돋움',Dotum; color:#fff; font-size:12px; display:inline-block;}
.pop1021 .nss_pg span strong {color:#ffdb4f;}
.pop1021 .nss_pg a {display:block; float:left; font-size:0; text-indent:-10000em; width:30px; height:45px; margin-left:2px;border-left: 1px solid #4e65c7;}
.pop1021 .nss_pg a.pre {background:url('/images/web/template/1021/main/1021_btn_prev01.png') no-repeat center; }
.pop1021 .nss_pg a.stop {background:url('/images/web/template/1021/main/1021_btn_stop01.png') no-repeat center; }
.pop1021 .nss_pg a.next {background:url('/images/web/template/1021/main/1021_btn_next01.png') no-repeat center;}
.pop1021 .nss_pg a.play {background:url('/images/web/template/1021/main/1021_btn_play01.png') no-repeat center;}
.pop1021 .pop_img {position:relative; width:235px; margin: 0 auto; margin-top:40px;}
.pop1021 .pop_img li {width:100%; height:170px; overflow:hidden;}
.pop1021 .pop_img li img {width:100%; height:135px;}
.pop1021 .pop_img li.on {display:block}

/* 팝업리스트 레이어 추가 */
.pop1021 a.list {position:absolute; top:0; right:0; display:block; float:left; font-size:0; text-indent:-10000em; width:30px; height:45px; background:url('/images/web/template/1021/main/1021_btn_list.png') no-repeat;background-position: center; border-left:1px solid #4e65c7;}
.pop1021 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop1021 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop1021 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop1021 .pop_layer_box .pop_layer ul {height:125px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop1021 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop1021 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop1021 .pop_layer_box .pop_layer a.pop_close {display:block; position:absolute; right:20px; top:15px; padding:5px 10px; font-family:"NotoR"; color:#fff; background:#576c85; border-radius:5px;}



/* 배너존 */
.banner_zone {position:relative; width:100%; background:#fff; border-top:solid 1px #d1d8e4; overflow:hidden;  }
.banner_zone .inner{ position:relative; margin:0 auto; width:1200px;  height:74px; }
.banner_zone .inner h2 {position:absolute; top:27px; left:0; font-size:16px; font-family:"NotoM"; color:#1d1d1d; }
.banner_zone .inner .btn{position:absolute; left:70px; top:25px}
.banner_zone .inner .btn a{ float:left; font-size:0; text-indent:-10000em; width:27px; height:28px; vertical-align:top}
.banner_zone .inner .btn a.pre{background:url(/images/web/template/1021/main/btn_b_prev.gif) no-repeat}
.banner_zone .inner .btn a.stop{background:url(/images/web/template/1021/main/btn_b_stop.gif) no-repeat}
.banner_zone .inner .btn a.next{background:url(/images/web/template/1021/main/btn_b_next.gif) no-repeat}
.banner_zone .inner .btn a.play{display:none; background:url(/images/web/template/1021/main/btn_b_play.gif) no-repeat}
.banner_zone .inner .btn a.list{background:url(/images/web/template/1021/main/btn_b_list.gif) no-repeat}
.banner_zone .inner ul{padding-top:14px; margin:0 20px 0 200px; height:48px; overflow:hidden}
.banner_zone .inner ul li{width:186px; float:left; margin:0 0 14px 10px; }
.banner_zone .inner ul li a{display:block; border:1px solid #c8d1db; }
.banner_zone .inner ul li a img{width:100%; height:46px}

  
  
  
@media (max-width:800px){
	/* 190627 수정 */
    
    .main_visual, .dis_board1021, .drawSchedule1021, .notice1021, .gallery1021, .meal_menu1021, .M_link01021, .M_link01021_2, .pop1021, .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}
	.banner_zone, .dis_board1021 .dis_board_box{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
    
    
    .main_visual{position:relative; width:100%; height:100%;  background:#def3ff; overflow:hidden; }
    
    /* 메인비주얼 */
	.main_visual .bx-controls{width:100%; left:3%; bottom:10px; margin-left:0; }
    
    
    /* 게시판 */
    .MC_box4 .notice1021_2, .MC_box6 .notice1021_4{background: #f9f9f9;}
    .notice1021_2 h2 a.current, .notice1021_4 h2 a.current{background: none;}
    
    /* 공지사항 */
    .notice1021_1 .list_box{margin-top: 30px;}
    .notice1021_1 h2{top: 20px;}
    .notice1021_1 h2.tit_1{left: 3%;}
    .notice1021_1 h2.tit_2{left: 28%;}
    .notice1021_1 h2.tit_3{left: 53%;}
    .notice1021_1 h2.tit_1::before{left:22%; }
    .notice1021_1 .btn_more{top: 20px;}
    
    /* 가정통신문 */
    .notice1021_2 h2{top: 20px;}
    .notice1021_2 h2.tit_1{left: 3%;}
    .notice1021_2 h2.tit_2{left: 28%;}
    .notice1021_2 h2.tit_3{left: 53%;}
    .notice1021_2 h2.tit_1::before{left:13%; }
    .notice1021_2 .btn_more{top: 20px;}

    /* 도서 */
    .notice1021_3 .list_box{margin-top: 30px;}
    .notice1021_3 h2{top: 20px;}
    .notice1021_3 h2.tit_1{left: 3%;}
    .notice1021_3 h2.tit_2{left: 28%;}
    .notice1021_3 h2.tit_3{left: 53%;}
    .notice1021_3 h2.tit_1::before{left:22%;} 
    .notice1021_3 .btn_more{top: 20px;}
    
     /* 행정소식 */
    .notice1021_4 h2{top: 20px;}
    .notice1021_4 h2.tit_1{left: 3%;}
    .notice1021_4 h2.tit_2{left: 28%;}
    .notice1021_4 h2.tit_3{left: 53%;}
    .notice1021_4 h2.tit_1::before{left:22%;} 
    .notice1021_4 .btn_more{top: 20px;}

    
    
    /*전광판*/
	.dis_board1021 .dis_board_box{width:100%; }
	.dis_board1021 h2{width:12%; font-size:14px; padding-left:7%;}
	.dis_board1021 h2 .img{display:none; }
	.dis_board1021 ul{width:50%; }
	.dis_board1021 ul li a{font-size:14px; }
    
    /* 학교앨범 */
    .gallery1021 .gall_list li{width: 32%;margin-left: 2%;}
    .gallery1021 .gall_list .img{width: 163px;}
    
    
    /* 바로가기01 */
	.M_link1021 ul li{width:50%;}
    .M_link1021 ul li:nth-child(3),.M_link1021 ul li:nth-child(5){border-left: none;}
    .M_link1021 ul li:nth-child(5),.M_link1021 ul li:last-child{border-bottom: none;}
    
    
    
    /* 일정 */
    .drawSchedule1021{height: 230px;}

    /* 팝업존 */
    .pop1021 .nss_pg a {height:40px;}
    .pop1021 .pop_img{margin-top: 25px;}
    .pop1021 .pop_img li {margin-bottom: 20px;}
    
    
 
    /* 배너존 */
    .banner_zone .inner{ width:100%; }
	.banner_zone .inner h2{ text-indent:-9999px; }
	.banner_zone .inner .btn{ left:20px; }

	.banner_zone .inner ul{margin-left:180px; }
	.banner_zone .inner ul li{width:23%; float:left; margin-left:2%; }
	.banner_zone .inner ul li:first-child{ margin-left:0; }
	.banner_zone .inner ul li a{display:block; border:1px solid #c8d1db; }
	.banner_zone .inner ul li a img{width:100%; height:46px}
}


@media (max-width:680px){	
    
     /* 공지사항 */
    .notice1021_1 h2.tit_1::before{left:16%; }
    .notice1021_1 h2.tit_1{left: 5%;}
    .notice1021_1 h2.tit_2{left: 30%;}
    .notice1021_1 h2.tit_3{left: 55%;}

    
    /* 가정통신문 */
     .notice1021_2 h2{top: 18px;}
    .notice1021_2 h2.tit_1::before{left:10%; }
    .notice1021_2 h2.tit_1{left: 5%;}
    .notice1021_2 h2.tit_2{left: 30%;}
    .notice1021_2 h2.tit_3{left: 55%;}


    /* 도서 */
    .notice1021_3 h2.tit_1::before{left:16%;} 
    .notice1021_3 h2.tit_1{left: 5%;}
    .notice1021_3 h2.tit_2{left: 30%;}
    .notice1021_3 h2.tit_3{left: 55%;}
    
     /* 행정소식 */
    .notice1021_4 h2.tit_1::before{left:16%;}
    .notice1021_4 h2.tit_1{left: 5%;}
    .notice1021_4 h2.tit_2{left: 30%;}
    .notice1021_4 h2.tit_3{left: 55%;}

    
    
     /*전광판*/
	.dis_board1021 h2{padding-left: 9%;}
    
    
    /* 학교앨범 */
    .gallery1021 .gall_list {margin-left: 0;}
    .gallery1021 .gall_list li span.txt {font-size: 13px;}

    
	
	
}

@media (max-width:580px){	
    
    
    /*전광판*/
    .dis_board1021{height: 100px;}
	.dis_board1021 .dis_board_box{ width:100%; }
	.dis_board1021 h2{ width:30%; padding-left:55px; }
	.dis_board1021 ul{width:70%; margin-left:15px; }
    .dis_board1021 .nss_pg{right: 30px;}
	
	/* 게시판 */
    .notice1021 .list_box li a {width:100%; float:none;}
	.notice1021 .list_box li span.date {display:none;}
    
    /* 공지사항 */
    .notice1021_1 h2{text-align: left;}
    .notice1021_1 h2.tit_1::before{left:0; }
    .notice1021_1 .list_box li a{width: 100%;}
    .notice1021_1 .list_box li span.date{display: none;}
	
    
    /* 기정통신문 */
    .notice1021_2 h2{text-align: left;}
    .notice1021_2 h2.tit_1::before{left:0; }
    .notice1021_2 h2.tit_1{left: 5%;}
    .notice1021_2 h2.tit_2{left: 30%;}
    .notice1021_2 h2.tit_3{left: 55%;}
    .notice1021_2 .list_box li a{width: 100%;}
    .notice1021_2 .list_box li span.date{display: none;}
    
      /* 도서 */
    .notice1021_3 h2{text-align: left;}
    .notice1021_3 h2.tit_1::before{left:0; }
    .notice1021_3 .list_box li a{width: 100%;}
    .notice1021_3 .list_box li span.date{display: none;}
    
      /* 행정 */
    .notice1021_4 h2{text-align: left;}
    .notice1021_4 h2.tit_1::before{left:0; }
    .notice1021_4 .list_box li a{width: 100%;}
    .notice1021_4 .list_box li span.date{display: none;}
    


    
     /* 학교앨범 */
    .gallery1021 .gall_list {margin-left: none;height: auto; margin-left: 0;}
    .gallery1021 .gall_list li{width: 100%;}
    .gallery1021 .gall_list li { margin-left:0; }
    .gallery1021 .gall_list li span.col01, .gallery1021 .gall_list li span.col02,.gallery1021 .gall_list li span.col03  {height: 50px;}

    

	/* 배너존 */
    .banner_zone{margin-top: 20px;}
	.banner_zone .inner ul li{width:49%; margin-left:1%; }
	
}

@media (max-width:480px){	

	
}

@media (max-width:390px){


	/* 게시판 */
    /* 공지사항 */
	.notice1021_1 h2.tit_1 {left:8%;}
	.notice1021_1 h2.tit_2 {left:33%;}
	.notice1021_1 h2.tit_3 {left:58%;}
    
    /* 가정통신문 */
	.notice1021_2 h2.tit_1 {left:8%;}
	.notice1021_2 h2.tit_2 {left:32%;}
	.notice1021_2 h2.tit_3 {left:57%;}
    
    /* 도서 */
    .notice1021_3 h2.tit_1 {left:8%;}
	.notice1021_3 h2.tit_2 {left:33%;}
	.notice1021_3 h2.tit_3 {left:58%;}
    
    /* 행정 */
    .notice1021_4 h2.tit_1 {left:8%;}
	.notice1021_4 h2.tit_2 {left:33%;}
	.notice1021_4 h2.tit_3 {left:58%;}
    
    




	/* 배너존 */
	.banner_zone .inner h2 {display:inline-block; position:relative; top:30px; float:left; font-size:15px; font-family:"NotoM"; color:#1d1d1d; padding-right:1%; }
    .banner_zone .inner .btn a.stop{display:none; }
	.banner_zone .inner .btn a.play{display:block; }
	.banner_zone .inner .btn a.list{display:none; }
	.banner_zone .inner .btn a.next{border-right:1px solid #c9d2db; }
    .banner_zone .inner ul li{width:100%;  margin-left:0%; }
			
}