@charset "utf-8";

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

/* 180713 : 메인비주얼 */
.main_visual {position:relative; width:100%; background:#cae7eb url(/images/sch/web/hyundong-p/main/009_m_bg.png) no-repeat 0 bottom; background-size:cover;}
.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/hyundong-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/hyundong-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;}/* 비주얼 버튼 색상 */



/* 학사일정 */
.drawSchedule009 {position:relative; border-radius:10px; border:1px solid #c9c9c9; padding:0 0 10px; overflow:hidden; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06);}
.drawSchedule009 h2 {height:45px;line-height:47px;color:#fff;font-family:'NotoM';font-size:16px;background-color: #e86368;padding:0 0 0 17px;}
.drawSchedule009 .date_view {position:relative;height:30px;text-align:center;line-height:30px;font-size:16px;color: #e86368;font-family:'NotoM';}
.drawSchedule009 .date_view .pre {position:absolute; left:58px; top:7px; width:21px; height:17px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/hyundong-p/main/009_sche_pre.png') no-repeat center;}
.drawSchedule009 .date_view .next {position:absolute; right:58px; top:7px; width:21px; height:17px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/hyundong-p/main/009_sche_next.png') no-repeat center;}
.drawSchedule009 .inner {width:232px;border-radius:3px;height:171px;margin:0 auto;font-size:12px;background: #ffedee;}
.drawSchedule009 .inner th {width:12%;height:26px;color:#7f7f7f;border-bottom: 1px solid #e86368;font-weight:normal;}
.drawSchedule009 .inner td {height:22px; line-height:22px; text-align:center; color:#7e93a6;}
.drawSchedule009 .inner td a.check {display:block; height:22px; color:#fff; font-weight:bold; background:url('/images/sch/web/hyundong-p/main/009_schd_check.png') no-repeat center;}
.drawSchedule009 .inner td a.today {display:block; height:22px; color:#fff; font-weight:bold; background:url('/images/sch/web/hyundong-p/main/009_schd_today.png') no-repeat center;}
.drawSchedule009 .inner .sun { color:#ff8425}
.drawSchedule009 .inner .sat { color:#0072bc}
.drawSchedule009 .btn_more {position:absolute; right:14px; top:15px; width:20px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/hyundong-p/main/009_btn_more.png') no-repeat center;}

/* 식단 */
.meal_menu009 {position:relative;float:left;border-radius:10px;width:100%;background: #5bccf1;overflow:hidden;-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06);box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06);}
.meal_menu009 h2 { width:110px; height:56px; float:left; line-height:56px; padding-left:18px; font-size:16px; color:#fff; font-family:"NotoM";}
.meal_menu009 .meal_list { display:block; float:left; width:540px; height:56px; line-height:56px; font-family:"NotoL"; font-size:13px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.meal_menu009 .btn_more {position:absolute; right:14px; top:18px; width:20px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/hyundong-p/main/009_btn_more2.png') no-repeat center;}

/* 게시판 */
.notice009 {position:relative; height:248px; border-radius:10px; border:1px solid #bdccd6; overflow:hidden; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06);}
.notice009 h2 {position:absolute; top:0; width:30%; font-size:16px; font-family:'NotoR'; text-align:center; line-height:44px; letter-spacing:-1px}
.notice009 h2 a {display:block;color:#333;background-color: #def6fe;border-right:1px solid #abbeca;border-bottom:1px solid #abbeca;}
.notice009 h2.tit_1 {left:0}
.notice009 h2.tit_2 {left:30%; }
.notice009 h2.tit_3 {left:60%;}
.notice009 h2.current a {color:#333; z-index:2; background-color:#fff; border-bottom:1px solid #fff;}
.notice009 .list_box.on {display:block; }
.notice009 .list_box {display:none; padding:50px 19px 0; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice009 .top_list a {position:relative; display:block; padding:15px 0 10px; margin-bottom:10px; color:#444; border-bottom:1px dotted #d2d2d2;}
.notice009 .top_list a dl dt {width:65%; padding-left:8px; color:#444; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url("/images/sch/web/hyundong-p/main/009_noti_dot01.gif") no-repeat left 6px;}
.notice009 .top_list a dl dd {height:48px; margin-top:5px; padding-left:8px; line-height:16px; font-family:'돋움',Dotum; font-size:11px; color:#777; overflow:hidden; }
.notice009 .top_list a dl dd.date {position:absolute; top:10px; right:0;}
.notice009 .list_box ul.ul_list li {position:relative; font-family:'돋움',Dotum; line-height:24px; font-size:12px; overflow:hidden; }
.notice009 .list_box ul.ul_list li a {display:block; width:70%; padding-left:8px; float:left; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/sch/web/hyundong-p/main/009_noti_dot01.gif") no-repeat left 10px;}
.notice009 .list_box ul.ul_list li a:hover {text-decoration:underline;}
.notice009 .list_box ul.ul_list li span.date {display:block; width:25%; float:right; text-align:right; color:#777; }
.notice009 .btn_more {position:absolute; right:0; top:15px; width:10%; height:16px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/hyundong-p/main/009_btn_more3.png') no-repeat center;}

/* 포토앨범 */
.gallery009  {position:relative; border-radius:10px; border:1px solid #bdccd6; overflow:hidden; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06);}
.gallery009 h2  {height:47px;line-height:47px;padding-left:18px;background-color: #448aca;font-size:16px;color:#fff;font-family:"NotoM";}
.gallery009 .gall_info {display:none;}
.gallery009 .gall_list { width:205px; height:175px; margin:13px auto; overflow:hidden; background:#fff;}
.gallery009 .gall_list li {width:100%; margin:0 0 10px 0; float:left;}
.gallery009 .gall_list li a {display:block;}
.gallery009 .gall_list li .img { border:1px solid #b8b8b8; height:138px; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06);}
.gallery009 .gall_list li .img img {width:100%; height:100%}
.gallery009 .gall_list li span.txt {display:block; text-align:center; font-family:"NotoR"; font-size:13px; color:#868686; line-height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.gallery009 .gall_list li span.date {display:none;}
.gallery009 .btn_more {position:absolute; right:14px; top:15px; width:20px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/hyundong-p/main/009_btn_more.png') no-repeat center;}

/* 팝업존 */
.pop009 {position:relative; border-radius:10px; border:1px solid #bdccd6; overflow:hidden; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06);}
.pop009 h2 {height:47px;line-height:47px;padding-left:18px;background-color: #ffa247;font-size:16px;color:#fff;font-family:"NotoM";}
.pop009 .nss_pg {position:absolute;top:1px;right: 34px;}
.pop009 .nss_pg span {position:absolute;top:0;right: 77px;width:45px;text-align:right;line-height:47px;font-family:'돋움',Dotum;color:#fff;font-size:12px;display:inline-block;}
.pop009 .nss_pg span strong {color: #bc4348;}
.pop009 .nss_pg a {display:block; float:left; font-size:0; text-indent:-10000em; width:22px; height:46px; background-repeat:no-repeat; background-position:center center}
.pop009 .nss_pg a.pre { background-image:url('/images/sch/web/hyundong-p/main/009_btn_prev.png'); }
.pop009 .nss_pg a.stop {background-image:url('/images/sch/web/hyundong-p/main/009_btn_stop.png'); }
.pop009 .nss_pg a.next {background-image:url('/images/sch/web/hyundong-p/main/009_btn_next.png'); }
.pop009 .nss_pg a.play {background-image:url('/images/sch/web/hyundong-p/main/009_btn_play.png'); }
.pop009 .pop_img {position:relative; padding:10px; background:#fff; height: 145px; overflow:hidden;}
.pop009 .pop_img li {/* display:none; */ padding-bottom: 20px;width:100%; height:145px; overflow:hidden;}
.pop009 .pop_img li img {width:100%; height:145px; }
.pop009 .pop_img li.on {display:block}

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



/* 바로가기01 */
.M_link009 {position:relative; border-radius:10px; border:1px solid #bdccd6; overflow:hidden; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.06);}
.M_link009 ul {overflow:hidden; padding:23px 12px 23px 13px}
.M_link009 ul li {position:relative; width:16.66%; height:96px; float:left;}
.M_link009 ul li .bg_r { background:url(/images/sch/web/hyundong-p/main/M_link009_bg_r.png) no-repeat; width:5px; height:11px; position:absolute; top:34px; right:0}
.M_link009 ul li .bg_l {background:url(/images/sch/web/hyundong-p/main/M_link009_bg_l.png) no-repeat; width:6px; height:11px; position:absolute; top:34px; left:0}
.M_link009 ul li a {display:block; text-align:center; color:#1c1c1c; font-size:14px; font-family:"NotoR"; letter-spacing:-1px}
.M_link009 ul li img { display:block; margin:0 auto 10px; width:64px;}
.M_link009 ul li a:hover, .M_link009_2 ul li a:focus { color:#1a99aa}

/* 배너존 */
.banner_zone { background:#fff; border-top:1px solid #e5e5e5}
.banner_zone .inner { position:relative; width:980px; margin:0 auto;height:83px;}
.banner_zone .inner h2  {position:absolute; top:20px; left:0; font-size:15px; font-family:"NotoM"; color:#1d1d1d;}
.banner_zone .inner .btn {position:absolute; left:0; top:45px}
.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/hyundong-p/main/btn_b_prev.gif) no-repeat}
.banner_zone .inner .btn a.stop {background:url(/images/sch/web/hyundong-p/main/btn_b_stop.gif) no-repeat}
.banner_zone .inner .btn a.next {background:url(/images/sch/web/hyundong-p/main/btn_b_next.gif) no-repeat}
.banner_zone .inner .btn a.play {background:url(/images/sch/web/hyundong-p/main/btn_b_play.gif) no-repeat}
.banner_zone .inner .btn a.list {background:url(/images/sch/web/hyundong-p/main/btn_b_list.gif) no-repeat}
.banner_zone .inner ul {padding-top:18px; margin:0 0 0 100px; height:47px; overflow:hidden}
.banner_zone .inner ul li {width:172px; float:left; margin-left:4px;}
.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) {
	
	.main_visual, 
	.drawSchedule009, .notice009, .gallery009, .meal_menu009, 
	.M_link0009, .pop009, .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}
	
	.drawSchedule009, .meal_menu009, .meal_menu009 h2, .meal_menu009 .meal_list,
	.gallery009, .pop009, .M_link009  {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

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


	
	

	/* 학사일정 */
	.drawSchedule009 .inner { width:93%}
	
	/* 식단 */
	.meal_menu009 { height:100%}
	.meal_menu009 h2 { width:100%;}
	.meal_menu009 .meal_list { background-color:#35b49f; border-radius:8px; padding:16px; float:none; width:93%; height:73%; margin:0 auto; line-height:24px; white-space:normal;}
	
	
	/* 포토앨범 */
	.gallery009  { height:100%}
	.gallery009 .gall_list { width:93%;}
	
	/* 팝업존 */
	.pop009 { height:100%}
	.pop009 .pop_img {padding:14px}
	.pop009 .pop_img li {height:172px}
	.pop009 .pop_img li img {height:100%;}
	
	/* 바로가기01 */
	.M_link009 ul {padding:3% 2% 4%}
	.M_link009 ul li{height:auto}
	.M_link009 ul li .bg_r {top:50%; margin-top:-10px;}
	.M_link009 ul li .bg_l {top:50%; margin-top:-10px;}
	.M_link009 ul li img { width:50%; height:auto}
	.M_link009 ul li a:hover, .M_link009_2 ul li a:focus { color:#1a99aa}

	/* 배너존 */
	.banner_zone .inner {width:95%}
	.banner_zone .inner ul li {width:calc(25% - 4px);}

}

@media (max-width: 680px) {	

	/* 배너존 */
	.M_link009 ul {padding:3% 2% 4%}
	.banner_zone .inner ul li {width:calc(33.3% - 4px);}
	

}

@media (max-width: 580px) {	

	
	/* 식단 */
	.meal_menu009 h2 { width:120px; float:left}
	.meal_menu009 .meal_list { background:none; padding:0; float:left; width:calc(100% - 170px); height:100%; margin:0; line-height:56px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	
	/* 포토앨범 */
	.gallery009 .gall_list { width:50%;}
	
	/* 팝업존 */
	.pop009 .pop_img li { width:53%; margin:0 auto}
	
	/* 바로가기01 */
	.M_link009 ul {padding:3% 0 0}
	.M_link009 ul li {width:33.33%; margin-bottom:4%}
	.M_link009 ul li img { width:33%}
	.M_link009 ul li:nth-child(3) .bg_r { display:none}
	.M_link009 ul li:nth-child(4) .bg_l { display:none}
	
	

}

@media (max-width: 480px) {		

	/* 포토앨범 */
	.gallery009 .gall_list { width:70%;}
	
	/* 팝업존 */
	.pop009 .pop_img li { width:73%}
	
	/* 바로가기01 */
	.M_link009 ul li .bg_r { display:none}
	.M_link009 ul li .bg_l { display:none}
	
	/* 배너존 */
	.banner_zone .inner ul li {width:calc(50% - 4px);}
	
	


}

@media (max-width: 380px) {
	
	/* 포토앨범 */
	.gallery009 .gall_list { width:92%;}
	
	/* 팝업존 */
	.pop009 .pop_img li { width:100%}
		
	/* 배너존 */
	.banner_zone .inner ul li {width:calc(100% - 4px);}
			
}