@charset "utf-8";

@import url(common.css);

#container {position:relative; margin-top:140px}
#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/02238/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:50%; 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:50%; 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/02238/main/arrow_blue.gif) no-repeat 123px center; 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/02238/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/02238/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:absolute; 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; left:263px; top:27px; font-size:0; text-indent:-10000em; width:14px; height:14px; background:url(/images/template/02238/main/btn_more.gif) no-repeat}
.gallery ul{overflow:hidden; padding:0 29px 20px}
.gallery ul li{ float:left; margin-left:4%; width:48%}
.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:100%; 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;}

/* 팝업존 */
.pop{width:310px; height:230px; background-color:#fff; overflow:hidden; position:absolute; border-radius:13px; box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.2); top:42px; left:650px;}
.pop h2{font-size:16px; font-family:"NanumBold"; padding:22px 0 14px 29px; color:#1d1d1d}
.pop .nss_pg{ position:absolute; top:22px; right:0}
.pop .nss_pg > span{ position:absolute; font-family:'돋움',Dotum; line-height:22px; color:#666; font-size:12px; right:120px; display:inline-block; width:50px; text-align:right}
.pop .nss_pg > span strong{ color:#0588be}
.pop .nss_pg a{ display:block; position:absolute; font-size:0; text-indent:-10000em; width:20px; height:20px;}
.pop .nss_pg a.pre{ background:url(/images/template/02238/main/btn_prev.gif) no-repeat; right:92px}
.pop .nss_pg a.stop{ background:url(/images/template/02238/main/btn_stop.gif) no-repeat; right:71px}
.pop .nss_pg a.next{ background:url(/images/template/02238/main/btn_next.gif) no-repeat; right:50px;}
.pop .nss_pg a.list{ background:url(/images/template/02238/main/btn_list.gif) no-repeat; right:25px}
.pop .pop_img{ position:absolute; top:56px; left:25px}
.pop .pop_img li{ display:none; width:258px; height:145px; padding:1px 0 1px; border:1px solid #e4e4e4; text-align:center}
.pop .pop_img li img{ width:235px; height:145px; vertical-align:middle}
.pop .pop_img li.on{ display:block}

/* 행사일정 */
.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:287px; left:650px;}
.schedule h2{font-size:16px; font-family:"NanumBold"; padding:26px 0 14px 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/02238/main/btn_c_prev.gif) no-repeat}
.schedule .date_view a.next{ background:url(/images/template/02238/main/btn_c_next.gif) no-repeat}
.schedule .inner{ width:260px; margin:0 auto 12px; background-color:#f5f5f5; padding-bottom:10px}
.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:10px 0 0}
.schedule table tbody td{ color:#222; 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/02238/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/02238/main/notice_dot.gif") no-repeat 0 6px; padding-left:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 바로가기 */
.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/02238/main/btn_b_prev.gif) no-repeat}
.banner_zone .btn a.next{ background:url(/images/template/02238/main/btn_b_next.gif) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/template/02238/main/btn_b_stop.gif) no-repeat}
.banner_zone .btn a.list{ background:url(/images/template/02238/main/btn_b_list.gif) no-repeat}
.banner_zone ul {margin-left:170px; height:48px; overflow:hidden; top:15px;}
.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;}
	
	/* 팝업존 */
	.pop{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/02238/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}
	
	/* 팝업존 */
	.pop{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/02238/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/02238/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}	
	
}