@charset "utf-8";


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

/* 메인비주얼 */
.main_visual {position:relative; width:100%; background:url(/images/web/tongyeong-h/main/056_m_visual_bg.png) no-repeat 50% 0; 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/web/tongyeong-h/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/web/tongyeong-h/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 #fff; box-sizing:border-box; border-radius:9px;} /* 비주얼 버튼 색상 */
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#fff;}/* 비주얼 버튼 색상 */

/* 바로가기01 */
.M_link056 {position:relative; height:100%; font-family:"NotoM"; overflow:hidden; box-sizing:border-box;margin-top:20px;}
.M_link056 ul li {position:relative; width:16.6%; float:left; text-align:center;}
.M_link056 ul li img {text-align:center; width:110px; height:110px; } /* 170713 */
.M_link056 ul li a {display:block; line-height:20px; color:#3e3e3e; font-size:14px; text-align:center; letter-spacing:-1px;}
.M_link056 ul li a span{display:block; margin:3px 0px 10px;}
.M_link056 ul li a:hover, .M_link056 ul li a:focus {text-decoration:underline;}


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

/* 팝업존 */
.pop056{position:relative; height:100%; border:1px solid #ddd; padding:0 20px;}
.pop056 h2{ height:22px; padding:20px 0;  font-size:20px; font-family:"NotoM"; color:#313131; margin-bottom:9px; border-bottom:2px solid #ddd; }
.pop056 .nss_pg{ position:absolute; top:22px; right:45px; }
.pop056 .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 수정 */
.pop056 .nss_pg > span strong{ color:#0588be}
.pop056 .nss_pg a{position:absolute; width:20px; height:20px; display:block; font-size:0; text-indent:-10000em; }
.pop056 .nss_pg a.pre{background:url(/images/web/tongyeong-h/main/056_btn_prev.png) no-repeat; right:44px}/* 20161122 수정 */
.pop056 .nss_pg a.stop{background:url(/images/web/tongyeong-h/main/056_btn_stop.png) no-repeat; right:22px}/* 20161122 수정 */
.pop056 .nss_pg a.play{background:url(/images/web/tongyeong-h/main/056_btn_play.png) no-repeat; right:22px}/* 20161122 수정 */
.pop056 .nss_pg a.next{background:url(/images/web/tongyeong-h/main/056_btn_next.png) no-repeat; right:0px;}/* 20161122 수정 */
.pop056 .pop_img{width:100%; height:150px; padding:10px 0; overflow:hidden}
.pop056 .pop_img li{/* display:none; */ padding-bottom: 20px; margin-bottom: 50px;}
.pop056 .pop_img li img{width:100%; height:162px; line-height:0; }
.pop056 .pop_img li.on{ display:block}

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

/* 우리들의 추억 */
.gallery056{position:relative; height:100%;  border:1px solid #ddd; padding:0 20px;}
.gallery056 h2{ padding:20px 0; font-size:20px; font-family:'NotoM'; letter-spacing:-1px; border-bottom:2px solid #ddd; }
.gallery056 .gall_info {display:none;}
.gallery056 .gall_list{height:180px; overflow:hidden; background:#fcfcfc; border-radius:5px; overflow:hidden;}
.gallery056 .gall_list li{ width:100%; float:left; margin-top:10px;}
.gallery056 .gall_list li:first-child{ margin-left:0}
.gallery056 .gall_list li a{ display:block; color:#424242; font-size:12px; font-family:'돋움',Dotum;}
.gallery056 .gall_list li a:hover{text-decoration:underline;}
.gallery056 .gall_list li a .img img{ width:45%; height:80px; float:left; }
.gallery056 .gall_list li span {display:block; width:50%; font-family:'돋움',Dotum; font-size:12px; color:#222; float:right;}
.gallery056 .gall_list li a span.txt{margin-top:15px; line-height:14px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery056 .gall_list li span.date {margin-top:10px; color:#555;}
.gallery056 .btn_more{ position:absolute; top:20px; right:20px; width:24px; height:24px; background:url('/images/web/tongyeong-h/main/056_btn_more.png') no-repeat 0 0; text-indent:-10000px; z-index:10 }

/* 학사일정 */
.drawSchedule056{position:relative; height:100%;  border:1px solid #ddd; padding:0 20px;}
.drawSchedule056 h2{padding:20px 0; font-size:20px; font-family:'NotoM'; letter-spacing:-1px; border-bottom:2px solid #ddd; }
.drawSchedule056 .date_view{ position:relative; width:100%; font-family:'돋움',Dotum; font-size:14px; margin:12px 0 8px; text-align:center;}
.drawSchedule056 .date_view a{ position:absolute; width:20px; height:20px; display:block; font-size:0; line-height:0; margin:0 6px 0;}
.drawSchedule056 .date_view span {color:#f64885;font-family:'돋움',Dotum; font-weight:bold;}
.drawSchedule056 .date_view a.pre{ left:45px; top:0; background:url(/images/web/tongyeong-h/main/056_sche_prev.png) no-repeat;}
.drawSchedule056 .date_view a.next{ right:45px; top:0; background:url(/images/web/tongyeong-h/main/056_sche_next.png) no-repeat;}
.drawSchedule056 .inner{ width:90%; margin:0 auto; clear:both; }
.drawSchedule056 table{ font-family:'돋움',Dotum}
.drawSchedule056 table thead th{ color:#555; font-size:11px; font-weight:normal; letter-spacing:-1px; line-height:30px; background:#e4e6ea;}
.drawSchedule056 table tbody td{ color:#222; letter-spacing:-1px; font-size:11px; line-height:18px; text-align:center; }
.drawSchedule056 table tbody td .check{ display:inline-block; width:18px; height:18px; color:#fff; background:#f5f5f5 url(/images/web/tongyeong-h/main/056_schd_bg.png) no-repeat center center}
.drawSchedule056 table tbody td .today{ display:inline-block; width:18px; height:18px; color:#fff; background:#f5f5f5 url(/images/web/tongyeong-h/main/056_today_bg.png) no-repeat center center}
.drawSchedule056 table .sun{ color:#e06a6d !important; }
.drawSchedule056 table .sat{ color:#528fcc !important; }
.drawSchedule056 .btn_more{ position:absolute; top:20px; right:20px; width:24px; height:24px; background:url('/images/web/tongyeong-h/main/056_btn_more.png') no-repeat 0 0; text-indent:-10000px; z-index:10 }

/* 오늘의 식단 */
.meal_menu056 {position:relative; height:100%;  border:1px solid #ddd; padding:0 20px;}
.meal_menu056 h2{padding:20px 0; font-size:20px; font-family:'NotoM'; letter-spacing:-1px; border-bottom:2px solid #ddd; }
.meal_menu056 .meal_date{padding:10px 0 5px; font-size:15px; font-family:"NotoR";}
.meal_menu056 .meal_list {height:80px;  font-family:'Dotum', '돋움'; font-size:12px; color:#484848; text-align:left; line-height:18px; overflow:hidden; overflow-y:auto }
.meal_menu056 .imgBg {position:absolute; bottom:20px; right:20px; z-index:1}
.meal_menu056 .imgBg img {width:73px; height:65px;}
.meal_menu056 .btn_more{ position:absolute; top:20px; right:20px; width:24px; height:24px; background:url('/images/web/tongyeong-h/main/056_btn_more.png') no-repeat 0 0; text-indent:-10000px; z-index:10 }

/* 배너존 */
.banner_zone{ position:relative; width:100%; border-top:1px solid #ddd; padding:20px 0;overflow:hidden;margin-top: 30px;}
.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/web/tongyeong-h/main/btn_b_prev.gif) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/web/tongyeong-h/main/btn_b_stop.gif) no-repeat}
.banner_zone .btn a.play{ background:url(/images/web/tongyeong-h/main/btn_b_play.gif) no-repeat}
.banner_zone .btn a.next{ background:url(/images/web/tongyeong-h/main/btn_b_next.gif) no-repeat}
.banner_zone .btn a.list{ background:url(/images/web/tongyeong-h/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,
	.drawSchedule056,
	.meal_menu056
	.gallery056 .gall_list,
	.birthday030 .gall_list,
	.banner_zone,
	.M_link056 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_link056, .M_link02, .drawSchedule056, .notice056, .meal_menu056, .pop056, .gallery056, .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}	

	/* 메인비주얼 */
	.main_visual ul li img {width:100%;}
	.main_visual .bx-controls {width:100%; left:2.5%; bottom:10px; margin-left:0; }
	
	/* 바로가기01 */
	.M_link056 ul li {width:31.3%; margin-left:2%;}
	.M_link056 ul li.no_mg{margin-left:0;}
	
		
	/* 배너존 */
	.banner_zone .inner{width:95%;}
	.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) {	

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

}

@media (max-width: 480px) {
	
	/* 바로가기01 */
	.M_link056 ul li img{width:100%; height:auto; max-width:100px;}
	
			

}

@media (max-width: 380px) {
			
	/* 배너존 */
	.banner_zone ul li{ width:-webkit-calc(100% - 10px); width:-moz-calc(100% - 10px); width:calc(100% - 10px);}
}