@charset "utf-8";

@import url(common.css);

#container {position:relative; }
#container:after {content:""; display:block; clear:both;}

.main_content {position:relative; z-index:7; width:962px; margin:0 auto; min-height:838px}

/* 슬라이더 */
#slider { position:absolute; left:0; top:-140px; width:100%; height:100%; min-height:978px; background-color:#79c3e9}
#slider div{position:absolute; width:100%; height:100%; min-height:978px; top:0; left:0;}
#slider .img_1 {background: url('/images/template/02163/main/bg_01.jpg') no-repeat top center; background-size:cover;}
 
/* 공지사항 */
.notice {width:310px; height:305px; overflow:hidden; position:absolute; background-color:#fff; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius:13px; top:42px; left:0;}
.notice h2{ font-size:16px; font-family:"NanumBold"; line-height:40px}
.notice h2 a{ display:block; width:34%; color:#fff; background-color:#007cc9; text-align:center}
.notice h2.tit_1 a{position:absolute; left:0; top:0; border-radius:13px 0 0 0;}
.notice h2.tit_2 a{position:absolute; left:33.3%; top:0;}
.notice h2.tit_3 a{position:absolute; left:66.6%; top:0; border-radius:0 13px 0 0;}
.notice h2 a:hover{text-decoration:underline}
.notice h2 a.current{ color:#1d1d1d; background:url('/images/template/02163/main/arrow_blue.gif') no-repeat 50% bottom; background-size:9px 5px; border-radius:0}
.notice .list_box.on { display:block;}
.notice .list_box{ display:none; padding:66px 16px 0; font-family:'돋움',Dotum; font-size:12px}
.notice .list_box a{color:#3c3c3c;}
.notice .list_box a:hover { text-decoration:underline;}

.notice .list_box .top_list{ background:url('/images/template/02163/main/notice_icon.gif') no-repeat 3px top; padding:2px 0 0 55px; height:54px; border-bottom:1px dotted #b3b3b3}
.notice .list_box .top_list dt, .notice .list_box .top_list dd{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice .list_box .top_list dt{font-weight:bold; margin-bottom:2px}
.notice .list_box .ul_list{ padding-top:14px}
.notice .list_box ul li{ font-family:'돋움',Dotum; line-height:24px; font-size:12px;}
.notice .list_box ul li a { display:block; background:url("/images/template/02163/main/notice_dot.gif") no-repeat 0 8px; padding-left:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 우리학교 소식 */
.gallery{width:310px; height:230px; overflow:hidden; position:relative; background-color:#fff; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius:13px; top:362px; left:0;}
.gallery h2{font-size:16px; font-family:"NanumBold"; padding:25px 0 16px 29px; color:#1d1d1d}
.gallery .btn_more{ position:absolute; right:20px; top:20px; width:25px; height:25px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/template/02163/main/btn_more.gif') no-repeat center center; }
.gallery ul{overflow:hidden; padding:0 29px 20px}
.gallery ul li{ float:left; margin-left:15px; width:118px}
.gallery ul li:first-child{ margin-left:0}
.gallery ul li a{ color:#424242; font-size:12px; font-family:'돋움',Dotum;}
.gallery ul li a:hover{ text-decoration:underline}
.gallery ul li a .img{ display:block}
.gallery ul li a .img img{ width:118px; height:99px}
.gallery ul li a .txt{ display:block; margin-top:15px; line-height:14px}

/* 메인 비주얼 */
.main_visual{width:310px; height:550px; overflow:hidden; position:absolute; border-radius:13px; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.2); top:42px; left:325px;}



/* 행사일정 */
.schedule{width:310px; height:305px; overflow:hidden; background-color:#fff; position:absolute; border-radius:13px; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.2);top:42px; left:650px;}
.schedule h2{font-size:16px; font-family:"NanumBold"; padding:26px 0 10px 29px; color:#1d1d1d}
.schedule .date_view{position:absolute; top:30px; right:24px; font-family:'돋움',Dotum; font-size:12px}
.schedule .date_view a{ display:inline-block; vertical-align:middle; font-size:0; text-indent:-10000em; width:15px; height:15px;}
.schedule .date_view span{ margin:0 6px 0; line-height:15px; font-weight:bold}
.schedule .date_view a.pre{background:url(/images/template/02264/main/btn_c_prev.gif) no-repeat}
.schedule .date_view a.next{ background:url(/images/template/02264/main/btn_c_next.gif) no-repeat}
.schedule .inner{ width:260px; height:180px; margin:0 auto 5px; background-color:#f5f5f5; padding-bottom:5px}
.schedule table{ width:100%; font-family:'돋움',Dotum}
.schedule table thead th{ color:#fff; font-size:12px; font-weight:normal; letter-spacing:-1px; background-color:#d5585a; line-height:27px}
.schedule table tbody tr:first-child td{padding:5px 0 0}
.schedule table tbody td{ color:#333; letter-spacing:-1px; font-size:11px; background-color:#f5f5f5; line-height:22px; text-align:center}
.schedule table tbody td .chack{ display:inline-block; width:22px; height:22px; font-weight:bold; color:#fff; background:#f5f5f5 url(/images/template/02264/main/schd_bg.gif) no-repeat center center}
.schedule .sch_list{width:260px; height:54px; overflow:hidden; overflow-y:auto; margin:0 auto; font-family:'돋움',Dotum; font-size:12px; color:#4e4e4e}
.schedule .sch_list li{ line-height:18px; background:url("/images/template/02264/main/notice_dot.gif") no-repeat 0 6px; padding-left:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}



/* 오늘의 식단 */
.meal_menu {position:absolute; top:360px; left:650px;width:310px; height:230px;  border-radius:13px; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.2); overflow:hidden; background:#ffb716;}
.meal_menu h2 {font-size:16px;; height:50px; line-height:50px; font-family:"NanumBold"; color:#fff; padding-left:20px; background:#fb7b30;}
.meal_menu .kcal {position:absolute; top:70px; left:110px; font-family:"NanumBold"; color:#333; font-size:16px;}
.meal_menu .img {position:absolute; top:75px; left:20px;  }
.meal_menu .img img {width:79px; height:83px;}
.meal_menu .meal_list {margin: 50px 20px 20px; height:120px; overflow-y:auto; font-family:"NanumBold"; color:#333; font-size:13px; }
.meal_menu .btn_more {position:absolute; right:12.5px; top:12.5px; width:25px; height:25px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/template/02163/main/btn_more.png') no-repeat center center;}




/* 바로가기 */
.M_link{width:960px; height:100px; overflow:hidden; background-color:#fff; position:absolute; border-radius:13px; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.2); top:607px; }
.M_link li{ position:relative; float:left; width:12.285%;  height:100px;}
.M_link li a{ display:block; height:100px; color:#1d1d1d; border-left:1px solid #e1e1e1; font-family:"Nanum"; font-size:12px; letter-spacing:-1px; text-align:center; line-height:28px;}
.M_link li a:hover{ color:#09F}
.M_link li img {position:absolute; top:18px; left:50%; margin-left: -26px; }
.M_link li span {display:block; padding: 65px 0 0 0;}
.M_link li:first-child a{border-left:0}

/* 배너존 */
.banner_zone{width:960px; height:70px; overflow:hidden; background-color:#fff; position:absolute; border-radius:13px; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.2); top:722px; left:0;}
.banner_zone h2 {position:absolute; top:25px; left:15px; font-size:15px; font-family:"NanumBold"; color:#1d1d1d}
.banner_zone .btn{ position:absolute; left:80px; top:26px}
.banner_zone .btn a{ float:left; margin-right:2px; font-size:0; text-indent:-10000em; width:20px; height:20px; vertical-align:top}
.banner_zone .btn a.pre{background:url('/images/template/02163/main/btn_b_prev.gif') no-repeat}
.banner_zone .btn a.next{ background:url('/images/template/02163/main/btn_b_next.gif') no-repeat}
.banner_zone .btn a.stop{ background:url('/images/template/02163/main/btn_b_stop.gif') no-repeat}
.banner_zone .btn a.list{ background:url('/images/template/02163/main/btn_b_list.gif') no-repeat}
.banner_zone ul{ padding-top:16px; margin-left:162px; height:40px; overflow:hidden}
.banner_zone ul li{ float:left; margin-left:8px;}
.banner_zone ul li a img{ width:155px; height:40px}

@media (max-width: 800px) {
	
	#container,
	.main_content,
	.M_link,
	.banner_zone{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	#container { width:100%; margin-top:0; padding-top:92px}
	.main_content { width:637px; margin:0 auto; height:100%; min-height: 1127px;}
		
	.notice, .gallery, .main_visual, .pop, .schedule, .M_link, .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}
	
	/* 슬라이더 */
	#slider {top:0;}
	
	/* 퀵메뉴 */
	.w_quick{ display:none}
	
	/* 공지사항 */
	.notice {top:0; left:0;}
	
	/* 우리학교 소식 */
	.gallery{top:320px; left:0;}
	
	/* 식단 */
	.meal_menu {top:565px; left:0;}
	
	/* 메인 비주얼 */
	.main_visual{height:475px; top:0; left:auto; right:2px}
	
	/* 행사일정 */
	.schedule{top:490px; left:auto; right:2px}
	
	/* 오늘의 식단 */
	.M_carte{width:635px; top:810px}
	.M_carte ul{line-height:24px}
	.M_carte ul li{ float:left; width:125px; margin-left:30px; background:url('/images/template/02163/main/notice_dot.gif') no-repeat 0 8px}
	
	/* 바로가기 */
	.M_link{width:635px; height:200px; top:812px; left:0;}
	.M_link li{width:25%;}
	.M_link li a{border-bottom:1px solid #e1e1e1}
	.M_link li.quick_05 a{ border-bottom:0}
	.M_link li.quick_06 a{ border-bottom:0}
	.M_link li.quick_07 a{ border-bottom:0}
	.M_link li.quick_08 a{ border-bottom:0}
	
	/* 배너존 */
	.banner_zone{width:635px; top: 1027px; left:0}
	.banner_zone .btn{left:30px}
	.banner_zone ul{margin-left:110px;}
	.banner_zone ul li{ float:left; margin-left:1.5%; width:30%}
	.banner_zone ul li a img{ width:100%; height:40px}

}

@media (max-width: 660px) {
	
	.main_content { width:312px; min-height: 1920px;}
	
	/* 메인 비주얼 */
	.main_visual{height:460px}
	
	/* 공지사항 */
	.notice {top:475px}
	
	/* 우리학교 소식 */
	.gallery{top:795px}
	
	/* 식단 */
	.meal_menu{top:1040px}

	/* 행사일정 */
	.schedule{top:1285px; left:50%; margin-left:-155px}
	
	/* 오늘의 식단 */
	.M_carte{width:310px; top:1605px}
	.M_carte ul{margin-left:101px; line-height:18px; padding-top:15px}
	.M_carte ul li{width:75px; margin-left:15px; background:url('/images/template/02163/main/notice_dot.gif') no-repeat 0 6px}
	
	/* 바로가기 */
	.M_link{width:310px; height:183px; top: 1605px;}
	.M_link li{width:50%; height:auto;}
	.M_link li a{ height:45px; border-bottom:1px solid #e1e1e1; text-align:left; padding:0 0 0 20px; line-height:45px}
	.M_link li img {display:none;}
	.M_link li a span {padding:0;}
	.M_link li.quick_01 a, 
	.M_link li.quick_02 a,
	.M_link li.quick_03 a,
	.M_link li.quick_04 a,
	.M_link li.quick_05 a,
	.M_link li.quick_06 a,
	.M_link li.quick_07 a,
	.M_link li.quick_08 a{ background:url('/images/template/02163/main/icon_arrow.gif') no-repeat 134px center}
	.M_link li.quick_01 a{ border-left:0}
	.M_link li.quick_02 a{ border-bottom:1px solid #e1e1e1}
	.M_link li.quick_03 a{ border-left:0; border-bottom:1px solid #e1e1e1}
	.M_link li.quick_04 a{ border-bottom:1px solid #e1e1e1}
	.M_link li.quick_05 a{ borde r-left:0; border-bottom:1px solid #e1e1e1}
	.M_link li.quick_06 a{ border-bottom:1px solid #e1e1e1; }
	.M_link li.quick_07 a{ border-left:0; border-bottom:1px solid #e1e1e1}
	.M_link li.quick_08 a{ border-bottom:1px solid #e1e1e1}
	
	/* 배너존 */
	.banner_zone{width:310px; top:1803px;}
	.banner_zone ul{ margin-left:125px;}
	.banner_zone ul li{ width:98%}
	.banner_zone ul li a img{ width:155px; height:40px}	
	
}