@charset "utf-8";

 @import url(common.css);
 
#container { position: relative; height: 100%}
#container:after { display: block; content: ""; clear: both; }

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

/* 메인비주얼 */
.main_visual{ position: relative; width: 100%; height: 440px; overflow:hidden;  background:#b0a299 url('/images/template/00052/main/M_visual_bg.png') no-repeat center bottom; }
.main_visual .slogan{
						position: relative;
						width: 700px;
						padding:100px 0 0 19%;
						overflow: hidden;
						-webkit-animation:move 0.8s  ease;
						-moz-animation:move 0.8s  ease;
						-o-animation:move 0.8s  ease;
						-ms-animation:move 0.8s  ease;
						animation:move 0.8s  ease;
						}
.main_visual .slogan .text01{font-family: 'NanumBold';color:#fff;font-size: 35px;letter-spacing:-1px;line-height:30px;text-shadow:1px 1px #555;}/*250119*/
.main_visual .slogan .text02{font-family: 'NanumBold';color:#fff;font-size:55px;line-height:140%;text-shadow:1px 1px #555;margin-top: .5rem;}/*250119*/
.main_visual .slogan .text03{font-family: 'NanumBold';color:#fff;font-size: 18px;line-height:140%;text-shadow:1px 1px #555;margin-top: .3rem;word-break: keep-all;}/*250119*/


@-webkit-keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-moz-keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-o-keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@-ms-keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes move {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}

.left_area{width:420px; float:left; margin-right:30px; }
.center_area{width:420px; float:left; margin-right:30px; }
.right_area{width:300px; float:right;}

/* 공지사항 */
.notice { position:relative; float:left; width:100%; height:190px;  margin-bottom:30px; background:url(/images/template/00052/main/noti_bg.gif) no-repeat right 0}
.notice h2 { font-size: 15px; font-family: 'NanumBold'; border-left:1px solid #c9c9c9;}
.notice h2 a {width:149px; height:56px; line-height:50px; position: absolute; display: block; top: 0; background:url(/images/template/00052/main/notice_tit.gif) no-repeat; text-align: center; color: #333;}
.notice h2 a:hover { text-decoration:underline}
.notice h2.tit_1 a { left: 0; }
.notice h2.tit_2 a { left: 149px; }
.notice h2.tit_3 a { left: 298px; }
.notice h2.tit_4 a { left: 447px; }
.notice h2 a.current {color: #fff; background:url(/images/template/00052/main/notice_tit_on.gif) no-repeat right top}

.notice .list_box.on { display: block; }
.notice .list_box { display: none; padding: 68px 0 0; overflow: hidden; }

.notice .list_box ul {}
.notice .list_box li { position: relative; font-family:'돋움',Dotum; line-height: 26px; font-size: 12px; overflow: hidden; }
.notice .list_box li a { display: block; width: 70%; float: left; padding-left: 10px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url("/images/template/00052/main/noti_dot.gif") no-repeat 0 10px; }
.notice .list_box li a:hover { text-decoration: underline; }
.notice .list_box li span.date { display: block; width: 25%; float: right; text-align: right; color: #666; font-size: 12px; line-height: 26px; }
.notice .btn_more { position: absolute; width: 48px; height: 48px; right: 0; top: 0; text-indent: -9999em; line-height: 0; font-size: 0; background: url(/images/template/00052/main/btn_more.gif) no-repeat center center; }
.notice .btn_more:hover {transition:transform 300ms ease-in-out 0s; transform:rotate(360deg);}

.notice02{margin-bottom:0;}
.notice02 h2 a.current {background:url(/images/template/00052/main/notice02_tit_on.gif) no-repeat right top}


/* 갤러리 */
.gallery {position:relative; float:left; width:100%; height:190px; border:1px solid #ccc; overflow:hidden;  margin-bottom:30px;}  
.gallery h2 {font-size:16px; color:#333; font-family: 'NanumBold'; line-height:46px; margin-left:30px }
.gallery .gall_list {overflow:hidden;  margin:8px 20px;}
.gallery .gall_list li {width:170px; margin:2px 10px; float:left;}
.gallery .gall_list li a {display:block;}
.gallery .gall_list li a:hover {text-decoration:underline}
.gallery .gall_list li .img img {width:100%; height:100px;}
.gallery .gall_list li span {display:block; text-align:center; font-family:'돋움',Dotum; font-size:12px; color:#444; font-weight:bold}
.gallery .gall_list li span.txt {margin:8px 0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.gallery .btn_more { position: absolute; width: 48px; height: 48px; right: 7px; top: 0; text-indent: -9999em; line-height: 0; font-size: 0; background: url(/images/template/00052/main/btn_more.gif) no-repeat center center; }
.gallery .btn_more:hover {transition:transform 300ms ease-in-out 0s; transform:rotate(360deg);}

.gallery02{margin-bottom:0;}



/* 항공뷰 */
.M_link01 { position: relative; width:100%; height:190px; float:left;overflow:hidden; background:url(/images/template/00052/main/m_link_bg.png)no-repeat 50% 50%;  margin-bottom:30px;}
.M_link01 .img{padding-top:35px; text-align:center;}
.M_link01 .arrow{position:absolute; top:45%; right:20px;}
.M_link01 .text{margin-top:13px; font-size:18px; color:#fff; font-family: 'NanumBold'; text-align:center; }
.M_link01:hover .img{transform:rotateY(360deg); transition:transform 300ms ease-in-out 0s;}

/* 바로가기 */
.M_link02 { position: relative; width:100%; height:190px; float:left; background-color:#7388b7;  overflow:hidden}
.M_link02 ul li {width:49.8%; hegiht:47px;  line-height:47px; float:left; border-bottom:1px solid #b9c4db; background:url(/images/template/00052/main/link_dot.gif)no-repeat 13% 50%;}
.M_link02 ul li:nth-child(odd){border-right:1px solid #b9c4db;}
.M_link02 ul li a { display: block; text-indent:30px; font-size: 13px; font-family: 'NanumBold';  color:#fff }
.M_link02 ul li a:hover {text-decoration:underline}
.M_link02 ul li img{ display:block; width:63px; margin:0 auto}







 @media (max-width: 800px) {
	
	#container, 
	.main_visual,
	.main_content,  
	.main_visual .slogan,
	.M_link01, .M_link01 ul li,
	.notice, .notice .list_box, .notice h2 a,
	.gallery{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
	#container { width: 100%; padding-top: 69px; background: none; }
	.main_content { width: 95%; height: 100%; }
	.main_visual, .notice, .gallery, .M_link01{ -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; background-size:cover; background-position-x:63%}
	.main_visual .slogan{ width:100%; padding:7% 5% 33% 5%; text-align:center; word-break:keep-all}
	.main_visual .slogan .text02{font-size:37px;}
	
	.left_area{width:100%;}
	.center_area{width:100%; margin-top:30px;}/*250106*/
	.right_area{width:100%; margin-top:30px;}
	
	/* 공지사항 */
	.notice {width:100%}
	.notice h2 a {width:22.5%}
	.notice h2.tit_2 a { left: 22.5%; }
	.notice h2.tit_3 a { left: 45%; }
	.notice h2.tit_4 a { left: 67.5%; }	
	.notice .top_list a dl {width:70%}
	
	/* 갤러리 */
	.gallery {width:100%; height:auto; margin:5% 0 0; padding:2% 13px}  
	.gallery .gall_list li {width:23%; margin:0 1%}
	.gallery .gall_list li .img img {width:100%; height:auto}
	.gallery .btn_more {top: 2%;}
	
	/* 항공뷰 */
	.M_link01{width:49%; margin-bottom:0; background-size:100% 100%;}
	
	/* 바로가기 */
	.M_link02{width:49%; float:right;}
	
}
	
	
 @media (max-width: 640px) {
	 
	
	/* 공지사항 */
	.notice h2 a {width:22%}
	.notice h2.tit_2 a { left: 22%; }
	.notice h2.tit_3 a { left: 44%; }
	.notice h2.tit_4 a { left: 66%; }
	.notice .top_list a dl {width:65%}
	
	/* 갤러리 */
	.gallery {margin:7% 0 0} 
	.gallery .gall_list li {width:46%; margin:0 2% 2%}
	.gallery .gall_list li .img img {width:100%; height:auto}
	
	/* 항공뷰 */
	.M_link01{width:100%;}
	
	/* 바로가기 */
	.M_link02{width:100%; margin-top:30px;}
	 

}


 @media (max-width: 560px) {
	 
	
	/* 공지사항 */
	.notice h2 a {width:21%; font-size:14px}
	.notice h2.tit_2 a { left: 21%; }
	.notice h2.tit_3 a { left: 42%; }
	.notice h2.tit_4 a { left: 63%; }
	.notice .top_list a dl dd.date { display:none}

	
}


 @media (max-width: 480px) {
	 
	 
	 
	/* 메인비주얼 */
	.main_visual .slogan .text01{ font-size:16px}	
	.main_visual .slogan .text02{ font-size:35px}
	
	/* 공지사항 */
	.notice h2 a {font-size:12px; letter-spacing:-1px}
	

	
}
 
 
 @media (max-width: 380px) {
	 
	/* 공지사항 */
	.notice h2 a {width:20.5%}
	.notice h2.tit_2 a { left: 20.5%; }
	.notice h2.tit_3 a { left: 41%; }
	.notice h2.tit_4 a { left: 61.5%; }

	
}