﻿@charset "utf-8";


/* 알림장 */
.ann_tablet{display:none;}

/* 180713 : 메인비주얼 */
.main_visual {position:relative; width:100%; height:100%; background:#fff;}
.main_visual ul {position:relative; }
.main_visual ul li {position:relative; text-align:center;}
.main_visual ul li img {height:373px;}
.main_visual .bx-controls {position:absolute; width:715px; height:26px; left:45%; 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/cwoedong-p/com/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/cwoedong-p/com/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;}/* 비주얼 버튼 색상 */


/* 팝업존 */
.pop013 {position:relative; height:100%; overflow:hidden; background-color:#fd8368; border-radius:10px;}
.pop013 h2{font-size:16px; font-family:"NotoM";  color:#fff; margin:20px 0 0 20px}
.pop013 .nss_pg {position:absolute; top:19px; right:35px;}
.pop013 .nss_pg span{ position:absolute; top:0; right:75px; width:45px; text-align:right; line-height:20px; height:20px; font-family:'돋움',Dotum; color:#fff; font-size:12px; display:inline-block;} /* 20161122 수정 */
.pop013 .nss_pg span strong{ color:#ff0;}
.pop013 .nss_pg a{ display:block; float:left; font-size:0; text-indent:-10000em; width:22px; height:22px; margin-left:2px;}
.pop013 .nss_pg a.pre{ background:url(/images/sch/web/cwoedong-p/main/013_btn_prev.png) no-repeat; }
.pop013 .nss_pg a.stop{ background:url(/images/sch/web/cwoedong-p/main/013_btn_stop.png) no-repeat; }
.pop013 .nss_pg a.next{ background:url(/images/sch/web/cwoedong-p/main/013_btn_next.png) no-repeat; }
.pop013 .nss_pg a.more{ background:url(/images/sch/web/cwoedong-p/main/013_btn_more.png) no-repeat; }
.pop013 .pop_img{ position:relative; margin:10px auto 0; }
.pop013 .pop_img li{ /*display:none;*/ width:235px; height:145px; margin:0 auto; margin-bottom: 50px;}
.pop013 .pop_img li img{ width:100%; height:145px; }
.pop013 .pop_img li.on{ display:block}
/* 180713 : 팝업리스트 레이어 추가 */
.pop013 a.list {position:absolute; top:19px; right:10px; display:block; float:left; font-size:0; text-indent:-10000em; width:22px; height:22px; background:url('/images/sch/web/cwoedong-p/main/013_btn_list.png') no-repeat; }
.pop013 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop013 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop013 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop013 .pop_layer_box .pop_layer ul {height:125px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop013 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop013 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop013 .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;}


/* 학사일정 */
.drawSchedule013{ position:relative; height: 100%; background:#77dcfc; overflow:hidden; border-radius:10px;}
.drawSchedule013 h2 { text-indent:-9999em; font-size: 0;}
.drawSchedule013 .date_view {position:relative; height: 46px; line-height:46px; font-size:16px; color:#333; font-family:'NotoR'; text-align:center;  }
.drawSchedule013 .date_view .month {color:#453599; font-family:'NotoR';}
.drawSchedule013 .date_view .pre {position:absolute; left:50px; top:12px; width:20px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/cwoedong-p/main/013_sche_prev.png) no-repeat center;}
.drawSchedule013 .date_view .next {position:absolute; right:50px; top:12px; width:20px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/cwoedong-p/main/013_sche_next.png) no-repeat center;}
.drawSchedule013 .inner {margin:0 10px 10px; font-size:11px; overflow:hidden; border-radius:4px; }
.drawSchedule013 .inner th {height:23px; background:#eff3fb; color:#666; }
.drawSchedule013 .inner td {height: 20px;line-height: 20px;text-align:center;color:#596f81;}
.drawSchedule013 .inner .sun {color:#ff4242;}
.drawSchedule013 .inner .sat {color:#0072bc;}
.drawSchedule013 .inner td a.check {display:block; height:20px; color:#fff; font-family:'NotoDL'; background: url(/images/sch/web/cwoedong-p/main/013_schd_check.png) no-repeat center;}
.drawSchedule013 .inner td a.today {display:block; height:20px; color:#fff; font-family:'NotoDL'; background:url(/images/sch/web/cwoedong-p/main/013_schd_today.png) no-repeat center;}
.drawSchedule013 .btn_more{position:absolute; right:20px; top:20px; width:10px; height:10px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/cwoedong-p/main/013_btn_more.png) no-repeat center;}

/* 한줄소식 */
.piece_news013 {position:relative; height:48px; line-height:48px; overflow:hidden; background:#f3d3f0; border-radius:10px;}
.piece_news013 h2 {width:18%; line-height:45px; float:left; text-align:center; font-family:"NotoM"; font-size:15px; color:#333; background:url(/images/sch/web/cwoedong-p/main/piece_bar.gif) 126px center no-repeat;}
.piece_news013 h2 img {width:27px; height:21px; padding-right:10px;}
.piece_news013 p {width:70%; margin-left:10px; float:left; font-size:13px;}
.piece_news013 p a {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.piece_news013 a.btn_more {position:absolute; top:18px; right:20px; width:37px; height:11px; display:block; text-indent:-10000em; font-size:0; background:url(/images/sch/web/cwoedong-p/main/013_btn_more3.png) 0 48% no-repeat;}

/* 바로가기01 */
.M_link013{ position:relative; height:100%; background:#77c1ff; overflow:hidden; border-radius:10px;}
.M_link013 ul {width:100%;}
.M_link013 li{position:relative; width:20%; float:left;}
.M_link013 li a{display:block; color:#fff; line-height:60px; border-right:1px solid #99d1ff; padding-left:70px; font-family:"NotoR"; font-size:15px;}
.M_link013 li:last-child a{ border-left:0;}
.M_link013 li a:hover{ color:#124f88;}
.M_link013 ul li img {position:absolute; top:45%; left:20px; width:40px; height:49px; margin-top:-20px;} 

/* 공지사항01 */
.notice013 {position:relative; height:100%; overflow:hidden; border:1px solid #eee;  border-radius:10px;}
.notice013 h2 {position:absolute; top:0; font-size:16px;font-family:"NotoM"; width:90px; text-align:center; line-height:50px; letter-spacing:-1px;  }
.notice013 h2 a {display:block; color:#666;}
.notice013 h2.tit_1 {left:0; }
.notice013 h2.tit_2 {left:90px;  background:url(/images/sch/web/cwoedong-p/main/bar.gif) no-repeat 0 50%;}
.notice013 h2.tit_3 {left:180px;  background:url(/images/sch/web/cwoedong-p/main/bar.gif) no-repeat 0 50%;}
.notice013 h2 a.current {font-family:"NotoM"; color:#006cd1;}
.notice013 .list_box.on {display:block; }
.notice013 .list_box {display:none; height:165px; padding-top:50px; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice013 .list_box ul {height:140px; padding:0 20px 20px 20px; background:#fff;}
.notice013 .list_box li {position:relative; font-family:'돋움',Dotum; line-height:23px; font-size:12px; vertical-align:middle; overflow:hidden; }
.notice013 .list_box li a {display:block; width:65%; padding-left:8px; float:left; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/sch/web/cwoedong-p/main/013_noti_bu.png") no-repeat 0 9px;}
.notice013 .list_box li a:hover {text-decoration:underline;}
.notice013 .list_box li span.date {display:block; width:30%; float:right; text-align:right; color:#8c8c8c;}
.notice013 .btn_more {position:absolute; right:20px; top:20px; width:10px; height:10px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/cwoedong-p/main/013_btn_more2.png') no-repeat center;}


/* 공지사항02*/
.notice013_2 {position:relative; height:100%; overflow:hidden; border:1px solid #eee;  border-radius:10px;}
.notice013_2 h2 {position:absolute; top:0; font-size:16px; font-family:"NotoM"; width:90px; text-align:center; line-height:50px; letter-spacing:-1px; }
.notice013_2 h2 a {display:block; color:#666;}
.notice013_2 h2.tit_1 {left:0; }
.notice013_2 h2.tit_2 {left:90px;  background:url(/images/sch/web/cwoedong-p/main/bar.gif) no-repeat 0 50%;}
.notice013_2 h2.tit_3 {left:180px;  background:url(/images/sch/web/cwoedong-p/main/bar.gif) no-repeat 0 50%;}
.notice013_2 h2 a.current {font-family:"NotoM"; color:#006cd1;}
.notice013_2 .list_box.on {display:block; }
.notice013_2 .list_box {display:none; height:165px; padding-top:50px; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice013_2 .list_box ul {height:140px; padding:0 20px 20px 20px; background:#fff;}
.notice013_2 .list_box li {position:relative; font-family:'돋움',Dotum; line-height:23px; font-size:12px; vertical-align:middle; overflow:hidden; }
.notice013_2 .list_box li a {display:block; width:65%; padding-left:8px; float:left; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/sch/web/cwoedong-p/main/013_noti_bu.png") no-repeat 0 9px;}
.notice013_2 .list_box li a:hover {text-decoration:underline;}
.notice013_2 .list_box li span.date {display:block; width:30%; float:right; text-align:right; color:#8c8c8c;}
.notice013_2 .btn_more {position:absolute; right:20px; top:20px; width:10px; height:10px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/cwoedong-p/main/013_btn_more2.png') no-repeat center;}

/* 식단 */
.meal_menu013 {position:relative; height:100%; border-radius:10px; background:#ffb1ae; overflow:hidden;}
.meal_menu013 h2 {height:20px; line-height:20px; margin:20px; font-size:16px; color:#fff;  font-family:"NotoM";  }
.meal_menu013 .meal_info {display:none;}
.meal_menu013 p.kcal {height:25px;line-height:25px;font-size:16px;color:#fff;text-align:center;font-family:"NotoDL";background: #ff4242;width:100px;border-radius:30px;position:  absolute;left:  20px;bottom: 40px;}
.meal_menu013 .meal_list {height:55px;padding: 0 20px;font-family:'Dotum', '돋움';font-size:12px;color:#555;letter-spacing:-1px;line-height:18px;overflow-y:auto;margin: 0 20px 0 0;}
.meal_menu013 .imgBg {position: absolute; bottom:10px;right: 20px;}
.meal_menu013 .imgBg img {width:65px; height:65px;}
.meal_menu013 .btn_more {position:absolute; right:20px; top:20px; width:10px; height:10px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/web/cwoedong-p/main/013_btn_more.png') no-repeat center;}


/* 갤러리 */
.gallery013 {position:relative; height:100%; background:url(/images/sch/web/cwoedong-p/main/013_gall_bg.png); border-radius:10px;}  
.gallery013 h2 {display:inline-block;line-height:20px;font-size:16px;color:#fff;font-family:"NotoM";position:  absolute;top: 30px;left: 30px;}
.gallery013 .gall_info{display:none;}
.gallery013 .gall_list{overflow:hidden;width: 780px;height:137px;position:  absolute;right: 30px;top: 40px;}
.gallery013 .gall_list li {width:180px; height:140px; margin-left:20px; float:left; text-align:center;}
.gallery013 .gall_list li:first-child {margin-left:0;}
.gallery013 .gall_list li a {display:block;}
.gallery013 .gall_list li .img img {width:100%; height:110px;}
.gallery013 .gall_list li span {display:block; text-align:center; font-family:'돋움',Dotum; font-size:12px; color:#222;}
.gallery013 .gall_list li span:hover {color:#777; text-decoration:underline;}
.gallery013 .gall_list li span.txt {margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery013 .gall_list li span.date {display:none;}
.gallery013 .btn_more{position:absolute; right:20px; top:20px; width:10px; height:10px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/web/cwoedong-p/main/013_btn_more2.png) no-repeat center;}
.gallery013 .imgBg{display:inline-block;position:absolute;top:35%;left: 29px;width:  99px;height:  83px;}

/* 배너존 */
/* .banner_zone{position:relative; z-index:1; width:980px; height:100%; margin:0 auto; overflow:hidden; background:#fff;} */
.banner_zone{position:relative; z-index:1; width:980px; height:78px; margin:0 auto; overflow:hidden; background:#fff; border-top:1px solid #ddd;}
.banner_zone .inner{position:relative; overflow:hidden}
.banner_zone h2{position:absolute; top:19px; left:0; font-size:16px; font-family:"NotoM"; color:#1d1d1d; }
.banner_zone .btn{ position:absolute; left:0; top:44px}
.banner_zone .btn a{ float:left; font-size:0; text-indent:-10000em; width:14px; height:15px; vertical-align:top}
.banner_zone .btn a.pre{background:url(/images/sch/web/cwoedong-p/main/btn_b_prev.gif) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/sch/web/cwoedong-p/main/btn_b_stop.gif) no-repeat}
.banner_zone .btn a.play{ background:url(/images/sch/web/cwoedong-p/main/btn_b_play.gif) no-repeat}
.banner_zone .btn a.next{ background:url(/images/sch/web/cwoedong-p/main/btn_b_next.gif) no-repeat}
.banner_zone .btn a.list{ background:url(/images/sch/web/cwoedong-p/main/btn_b_list.gif) no-repeat; width:15px; }
.banner_zone ul{ padding-top:17px; margin-left:80px; height:45px; overflow:hidden}
.banner_zone ul li{ float:left; margin-left:10px;}
.banner_zone ul li a img{ width:168px; height:43px; border:1px solid #ddd}
  
@media (max-width: 800px) {
	
	#container,
	.main_content,
	.gallery013,
	.piece_news013 p,
	.M_link013,
	.banner_zone {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	#container { width:100%; padding-top:70px; }
	.main_content { width:98%; height:100%; }
		
	.main_visual, .notice013, notice013_2, .piece_news013, .gallery013, .M_link013, .drawSchedule013, .meal_menu013, .pop013, .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; }
	
		
	/* 한줄소식 */	
	.piece_news013 h2 {width:30%;}
	.piece_news013 p{width:50%;}

	/* 바로가기01 */
	.M_link013 {height:auto;}
	.M_link013 li{width:33.33%; }
	.M_link013 li a{border-left:0;}	
		
	/* 갤러리 */
	.gallery013 .gall_list{width: 71%;} 
	.gallery013 .gall_list li{width: 32%;margin-left: 2%;}	
	
	
	/* 배너존 */
	.banner_zone{ width:95%;}
	.banner_zone ul li{width:-webkit-calc(30% - 10px); width:-moz-calc(30% - 10px); width:calc(32% - 10px); margin-left:10px;}
	.banner_zone ul li a img{ width:100%}	
}


@media (max-width: 670px) {	
	
	
	.main_visual ul li img {height:auto}

	/* 바로가기01 */
	.M_link013 li{ width:50%; }
	.M_link013 li a{border-left:0;}	
	
	/* 갤러리 */
	.gallery013 .gall_list{width: 65%;} 
	.gallery013 .gall_list li{width: 48%;}
	
	/* 배너존 */
	.banner_zone ul li{ width:-webkit-calc(50% - 11px); width:-moz-calc(50% - 11px); width:calc(50% - 11px);}	
		
}


@media (max-width: 590px) {		


	/* 한줄소식 */
	.piece_news013 h2 {width:24%; line-height:45px; float:left; text-align:center; font-family:"NotoM"; font-size:15px; color:#333; background:none;}

	
}



@media (max-width: 480px) {		

	/* 한줄소식 */
	.piece_news013 h2 {width:30%;}
	.piece_news013 h2 img {width:27px; height:21px; padding-right:10px;}
	.piece_news013 p {width:55%; margin-left:10px; float:left; font-size:13px;}
	.piece_news013 p a {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

	/* 바로가기01 */
	.M_link013 li a{font-size:13px;}

	
	/* 갤러리 */
	.gallery013 .gall_list{width:45%;} 
	.gallery013 .gall_list li{width:100%;}
		

}

@media (max-width: 380px) {
	
	/* 한줄소식 */
	.piece_news013 h2 {display:none;}
	
	/* 배너존 */
	.banner_zone ul li a img{ width:100%;}
			
}

