@charset "utf-8";

@import url(common.css);

#container {position:relative; background:url(/images/template/02269/main/main_bg.gif) repeat-x}
#container:after {content:""; display:block; clear:both;}

.main_content_1 {position:relative; z-index:7; width:980px; height:400px; margin:0 auto 40px;}

/* 메인비주얼 */
.main_visual{ position:relative; text-align:center; width:980px; margin:0 auto}

/* 바로가기 */
.M_link{ position:relative; overflow:hidden;  height: 135px; margin: 0 auto 40px;}
.M_link ul{overflow:hidden; padding-top:16px;}
.M_link li {position:relative;  float:left; margin-left: 36px; width:104px; height: 104px; border-radius:52px; background:#496a98;}
.M_link li a{display:block; font-size:13px; color:#fff; font-family:'NanumBold'; text-align:center; letter-spacing:-1px; }
.M_link li a:hover{ color:#fff799; }
.M_link li a img {position:absolute; top:10px; left:50%; margin-left:-35px;}
.M_link li a span{display:block; padding-top:70px; text-align:center; }


/*공지사항*/
.notice {position:relative; width:340px; height:220px; overflow:hidden; float:left; margin-right: 35px; }
.notice h2{ font-size:17px; font-family:'NanumBold';  font-weight:bold; line-height:38px; }
.notice h2 a{ display:block; width: 100px; height: 38px; color:#576885; border: 2px solid #dcdcdc;  text-align:center; border-radius:10px 10px 0 0; border-bottom: none; }
.notice h2.tit_1 a{position:absolute; left:0; top: 0px; }
.notice h2.tit_2 a{position:absolute; left: 108px; top: 0px; }
.notice h2 a:hover{text-decoration:underline}
.notice h2 a.current{ color:#82c1c3; border:2px solid #82c1c3; border-bottom: none; }
.notice .list_box.on {display:block;}
.notice .list_box {height:180px; display:none; margin: 40px 0 0; font-family:'돋움',Dotum; font-size:12px; border-top: 2px solid #82c1c3; }
.notice .list_box a {color:#3c3c3c;}
.notice .list_box a:hover {text-decoration:underline;}
.notice .list_box ul li{ font-family:'돋움',Dotum; line-height:35px; font-size:12px; overflow: hidden; border-bottom: 1px solid #dcdcdc; border-style: dotted; }
.notice .list_box ul li span.text {float:left; width: 70%; display: block;}
.notice .list_box ul li span.date {float: right; color: #95a6b8;}
.notice .list_box ul li a { display:block; background:url("/images/template/02269/main/notice_dot.gif") no-repeat 0 15px; padding-left:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice .list_box .btn_more {position: absolute; right: 0; top: 10px; width:43px; height:11px; text-indent:-10000px; background: url(/images/template/02269/main/btn_more.gif) no-repeat; }

/*포토앨범*/
.gallery { width: 340px; float: left; margin-right: 35px; position: relative; }
.gallery h2 {height:42px; font-size: 20px; color:#576885; }
.gallery .gall_list{ position: relative; height:118px; padding:30px 20px; background-color: #c8e5eb; border-radius: 11px;}
.gallery .gall_list li {width:47.5%; margin-left:5%; float:left;}
.gallery .gall_list li:first-child {margin-left:0;}
.gallery .gall_list li a {height:100%; display:block; font-size:12px; font-family:'돋움',Dotum; color:#222; text-align:center;}
.gallery .gall_list li span.img img {width:100%; height:90px;}
.gallery .gall_list li span.txt {display:block; margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.gallery .btn_more { position: absolute; right: 0; top: 10px; width:43px; height:11px; text-indent:-10000px; background: url(/images/template/02269/main/btn_more.gif) no-repeat;  }

/* 행사일정 */
.schedule {position: relative; width: 230px; height:220px; float: left; }
.schedule h2 {height:42px; font-size: 20px; color:#576885; }
.schedule .date_view {position: absolute; right:0; top:42px; width: 100%; height:30px; text-align:center;}
.schedule .date_view a{position: absolute; top:4px; display:block; font-size:0; line-height:0; width:23px; height:22px;}
.schedule .date_view span{line-height:30px; font-weight:bold; font-size: 12px;  font-family:'돋움',Dotum;  }
.schedule .date_view a.pre{left:20px; background:url(/images/template/02269/main/btn_c_prev.gif) no-repeat;}
.schedule .date_view a.next{right:20px; background:url(/images/template/02269/main/btn_c_next.gif) no-repeat;}
.schedule .inner {height:146px; padding-top:30px; border: 1px solid #d9d9d9; background:#f3f3f4;}
.schedule .inner table{ width:100%;}
.schedule .inner table th, .schedule table td{ margin:0; padding:0}
.schedule .inner table thead th{ color: #fff; font-size: 12px; background:#ef6e8d; line-height: 28px; height: 28px; }
.schedule .inner table tbody tr:first-child td{padding:5px 0 0}
.schedule .inner table tbody td{ color:#898989; font-size:12px; text-align:center; line-height: 19px; }
.schedule .inner table tbody td .today{ display:inline-block; width:20px; height:20px; color:#222; font-weight:bold; background:url(/images/template/02269/main/schd_today.gif) no-repeat center center; border-radius: 3px; }
.schedule .inner table tbody td .check{ display:inline-block; width:20px; height:20px; color:#222; font-weight:bold; background:url(/images/template/02269/main/schd_check.gif) no-repeat center center}
.schedule .btn_more {position: absolute; right: 0; top: 10px; width:43px; height:11px; text-indent:-10000px; background: url(/images/template/02269/main/btn_more.gif) no-repeat; }


/* 배너존 */
.banner_wrap{ position:relative; clear:both;  overflow:hidden; border-top:1px solid #d3d3d3}
.banner_zone { position:relative; width:980px; height:65px; margin:0 auto; overflow:hidden}
.banner_zone h2{ font-size:15px; font-family:"NanumBold"; color:#1d1d1d; position:absolute; top:12px; left:0;}
.banner_zone .btn{ position:absolute; left:0; top:37px}
.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/02269/main/btn_b_prev.gif) no-repeat}
.banner_zone .btn a.stop{ background:url(/images/template/02269/main/btn_b_stop.gif) no-repeat}
.banner_zone .btn a.next{ background:url(/images/template/02269/main/btn_b_next.gif) no-repeat}
.banner_zone .btn a.list{ background:url(/images/template/02269/main/btn_b_list.gif) no-repeat; width:15px; }
.banner_zone ul{ padding-top:10px; 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_visual,
	.M_link, 
	.photo_news,
	.calendar_wrap,
	.banner_zone,
	.banner_zone .inner {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	#container{ padding-top:69px; background:none}
	.main_content_1 { width:95%; margin:20px auto; padding:0; }
	.main_visual, .M_link, .photo_news, .calendar_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{ width:100%; background: #c3e0e6; padding:0 2% }
	.main_visual img{ width:100%; height:auto}

	/* 바로가기 */
	.M_link {width: 100%; height: 323px; float: left; border-radius: 11px; margin: 0 auto ; background:#496a98; margin-bottom:20px; }
	.M_link ul {padding:20px 10px;}
	.M_link li {width:30%; height: 90px; margin:5px 1.5%; background:none;}
	.M_link li a img {top:0; left:50%; margin:0 0 0 -30px; width:60px;}
	.M_link li a span{display:block; padding-top:55px; text-align:center; }



	/*공지사항*/
	.notice { width: 100%; height: 220px; float: left; margin-right:0; }
	
	/*포토앨범 */
	.gallery {width: 48%; margin: 20px 4% 2% 0%; }
	
	/*달력*/
	.schedule {width: 48%; margin: 20px 0% 2% 0%; }

	/* 배너존 */
	.banner_wrap{border-top:0; padding-top:15px; margin-bottom:20px}
	.banner_zone {width:95%; height:67px; border:1px solid #d3d3d3}
	.banner_zone h2, .banner_zone .btn{left:14px}
	.banner_zone ul li{width:-webkit-calc(32.5% - 10px); width:-moz-calc(32.5% - 10px); width:calc(32.5% - 10px);}
	.banner_zone ul li a img{ width:100%; }	

}



@media (max-width: 620px) {

	/* 바로가기 */
	.M_link{ width: 100%; margin: 0% 0% 4% 0%; }
	
	/*공지사항*/
	.notice { width: 100%; margin-left: 0;}
	
	/*포토앨범 */
	.gallery { width: 100%; }
	
	/*달력*/
	.schedule { width: 100%; }

}

@media (max-width: 560px) {

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

@media (max-width: 480px) {
	

}

@media (max-width: 380px) {	

	/* 배너존 */
	.banner_zone ul li{ width:90%;}	


}