﻿@charset "utf-8";

/* 알림장 */
.ann_tablet{display:none;}

/* 메인비주얼 */
.main_visual {position:relative; width:100%; border-radius:5px; overflow:hidden}  
.main_visual ul {position:relative; }
.main_visual ul li {position:relative; text-align:center;}
.main_visual .bx-controls {position:absolute; width:100%; height:26px; left:25px; 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/template/00151/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/template/00151/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;}/* 비주얼 버튼 색상 */

/* 한줄소식 */
.piece_news003 {height:100%; background-color:#ff9813; border-radius:5px; line-height:65px; overflow:hidden}
.piece_news003 h2 {width:20%; line-height:65px; float:left; text-align:center; font-family:'NotoM'; font-size:16px; color:#fff; margin-left:15px}
.piece_news003 p {width:55%; padding-left:15px; float:left; font-size:13px; background:url(/images/sch/template/00151/main/003_piece_line.png) no-repeat 0 50%}
.piece_news003 p a {display:block; font-family:'NotoR'; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.piece_news003 a.btn_more {position:absolute; top:27px; right:30px; width:36px; height:11px; display:block; text-indent:-10000em; font-size:0; background:url('/images/sch/template/00151/main/003_btn_more03.png') no-repeat center}

/* 공지사항 */
.notice003 { position:relative; height:100%; background:url('/images/sch/template/00151/main/003_noti_bg.png') repeat-x; overflow:hidden}  
.notice003 h2 { height:47px; font-family:'NotoM'; font-size:16px; display:inline-block; *display:inline; zoom:1 } 
.notice003 h2 a {position:absolute; top:0; width:157px; height:42px; display:block; color:#444; line-height:42px; text-align:center; border-left:1px solid #d2d2d2}
.notice003 h2.tit_1 a { left:0}
.notice003 h2.tit_2 a { left:157px;}
.notice003 h2.tit_3 a { left:314px;}
.notice003 h2 a span { display:none}
.notice003 h2 a.current{color:#000;}
.notice003 h2 a.current span { display:block; position:absolute; bottom:-6px; left:50%; margin-left:-50%; width:100%; height:8px; background:url(/images/sch/template/00151/main/003_noti_arrow.png) no-repeat 50% 100%}
.notice003 .list_box.on {display:block; }
.notice003 .list_box {display:none; font-family:'NotoR'; font-size:12px; overflow:hidden;}
.notice003 .top_list a {position:relative; display:block; padding:15px 0; margin-bottom:10px; border-bottom:1px solid #d2d2d2;}
.notice003 .top_list a p.img {position:absolute; left:10px; top:20px; width:56px; height:56px;}
.notice003 .top_list a dl {margin-left:85px;}
.notice003 .top_list a dl dt, 
.notice003 .top_list a dl dd {line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice003 .top_list a dl dt {font-size:16px; font-family:'NotoM'; color:#111}
.notice003 .top_list a dl dd {font-size:12px; font-family:'NotoR'; color:#444;}
.notice003 .top_list a dl dd.date {display:none;}
.notice003 .list_box ul.ul_list li {position:relative; font-family:'NotoR'; line-height:25px; font-size:13px; overflow:hidden; }
.notice003 .list_box ul.ul_list li a {display:block; width:70%; padding-left:8px; float:left; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("/images/sch/template/00151/main/003_noti_dot.png") no-repeat 0 13px;}
.notice003 .list_box ul.ul_list li a:hover {text-decoration:underline;}
.notice003 .list_box ul.ul_list li span.date {display:block; width:25%; float:right; text-align:right; color:#777 }
.notice003 .btn_more {position:absolute; right:0; top:0; width:42px; height:42px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/sch/template/00151/main/003_btn_more.gif') no-repeat center;}

/* 갤러리 */
.gallery003 { position:relative; height:100%; background-color:#fff; border:1px solid #d2d2d2; padding:25px; box-sizing:border-box; overflow:hidden}
.gallery003 h2 {font-family:'NotoM'; font-size:16px; color:#222}
.gallery003 .gall_info {display:none;}
.gallery003 .gall_list {margin-top:10px; overflow:hidden;}
.gallery003 .gall_list li {width:30%; margin-left:5%; float:left;}
.gallery003 .gall_list li:first-child {margin-left:0;}
.gallery003 .gall_list li a {display:block;}
.gallery003 .gall_list li .img { width:143px; height:99px; border:1px solid #dbdbdb}
.gallery003 .gall_list li .img img {width:145px; height:101px;}
.gallery003 .gall_list li span {display:none; text-align:center; font-family:'돋움',Dotum; font-size:12px; color:#222;}
.gallery003 .gall_list li span.txt {margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery003 .gall_list li span.date {display:none;}
.gallery003 a.btn_more {position:absolute; top:30px; right:30px; width:36px; height:11px; display:block; text-indent:-10000em; font-size:0; background:url('/images/sch/template/00151/main/003_btn_more02.png') no-repeat center}

/* 팝업존 */
.pop003 {position:relative; height:100%; overflow:hidden; background-color:#00a0e9; border-radius:5px;}
.pop003 h2{font-size:16px; font-family:"NotoM";  color:#fff; margin:20px 0 0 20px}
.pop003 .nss_pg {position:absolute; top:20px; right:27px;}
.pop003 .nss_pg span{ position:absolute; top:0; right:95px; width:45px; text-align:right; line-height:20px; height:20px; font-family:'돋움',Dotum; color:#fff; font-size:12px; display:inline-block;} /* 20161122 수정 */
.pop003 .nss_pg span strong{ color:#fff799;}
.pop003 .nss_pg a{ display:block; float:left; font-size:0; text-indent:-10000em; width:20px; height:20px; margin-left:2px;}
.pop003 .nss_pg a.pre{ background:url(/images/sch/template/00151/main/003_btn_p_prev.png) no-repeat; }
.pop003 .nss_pg a.stop{ background:url(/images/sch/template/00151/main/003_btn_p_stop.png) no-repeat; }
.pop003 .nss_pg a.play{ background:url(/images/sch/template/00151/main/003_btn_p_play.png) no-repeat; }
.pop003 .nss_pg a.next{ background:url(/images/sch/template/00151/main/003_btn_p_next.png) no-repeat; }
.pop003 .nss_pg a.more{ background:url(/images/sch/template/00151/main/003_btn_p_more.png) no-repeat; }
.pop003 .pop_img{ position:relative; margin:10px auto 0; }
.pop003 .pop_img li{ display:none; width:235px; height:145px; margin:0 auto; }
.pop003 .pop_img li img{ width:100%; height:145px;}
.pop003 .pop_img li.on{ display:block}
/* 180713 : 팝업리스트 레이어 추가 */
.pop003 a.list {position:absolute; top:20px; right:5px; display:block; font-size:0; text-indent:-10000em; width:20px; height:20px; background:url('/images/sch/template/00151/main/003_btn_p_more.png') no-repeat; }
.pop003 .pop_layer_box {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#394b61;}
.pop003 .pop_layer_box .pop_layer {position:relative; padding:20px;}
.pop003 .pop_layer_box .pop_layer h3 {font-size:18px; color:#fff;}
.pop003 .pop_layer_box .pop_layer ul {height:125px; margin-top:15px; padding:10px 15px 10px 25px; line-height:22px; overflow-y:auto; background:#576c85;}
.pop003 .pop_layer_box .pop_layer ul li {font-family:'돋움',Dotum; font-size:12px; color:#fff; list-style-type:disc;}
.pop003 .pop_layer_box .pop_layer ul li a {color:#fff; }
.pop003 .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;}

/* 학사일정 */
.drawSchedule003 { position:relative; height:100%; background:#6ccd4b url('/images/sch/template/00151/main/003_sch_ing.png') no-repeat 40px 107px; border-radius:5px}
.drawSchedule003 h2 {position:absolute; left:20px; top:25px; font-size:16px; font-family:'NotoM'; color:#fff;}
.drawSchedule003 .date_view{ position:absolute; top:72px; left:20px; width:114px; height:30px; line-height:30px; font-size:15px; color:#fff; font-family:'NotoR'; text-align:center;}
.drawSchedule003 .date_view a{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:0; text-indent:-10000em; width:15px; height:15px;}
.drawSchedule003 .date_view .month {color:#fff799; font-family:'NotoM';}
.drawSchedule003 .date_view .pre {position:absolute; left:0; top:9px; width:15px; height:15px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/template/00151/main/003_btn_c_prev.png) no-repeat center;}
.drawSchedule003 .date_view .next {position:absolute; right:0; top:9px; width:15px; height:15px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/template/00151/main/003_btn_c_next.png) no-repeat center;}
.drawSchedule003 .date_view span{ margin:0 6px 0; font-size:12px; line-height:16px; font-weight:bold; color:#fff;}
.drawSchedule003 .inner{ position:absolute; top:30px; right:20px; width:271px; background-color:#fff; padding-bottom:10px}
.drawSchedule003 table{ width:100%; margin:0 auto;}
.drawSchedule003 table th, 
.drawSchedule003 table td{ margin:0; padding:0}
.drawSchedule003 table thead th{color:#fff; font-size:12px; font-weight:normal; line-height:28px; background-color:#007182; }
.drawSchedule003 table tbody td{ color:#333; font-size:12px; line-height:21px; text-align:center}
.drawSchedule003 table tbody td .today{ display:inline-block; *display:inline; zoom:1; width:20px; height:20px; color:#fff; background:url(/images/sch/template/00151/main/003_schd_today.png) no-repeat 0 0}
.drawSchedule003 table tbody td .check{ display:inline-block; *display:inline; zoom:1; width:20px; height:20px; color:#fff; background:url(/images/sch/template/00151/main/003_schd_check.png) no-repeat 0 0}
.drawSchedule003 table tbody tr:first-child td { padding:4px 0 0}
.drawSchedule003 .btn_more{position:absolute; top:20px; left:110px; width:30px; height:30px; text-indent:-9999em; line-height:0; font-size:0; background:url(/images/sch/template/00151/main/003_noti_more02.png) no-repeat center;}

/* 식단 */
.meal_menu003 {height:100%; background:url('/images/sch/template/00151/main/003_meal_bg.png') repeat-x 100% 100% #f9fbec; border-radius:5px}
.meal_menu003 h2{font-size:16px; font-family:"NotoM"; color:#222; padding:25px 0 15px 20px}
.meal_menu003 .meal_list{  height:150px; font-family:'NotoR'; font-size:13px; color:#555; text-align:left; line-height:21px; overflow-y:auto; padding: 0 100px 0 20px;}
.meal_menu003 .img{ position:absolute; width:77px; height:67px; right:20px; bottom:20px}
.meal_menu003 .img img {width:77px; height:67px;}
.meal_menu003 ul li:after{content:"."; display:inline-block;}
.meal_menu003 .btn_more {position:absolute; top:30px; right:20px; width:36px; height:11px; display:block; text-indent:-10000em; font-size:0; background:url('/images/sch/template/00151/main/003_btn_more02.png') no-repeat center}

/* 바로가기 */
.M_link003 { position:relative; height:100%; overflow:hidden}
.M_link003 ul li { width:16.6%; float:left; text-align:center}
.M_link003 ul li a { font-family:'NotoM'; font-size:14px; color:#1b1b1b; line-height:30px; letter-spacing:-1px; display:block}
.M_link003 ul li a img { width:91px; height:91px}
.M_link003 ul li span { display:block}

/* 배너존 */
.banner_zone{ position:relative; z-index:1; overflow:hidden; background:#fff; border-top:1px solid #b1b8c3}
.banner_zone .inner{ position:relative; width:980px; margin:0 auto; 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/template/00151/main/btn_b_prev.gif) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/sch/template/00151/main/btn_b_stop.gif) no-repeat}
.banner_zone .btn a.next{ background:url(/images/sch/template/00151/main/btn_b_next.gif) no-repeat}
.banner_zone .btn a.list{ background:url(/images/sch/template/00151/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) {
	
	.gallery003,
	.piece_news003 p,
	.banner_zone {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	.main_visual, .piece_news003, .notice003, .gallery003, 
	.drawSchedule003, .meal_menu003, .pop003, .M_link003, 
	.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:367px;}
	.main_visual .bx-controls {width:100%; left:2.5%; bottom:10px; margin-left:0; }
	
	/* 한줄소식 */
	.piece_news003 h2 { text-align:left; margin:20px 0 0 20px; line-height:20px}
	.piece_news003 p { width:100%; background-image:none; padding:0 20px}
	
	/* 공지사항 */
	.notice003 h2 a {width:calc(30% - 1px);}
	.notice003 h2.tit_1 a { left:0}
	.notice003 h2.tit_2 a { left:30%;}
	.notice003 h2.tit_3 a { left:60%;}
	
	/* 갤러리 */
	.gallery003 {padding:20px 15px; height:100%;}
	.gallery003 .gall_list li {width:calc(33.3% - 5px); margin-left:1%}	
	.gallery003 .gall_list li .img { width:100%}
	.gallery003 .gall_list li .img img {width:100%}
	.gallery003 a.btn_more {right:20px}	
	
	/* 학사일정 */
	.drawSchedule003 {background-position:10% 80%}
	.drawSchedule003 .date_view{ width:25%}
	.drawSchedule003 .date_view span { margin:0}
	.drawSchedule003 .inner{ width:60%}
	.drawSchedule003 .btn_more{left:80px}
	
	/* 바로가기 */
	.M_link003 ul li { width:33.33%}
	.M_link003 ul li a img { width:70px; height:70px}
	
	/* 배너존 */
	.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: 670px) {	

	
	/* 180713 : 메인비주얼 */
	.main_visual ul li img {width:100%; height:auto;}
		
	/* 배너존 */
	.banner_zone ul li{ width:-webkit-calc(50% - 11px); width:-moz-calc(50% - 11px); width:calc(50% - 11px);}	
		
}

@media (max-width: 480px) {		

}

@media (max-width: 380px) {
	
	/* 배너존 */
	.banner_zone ul li a img{ width:100%;}
			
}