@charset "utf-8";

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

/* 180713 : 메인비주얼 */
.main_visual {position:relative; width:100%; background:#90c5dc;}
.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/gr-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/gr-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;}/* 비주얼 버튼 색상 */


/* 바로가기01 */
.M_link030 {position:relative; height:100%; font-family:"NotoM"; overflow:hidden; border:1px solid #e3d0bf; border-radius:5px;}
.M_link030 ul { padding:17px 0 0;}
.M_link030 ul li {position:relative; width:24%; float:left;}
.M_link030 ul li img {position:absolute; top:0; left:46%; margin:0 0 0 -65px; text-align:center; width:54px; height:54px; } /* 170713 */
.M_link030 ul li a {display:block; padding:18px 0 0 106px; line-height:20px; color:#3e3e3e; font-size:14px; text-align:center; letter-spacing:-1px;}
.M_link030 ul li a:hover, .M_link030 ul li a:focus {text-decoration:underline;}

/* 학사일정 */
.drawSchedule030{ position:relative; height:100%; border:1px solid #a9ccec; background:#e4f0fc; border-radius:5px;}
.drawSchedule030 h2{font-size:16px; margin:15px 15px 5px 15px; padding-bottom:10px; border-bottom:1px dashed #a9ccec; }
.drawSchedule030 .date_view{ position:relative; width:100%; font-family:'돋움',Dotum; font-size:14px; margin:7px 0 7px; text-align:center;}
.drawSchedule030 .date_view a{ position:absolute; width:13px; height:16px; display:block; font-size:0; line-height:0;margin:0 6px 0;}
.drawSchedule030 .date_view span {color:#f64885;font-family:'돋움',Dotum; font-weight:bold;}
.drawSchedule030 .date_view a.pre{ left:45px; top:1px; background:url(/images/sch/web/gr-m/main/030_btn_c_prev.png) no-repeat;}
.drawSchedule030 .date_view a.next{ right:45px; top:1px; background:url(/images/sch/web/gr-m/main/030_btn_c_next.png) no-repeat;}
.drawSchedule030 .inner{ width:90%; margin:0 auto; clear:both; }
.drawSchedule030 table{ font-family:'돋움',Dotum}
.drawSchedule030 table thead th{ color:#555; font-size:11px; font-weight:normal; letter-spacing:-1px; line-height:14px}
.drawSchedule030 table tbody td{ height:15px; color:#222; letter-spacing:-1px; font-size:11px; line-height:15px; text-align:center}
.drawSchedule030 table tbody td .check{ display:inline-block; width:15px; height:15px; color:#fff; background:#f5f5f5 url(/images/sch/web/gr-m/main/030_schd_bg.png) no-repeat center center}
.drawSchedule030 table tbody td .today{ display:inline-block; width:15px; height:15px; color:#fff; background:#f5f5f5 url(/images/sch/web/gr-m/main/030_today_bg.png) no-repeat center center}
.drawSchedule030 table .sun{ color:#e06a6d !important; }
.drawSchedule030 table .sat{ color:#528fcc !important; }
.drawSchedule030 .btn_more{ position:absolute; top:20px; right:20px; width:12px; height:12px; background:url('/images/sch/web/gr-m/main/030_btn_more2.png') no-repeat 0 0;  text-indent:-10000px; z-index:10 }

/* 공지사항 */
.notice030 { position:relative; height:100%; overflow:hidden;}  
.notice030 h2 { font-size:16px; font-family:'NotoM'; letter-spacing:-1px;}
.notice030 h2 a{ position:absolute; top:0; width:100px; height:41px; display:block; text-align:center; color:#444;  line-height:41px; background:url(/images/sch/web/gr-m/main/030_noti_off.png) no-repeat 50% 50%;}
.notice030 h2.tit_1 a{ left:0; }
.notice030 h2.tit_2 a {left:105px;}
.notice030 h2.tit_3 a {left:210px;}
.notice030 h2 a.current{color:#333; background:url(/images/sch/web/gr-m/main/030_noti_on.png) no-repeat 50% 50%;}
.notice030 .list_box.on{ display:block; }
.notice030 .list_box{ display:none; height:160px; padding:40px 0 0; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice030 .list_box ul { border-top:1px solid #d2d2d2;  padding-top:20px; }
.notice030 .list_box li{ position:relative; font-family:'돋움',Dotum; line-height:24px; font-size:12px; overflow:hidden;  vertical-align:middle;}
.notice030 .list_box li a {  width:70%; padding-left:8px; float:left; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#444; background:url("/images/sch/web/gr-m/main/030_notice_dot.png") no-repeat 0 9px;}
.notice030 .list_box li a:hover{ text-decoration:underline;}
.notice030 .list_box li span.date {width:25%; display:block;  float:right; text-align:right; }
.notice030 .btn_more{ position:absolute; top:10px; right:0; width:24px; height:24px; background:url('/images/sch/web/gr-m/main/030_btn_more.png') no-repeat 0 0; text-indent:-10000px; z-index:10 }

/* 오늘의 식단 */
.meal_menu030 {position:relative; height:100%; border:1px solid #95e0c2; border-radius:5px;}
.meal_menu030 h2{font-size:16px; font-family:"NotoM"; color:#313131; line-height:40px; letter-spacing:-1px; border-bottom:1px dashed #95e0c2; margin:0 15px}
.meal_menu030 .meal_date{padding: 5px 15px; font-size:13px; font-family:"NotoR";}
.meal_menu030 .meal_list { position:relative; height:115px; padding:8px 73px 0 15px; font-family:'Dotum', '돋움'; font-size:12px; color:#484848; text-align:left; line-height:20px; z-index:2 }
.meal_menu030 .imgBg {position:absolute; bottom:15px; right:15px; z-index:1}
.meal_menu030 .imgBg img {width:73px; height:65px;}
.meal_menu030 .btn_more{ position:absolute; top:15px; right:15px; width:12px; height:12px; background:url('/images/sch/web/gr-m/main/030_btn_more2.png') no-repeat 0 0;  text-indent:-10000px; z-index:10 }

/* 팝업존 */
.pop030{position:relative; height:200px; overflow:hidden;}
.pop030 h2{ height:22px;  font-size:16px; margin-bottom:9px; font-family:"NotoM"; color:#313131;}
.pop030 .nss_pg{ position:absolute; top:0; right:25px; }
.pop030 .nss_pg > span{ position:absolute; right:73px; width:50px; font-family:'돋움',Dotum; line-height:22px; color:#666; font-size:12px;  display:inline-block; text-align:right}/* 20161122 수정 */
.pop030 .nss_pg > span strong{ color:#0588be}
.pop030 .nss_pg a{  position:absolute; width:20px; height:20px; display:block; font-size:0; text-indent:-10000em; }
.pop030 .nss_pg a.pre{ background:url(/images/sch/web/gr-m/main/030_btn_prev.png) no-repeat; right:44px}/* 20161122 수정 */
.pop030 .nss_pg a.stop{ background:url(/images/sch/web/gr-m/main/030_btn_stop.png) no-repeat; right:22px}/* 20161122 수정 */
.pop030 .nss_pg a.play{ background:url(/images/sch/web/gr-m/main/030_btn_play.png) no-repeat; right:22px}/* 20161122 수정 */
.pop030 .nss_pg a.next{ background:url(/images/sch/web/gr-m/main/030_btn_next.png) no-repeat; right:0px;}/* 20161122 수정 */
.pop030 .nss_pg a.list{ background:url(/images/sch/web/gr-m/main/030_btn_list.png) no-repeat; right:0px;}
.pop030 .pop_img{width:100%; height:150px;}
.pop030 .pop_img li{ /*display:none;*/ padding-bottom:25px;height:145px; }
.pop030 .pop_img li img{ position:absolute; width:100%; height:150px; line-height:0; margin-bottom: 50px;}
.pop030 .pop_img li.on{ display:block}

/* 180713 : 팝업리스트 레이어 추가 */
.pop030 a.list {position:absolute; top:0; right:0; display:block; float:left; font-size:0; text-indent:-10000em; width:22px; height:22px; background:url('/images/sch/web/gr-m/main/030_btn_list.png') no-repeat; }
.pop030 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop030 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop030 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop030 .pop_layer_box .pop_layer ul {height:90px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop030 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop030 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop030 .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;}



/* 우리들의 추억 */
.gallery030{position:relative; height:100%;}
.gallery030 h2{ height:22px; font-size:16px;  font-family:"NotoM"; color:#313131; margin-bottom:9px;}
.gallery030 .gall_info {display:none;}
.gallery030 .gall_list{ border:1px solid #ddd; height:132px; overflow:hidden; margin-top:9px; padding:15px 0 0 12px;  border-radius:5px; overflow:hidden;}
.gallery030 .gall_list li{ width:30%; float:left;  margin-left:4%;}
.gallery030 .gall_list li:first-child{ margin-left:0}
.gallery030 .gall_list li a{ display:block; color:#424242; font-size:12px; font-family:'돋움',Dotum;}
.gallery030 .gall_list li a:hover{ text-decoration:underline}
.gallery030 .gall_list li a .img img{ width:100%; height:90px}
.gallery030 .gall_list li span {display:block; text-align:center; font-family:'돋움',Dotum; font-size:12px; color:#222;}
.gallery030 .gall_list li a span.txt{ margin-top:15px; line-height:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery030 .gall_list li span.date {display:none;}
.gallery030 .btn_more{ position:absolute; top:0; right:0; width:24px; height:24px; background:url('/images/sch/web/gr-m/main/030_btn_more.png') no-repeat 0 0;  text-indent:-10000px; z-index:10 }

/* 생일을 축하합니다 */
.birthday030 {position:relative;  height:100%; }  
.birthday030 h2 { height:22px; font-size:16px;  font-family:'NotoM'; color:#313131; line-height:30px;  margin-bottom:9px; letter-spacing:-1px; }
.birthday030 .birt_list {width:230px; height:128px;  border:1px solid #f0b897; border-radius:5px; padding:10px; overflow:hidden; background:#fde9de; }/*181015 수정*/.birthday030 .birt_list p { width:100%; height:90px; margin:0 auto; font-family:'Dotum', '돋움'; font-size:12px; color:#484848; text-align:left; line-height:25px; overflow-y:auto; }
.birthday030 .birt_list p { float:left; width:55%; height:120px; padding-right:5%; margin:0 auto; font-family:"NotoR"; font-size:12px; color:#484848; text-align:left; line-height:17px; overflow-y:auto; word-break:break-all; }/*181015 수정*/
.birthday030 .birt_list .imgBg img {width:119px; max-height:128px;}/*181015 수정*/
.birthday030 .birt_list .imgBg {position:absolute; bottom:0; right:0; z-index:1}

/* 배너존 */
.banner_zone{position:relative; width:100%; border-top:1px solid #ddd; padding:10px 0px 10px 0px;  overflow:hidden; height:45px; float:none;}
.banner_zone .inner{ position:relative; width:980px; margin:0 auto; overflow:hidden}
.banner_zone h2{ position:absolute; top:2px; left:0; font-size:15px; font-family:"NotoM"; color:#1d1d1d; }
.banner_zone .btn{ position:absolute; left:0; top:26px}
.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/gr-m/main/btn_b_prev.gif) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/sch/web/gr-m/main/btn_b_stop.gif) no-repeat}
.banner_zone .btn a.play{ background:url(/images/sch/web/gr-m/main/btn_b_play.gif) no-repeat}
.banner_zone .btn a.next{ background:url(/images/sch/web/gr-m/main/btn_b_next.gif) no-repeat}
.banner_zone .btn a.list{ background:url(/images/sch/web/gr-m/main/btn_b_list.gif) no-repeat; width:15px; }
.banner_zone ul{ padding-top:0; margin-left:80px; height:45px; overflow:hidden}
.banner_zone ul li{ float:left; margin-left:10px;}
.banner_zone ul li a img{ width:170px; height:45px}
 
@media (max-width: 800px) {
	
	#container,
	.main_content,
	.drawSchedule030,
	.meal_menu030
	.gallery030 .gall_list,
	.birthday030 .birt_list,
	.banner_zone,
	.M_link030 ul li{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	#container { width:100%; padding-top:68px;}
	.main_content { width:95%; margin:0 auto 0; height:100%; }
		
	.main_visual_wrap, .M_link030, .M_link02, .drawSchedule030, .notice030, .meal_menu030, .pop030, .gallery030, .birthday030, .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_tablet030 {display:block; border-radius:10px; border: 1px solid #a2bccf; background:#fff;  line-height:40px;   overflow:hidden;}
	.ann_tablet030 h2 {width:15%; text-indent:-9999px; font-size:0;}
	.ann_tablet030 h2 img { position:absolute; left:10px; top:7px;}
	.ann_tablet030 p {width:70%; margin-left:45px; float:left; font-size:13px;}
	.ann_tablet030 p a {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.ann_tablet030 p a:hover { text-decoration:underline;}
	.ann_tablet030 a.btn_more {position:absolute; top:0; right:15px; width:9px; height:41px; display:block; text-indent:-10000em; font-size:0; background:url('/images/sch/web/gr-m/main/030_btn_more3.png') no-repeat center; overflow:hidden;}
		
	/* 180713 : 메인비주얼 */
	.main_visual ul li img {width:100%;}
	.main_visual .bx-controls {width:95%; left:2.5%; bottom:10px; margin-left:0; }

	/* 바로가기01 190102 수정 */
	.M_link030 ul { padding:0;}
	.M_link030 ul li {width:50%; height:70px; border-top:1px dashed #ddd; border-left:1px dashed #ddd;}
	.M_link030 ul li img {top:10px;}
	.M_link030 ul li a{padding: 25px 0 0 70px;}
	.M_link030 ul li:nth-child(odd){border-left:none;}
	.M_link030 ul li:first-child, .M_link030 ul li:nth-child(2){border-top:none;}
	
		
	/* 배너존 */
	.banner_zone .inner{width:95%;}
	.banner_zone{height:65px;}
	.banner_zone ul li{width:-webkit-calc(33% - 10px); width:-moz-calc(33% - 10px); width:calc(33% - 10px);}
	.banner_zone ul li a img{ width:100%}

}

@media (max-width: 600px) {	
	
	/* 생일을 축하합니다 */
	.birthday030 .birt_list p { width:60%;} /*181015 수정*/
	
	/* 배너존 */
	.banner_zone ul li{ width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px);}

}

@media (max-width: 480px) {
			

}

@media (max-width: 380px) {
	
	/* 공지사항 */  
	.notice030 h2 a{top:0px; width:90px; background-size:100% 41px;}
	.notice030 h2.tit_2 a {left:93px;}
	.notice030 h2.tit_3 a {left:186px;}
	.notice030 h2 a.current{background-size:100% 41px;}
	
	/* 배너존 */
	.banner_zone ul li{ width:-webkit-calc(100% - 10px); width:-moz-calc(100% - 10px); width:calc(100% - 10px);}
}
/* 240708 웹호환성 수정 */