@charset "utf-8";
/* CSS Document */

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

/* 180713 : 메인비주얼 */
.main_visual {position:relative; width:100%; background:#d0ebff;}
.main_visual ul {position:relative; }
.main_visual ul li {position:relative; text-align:center;}
.main_visual .bx-controls {position:absolute; width:980px; height:26px; left:50%; bottom:25px; margin-left:-490px; }
.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/sch/web/kgusan-p/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/sch/web/kgusan-p/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;}/* 비주얼 버튼 색상 */


/* 공지사항 */
.notice012 {height:100%; background:url(/images/sch/web/kgusan-p/main/012_bg_notice.gif) repeat-x 0 0;border:1px solid #c9c9c9;}
.notice012 h2 {font-size:15px;  font-family:'NotoM';}
.notice012 h2 a {position:absolute; top:18px; display:block; text-align:center; color:#fff; }
.notice012 h2  a:hover {text-decoration:underline;}
.notice012 h2.tit_1 a {left:20px;}
.notice012 h2.tit_2 a {left:90px; }
.notice012 h2.tit_3 a {left:172px; }
.notice012 h2 a.current {color: #adfed2;}
.notice012 .list_box.on {display:block; }
.notice012 .list_box {display:none; padding:56px 20px 0 20px; font-family:'돋움',Dotum; font-size:12px; overflow:hidden; }
.notice012 .list_box li {position:relative; font-family:'돋움',Dotum; line-height:24px; font-size:12px; overflow:hidden; letter-spacing:-0.1em; }
.notice012 .list_box li a {display:block; padding-left:10px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/sch/web/kgusan-p/main/012_notice_dot.gif") no-repeat 0 9px;}
.notice012 .list_box li a:hover {text-decoration:underline;}
.notice012 .list_box li span.date {display:none; }
.notice012 .list_box .ul_list { padding-top:7px;}
.notice012 .btn_more {position:absolute; right:20px; top:22px; width:10px; height:10px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/kgusan-p/main/012_btn_more1.png) no-repeat;}

/* 팝업존 */
.pop012{height:100%; background: #36c7c9;}
.pop012 h2{font-size:16px; font-family:"NotoM"; color:#fff;  padding:10px 0 0 37px;}
.pop012 .nss_pg{position:absolute;top:10px;right: 61px;}
.pop012 .nss_pg > span{ position:absolute; font-family:'돋움',Dotum; line-height:22px; color:#fff; font-size:12px; right:80px; display:inline-block; width:50px; text-align:right}
.pop012 .nss_pg > span strong{ color:#fff}
.pop012 .nss_pg a{ display:block; position:absolute;  font-size:0; text-indent:-10000em; width:20px; height:20px;}
.pop012 .nss_pg a.pre{ background:url(/images/sch/web/kgusan-p/main/012_btn_prev.png) no-repeat; right:46px}
.pop012 .nss_pg a.next{ background:url(/images/sch/web/kgusan-p/main/012_btn_next.png) no-repeat; right:0;}
.pop012 .nss_pg a.stop{ background:url(/images/sch/web/kgusan-p/main/012_btn_stop.png) no-repeat; right:23px}
.pop012 .nss_pg a.play{ background:url(/images/sch/web/kgusan-p/main/012_btn_play.png) no-repeat; right:23px}

.pop012 .pop_img{ height: 145px; overflow: hidden;}
.pop012 .pop_img li{ /*display:none;*/ width:235px; height:145px; margin-top:1px;  margin:7px auto; margin-bottom: 50px;}
.pop012 .pop_img li img{ width:100%; height:145px}
.pop012 .pop_img li.on{ display:block}

/* 180713 : 팝업리스트 레이어 추가 */
.pop012 a.list {position:absolute;top: 10px;right: 35px;display:block;float:left;font-size:0;text-indent:-10000em;width:22px;height:22px;background:url('/images/sch/web/kgusan-p/main/012_btn_list.png') no-repeat;}
.pop012 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop012 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop012 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop012 .pop_layer_box .pop_layer ul {height:100px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop012 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop012 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop012 .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_menu012 {height:100%; background: #8690b4;}
.meal_menu012 h2 {padding:17px 20px 0 8%;  line-height:24px; color:#fff; font-size:16px; }
.meal_menu012 .meal_info  { display:none; padding:15px 4% 0 4%; line-height:24px; font-size:16px; font-family:"NotoM"; }
.meal_menu012 p.kcal{margin:25px 0 0 35%; line-height:30px; text-align:left; font-size:18px; color:#fff799; font-family:"NotoM"; }
.meal_menu012 .meal_list {height:60px; margin:0 8% 0 35%; padding-top:10px; font-family:'Dotum', '돋움'; font-size:12px; color:#fff; text-align:left; line-height:18px; overflow-y:auto; }
.meal_menu012 .imgBg {position:absolute; top:70px; left:7%; z-index:1}
.meal_menu012 .imgBg img { width:75px; height:75px; }
.meal_menu012 ul li:after{content:"."; display:inline-block;}
.meal_menu012 .btn_more {position:absolute; right:20px; top:22px; width:10px; height:10px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/kgusan-p/main/012_btn_more1.png) no-repeat;}

/* 학교일정 */
.drawSchedule012{height:100%; background: #ef5350;}
.drawSchedule012 h2{font-size:16px; font-family:"NotoM";  padding:17px 0 5px 25px; color:#fff; }
.drawSchedule012 .date_view {position:absolute; left:52%; top:12px; height:29px; line-height:29px; font-size:16px; color:#fff; font-family:'NotoM'; text-align:center; }
.drawSchedule012 .date_view .pre {position:absolute; right:50%; top:5px; width:19px; height:19px; margin-right:55px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/kgusan-p/main/012_btn_c_prev.png) no-repeat center;}
.drawSchedule012 .date_view .next {position:absolute; left:50%; top:5px; width:19px; height:19px; margin-left:55px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/kgusan-p/main/012_btn_c_next.png) no-repeat center;}
.drawSchedule012 .inner{border-top: solid 2px #cc3a37;padding:0 0 14px;margin:10px 19px 16px 19px;}
.drawSchedule012 table{ width:98%; margin:0 auto}
.drawSchedule012 table th, .schedule table td{ margin:0; padding:0}
.drawSchedule012 .inner th {color:#fff; font-size:12px; font-family:'돋움',Dotum; font-weight:bold; line-height:30px}
.drawSchedule012 .inner td {color:#fff; font-size:12px; line-height:14px; text-align:center}
.drawSchedule012 table tbody td .today{ display:inline-block; width:14px; height:14px; color:#000; background:url(/images/sch/web/kgusan-p/main/012_schd_today.png) no-repeat center center; background-size:14px;}
.drawSchedule012 table tbody td .check{ display:inline-block; width:14px; height:14px; color:#fff; background:url(/images/sch/web/kgusan-p/main/012_schd_check.png) no-repeat center center; background-size:14px;}
.drawSchedule012 .inner .sun {color:#ffa999; font-weight:bold;}
.drawSchedule012 .inner .sat {color: #6ec8ff;font-weight:bold;}
.drawSchedule012 .list{ padding-top:17px}
.drawSchedule012 .list ul{ line-height:22px; overflow:hidden; height:132px; overflow-y:auto; font-family:'돋움',Dotum; font-size:12px; color:#4e4e4e}
.drawSchedule012 .list li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.drawSchedule012 .list li span{ display:inline-block; width:26px; text-align:right; font-weight:bold; color:#735745}
.drawSchedule012 .btn_more {position:absolute; right:20px; top:22px; width:10px; height:10px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/kgusan-p/main/012_btn_more1.png) no-repeat;}

/* 바로가기01 */
.M_link012_1 {height:100%;  font-family:"NotoR"; border:1px solid #c9c9c9; overflow:hidden;}
.M_link012_1 h2 {height:22px; font-size:16px; font-family:"NotoM"; color:#01496f; margin-bottom:9px; padding:17px 0 5px 25px;}
.M_link012_1 ul { border-top:1px solid #ddd; margin:10px 19px 16px 19px; }
.M_link012_1 ul li {position:relative; width:33.333%; float:left;}
.M_link012_1 ul li img {position:absolute; top:27px; left:50%; width:70px; height:50px; margin-left:-35px;}
.M_link012_1 ul li a {display:block; height:38px; padding-top:97px; color:#666; font-size:14px; text-align:center; }
.M_link012_1 ul li a:hover, .M_link012_1 ul li a:focus {text-decoration:underline;}

/* 포토 갤러리 */
.gallery012{ height:100%; border:1px solid #c9c9c9;}
.gallery012 h2{ height:22px; font-size:16px; font-family:"NotoM"; color:#01496f; margin-bottom:9px; padding:17px 0 5px 25px;}
.gallery012 .gall_info {display:none;}
.gallery012 .gall_list {margin-top:8px;  padding:0 25px; overflow:hidden;}
.gallery012 .gall_list li {width:46.9%; margin-left:6%; float:left;}
.gallery012 .gall_list li:first-child {margin-left:0;}
.gallery012 .gall_list li a {display:block;}
.gallery012 .gall_list li .img img {width:100%; height:102px;}
.gallery012 .gall_list li span {display:block; text-align:center; font-family:'돋움',Dotum; font-size:12px; color:#222;}
.gallery012 .gall_list li span.txt {margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery012 .gall_list li span.date {display:none;}
.gallery012 .btn_more {position:absolute; right:20px; top:22px; width:10px; height:10px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/kgusan-p/main/012_btn_more2.gif) no-repeat;}


/* 바로가기04 */
.M_link012_2{height:100%; background: #ebf8fc;overflow:hidden;} 
.M_link012_2 ul { float:left; width:100%; }
.M_link012_2 ul li { position:relative; float:left; width:49.3%; height:45px; display:block; text-align:center;  line-height:34px;  *line-height:54px; padding-top:50px;  }
.M_link012_2 ul li a{ width:100%; height:83px; }
.M_link012_2 ul li a:hover { text-decoration:underline; }
.M_link012_2 ul li a span { display:block; margin-top:12px; font-family:"NotoR"; color:#666; font-size:14px; }
.M_link012_2 ul li a img { position:absolute; left:50%; top:10px; margin-left:-28px; width:55px; height:55px;}
.M_link012_2 ul .link_01{border-bottom: dashed 1px #c8d1db;border-right: dashed 1px #c8d1db;}
.M_link012_2 ul .link_02{border-bottom: dashed 1px #c8d1db;}
.M_link012_2 ul .link_03{border-right: dashed 1px #c8d1db;}

/* 학급 홈페이지  */
.M_link012_3{height:100%; background: #fffad2;}
.M_link012_3 ul li a{ display:block; color:#fff; }
.M_link012_3 ul li span{ display:block; font-size:16px; font-family:"NotoM"; color:#01496f; padding:17px 20px 0 0; *padding:0 20px 0 0;  line-height:40px;  margin-left:20px; background:url(/images/sch/web/kgusan-p/main/012_link03_bar.png) no-repeat bottom left;}
.M_link012_3 ul li p{ font-family:"NotoR"; color:#444; font-size:14px; padding:17px 20px 0 18px; line-height:16px;}
.M_link012_3 ul li img {position:absolute; right:5%; top:53px; width:129px; height:124px; }
.M_link012_3 .btn_more {position:absolute;left:20px;bottom:43px;width:73px;height:30px;text-indent:-9999em;line-height:0;font-size:0;background:url(/images/sch/web/kgusan-p/main/012_btn_more3.png) no-repeat;}

/* 우리들의 소리 */
.M_link012_4{height:100%; background: #d8f7f5;}
.M_link012_4 h2 {font-size:16px; font-family:"NotoM"; color:#01496f; padding:17px 20px 0; }
.M_link012_4 ul { padding:15px 23px 0; }
.M_link012_4 ul li { background:url(/images/sch/web/kgusan-p/main/012_bul_arrow_gy.png) no-repeat 0 8px; padding-left:26px; line-height:34px;}
.M_link012_4 ul li a{font-family:"NotoR"; color:#666; font-size:14px; }
.M_link012_4 img { position:absolute; right:8%; bottom:20%; width:102px; height:96px;}

/* 배너존 */
.banner_zone{ position:relative; clear:both; padding-top:20px; overflow:hidden;}
.banner_zone .inner{ position:relative; width:980px; margin:0 auto; overflow:hidden}
.banner_zone .inner {position:relative; width:980px; height:70px; margin:0 auto; overflow:hidden;}
.banner_zone .inner h2  {position:absolute; top:2px; left:0; font-size:15px; font-family:"NotoM"; color:#1d1d1d; }
.banner_zone .inner .btn {position:absolute; left:0; top:25px}
.banner_zone .inner .btn a { float:left; font-size:0; text-indent:-10000em; width:14px; height:15px; vertical-align:top}
.banner_zone .inner .btn a.pre {background:url(/images/sch/web/kgusan-p/main/btn_b_prev.gif) no-repeat}
.banner_zone .inner .btn a.stop {background:url(/images/sch/web/kgusan-p/main/btn_b_stop.gif) no-repeat}
.banner_zone .inner .btn a.next {background:url(/images/sch/web/kgusan-p/main/btn_b_next.gif) no-repeat}
.banner_zone .inner .btn a.play {background:url(/images/sch/web/kgusan-p/main/btn_b_play.gif) no-repeat}
.banner_zone .inner .btn a.list { width:15px; background:url(/images/sch/web/kgusan-p/main/btn_b_list.gif) no-repeat}
.banner_zone .inner ul { margin-left:70px; height:47px; overflow:hidden}
.banner_zone .inner ul li {width:172px; float:left; margin-left:10px;}
.banner_zone .inner ul li a {display:block;width:100%;height:100%; border:1px solid #c8d1db;}
.banner_zone .inner ul li a img {width:100%; height:45px}
 

@media (max-width: 800px) {
	
	#container,
	.main_visual,
	.M_link012_1, 
	.M_link012_4,
	.M_link012_3,
	.M_link012_2, 
	.drawSchedule012,
	.notice012,
	.pop012,
	.gallery012,
	.meal_menu012,
	.meal_menu012 ul.list li,
	.banner_zone,
	.banner_zone .inner {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	#container{ width:100%; padding-top:69px; }
	.main_content {width:95%; margin:0 auto; padding:0 }

	.main_visual, .M_link012_1, .M_link012_4, .M_link012_3, .M_link012_2, .drawSchedule012, .notice012, .pop012, .gallery012, 
	.meal_menu012, .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}

	/* 180713 : 메인비주얼 */
	.main_visual ul li img {width:100%;}
	.main_visual .bx-controls {width:100%; left:2.5%; bottom:10px; margin-left:0; }


	
	/* 팝업존 */
	.pop012 .pop012_img{ left:10%; width:100%;  }
	.pop012 .pop012_img li{width:80%;}
	
	/* 바로가기04 */
	.M_link012_2{ height:auto;  padding:10px 0; }
	.M_link012_2 ul li { width:24.9%;}
	.M_link012_2 ul .link_01{border-bottom:0; border-right: 0;}
	.M_link012_2 ul .link_02{border-bottom:0; border-right:0;}
	.M_link012_2 ul .link_03{border-right:0;}

	/* 배너존 */
	.banner_zone .inner {width:95%;}
	.banner_zone .inner ul li {width:30%; float:left; margin-left:3%;}
	.banner_zone ul li a img {width:100%}

}


@media (max-width: 640px) {

	/* 행사일정 */
	.drawSchedule012 .date_view {left:50%; }

	/* 바로가기04 */
	.M_link012_2 ul li a span{ font-size:12px;}

	/* 배너존 */
	.banner_zone .inner ul li {width:48%; float:left; margin-left:2%;}
	
}


@media (max-width: 380px) {	

	/* 배너존 */
	.banner_zone .inner ul li {width:100%; float:left; margin-left:0;}

}