@charset "utf-8";

@import url(common.css);

#container {position:relative; z-index:2}
#container:after {content:""; display:block; clear:both}

.main_content {position:relative; z-index:7; width:1020px; margin:0 auto}
.main_content:after {content:""; display:block; clear:both}

/* 슬라이더 */
#slider {position:absolute; top:0; left:0; width:100%; height:100%}
#slider div {position:absolute; width:100%; height:100%; top:0; left:0}
#slider .img_1 {background:url('/images/template/02299/main/bg_01.jpg') center top; background-size:cover; z-index:1}


/* 메인비주얼 */
.main_visual {position:relative; width:1020px; margin:0 auto}
.main_visual p img {width:100%}


/* 공지사항 */
.notice {position:relative; float:left; width:375px; height:175px; padding:0; background-color:#fff; border:1px solid #d8d8d8}  
.notice h2 {margin:0 25px 0; font-size:14px; font-family:"Nanum"; letter-spacing:-1px;} 
.notice h2 a {display:block; position:absolute; top:15px; padding:0 10px; line-height:28px; text-align:center; color:#515151; background-color:#dbdbdb; border-radius:6px 6px 0 0}
.notice h2.tit_1 a {left:25px}
.notice h2.tit_2 a {left:95px}
.notice h2 a.current {color:#fff; background-color:#ff8b10} 
.notice .btn_more {position:absolute; top:20px; right:25px; width:14px; height:14px; text-indent:-10000px; background:url('/images/template/02299/main/btn_more.gif') no-repeat 0 0; z-index:10 }
.notice .list_box.on {display:block}
.notice .list_box {display:none; overflow:hidden; padding:10px 0 0; margin:43px 25px 0;  border-top:2px solid #ff8b10} 
.notice .list_box li {position:relative;  font-family:"돋움",Dotum; font-size:12px; line-height:21px; *line-height:21px; overflow:hidden}
.notice .list_box li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#444;}
.notice .list_box li a:hover {text-decoration:underline;}
.notice .list_box li span.text {float:left; width:70%; padding-left:8px; background:url('/images/template/02299/main/notice_dot.gif') no-repeat 0 8px}
.notice .list_box li span.date {position:absolute; top:0; right:0; color:#727272}

/* 행사사진 */
.gallery {position:absolute; top:257px; left:389px; width:375px; height:175px; background-color:#fff; border:1px solid #d8d8d8; border-left:0}
.gallery h2 {height:30px; margin:15px 25px 0; font-size:14px; font-family:"NanumBold"; letter-spacing:-1px}
.gallery .btn_more {position:absolute; top:20px; right:25px; width:14px; height:14px; text-indent:-10000px; background:url('/images/template/02299/main/btn_more.gif') no-repeat 0 0; z-index:10 }
.gallery ul {overflow:hidden; margin:0 25px; width:100%}
.gallery ul li {float:left; margin-left:15px; width:160px}
.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:85px}
.gallery ul li a .txt {display:block; margin-top:15px; line-height:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery ul li.pcNone {display:none}

/*일정*/
.schedule {position:absolute; top:257px; right:0; width:241px; height:auto; padding:0; background-color: #90a7d1; border:1px solid #d8d8d8; border-left:0}
.schedule .pre{ position: absolute; top: 12px; left: 65px; width: 14px;  height: 14px; text-indent: -10000px; background: url(/images/template/02299/main/S_btn_prev.gif) no-repeat 0 0; }
.schedule .next{ position: absolute; top: 12px; right: 57px; width: 14px;  height: 14px; text-indent: -10000px; background: url(/images/template/02299/main/S_btn_next.gif) no-repeat 0 0; }
.schedule .date_view{font-family:'돋움',Dotum; font-size:12px;color: #456eb9;font-weight: bold; margin: 8px 0;text-align: center;}
.schedule table thead tr{background-color: #456eb9;border-radius: 100px;width: 200px;}
.schedule table thead th{color: #fff;font-size:12px; font-weight:bold; letter-spacing:-1px;line-height:27px;}
.schedule .date_view span{ margin:0 6px 0; line-height:15px; font-weight:bold; color:#fff; }
.schedule .inner{ width:200px; margin:0 auto 12px; background-color:#fff;}
.schedule table{ width:100%; font-family:'돋움',Dotum}
.schedule table tbody tr:first-child td{padding:10px 0 0 0}
.schedule table tbody td{ background-color:#90a7d1; color:#fff; letter-spacing:-1px; font-size:13px; line-height:17px; text-align:center}
.schedule table tbody td .check { display:inline-block; width:20px; height:17px;  background-color: #f9b635; }

/* 바로가기 */
.M_link {position:relative; float:left; width:1020px; background-color:#618ad2; margin-top: 12px}
.M_link ul {width:100%}
.M_link li {float:left; width:14%; text-align:center}
.M_link li a {display:block; color:#010101}
.M_link li a:hover {text-decoration:underline}
.M_link li a p {margin:10px 0 20px; letter-spacing:-1px; font-size:13px; font-family:"Nanum";color: #fff}
.M_link li a img {margin-top:20px}

/* 배너존 */
.banner_zone {position:relative; float:left; width:1020px; padding:10px 0; background-color:#6a8ca4; border:0px solid #d8d8d8; border-top:0;margin-top: 12px;overflow:hidden;}
.banner_zone h2 {position:absolute; top:25px; left:15px; font-size:15px; font-family:"NanumBold"; color:#fff}
.banner_zone .btn {position:absolute;  top: 25.5px;    left: 75px;    background-color: #fff;    border-radius: 10px;    height: 20px;}
.banner_zone .btn a {float:left; font-size:0; text-indent:-10000em; width:20px; height:20px; margin:0 2px; vertical-align:top}
.banner_zone .btn a.pre {background:url('/images/template/02299/main/btn_b_prev.png') no-repeat}
.banner_zone .btn a.stop{background:url('/images/template/02299/main/btn_b_stop.gif') no-repeat; }
.banner_zone .btn a.next{background:url('/images/template/02299/main/btn_b_next.png') no-repeat}
.banner_zone .btn a.list{background:url('/images/template/02299/main/btn_b_list.png') no-repeat}
.banner_zone ul {margin-left:170px; height:48px; overflow:hidden}
.banner_zone ul li{ float:left; margin-left:15px;}
.banner_zone ul li a img {width:153px; height:48px}

@media (max-width:800px) {
	
	#container, .main_content, .main_visual,
	.notice, .schedule, .gallery, .M_link, .M_link li, 
	.banner_zone  {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	.main_visual, #slider, .main_content, .main_visual,
	.notice, .schedule, .gallery, .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}
	
	#container {width:100%; padding-top:68px}
	.main_content {width:96%; margin:0 auto; height:100%}
	
	/* 슬라이더 */
	#slider {min-height:1100px}
	
	/* 메인비주얼 */
	.main_visual {width:100%; height:auto}
	
	/* 공지사항 */
	.notice {width:100%} 
	
	/* 행사사진 */
	.gallery {position:relative; top:0; left:0; float:left; width:50%; margin-top:10px; border-left:1px solid #d8d8d8}
	.gallery ul {width:auto}
	.gallery ul li {margin-left:4%; width:48%}
	
	/* 행사일정 */
	.schedule {position:relative; top:0; right:0; float:right; width:50%; margin-top:10px}
	.schedule .inner { width: 100%; }

	/* 바로가기 */
	.M_link {width:100%; height:auto}
	.M_link li { width:25%}
	.M_link li a {color:#fff}

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

}

@media (max-width: 690px) {
	
	/* 공지사항 */
	.notice {float:none; width:100%} 
	
	/* 일정 */
	.schedule {float:left; width:50%; border-top:0; border-left:1px solid #d8d8d8}
	
	/* 행사사진 */
	.gallery {position:relative; top:0; left:0; float:left; width:50%; border-top:0; border-left:1px solid #d8d8d8}
	.gallery ul {width:auto}
	.gallery ul li {margin-left:4%; width:48%}
			
	/* 배너존 */
	.banner_zone h2 {display:none}
	.banner_zone .btn {left:10px}
	.banner_zone ul {margin-left:80px}
	
}

@media (max-width: 600px) {	
	
	/* 일정 */
	.schedule { width: 100%; }
    .schedule .inner{ width: 100%;}

	/* 행사사진 */
	.gallery { width: 100%; }

	/* 바로가기 */
	.M_link {width:100%}
	.M_link li { width:50%; height:50px; border-right:1px dashed #3262ad; border-bottom:1px dashed #3262ad}
	.M_link li.link1, .M_link li.link3, .M_link li.link5, .M_link li.link7 {border-left:0}
	.M_link li.link2, .M_link li.link4, .M_link li.link6 {border-right:0}
	.M_link li.link7 {border-right:1px dashed #3262ad; border-bottom:0}
	.M_link li a {position:relative; padding:5px 25px; line-height:40px; text-align:left}
	.M_link li a img {position:absolute; top:-15px; left:10px; width:40px; height:40px; color:#fff}
	.M_link li a p {margin:0 0 0 40px}

}


@media (max-width: 480px) {
	
		
	/* 슬라이더 */
	#slider {min-height:1180px}
			
	/* 배너존 */
	.banner_zone ul li {width:-webkit-calc(48% - 10px); width:-moz-calc(48% - 10px); width:calc(48% - 10px);}


	/* 바로가기 */
	.M_link li { width:100%; border-right:0}

		
}

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