@charset "utf-8";

/* header */
header #head{ width:1235px; position:relative;  top:30px; margin:0 auto 0; padding:0px 0px 0px 0px; box-sizing: border-box; z-index:1000;}
header #head #logo{position:absolute; left:80px; }	
header #head #logo a{display:block; width:154px; height:33px; background:url('../images/logo_w.png'); background-size:100%;}

	.box_menu { display: none; z-index: 100; position: absolute; top:2px; left:0px; margin:0 auto 0; width:600px; overflow: hidden; box-sizing: border-box;}
	.box_menu div.close {position: absolute; top: 0px; left:30px; cursor:pointer; width:28px; height:22px; background:url('../images/ico_close_w.png'); background-size:100%;}	
	.box_menu div.inner {overflow:hidden; margin:40px 0px 0px 30px; padding:30px 30px 20px 30px;  box-sizing: border-box; background:#fff; opacity:0.85;}
	.box_menu ul {float:left; width:33.3%;overflow:hidden;  margin:0px auto 0px; padding-top:10px; opacity:1.0; border-top:1px solid #000000;}
	.box_menu ul li { position: relative; float:left; width:100%; padding:10px 0 10px 15px;box-sizing: border-box;}
	.box_menu ul li a{ color:#555555; }
	.box_menu ul li a:hover {color:#000000; }
	.box_menu ul li:before {content: '◆';  display: block;  position: absolute; left: 0px; top:10px; font-size:9px; color:#1E2188; }

	/* 탑메뉴 */
	#gnb { display:none;}

header #head #btn-menu {position: absolute; top:2px; left:30px; cursor:pointer; width:28px; height:22px; }
header #head #btn-menu .bu_menu {width:28px; height:22px; background:url('../images/ico_menu_w.png'); background-size:100%;}


@media(max-width:1235px) {
	header #head{width:100%; }

	header #head #btn-menu {right:15px; }
}
@media(max-width:800px) {
	.box_menu { width:100%; }
}
@media(max-width:710px) {
	header #head #btn-menu {}
	.box_menu {}
	.box_menu span.close {right:15px;}	
	.box_menu div.inner {width:100%; margin:40px 0px 0px 0px; padding:0px 0px 10px 0px; }
}
@media(max-width:600px) {
	.box_menu ul { width:100%;}
	.box_menu ul li { width:100%; padding:10px 0 10px 30px;}
	.box_menu ul li:before { left: 15px; }
}

/*
	#sub_title_img {  width:1235px; height:395px; margin:0px auto 0px; top:0px; background-size: 100% auto; background-position:center top; background-repeat: no-repeat;}
	#sub_title_img .container {  position:relative; max-height: 395px;	 margin:0 auto;}
	#sub_title_img .text_title {  position:absolute; left:0px; bottom:0px; text-align:center; padding:0px 20% 50px 20%; box-sizing: border-box; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);   }
	#sub_title_img .text_title h3 {margin-bottom: 15px;  font-size: 4.0em; line-height:55px; font-weight: 700; color: #000; }
	#sub_title_img .text_title p.title {margin-top:50px; font-size: 1.0em; line-height:26px; font-weight: 600; color: #000; word-break:keep-all; font-family:'nanummyeongjo'; }
	#sub_title_img .img {width:100%; top:0px; z-index:400;}
*/

	.sub_imgWrap {width:1235px; position:relative;  top:0; margin:0px auto 0px;   } 
	.subVisual { position:relative; max-height: 395px;	overflow: hidden;}
	.subVisual img{	width: 100%;		margin-bottom:0px;}
	.subVisual .text_title {  position:absolute; bottom:0px; text-align:center; padding:0px 20% 50px 20%; box-sizing: border-box; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);  width:100%;}
	.subVisual .text_title h3 {margin-bottom: 15px;  font-size: 4.0em; line-height:55px; font-weight: 700; color: #fff; }
	.subVisual .text_title p.title {min-height:50px;margin-top:50px; font-size: 1.0em;  font-weight: 600; color: #fff; word-break:keep-all; font-family:'nanummyeongjo';  }


#sub_Wrap {/*width:1235px;*/ max-width:1235px; margin:0px auto 0px; overflow: hidden; padding:80px 0 50px; box-sizing: border-box;}

	#location {width:100%; text-align:center; margin-bottom:50px; }
	#location h4 { position:relative; display:inline-block; font-size:1.8em; font-weight:800; line-height:40px; font-family:'nanummyeongjo';}
	#location h4:after {content: ""; position: absolute; top: -10px; margin-left:-25px; left:50%; right:50%; top:130%; width:50px;  height:2px; background:#333; }

@media (max-width:1235px){
	.sub_imgWrap   { width:100%; }

	#sub_Wrap { width:100%; padding:80px 15px 50px 15px; }
}

@media (max-width:1060px){
	.subVisual .text_title {  padding:0px 15% 30px 15%; }
	.subVisual .text_title h3 { font-size: 3.5em; line-height:50px;  }
	.subVisual .text_title p.title {margin-top:30px; }
}
@media (max-width:900px) { 
	#sub_Wrap { padding:50px 15px 50px 15px; }

	.subVisual .text_title {  padding:0px 15px 20px 15px; }
	.subVisual .text_title h3 {margin-bottom: 15px;  font-size: 3.0em; line-height:40px;  }
	.subVisual .text_title p.title { line-height:23px;  }
}
@media (max-width:800px) { 
}
@media (max-width:768px) { 
	.subVisual { height: 280px;}
	.subVisual img{height: 280px;}
	.subVisual .text_title {  padding:0px 15px 15px 15px; }
	.subVisual .text_title h3 {margin-bottom: 10px;  font-size: 2.5em; line-height:30px;  }
	.subVisual .text_title p.title { line-height:23px;  }

	#location {margin-bottom:30px; }
	#location h4 { font-size:1.6em; line-height:38px;}

}
@media all and (max-width:480px) {
	.subVisual .text_title {  padding:0px 15px 10px 15px; }
	.subVisual .text_title h3 {margin-bottom: 5px;  font-size: 2em; line-height:25px;  }
}
@media all and (max-width:420px) {
	#location h3 strong img{height:25px;}
	#location h3 span { padding-top:18px; font-size:1.375em;}
	#location h3 span:after { top: 50px;}
	.subVisual .text_title p.title {margin-top:15px; }
}
@media all and (max-width:360px) {
	.subVisual .text_title p.title { line-height:36px;  word-break:normal;}
}


/* 서브 기사 리스트 */
.list_news { margin-right: -30px; margin-top: 30px; }
.list_news ul { margin: 0px; overflow:hidden; }
.list_news ul li { float: left; position:relative; width:33.333%; height:390px; padding: 0px 30px 0px 0px; box-sizing: border-box;}
.list_news ul li a { display:block; width:100%; overflow:hidden;}
.list_news ul li .ico_area {display:inline-block; position:absolute; left:0; top:0; text-align:center; padding:8px 20px 14px 20px; font-size:1.3em; color:#fff; font-weight:600; background:url(../images/ico_area_bg.png) left top repeat-x; z-index:10;}
.list_news ul li .txt_area { display:block; width:100%; padding:16px 0px 0px 0px; text-align:center; box-sizing: border-box;}
.list_news ul li .txt_area span { display:inline-block; font-size:15px; color:#14aa00; line-height:17px; font-weight:500; }
.list_news ul li .txt_area span.nom{ display:inline-block; text-align:center; border:1px solid #14aa00; border-radius:50px; width:16px; font-size:10px; font-weight:400; line-height:15px; padding:0px; margin:0 3px 0 5px;}
.list_news ul li .txt_area strong { display:block; font-size:18px; color:#000; line-height:25px; font-weight:600;  }
.list_news ul li .txt_area p.text { font-size:15px; color:#707070; line-height:25px; font-weight:400;  }

.list_news .img_area {position:relative; overflow:hidden; width:100% !important;}
.list_news .img_area img {
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	width: 100%; height:230px !important;
}
.list_news li:hover .img_area img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.list_news .img_area .hoverIcon{opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/main/more_view.png) center center no-repeat; transition:all .3s; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);}
.list_news .img_area:hover .hoverIcon{opacity:1.0; }


/* 서브 기사 리스트 더보기 버튼 */
.textBar{display:none; margin-top:-5px; text-align:center; cursor:pointer; }
.textBar button { border:1px solid #dcdcdc; background:#fff; background-size:20px 20px; padding:5px 0 5px 30px;width:100%;font-size:0.938em; font-weight:500; color:#767676; box-sizing: border-box; line-height:20px; box-sizing: border-box;}	
.textBar button .ic { display:inline-block;background:url(../images/ic_more.png) left center no-repeat;background-size:20px 20px;padding:5px 30px 5px 30px; margin-top:0px;}
.textBar button #newsCount { color:#333;  font-weight:600;}

@media all and (max-width:1024px) {
	.list_news ul li { height:340px; }
	.list_news .img_area img {	height:181px !important;}
}
@media all and (max-width:900px) {
	.list_news { margin-right: -15px; }
	.list_news ul li { height:315px; padding: 0px 15px 0px 0px;  }
	.list_news ul li .ico_area {padding:6px 13px 10px 13px; font-size:1.1em; font-weight:600; }
	.list_news .img_area img {	height:158px !important;}
}
@media all and (max-width:768px) {
	.list_news { margin-right: 0px;}
	.list_news ul li {width:100%; height:360px; padding: 0px 0px 0px 0px;}
	.list_news ul li .txt_area { padding:10px 12px 0px 12px;}
	.list_news .img_area img {height:230px !important;}
}
@media all and (max-width:600px) {
	.list_news ul li {height:auto; padding: 0px 0px 40px 0px;}
	.list_news .img_area img {	height:auto !important;}

	.textBar{display:block; }
}

/* paging */
.boardPager{ width:100%; height:auto; display:block; vertical-align:middle;margin-top:-20px;}
.boardPager ul{height:40px;  display:table; text-align:center; margin:20px auto;}
.boardPager ul li{width:45px; height:40px; display:inline-block; vertical-align:middle;}
.boardPager ul li a{ font-family:'NanumSquare'; font-size:1.063em; color:#777777; line-height: 40px; font-weight:600;}
.boardPager ul li.pagerNext, .boardPager ul li.pagerPrev, .boardPager ul li.pagerLast, .boardPager ul li.pagerFirst{width:40px; height:40px; overflow:hidden; }
.boardPager ul li.pagerLast{margin-left:10px;}
.boardPager ul li.pagerFirst{margin-right:10px;}
.boardPager ul li.pageOn a, .boardPager ul li:hover a{text-decoration: underline; color:#FF9C00; cursor:pointer;}
.boardPager ul li.pagerNext a, .boardPager ul li.pagerPrev a, .boardPager ul li.pagerLast a, .boardPager ul li.pagerFirst a{margin: 14px auto;}
.boardPager ul li.pagerNext:hover, .boardPager ul li.pagerPrev:hover, .boardPager ul li.pagerFirst:hover, .boardPager ul li.pagerLast:hover{cursor:pointer; }

@media screen and (max-width:600px){
	.boardPager{display:none;}
}


	.video-container { 
		margin-top:-10px ;
		padding-bottom: 56%; 
		max-width: 100%; 
		height: 0;  
		position: relative;
		overflow: hidden;
	} 
	.video-container iframe, 
	.video-container object,
	.video-container embed {
		margin: 0;
		padding: 0;  
		width: 100%; 
		height: 100%;
		position: absolute; 
		top: 0; 
		left: 0; 
	}


.btn_top_area .btn_main{display:inline-block; margin-right:5px;}