@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:980px; margin:0 auto; background:#fff; }
.main_content:after {content:""; display:block; clear:both;}

/* 메인비주얼 */
.main_visual{ position:relative; width:100%; height:316px; background:#dbe7f3 url('/images/template/02410/main/visual_bg.png') no-repeat 50% 0;}
.main_visual p{ position:relative; width:980px; margin:0 auto;}
.main_visual p img{ width:100%; }

/* 공지사항 */
.notice { position:relative; width:500px; height:210px; margin:10px 0 0 235px; float:left; background-color:#306eb0; overflow:hidden; }  
.notice h2 { padding:15px 0 0 20px; font-size:16px; font-family:'NanumBold'; color:#fff; }
.notice .btn_more{ position:absolute; top:15px; right:20px; background:url('/images/template/02410/main/btn_more01.png') no-repeat 0 0; width:49px; height:19px; text-indent:-10000px; z-index:10 }
.notice .list_box{ padding:20px 20px 0; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice .list_box .top_list{  background:url('/images/template/02410/main/ico_01.png') no-repeat 3px top; padding:2px 0 15px 80px; margin-bottom:13px; border-bottom:1px dashed #5f90c4}
.notice .list_box .top_list dt{ color:#fff; text-decoration:underline; font-size:14px; font-weight:bold; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice .list_box .top_list dd{ color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice .list_box .top_list dd span.date { display:block; color:#cee3f8;}
.notice .list_box .ul_list li{ font-family:'돋움',Dotum; line-height:24px; font-size:12px; overflow:hidden; position:relative;}
.notice .list_box .ul_list li a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff;}
.notice .list_box .ul_list li a:hover{ text-decoration:underline;}
.notice .list_box .ul_list li span.text {float:left; padding-left:8px; background:url("/images/template/02410/main/notice_dot.gif") no-repeat 0 9px; width:70%;}
.notice .list_box .ul_list li span.date { position:absolute; top:0; right:0; color:#fff;}
.notice .tit_2{position:absolute; top:0; left:70px;}
.notice .tit_2 a{border-left:1px solid #dedede; padding-left:10px;}
.notice a{color:#fff;}

/* 학사일정 */
.scheduleBox{ position:absolute; top:10px; left:0; width:225px; height:210px; background-color:#00a1b9; overflow:hidden;}
.scheduleBox h2{font-size:16px; font-family:"NanumBold"; padding:15px 0 0 20px; color:#fff;}
.scheduleBox .btn_more{ position:absolute; top:15px; right:20px; background:url('/images/template/02410/main/btn_more01.png') no-repeat 0 0; width:49px; height:19px; text-indent:-10000px; z-index:10 }
.schedule .date_view{ position:relative; width:85%; margin:10px auto 2px; text-align:center; background:#05748a }
.schedule .date_view a{ position:absolute; top:5px; display:block; font-size:0; line-height:0; width:14px; height:14px; }
.schedule .date_view a.pre{ left:40px; background:url('/images/template/02410/main/btn_c_prev.png') no-repeat;}
.schedule .date_view a.next{ right:40px; background:url('/images/template/02410/main/btn_c_next.png') no-repeat;}
.schedule .date_view span{ line-height:22px; font-weight:bold; font-family:"NanumBold"; font-size:12px; font-weight:bold; color:#fff;}
.schedule .inner{ margin:0 auto;}
.schedule table{ width:85%; margin:0 auto;}
.schedule table th, 
.schedule table td{ margin:0; padding:0}
.schedule table thead th{color:#111; font-size:12px; line-height:23px; }
.schedule table tbody td{ color:#333; font-size:12px; line-height:15px; padding:2px 0; text-align:center}
.schedule table tbody td .today{ display:block; color:#fff; background:url('/images/template/02410/main/schd_today.png') no-repeat 50% 50%}
.schedule table tbody td .check{ display:block; color:#333; background:url('/images/template/02410/main/schd_check.png') no-repeat 50% 50%}
.schedule table tbody{ background:#fff;}
.schedule .list{ width:85%; height:75px; margin:12px auto 0; overflow:hidden; overflow-y:auto; }
.schedule .list ul{ line-height:22px; font-family:'돋움',Dotum; font-size:12px; color:#fff; padding:5px 7px;}
.schedule .list li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.schedule .list li strong{ display:inline-block; width:25px; text-align:right; margin-right:7px; font-weight:bold; color:#064867}

/* 팝업존 */
.pop{ position:relative; width:235px; height:210px; float:right; margin:10px 0 0; overflow:hidden; background:#00a1b9; }
.pop h2{font-size:16px; font-family:"NanumBold"; padding:15px 0 10px 20px; color:#fff; }
.pop .btn_more{ position:absolute; top:15px; right:20px; background:url('/images/template/02410/main/btn_more01.png') no-repeat 0 0; width:49px; height:19px; text-indent:-10000px; z-index:10 }
.pop .list{ padding:0 20px; }
.pop .list li{  font-size:12px; font-family:'돋움',Dotum; line-height:23px;}
.pop .list li a{ display:block;  padding-left:8px; background:url("/images/template/02410/main/notice_dot.gif") no-repeat 0 9px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pop .list a:hover { text-decoration:underline;}

.pop .nss_pg{ position:absolute; top:16px; right:10px; }
.pop .nss_pg > span{ font-family:'돋움',Dotum; line-height:28px; color:#fff; font-size:12px; display:inline-block; width:45px; text-align:center}
.pop .nss_pg > span strong{ color:#fff155}
.pop .nss_pg a{ display:block; float:left; font-size:0; text-indent:-10000em; width:17px; height:18px; margin:0 0 0 0}
.pop .nss_pg a.pre{ background:url(/images/template/02074/main/btn_c_prev.gif) no-repeat;}
.pop .nss_pg a.next{ width:18px;background:url(/images/template/02074/main/btn_c_next.gif) no-repeat; }
.pop .nss_pg a.stop{ background:url(/images/template/02074/main/btn_stop.gif) no-repeat; }
.pop .nss_pg a.list{ background:url('/images/template/02074/main/btn_more01.png') no-repeat; }
.pop .pop_img{width:100%;height:165px;}
.pop .pop_img li{ display:none; width:100%; height:100%; }
.pop .pop_img li img{ width:100%;height:100%;}
.pop .pop_img li.on{ display:block}

/* 가정통신문 */
.notice02 { position:relative; width:485px; height:160px; border:1px solid #ddd; margin:10px 0 0; clear:both; float:left; box-sizing:border-box;}  
.notice02 h2 { font-size:14px; font-family:'NanumBold'; }
.notice02 h2 a{ position:absolute; top:15px; display:block; text-align:center; color:#666; width:100px; left:80px;}
.notice02 h2.tit_1 a{ left:0; }
.notice02 h2.tit_2 a{ left:90px; border-left:1px solid #dedede; }
.notice02 h2 a.current{color:#195ea7; }
.notice02 .btn_more{ position:absolute; top:15px; right:15px; background:url('/images/template/02410/main/btn_more02.png') no-repeat 0 0; width:49px; height:19px; text-indent:-10000px; z-index:10 }
.notice02 .list_box.on{ display:block; }
.notice02 .list_box{ display:none; padding:50px 20px 0; font-family:'돋움',Dotum; font-size:12px; overflow:hidden;}
.notice02 .list_box li{ font-family:'돋움',Dotum; line-height:24px; font-size:12px; overflow:hidden; position:relative;}
.notice02 .list_box li a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#444;}
.notice02 .list_box li a:hover{ text-decoration:underline;}
.notice02 .list_box li span.text {float:left; padding-left:8px; background:url("/images/template/02410/main/notice_dot02.gif") no-repeat 0 8px; width:70%;}
.notice02 .list_box li span.date { position:absolute; top:0; right:0; color:#666;}

/* 포토갤러리 */
.gallery{ position:relative; width:485px; height:160px; border:1px solid #ddd; margin:10px 0 0; float:right; box-sizing:border-box;}
.gallery h2 { font-size:14px; font-family:'NanumBold'; padding:15px 0 0 20px; }
.gallery .btn_more{ position:absolute; top:15px; right:15px; background:url('/images/template/02410/main/btn_more02.png') no-repeat 0 0; width:49px; height:19px; text-indent:-10000px; z-index:10 }
.gallery ul.list_box{overflow:hidden; padding:12px 20px 0; }
.gallery ul.list_box li{ float:left; margin-left:19px; width:135px;}
.gallery ul.list_box li:first-child{ margin-left:0;}
.gallery ul.list_box li a{ color:#fff; font-size:12px; font-family:'돋움',Dotum;}
.gallery ul.list_box li a:hover{ text-decoration:underline}
.gallery ul.list_box li a .img{ display:block}
.gallery ul.list_box li a .img img{ width:135px; height:75px; }
.gallery ul.list_box li a .txt{ display:block; padding:10px 0 0; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* 바로가기01 */
.link_wrap{position:relative; width:100%; height:120px; background:#ededed; margin:10px 0 0; float:left; border-top:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; }
.link_wrap ul{ width:100%; }
.link_wrap li{ float:left; width:11.11%; *width:11%; }
.link_wrap li:first-child{ width:11.12%;}
.link_wrap li a{ display:block; color:#444; height:104px; padding-top:15px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-family:"NanumBold"; font-size:13px; letter-spacing:-1px; text-align:center; }
.link_wrap li a:hover{ color:#195ea7;}
.link_wrap li span{ display:block; padding-top:10px; }

/* 배너존 */
.banner_zone{ position:relative; width:100%; margin:20px 0; overflow:hidden;}
.banner_zone .inner{ position:relative; width:980px; padding:15px 0; background-color:#fff; border:1px solid #ddd; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.banner_zone h2{ font-size:15px; font-family:"NanumBold"; color:#1d1d1d; position:absolute; top:17px; left:20px;}
.banner_zone .btn{ position:absolute; left:20px; top:40px}
.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/template/02410/main/btn_b_prev.gif') no-repeat}
.banner_zone .btn a.stop{ background:url('/images/template/02410/main/btn_b_stop.gif') no-repeat}
.banner_zone .btn a.next{ background:url('/images/template/02410/main/btn_b_next.gif') no-repeat}
.banner_zone .btn a.list{ background:url('/images/template/02410/main/btn_b_list.gif') no-repeat; width:15px; }
.banner_zone ul{ margin-left:105px; height:40px; overflow:hidden}
.banner_zone ul li{ float:left; margin-left:15px;}
.banner_zone ul li a img{ width:155px; height:40px}
 
@media (max-width: 800px) {
	
	#container,
	.main_content,
	.link_wrap li,
	.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:68px; background:#fff;}
	.main_content { width:95%; margin:0 auto; height:100%; }
		
	.main_visual, .notice, .notice02, .gallery, .pop, .schedule, .link_wrap, .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{ height:auto; }
	.main_visual p{ width:100%; }
	
	/* 공지사항 */
	.notice { width:100%; margin-left:0;}

	/* 학사일정 */
	.scheduleBox{ position:relative; top:auto; width:49%; margin:10px 0 0; float:left;}
	
	/* 팝업존 */
	.pop{ width:49%; float:right; margin:10px 0 0; }

	/* 가정통신문 */
	.notice02 { width:100%; }
	
	/* 포토갤러리 */
	.gallery{ width:100%;}
	.gallery ul.list_box li{ width:-webkit-calc(33.33% - 10px); width:-moz-calc(33.33% - 10px); width:calc(33.33% - 10px); margin-left:15px;}	
	.gallery ul.list_box li a .img img{ width:100%; }

	/* 바로가기01 */
	.link_wrap{ height:auto; }
	.link_wrap li{ width:33.33%; }
	.link_wrap li:first-child{ width:33.33%;}

	/* 배너존 */
	.banner_zone .inner{width:95%;}
	.banner_zone ul{ margin-left:90px; }
	.banner_zone ul li{width:-webkit-calc(33% - 15px); width:-moz-calc(33% - 15px); width:calc(33% - 15px); margin-left:10px;}
	.banner_zone ul li a img{ width:100%}

}


@media (max-width: 640px) {	

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

}

@media (max-width: 480px) {
	
	/* 학사일정 */
	.scheduleBox{ width:100%;}
	
	/* 팝업존 */
	.pop{ width:100%; }



}

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


}