@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 .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: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/kyungwon-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/sch/web/kyungwon-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 #1e665b; box-sizing:border-box; border-radius:9px;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#1e665b;}/* 비주얼 버튼 색상 */

/* 공지사항 *//*180905*/
.notice036 { position:relative; height:100%; background:#fff;}  
.notice036 h2 { font-size:18px; font-family:"NotoM";}
.notice036 h2 a{position:absolute; top:30px;  color:#444; }
.notice036 h2.tit_1 a{ left:25px; }
.notice036 h2.tit_2 a{ left:120px;}
.notice036 h2.tit_3 a{ left:200px; }
.notice036 h2 a.current{height:30px; color:#313131; border-bottom:2px solid #508cbd; }
.notice036 .list_box.on {display:block; }
.notice036 .list_box {display:none; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice036 .top_list  {position:absolute; top:86px; left:10px; width:28%; line-height:30px; font-size:15px; color:#fff; font-family:'NotoR'; text-align:center;}
.notice036 .top_list p.img {position:absolute; left:23px; top:25px;}
.notice036 .top_list p.img img { width:88px; height:88px; }
.notice036 .list_box ul.ul_list {position:relative; width:73%; height:150px; padding:70px 26px 8px 0; float:right; overflow-y:hidden;}
.notice036 .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;}
.notice036 .list_box ul.ul_list li:last-child {border:none;}
.notice036 .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/sch/web/kyungwon-m/main/036_noti_dot01.png") no-repeat 2px 14px;}
.notice036 .list_box ul.ul_list li a:hover {text-decoration:underline;}
.notice036 .list_box ul.ul_list li span.date {display:block; width:20%; float:right; text-align:right; }
.notice036 .btn_more { position:absolute; right:25px; top:25px; width:30px; height:30px; margin-left:-15px; text-indent:-9999em; line-height:0; font-size:0; background:url("/images/sch/web/kyungwon-m/main/036_btn_more01.png") no-repeat center;}

/* 학교앨범 */
.gallery036{ position:relative; width:100%; height:100%; background: #3c948b; float:left; }
.gallery036 h2{ height:22px; font-size:18px; font-family:"NotoM"; color:#fff; margin-bottom:9px; padding:24px 0 5px 25px;}
.gallery036 .gall_info {display:none;}
.gallery036 .gall_list {margin-top:20px;  padding:0 25px 28px; overflow:hidden;}
.gallery036 .gall_list li {width:46.9%; margin-left:6%; float:left;}
.gallery036 .gall_list li:first-child {margin-left:0;}
.gallery036 .gall_list li a {display:block;}
.gallery036 .gall_list li .img img {width:100%; height:124px;}
.gallery036 .gall_list li span {display:block; text-align:center; font-family:"NotoR"; font-size:13px; color:#fff;}
.gallery036 .gall_list li span.txt {margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery036 .gall_list li span.date {display:none;}
.gallery036 .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/sch/web/kyungwon-m/main/036_btn_more02.png") no-repeat center;}

/* 학교둘러보기 */
.gallery036_2 { position:relative; width:100%; height:100%; background:#ecd06f; float:left;}  
.gallery036_2 h2 { height:22px; font-size:18px; font-family:"NotoM"; color:#31302e; margin-bottom:9px; padding:24px 0 5px 25px;}
.gallery036_2 .gall_info {display:none;}
.gallery036_2 .gall_list {margin-top:20px;  padding:0 25px 28px; overflow:hidden;}
.gallery036_2 .gall_list li {width:100%;}
.gallery036_2 .gall_list li:first-child {margin-left:0;}
.gallery036_2 .gall_list li a {display:block;}
.gallery036_2 .gall_list li .img img {width:100%; height:124px;}
.gallery036_2 .gall_list li span {display:block; text-align:center; font-family:"NotoR"; font-size:13px; color:#222; }
.gallery036_2 .gall_list li span.txt {margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery036_2 .gall_list li span.date {display:none;}

.gallery036_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/sch/web/kyungwon-m/main/036_btn_more01.png") no-repeat center;}


/* 학사일정 */
.drawSchedule036 { position:relative; height:216px; background: #8a6bb2;}
.drawSchedule036 h2 { height:22px; font-size:18px; font-family:"NotoM"; color:#fff; margin-bottom:26px; padding:24px 0 5px 25px;}
.drawSchedule036 .sch_info {display:none;}
.drawSchedule036 .date_view {position:absolute; top:80px; left:18px; width:28%; line-height:30px; font-size:15px; color:#fff; font-family:'NotoR'; text-align:center;}
.drawSchedule036 .date_view .year {display:block; color:#fff; font-size:16px; font-family:'NotoR';}
.drawSchedule036 .date_view .month {display:block; height:63px; line-height:63px; color:#fff; font-size:30px; font-family:'NotoR'; font-weight:bold; background:url(/images/sch/web/kyungwon-m/main/036_sch_m_bg.png) no-repeat center;}
.drawSchedule036 .date_view .ym_dot {display:none;}
.drawSchedule036 .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/sch/web/kyungwon-m/main/036_sche_pre.png) no-repeat center;}
.drawSchedule036 .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/sch/web/kyungwon-m/main/036_sche_next.png) no-repeat center;}
.drawSchedule036 .sch_list {position:relative; width:55%; height:100px;  margin:0 25px 25px 0; padding:10px;  float:right; overflow-y:auto;background:#755b97; }/*180905*/
.drawSchedule036 .sch_list ul {padding-right:25px;}
.drawSchedule036 .sch_list ul li {position:relative; padding-left:5px; line-height:24px; font-size:12px; background:url("/images/sch/web/kyungwon-m/main/036_sche_dot01.png") no-repeat 2px 11px;}
.drawSchedule036 .sch_list li a {display:block; padding-left:50px; color:#fff; font-family:"NotoR"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.drawSchedule036 .sch_list li a span {position:absolute; left:12px; top:0; color:#fff; font-weight:bold;}
.drawSchedule036 .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/sch/web/kyungwon-m/main/036_btn_more02.png) no-repeat center;}

/* 팝업존 *//*180905*/
.pop036 {  position:relative; height:100%;  background: #d1d8e4; }
.pop036 h2{ font-size:18px; font-family:"NotoM"; padding:16px 0 14px 25px; color:#1d1d1d; }
.pop036 .nss_pg {position:absolute; top:18px; right:50px;}
.pop036 .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; } 
.pop036 .nss_pg span strong{ color:#f26522;}
.pop036 .nss_pg a{ display:block; width:20px; height:20px; float:left; margin-right:3px; font-size:0; text-indent:-10000em; }
.pop036 .nss_pg a.pre{ background:url(/images/sch/web/kyungwon-m/main/036_btn_prev.png) no-repeat; }
.pop036 .nss_pg a.stop{ background:url(/images/sch/web/kyungwon-m/main/036_btn_stop.png) no-repeat; }
.pop036 .nss_pg a.play{ background:url(/images/sch/web/kyungwon-m/main/036_btn_play.png) no-repeat; }
.pop036 .nss_pg a.next{ background:url(/images/sch/web/kyungwon-m/main/036_btn_next.png) no-repeat; }
.pop036 .pop_img{ position:relative; margin:0 auto; padding-bottom:19px;}
.pop036 .pop_img li{ /*display:none;*/ width:235px; height:145px; margin:0 auto; margin-bottom: 50px;}
.pop036 .pop_img li img{ width:100%; height:145px;}
.pop036 .pop_img li.on{ display:block}
/* 180713 : 팝업리스트 레이어 추가 */
.pop036 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/sch/web/kyungwon-m/main/036_btn_list.png') no-repeat; }
.pop036 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop036 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop036 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop036 .pop_layer_box .pop_layer ul {height:120px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}/*180905*/
.pop036 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop036 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop036 .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_menu036 { position:relative; height:250px; background:#508cbd; }
.meal_menu036 h2 {font-size:18px; font-family:"NotoM"; padding:30px 0 14px 25px; color:#fff; }
.meal_menu036 .meal_info  { display:none; padding:15px 4% 0 4%; line-height:24px; font-size:16px; font-family:"NotoM"; }
.meal_menu036 p.kcal{ display:none;margin:25px 4% 0 8%; line-height:15px; text-align:left; font-size:15px; color:#fff; font-family:"NotoM"; }
.meal_menu036 .meal_list {height:100px; margin:15px 43% 0 6%; padding-top:10px; font-family:"NotoR"; font-size:13px; color:#fff; text-align:left; line-height:18px; overflow-y:auto; }
.meal_menu036 .imgBg {position:absolute; top:65px; right:7%; z-index:1}
.meal_menu036 .imgBg img { width:149px; height:135px; }
.meal_menu036 .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/sch/web/kyungwon-m/main/036_btn_more02.png) no-repeat center;}


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

/* 배너존 */
.banner_zone{ position:relative; background:#e5837a ;}
.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/sch/web/kyungwon-m/main/btn_b_prev.gif) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/sch/web/kyungwon-m/main/btn_b_stop.gif) no-repeat}
.banner_zone .btn a.play{ background:url(/images/sch/web/kyungwon-m/main/btn_b_play.gif) no-repeat}
.banner_zone .btn a.next{ background:url(/images/sch/web/kyungwon-m/main/btn_b_next.gif) no-repeat}
.banner_zone .btn a.list{ width:15px; background:url(/images/sch/web/kyungwon-m/main/btn_b_list.gif) no-repeat;  }
.banner_zone ul{width:200px; height:45px; margin:42px 0 0 170px; *padding-top:35px; overflow:hidden}
.banner_zone ul li{ width:100%; float:left; margin-left:10px; margin-bottom: 20px;}
.banner_zone ul li a img{ width:170px; height:45px}



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

	.main_visual, .pop, .notice036, .notice036 h2 a,
	.drawSchedule036, .gallery036, .gallery036_2, .M_link036,
	.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_link036,
	.notice036, .meal_menu036, .drawSchedule036, .piece_news, .gallery036, .gallery036_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}
	/* 180713 : 메인비주얼 */
	.main_visual ul li img {width:100%;}
	.main_visual .bx-controls {width:100%; left:2.5%; bottom:10px; margin-left:0; }
	
	/* 학교앨범 */
	.gallery036{width:100%;}
	
	/* 학교둘러보기 */
	.gallery036_2 {width:100%;}
	
	/* 학사일정 */
	.drawSchedule036 {width:100%;}
	.drawSchedule036 .date_view {left:14px;}
	

	/* 오늘의 식단 */
	.meal_menu036 {height:248px;} 
	.meal_menu036 .imgBg img {float:right; width:55%; height:auto; }
	
	
	/* 바로가기 1 */
	.M_link036 ul li a span{margin-left: 64px; }
	.M_link036 ul li img {left:33px;}
	


	
	/* 배너존 */
	.banner_zone{ width:100%; float:left; }
	.banner_zone h2{top:42px;}
	.banner_zone .inner{width:100%;}
	.banner_zone .inner .btn {position:absolute; left:20px; top:70px}
	.banner_zone ul{ margin-left:95px; }
	.banner_zone ul li{width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px); }
	.banner_zone ul li a img{ width:100%}

}

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

	/* 공지사항 */
	.notice036 .list_box {padding:70px 25px 14px;}
	.notice036 .top_list {display:none;}
	.notice036 .list_box ul.ul_list {width:100%; height:auto; padding:0; float:right}
	
	/* 배너존 */
	.banner_zone ul li{width:-webkit-calc(48% - 10px); width:-moz-calc(48% - 10px); width:calc(48% - 10px);}
	
}

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

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

	/* 오늘의 식단 */
	.meal_menu036 .imgBg img {float:none; width:149px; height:135px; }

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


	/* 배너존 */
	.banner_zone ul li{ width:-webkit-calc(50% - 33px); width:-moz-calc(50% - 33px); width:calc(50% - 33px);}

}

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

	/* 공지사항 */
	.notice036 .list_box ul.ul_list li a { width:55%;}
	.notice036 .list_box ul.ul_list li span.date {width:30%;}

	/* 오늘의 식단 */
	.meal_menu036 .meal_list { margin:15px 50% 0 3%; }
	.meal_menu036 .imgBg { right:4%;}

	/* 바로가기 1 */
	.M_link036 ul li a span{  margin-left: 70px; }
	.M_link036 ul li img { left:50px; margin-left:-35px;  }
	
	/* 배너존 */
	.banner_zone ul li{ width:-webkit-calc(100% - 33px); width:-moz-calc(100% - 33px); width:calc(100% - 33px);}

}