@charset "utf-8";


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

/* 180713 : 메인비주얼 */
.main_visual {position:relative; width:100%; background:#fff;}
.main_visual ul {position:relative; }
.main_visual ul li {position:relative; text-align:center;}
.main_visual ul li img{width:100%;}
.main_visual .bx-controls {position:absolute; width:620px; height:26px; left:50%; bottom:20px; margin-left:-270px;}
.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/seolcheon-m/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/seolcheon-m/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 #333; box-sizing:border-box; border-radius:9px;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#333;}/* 비주얼 버튼 색상 */

/* 팝업존 */
.pop026{position:relative; height:100%; background-color:#fff; overflow:hidden; border-radius:13px;}
.pop026 h2{ font-size: 16px; font-family: "NotoM"; color: #fff; background: #50679d; line-height: 48px; padding-left: 20px; }
.pop026 .nss_pg{ position:absolute; top:15px; right:13px;}
.pop026 .nss_pg > span{ position:absolute; font-family:'돋움',Dotum; line-height:22px; color:#fff; font-size:12px; right:100px; display:inline-block; width:50px; text-align:right}/* 20161122 수정 */
.pop026 .nss_pg > span strong{ color:#ffdb4f; }
.pop026 .nss_pg a{ display:block; position:absolute; font-size:0; text-indent:-10000em; width:22px; height:22px;}
.pop026 .nss_pg a.pre{ background:url(/images/web/seolcheon-m/main/026_btn_prev.png) no-repeat; right:75px}/* 20161122 수정 */
.pop026 .nss_pg a.stop{ background:url(/images/web/seolcheon-m/main/026_btn_stop.png) no-repeat; right:50px}/* 20161122 수정 */
.pop026 .nss_pg a.play{ background:url(/images/web/seolcheon-m/main/026_btn_play.png) no-repeat; right:50px}/* 20161122 수정 */
.pop026 .nss_pg a.next{ background:url(/images/web/seolcheon-m/main/026_btn_next.png) no-repeat; right:25px;}/* 20161122 수정 */
.pop026 .nss_pg a.list{ background:url(/images/web/seolcheon-m/main/026_btn_list.png) no-repeat; right:25px}
.pop026 .pop_img{ position: absolute; top: 76px; left: 50%; margin-left: -118px;}
.pop026 .pop_img li{ /*display:none;*/ margin-bottom: 50px;}
.pop026 .pop_img li img{ width:235px; height:145px;  }
.pop026 .pop_img li.on{ display:block}

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


/* 행사일정 */
.drawSchedule026 { position:relative; height:100%; overflow:hidden; background-color:#fff; border:3px solid #59adba; border-radius:13px;}
.drawSchedule026 h2 { font-size: 13px; font-family: 'NotoM'; line-height: 30px; color: #ff7a00; text-decoration: underline; text-align: center; padding-top: 25px;}
.drawSchedule026 .date_view {position:relative; height:30px; line-height:30px; font-size:18px; color:#222; font-family: 'NotoM'; text-align:center;}
.drawSchedule026 .date_view .pre {position:absolute; left:65px; top:8px; width:8px; height:14px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/seolcheon-m/main/026_sche_pre.png) no-repeat center;}
.drawSchedule026 .date_view .next {position:absolute; right:65px; top:8px; width:8px; height:14px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/seolcheon-m/main/026_sche_next.png) no-repeat center;}
.drawSchedule026 .inner {padding:5px 25px 20px; font-size:12px; font-family: 'NotoM'; }
.drawSchedule026 .inner th {height:22px; }
.drawSchedule026 .inner td {height:20px; line-height:20px; text-align:center; color:#7b94aa;}
.drawSchedule026 .inner .sun {color:#f25953;}
.drawSchedule026 .inner .sat {color:#0371bc;}
.drawSchedule026 .inner td a.check {display:block; height:20px; color:#fff; font-weight:bold; background:url(/images/web/seolcheon-m/main/026_bg_check.png) no-repeat center;}
.drawSchedule026 .inner td a.today {display:block; height:20px; color:#fff; font-weight:bold; background:url(/images/web/seolcheon-m/main/026_bg_today.png) no-repeat center;}
.drawSchedule026 .btn_more {position:absolute; right:10px; top:15px; width:50px; height:30px; font-family: 'NotoM'; font-size:12px; color: #737070; text-decoration: underline;}

/* 학교소식 */
.piece_news026 {position:relative; height:100%; background-color:#fff; border:3px solid #59adba; border-radius:13px; }
.piece_news026 h2 { width:28%; line-height:55px; float:left; text-align:center; font-size:16px; color:#3b4344;}
.piece_news026 h2 img {width:21px; height:21px; padding-right:10px;}
.piece_news026 p { width: 53%; float: left; font-size: 13px; line-height: 55px; }
.piece_news026 p a {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.piece_news026 a.btn_more {position:absolute; top:0; right:0; width:50px; height:50px; display:block; text-indent:-10000em; font-size:0; background:url(/images/web/seolcheon-m/main/026_btn_more.png) no-repeat center; overflow:hidden;}

/* 오늘의 식단 */
.meal_menu026 {position:relative; height:100%; overflow: hidden; background-color: #fff; border: 3px solid #59adba; border-radius: 13px; }
.meal_menu026 h2 { width:33%; line-height:55px; float:left; text-align:center; font-si ze:16px; color:#3b4344;}


.meal_menu026 .meal_list { width: 50%; float: left; font-size: 13px; line-height: 25px; white-space:nowrap; text-overflow:ellipsis; overflow-y:scroll;margin:5px 0 5px 0; max-height:50px;overflow-x:hidden; }
.meal_menu026 a.btn_more {position:absolute; top:0; right:0; width:50px; height:50px; display:block; text-indent:-10000em; font-size:0; background:url(/images/web/seolcheon-m/main/026_btn_more.png) no-repeat center; overflow:hidden;}

/* 공지사항 */
.notice026 {position:relative; height:100%; overflow: hidden; background-color: #fff; border: 3px solid #59adba; border-radius: 13px;}  
.notice026 h2 { font-size:13px; font-family:'NotoM'; }
.notice026 h2 a{ position:absolute; top:15px; display:block; width:77px; line-height:24px; height:28px; text-align:center; color:#fff; background:url(/images/web/seolcheon-m/main/tab_off.gif) no-repeat 0 0;}
.notice026 h2.tit_1 a{ left:20px; }
.notice026 h2.tit_2 a{ left:103px; }
.notice026 h2.tit_3 a{ left:187px; }
.notice026 h2 a.current{ background:url(/images/web/seolcheon-m/main/tab_on.gif) no-repeat 0 0; }
.notice026 .list_box.on {display:block; }
.notice026 .list_box {display:none; padding: 60px 20px 0 20px; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice026 .list_box li {position:relative; font-family:'돋움',Dotum; line-height:25px; font-size:12px; overflow:hidden;}
.notice026 .list_box li a {display:block; width:70%; padding-left:8px; float:left; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/web/seolcheon-m/main/noti_dot01.gif") no-repeat 0 9px;}
.notice026 .list_box li a:hover {text-decoration:underline;}
.notice026 .list_box li span.date {display:block; width:25%; float:right; text-align:right; }
.notice026 .btn_more { position:absolute; right: 10px; top: 9px; width:30px; height:30px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/seolcheon-m/main/026_btn_more.png) no-repeat center;}

/* 사진게시판 */
.gallery026 {position:relative; height:100%; overflow: hidden; background-color:#fff;  border-radius: 13px; }  
.gallery026 h2 { position:absolute; top:0; left:0; width:105px; height:180px; text-align:center; color: #fff; font-size:16px; font-family:'NotoM'; background:#59adba url(/images/web/seolcheon-m/main/026_imgl_gall.png) no-repeat 50% 60px; padding-top:110px;}
.gallery026 ul{overflow:hidden; padding:43px 0 0 120px; height:140px;}
.gallery026 ul li{ float:left; margin-left:10px; width:209px;}
.gallery026 ul li:first-child{ margin-left:0;}
.gallery026 ul li a{ color:#fff; font-size:11px; font-family:'돋움',Dotum;}
.gallery026 ul li a:hover{ text-decoration:underline}
.gallery026 ul li a .img{ display:block}
.gallery026 ul li a .img img{ width:100%; height:102px}
.gallery026 ul li a .txt{ display:block; padding:10px 0 5px; color:#333; line-height:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery026 .btn_more { position:absolute; right: 10px; top: 8px; width:30px; height:30px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/web/seolcheon-m/main/026_btn_more.png) no-repeat center;}

/* 바로가기1 */
.M_link026 { position:relative; height:100%; overflow:hidden; background-color:#fff; border:3px solid #9d6bb2; border-radius:13px; }
.M_link026 ul{ width:100%; }
.M_link026 li{position:relative;  width:33.33%; float:left; height:92px; }
.M_link026 li a{ display:block; height:92px; color:#333; border-left:1px dashed #c1d6ee; font-family:"NotoM"; font-size:13px; box-sizing:border-box;}
.M_link026 li:first-child a{ border-left:0;}
.M_link026 li a span{ padding:60px 0 0; display:block; text-align:center;}
.M_link026 li a:hover{ font-weight:bold;}
.M_link026 li img {position:absolute; top:10px; left:50%; margin-left:-30px; width:60px; height:50px;} /*170713*/
.M_link026 li.link_01 a, .M_link026 li.link_04  a {border-left:none;}
.M_link026 li.link_01 a, .M_link026 li.link_02 a, .M_link026 li.link_03 a { border-bottom:1px dashed #ddd;}

/* 바로가기2 */
.M_link026_2 { position:relative; height:100%; overflow:hidden; background-color:#fff; border:3px solid #9d6bb2; border-radius:13px; }
.M_link026_2 ul{ width:100%; }
.M_link026_2 li{position:relative; width:25%; *width: 24.9%; float:left; height:92px; } 
.M_link026_2 li a{display:block; height:92px; color:#333; border-left:1px dashed #ddd; font-family:"NotoM"; font-size:13px; box-sizing:border-box;}
.M_link026_2 li:first-child a{border-left:0;}
.M_link026_2 li a span{ padding:58px 0 0; display:block; text-align:center;}
.M_link026_2 li a:hover{ font-weight:bold;}
.M_link026_2 li img {position:absolute; top:8px; left:50%; margin-left:-30px; width:60px; height:50px;} /*170713*/

/* 바로가기3 */
.M_link026_3{position:relative; height:100%; overflow:hidden; background-color:#e5837a; border-radius:13px; }
.M_link026_3 ul{ width:100%; }
.M_link026_3 li{ position:relative; float:left; width:50%; *width:49.9%; height:191px; text-align:center; } 
.M_link026_3 li a{ display:block; height:121px; padding:35px 0; }
.M_link026_3 li.link_01 a { background : #9d6bb2 url("/images/web/seolcheon-m/main/026_link_bg.png") no-repeat center 70px; }
.M_link026_3 li.link_02 a { background : #e5837a url("/images/web/seolcheon-m/main/026_link_bg.png") no-repeat center 70px; }
.M_link026_3 li img { width:60px; height:60px;} /*170713*/
.M_link026_3 span { display: block;  color: #fff;  text-align:center;  font-family: "NotoM"; font-size: 18px; margin-bottom:30px;} 

/* 배너존 */
.banner_zone{ position:relative; height:100%; overflow:hidden; background-color:#fff; border-radius:13px; border:3px solid #9d6bb2; }
.banner_zone h2 {position:absolute; top:35px; left:20px;}
.banner_zone .btn{ position:absolute; left:80px; top:33px}
.banner_zone .btn a{ float:left; margin-right:2px; font-size:0; text-indent:-10000em; width:20px; height:20px; vertical-align:top}
.banner_zone .btn a.pre{background:url(/images/web/seolcheon-m/main/026_btn_b_prev.png) no-repeat}
.banner_zone .btn a.next{ background:url(/images/web/seolcheon-m/main/026_btn_b_next.png) no-repeat}
.banner_zone .btn a.play{ background:url(/images/web/seolcheon-m/main/026_btn_b_play.png) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/web/seolcheon-m/main/026_btn_b_stop.png) no-repeat}
.banner_zone ul{margin:25px 0 0 150px; height:50px; overflow:hidden; }
.banner_zone ul li{ float:left; margin-left:8px;}
.banner_zone ul li a img{ width:155px; height:40px}



@media (max-width: 800px) {

	#container,
	.main_content,
	.main_visual,
	.pop026,
	.drawSchedule026, .piece_news026, .notice026, .meal_menu026, .gallery026, .M_link026, .M_link026_2, .M_link026_3, .banner_zone {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	#container { width:100%; margin-top:0;}
	.main_content { width:95%; margin:0 auto;}
	.notice026, .gallery026, .meal_menu026, .main_visual, .pop026, .drawSchedule026, .M_link026, .M_link026_2, .meal_menu026,.piece_news026, .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}	
	
	/* 알림장 */
	.ann_tablet026 {display:block; border-radius:10px; border: 1px solid #a2bccf; background:#fff;  line-height:40px;   overflow:hidden;}
	.ann_tablet026 h2 {width:15%; text-indent:-9999px; font-size:0;}
	.ann_tablet026 h2 img { position:absolute; left:10px; top:7px;}
	.ann_tablet026 p {width:70%; margin-left:45px; float:left; font-size:13px;}
	.ann_tablet026 p a {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.ann_tablet026 p a:hover { text-decoration:underline;}
	.ann_tablet026 a.btn_more {position:absolute; top:0; right:15px; width:9px; height:41px; display:block; text-indent:-10000em; font-size:0; background:url('/images/web/seolcheon-m/main/026_btn_more2.png') no-repeat center; overflow:hidden;}
	
	
	/* 바로가기2 */
	.M_link026_2 li{width:50%; border-bottom:1px dashed #ddd;}
	
}

@media (max-width: 660px) {
	
	/* 사진게시판 */
	.gallery026 ul li{ width:180px;}
	
}


@media (max-width: 480px) {
	


}