﻿@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: 460px;height:26px;left: 20px;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/jesan-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/jesan-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;}/* 비주얼 버튼 색상 */

/* 공지사항 01 */
.notice018 {position:relative;height:99.5%;overflow:hidden;background: #ddf5ff;border-bottom:1px dashed #a6a6a6;}
.notice018 h2 {font-size:15px; font-family:'NotoR'; }
.notice018 h2 a {position:absolute; top:20px; display:block; text-align:center; color:#444; background:url(/images/sch/web/jesan-p/main/018_notice_dot.gif) no-repeat left 50%; padding:0 10px;}
.notice018 h2 a:hover {text-decoration:underline;}
.notice018 h2.tit_1 a {left:20px;  background:none; padding-left:0;}
.notice018 h2.tit_2 a {left:90px; }
.notice018 h2.tit_3 a {left:172px; }
.notice018 h2 a.current {color:#0078c5; font-family:'NotoR';}
.notice018 .list_box.on {display:block; }
.notice018 .list_box {display:none; padding:47px 20px 0 20px; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice018 .list_box li {position:relative; font-family:'돋움',Dotum; line-height:30px; font-size:12px; overflow:hidden; letter-spacing:-0.1em; }
.notice018 .list_box li a {display:block; padding-left:8px; color:#6c6c6c; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/sch/web/jesan-p/main/018_notice_dot.gif") no-repeat 0 50%;}
.notice018 .list_box li a:hover {text-decoration:underline;}
.notice018 .list_box li span.date {display:none; }
.notice018 .btn_more {position:absolute; right:20px; top:20px; width:16px; height:16px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/jesan-p/main/018_btn_more.png) no-repeat center;}

/* 학사일정 */
.drawSchedule018 {position:relative;height:100%;overflow:hidden;background: #448ccb;}
.drawSchedule018 h2 {font-size:17px; font-family:"NotoR"; color:#fff; padding:20px 0 0 20px;}
.drawSchedule018 .date_view {position:relative;font-size:15px;color: #fff;font-family:'NotoR';text-align:center;width:100%;background: #56b0ff;line-height:20px;margin:5px 0;}
.drawSchedule018 .date_view .pre {position:absolute; left:40px; top:2px; width:10px; height:18px; margin-right:60px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/jesan-p/main/018_sche_pre.png') no-repeat center;}
.drawSchedule018 .date_view .next {position:absolute; right:40px; top:2px; width:10px; height:18px; margin-left:60px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/jesan-p/main/018_sche_next.png') no-repeat center;}
.drawSchedule018 .inner {font-size:12px;width:85%; margin:0 auto;}
.drawSchedule018 .inner th {width:12%; height:13px; color:#fff;}
.drawSchedule018 .inner td {height:16px; line-height:13px; text-align:center; color:#000;}
.drawSchedule018 .inner th.sun {color: #fa97a8;}
.drawSchedule018 .inner td.sun {color:#f02f50;}
.drawSchedule018 .inner th.sat {color:#0060b4;}
.drawSchedule018 .inner td.sat {color:#0060b4;}
.drawSchedule018 .inner tbody {border-radius:20px; background:#fff;}
.drawSchedule018 .inner td a.check {display:block;line-height:16px;color: #56b0ff;font-weight:bold;background:url('/images/sch/web/jesan-p/main/018_schd_check.png') no-repeat center; background-size:16px}
.drawSchedule018 .inner td a.today {display:block; line-height:16px; color:#fff; font-weight:bold; background:url('/images/sch/web/jesan-p/main/018_schd_today.png') no-repeat center; background-size:16px}
.drawSchedule018 .btn_more {position:absolute; right:20px; top:20px; width:16px; height:16px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/jesan-p/main/018_btn_more2.png') no-repeat center;}

/* 공지사항 02 */
.notice018_2 {position:relative;height:100%;overflow:hidden;background: #ddf5ff;}
.notice018_2 h2 {font-size:15px; font-family:'NotoR'; }
.notice018_2 h2 a {position:absolute; top:20px; display:block; text-align:center; color:#444; background:url(/images/sch/web/jesan-p/main/018_notice_dot.gif) no-repeat left 50%; padding:0 10px;}
.notice018_2 h2  a:hover {text-decoration:underline;}
.notice018_2 h2.tit_1 a {left:20px; background:none; padding-left:0;}
.notice018_2 h2.tit_2 a {left:85px; }
.notice018_2 h2.tit_3 a {left:172px; }
.notice018_2 h2 a.current {color:#0078c5; font-family:'NotoR';}
.notice018_2 .list_box.on {display:block;}
.notice018_2 .list_box {display:none; padding:47px 20px 0 20px; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice018_2 .list_box li {position:relative; font-family:'돋움',Dotum; line-height:30px; font-size:12px; overflow:hidden; letter-spacing:-0.1em; }
.notice018_2 .list_box li a {display:block; padding-left:8px; color:#6c6c6c; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/sch/web/jesan-p/main/018_notice_dot.gif") no-repeat 0 50%;}
.notice018_2 .list_box li a:hover {text-decoration:underline;}
.notice018_2 .list_box li span.date {display:none; }
.notice018_2 .btn_more {position:absolute; right:20px; top:20px; width:16px; height:16px;  text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/jesan-p/main/018_btn_more.png) no-repeat center;}

/* 포토앨범 */
.gallery018 {position:relative;height:100%;background: #f06f85;overflow:hidden;}  
.gallery018 h2 {font-size:17px; font-family:"NotoR"; color:#fff; padding:20px 0 10px 20px;}
.gallery018 .gall_info {display:none;}
.gallery018 .gall_list li {width:220px; margin:0 auto;}
.gallery018 .gall_list li a {display:block;}
.gallery018 .gall_list li .img img {width:100%; height:115px;  border-radius:10px;}
.gallery018 .gall_list li span {display:block; text-align:center; font-family:'돋움',Dotum; font-size:12px; color:#222;}
.gallery018 .gall_list li span.txt {margin-top:10px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery018 .gall_list li span.txt:hover {text-decoration:underline;}
.gallery018 .gall_list li span.date {display:none;}
.gallery018 .btn_more{position:absolute; right:20px; top:21px; width:16px; height:16px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/jesan-p/main/018_btn_more2.png') no-repeat center;}

/* 팝업존 */
.pop018 {position:relative;height:100%;background: #ffce17;}
.pop018 h2 {font-size:16px;  font-family:"NotoR"; color:#fff; padding:20px 0 10px 20px;}
.pop018 .nss_pg {position:absolute;top:17px;right: 45px;}
.pop018 .nss_pg span {position:absolute; top:0; right:80px; width:45px; text-align:right; line-height:24px; height:24px; font-family:'돋움',Dotum; color:#fff; font-size:12px; display:inline-block;} 
.pop018 .nss_pg span strong {color: #004b8c;}
.pop018 .nss_pg a {display:block; float:left; font-size:0; text-indent:-10000em; width:24px; height:25px;}
.pop018 .nss_pg a.pre {background:url('/images/sch/web/jesan-p/main/018_btn_prev.png') no-repeat; }
.pop018 .nss_pg a.stop {background:url('/images/sch/web/jesan-p/main/018_btn_stop.png') no-repeat; }
.pop018 .nss_pg a.next {background:url('/images/sch/web/jesan-p/main/018_btn_next.png') no-repeat; }
.pop018 .nss_pg a.play {background:url('/images/sch/web/jesan-p/main/018_btn_play.png') no-repeat; }
.pop018 .pop_img {position:relative; padding:0 10px; background:url('/images/sch/web/jesan-p/main/pattern1.png') repeat;}
.pop018 .pop_img li {/*display:none;*/ width:100%; height:145px; margin-bottom: 50px;}
.pop018 .pop_img li img {width:100%; height:145px; border-radius:10px;}
.pop018 .pop_img li.on {display:block}

/* 180713 : 팝업리스트 레이어 추가 */
.pop018 a.list {position:absolute;top: 17px;right: 21px;display:block;float:left;font-size:0;text-indent:-10000em;width: 24px;height: 25px;background:url('/images/sch/web/jesan-p/main/018_btn_list.png') no-repeat;}
.pop018 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop018 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop018 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop018 .pop_layer_box .pop_layer ul {height:120px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop018 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop018 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop018 .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_menu018 {position:relative;height:100%;overflow:hidden;background: #00b39b;}
.meal_menu018 h2{font-size:17px; font-family:"NotoR"; color:#fff; margin:20px 0 17px 20px;}
.meal_menu018 .meal_list{ float:left; width:58%; height:90px; font-family:'Dotum', '돋움'; font-size:12px; color:#fff; text-align:left; line-height:18px; overflow-y:auto;}
.meal_menu018 .img{width:30%;  margin: 0 4%; float:left;}
.meal_menu018 .img img {width:77px; height:88px;}
.meal_menu018 ul li:after{content:"."; display:inline-block;}
.meal_menu018 .btn_more {position:absolute; top:20px; right:20px; width:16px; height:16px; text-indent:-10000px; background:url(/images/sch/web/jesan-p/main/btn_more01.png) no-repeat 0 0; z-index:10}

/* 방문자수 */
.visitant018 {position:relative;height:100%;font-family:'NotoR';background: #3fa8df;overflow:hidden;}
.visitant018 h2 {text-indent:-10000em; font-size:0;}
.visitant018 ul {overflow:hidden;}
.visitant018 ul li {width:49%; float:left; line-height:40px; text-align:center; font-size:12px; color:#fff;}
.visitant018 ul li.total {border-left:1px solid #eee;}
.visitant018 ul li strong {margin-right:5px; font-weight:normal; font-family:'NotoM'; font-size:13px; }
.visitant018 ul li.today strong {padding-left:5px;color: #004b8c;}
.visitant018 ul li.total strong {padding-left:5px;color: #004b8c;}
.visitant018 ul li img {width:19px; height:18px; vertical-align:middle; line-height:0;}

/* 배너존 */
.banner_zone {position:relative; width:100%; margin-top:20px; border:1px solid #c3c6d4; background:#fff;}
.banner_zone .inner {position:relative; width:980px; height:70px; margin:0 auto; overflow:hidden;}
.banner_zone .inner h2  {font-size:15px; font-family:"NotoR"; color:#1d1d1d; position:absolute; top:15px; left:30px;}
.banner_zone .inner .btn {position:absolute; left:30px; top:40px}
.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/jesan-p/main/btn_b_prev.gif) no-repeat}
.banner_zone .inner .btn a.stop {background:url(/images/sch/web/jesan-p/main/btn_b_stop.gif) no-repeat}
.banner_zone .inner .btn a.next {background:url(/images/sch/web/jesan-p/main/btn_b_next.gif) no-repeat}
.banner_zone .inner .btn a.play {background:url(/images/sch/web/jesan-p/main/btn_b_play.gif) no-repeat}
.banner_zone .inner .btn a.list {background:url(/images/sch/web/jesan-p/main/btn_b_list.gif) no-repeat}
.banner_zone .inner ul {padding-top:12px; margin-left:100px; height:47px; overflow:hidden}
.banner_zone .inner ul li {width:160px; float:right; margin-right:10px; float: left;}
.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_content,
	.banner_zone,
	.drawSchedule018, .drawSchedule018 h2, .drawSchedule018 .inner, .drawSchedule018 .sch_list, .notice018, .notice018_2, .notice018 h2 a, .gallery018, .meal_menu018,.pop018 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
		
	.main_visual, .drawSchedule018, .notice018, .gallery018, .meal_menu018, .pop018, .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%; height:400px;}
	.main_visual .bx-controls {width:100%; left:2.5%; bottom:10px; margin-left:0; }



	/* 공지사항 01 */
	.notice018 {position:relative;height:100%;border-bottom:  0;}

	/* 배너존 */
	.banner_zone .inner {width:95%; }
	.banner_zone .inner h2  {left:0;}
	.banner_zone .inner .btn {left:0;}
	.banner_zone .inner ul li {width:30%; float:left; margin-left:1%;}
	.banner_zone ul li a img {width:100%}	

}

@media (max-width: 690px) {	

		
}

@media (max-width: 560px) {	
	
	
	
	#container { width:100%; padding-top:50px;}
	.main_visual p{height:400px;}
	.main_visual img{height:100%;}

	/* 배너존 */
	.banner_zone .inner ul li {width:48%; float:left; margin-left:2%; margin-right:0;}
		
}

@media (max-width: 480px) {		
	
	.main_content { width:95%; height:100%; margin-top:20px;}

}

@media (max-width: 380px) {
	
	/* 배너존 */
	.banner_zone .inner ul li {width:100%; float:left; margin-left:0; }
			
}
