@charset "utf-8";

@media (min-width: 992px) and (max-width:1199px) {
.container { width:750px; }
}

.s1 { padding-top:200px; }
	.intro { position:absolute; top:-220px; z-index:1000; padding-left:30px; padding-right:15px; }
	.intro h2 { margin:0; font-size:44px; font-family: 'Nanum Myeongjo', serif; }
	.intro p { margin:20px 0 10px 0; font-size:13px; letter-spacing:-1px; line-height:1.8; }
	.intro .btn { background-color:#fbaf52; font-size:11px; font-family:Tahoma; text-transform:uppercase; border-radius:0; color:#fff; padding:3px 9px;}
	
	.visual-owl .item { position:relative; height:465px; }
	.visual-owl .caption { position:absolute; bottom:0; background:linear-gradient( to top, rgba(0,0,0,1), rgba(0,0,0,0) ); padding:10px 20px; }
	.visual-owl .caption h3 { color:#fff; font-size:20px; }
	.visual-owl .caption p { color:#ccc; }
	.visual-owl .owl-nav div { position:absolute; top:50%; margin-top:-40px; color:#fff; opacity:.5;  }
	.visual-owl .owl-nav div i { font-size:48px; }
	.visual-owl .owl-nav div:hover { opacity:1; }
	.visual-owl .owl-nav div.owl-prev { left:0; }
	.visual-owl .owl-nav div.owl-next { right:0; }
	.youtube-main{margin-left:30px;}
	.youtube-main a{ display:block; margin-bottom:40px;}
	.youtube-main h2 { font-size:20px; font-family: 'Nanum Myeongjo', serif; font-weight:bold; margin-top:0; }
	.youtube-main p { font-size:13px; padding-left:100px; background:url(/img/btn-youtube.png) no-repeat left center;}
	.news { border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; margin-left:30px;  }
	.news h2 { font-size:30px; font-family: 'Nanum Myeongjo', serif; }
	.news .bg-img { height:127px; }
	.news h3 { font-size:18px; }
	.news .date { color:#666; }
@media (max-width: 1199px) {
.s1 { padding-top:100px; }	
	.visual-owl .item { position:relative; height:390px; }
	.intro { position:static; padding-left:0; padding-right:0; }
	.intro h2 {font-size:28px;  margin:25px 0 0 0; }
	.intro { padding-bottom:25px; border-bottom:1px dotted #CCCCCC;}

	.news { margin-left:0; border:0; height:auto; }
	.news h2 { margin-top:25px; font-size:28px; }
	.news h3 { font-size:16px; }
}

@media (max-width: 767px) {
.s1 { padding-top:65px; }
.visual-owl { margin:0 -15px; }
.visual-owl .item { position:relative; height:300px; }
.visual-owl .caption h3 { color:#fff; font-size:15px;  margin-bottom:2px; }
.visual-owl .caption p { color:#ccc; font-size:12px; }


}
	
.s2 {}
	.about { background:#61564b url(/img/bg-about.png) no-repeat left bottom; background-size:100% auto; padding:10px 20px; height:460px; }
	.about h2 { color:#ecc477; font-size:30px; font-family: 'Nanum Myeongjo', serif; }
	.about h2 small { margin-top:8px; color:#c1b2a3; display:block; font-size:14px; }
	.about ul { margin:50px -5px 0 -5px; padding:0; list-style:none; display:block; }
	.about ul li { margin:0; padding:5px; display:block; float:left; width:33.33333%;  }
	.about ul li a { display:block; padding:10px 0; background-color:#fff; text-align:center; font-weight:bold; min-height:70px; }

	.photo { border:1px solid #ddd; padding:10px 20px; height:460px; }
	.photo .pic-box { width: 50%; float: left; overflow: hidden;}
	.photo h2 { font-size:30px; font-family: 'Nanum Myeongjo', serif;  }
	.photo a h3 { font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 40px; }
	.photo a p { padding-right: 40px; display: block;}
	.photo .date { color:#666; }
	
	.link { margin-left:30px; height:460px; }
		.link1 { background:#133472 url(/img/bg-link1.jpg) no-repeat left top; height:200px; }
		.link1 ul { margin:0; padding:85px 0 0 170px; list-style:none; display:block; }
		.link1 ul li { margin:0; padding:0; display:block; }
		.link1 ul li a { display:block; color:#597fc6; padding:2px 0; position:relative; width:150px; }
		.link1 ul li a:hover { color:#fff; }
		.link1 ul li a:after { content:'>'; font-family:'Material Icons'; position:absolute; right:0; top:0; }
	
	.link2 { margin-top:40px; }
	.link2 ul { margin:0; padding:0; list-style:none; }
	.link2 ul li { margin:0; padding:15px 0; display:block; float:left; width:33.3333%; }
	.link2 ul li a { text-align:center; display:block; }
	.link2 ul li a i { display:block; margin-bottom:5px; }
@media (max-width: 1199px) {
.s2 .about { height:350px; }
	.link { margin-left:0; margin-top:20px; }
	.photo { margin:20px 0 }
	.photo h2 { font-size:28px; margin-bottom:15px; }
	.photo a h3 { font-size:16px; }
}

@media (max-width: 767px) {
.s2 .about { margin:0 -15px; }
.s2 .photo { margin:0 -15px; border:0; }
.s2 .link { margin-top:0; }
.s2 .link1 { margin:0 -15px; }
}

/* 팝업레이어 */
#hd_pop {z-index:99999;position:relative;margin:0 auto;height:0; text-align:left;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff; z-index: }
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}