@charset "UTF-8";
*{margin:0px;padding:0px;}
.fr{float:right;}
.fl{float:left;}
#container {
	min-width: 980px;
	min-height: 650px;
}

#tools {
	height: 32px;
	background: #f9f9f9 url("/images/common/tools_bg.png") repeat-x top center;
}

#content {
	margin-top: 33px;
	background-color: #fff;
}

#content-container {
	margin: 0 auto;
}

#content-header {
	height: 157px;
}

#content-header #header-top {
	margin-top: 20px;
	height: 95px;
}

#content-header #header-top .default-box {
	min-height: 85px;
}

#content-header #header-top .default-box .top-logo {
	float: left;
}

/* 뉴스 검색 */
#search-news {
	margin-left: 34px;
	min-height: 80px;
	width: 360px;
	float: left;
}

#search-news .search-form-box {
	margin-top: 13px;
}

#search-news .search-form-box .inline-inpupbox {
	position: relative;
	width: 360px;
	height: 38px;
	background-color: #018343;
}

#search-news .search-form-box .inline-inpupbox .search-input {
	border: 3px solid #018343;
	border-radius: 0px;
	padding: 6px 8px;
	width: 327px;
	font-family: "돋움", "굴림", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	background-color: #fff;
	box-shadow: none;
}

#search-news .search-form-box .inline-inpupbox .btn-search {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	padding-top: 8px;
	padding-left: 8px;
	width: 27px;
	height: 27px;
	font-size: 18px;
	color: #fff;
	background-color: #018343;
}
.last-date{
	margin-top:10px;
}
#search-news .hot-keyword-box {
	margin-top: 15px;
	width: 360px;
	font-size: 12px;
	color: #ccc;
	text-align: center;
}

#search-news .hot-keyword-box a {
	display: inline;
	padding: 0 10px;
	font-size: 12px;
	color: #666;
}

#search-news .hot-keyword-box .keyword {
	width: 326px;
	float: left;
}

/* 광고박스 */
#content-header #header-top .default-box .ad-box {
	/*background-color: #f0f0f0;*/
	min-height: 80px;
	width: 350px;
	float: right;
}

#content-header #header-top .wide-box {
	min-height: 85px;
}

#content-header #header-top .wide-box  .ad-box {
	min-height: 80px;
	background-color: #f0f0f0;
}

#content-header #header-menu {
	margin-top: 12px;
	height: 40px;
	background: #fff url("/images/common/header_top_menu_bg.png") repeat-x top center;
}

#content-header #header-menu .default-box,
#content-header #header-menu .wide-box {
	height: 40px;
}

#content-header #header-menu .default-box .top-menu {
	width:670px;
	float: left;
}

#content-header #header-menu .default-box .top-menu li {
	float: left;
	cursor:pointer;
}

#content-header #header-menu .default-box .top-menu li a{
	display:block;
}

#content-header #header-menu .default-box .sp-menu {
	margin-left: 0px;
	float: left;
}

#content-header #header-menu .default-box .sp-menu li {
	float: left;
}

#content-header #header-menu .default-box .sp-menu li a{
	display:block;
}

#content-header #header-menu .default-box #switch {
	float: right;
	cursor:pointer;
}

#content-header #header-menu .wide-box {
	text-align: center;
}

#content-body {
	margin-top: 13px;
}

#content-body .default-box,
#content-body .wide-box {
	min-height: 1200px;
}


/* 메인 Content Body 끝 */

#content-body .wide-box {
	
}

/**************** TOP UTIL ****************/
#util {padding-top:7px;margin: 0 auto;}
#util_left {float:left; margin:0;}
#util_left li.pipe{padding-top:3px;}
#util_left li, #util_left li.pipe {float:left; height:17px;}
#util_left li.pipe {padding-left:18px; background:url(/images/ico/ico_pipe.png) no-repeat left center;}
#util_left li a {color:#999999;font-size:12px;}
#util_left li i{color:#999999;}
#util_right {float:right; margin:0;}
#util_right li i{color:#999999;}
#util_right li.pipe{padding-top:3px;}
#util_right li, #util_right li.pipe {float:left; height:17px;}
#util_right li.pipe {padding-left:18px; background:url(/images/ico/ico_pipe.png) no-repeat left center;}
#util_right li a {color:#8c8c8c;font-size:12px;}
#util_right li a i{font-size:16px;}

/**************** Footer ****************/
#footer-box {margin-top: 110px;height: 190px;border-top: 1px solid #aaa;background-color: #f6f6f6;}
#footer {margin: 0 auto;height: 150px;}
#footer .footer_contain {margin:0 auto;}
#footer .footer_contain p{
	margin-bottom:4px;
}
#footer .footer_contain .wings {float:left; width:130px; min-height:100px;}
#footer .footer_contain .slogo {float:left; padding:33px 0 0 30px;}
#footer .footer_contain .info {float:left; padding:22px 0 0 50px;}
#footer .footer_contain .info .nav{margin-bottom:5px;}
#footer .footer_contain .info .nav a {font-size:12px; color:#666666; line-height:18px;}
#footer .footer_contain .info .nav a span {color:#008345;}
#footer .footer_contain .info .nav span.pipe {padding:0 7px 0 5px; font-size:12px; color:#b7b7b7; line-height:18px;}
#footer .footer_contain .info .add {padding-top:12px; font-size:12px; color:#666666; line-height:20px;}
#footer .footer_contain .info .add a {width:14px; height:10px; padding-left:26px; background: url(/images/ico/ico_mail.png) no-repeat 8px 35%; color:#666666;}
#footer .footer_contain .info .add span {color:#008345;}

/**************** DEFAULT SUB MENU ****************/
#metro-submenu {margin-bottom:15px; position:absolute; z-index: 99999;}
#metro-submenu .on {visibility:visible}
#metro-submenu .off {visibility:hidden}
#metro-submenu .depth {position:absolute; top:-1px; left:0px; width:980px;  z-index:999999;}

#metro-submenu .depth#submenu-06 .list span{
	color:#ff7300;
}
#metro-submenu .depth#submenu-07 .list span{
	color:#2d90af;
}
#metro-submenu .depth .subcontent-box {height:auto;width:100%;-webkit-box-shadow: 2px 4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 2px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 2px 4px 5px 0px rgba(50, 50, 50, 0.75); background-color:#fff;/*padding:14px 19px 20px 18px;*/}
#metro-submenu .depth .subcontent-box .nav {float:left; width:120px; height:336px;padding:0 20px; background-color:#2f9a66;margin-bottom:0px;height:100%;}
#metro-submenu #submenu-06.depth .subcontent-box .nav {background-color:#ff8629;}
#metro-submenu #submenu-07.depth .subcontent-box .nav {background-color:#2c90b0;}
#metro-submenu #submenu-06.depth .subcontent-box .nav li a {background-color:#ff8629;}
#metro-submenu #submenu-07.depth .subcontent-box .nav li a {background-color:#2c90b0;}
#metro-submenu .depth .subcontent-box .nav li:first-child{margin-top:20px;}
#metro-submenu .depth .subcontent-box .nav li:last-child{margin-bottom:20px;}
#metro-submenu .depth .subcontent-box .nav li {margin-bottom:9px; width:100%; font-weight:bold; font-size:14px; color:#474747; letter-spacing:-0.05em; word-spacing:-0.1em;}
#metro-submenu .depth .subcontent-box .nav li a {color: white;letter-spacing: initial;font-weight: 600;}
#metro-submenu .depth .subcontent-box .nav li a:hover {color:black;text-decoration: underline;background-color:#2f9a66;}

#metro-submenu .depth .subcontent-box .conA {float:left; width:456px; padding-top:3px;margin-top:51px;margin-bottom:18px;margin-left:33px;height: 255px;overflow:hidden;}
#metro-submenu .depth .subcontent-box .conA .sheadline1 {background-color:#f6f6f6;padding:14px 15px;width:424px;height:107px;overflow:hidden;}
#metro-submenu .depth .subcontent-box .conA .sheadline1 .photo {float:left; width:157px; padding-right:10px;}
#metro-submenu .depth .subcontent-box .conA .sheadline1 .photo img {border:solid 1px #e3e3e3;}
#metro-submenu .depth .subcontent-box .conA .sheadline1 .txt {float:left; width:250px;}
#metro-submenu .depth .subcontent-box .conA .sheadline1 .txt div {margin-top: 6px;height: 76px;overflow: hidden;}
#metro-submenu .depth .subcontent-box .conA .sheadline1 .txt div a {margin-top:6px; font-size:12px; color:#575757; line-height:19px;}
#metro-submenu .depth .subcontent-box .conA .sheadline1 .txt h2 {line-height:24px;}
#metro-submenu .depth .subcontent-box .conA .sheadline1 .txt h2 a {display:inline-block; width:250px;  font-size:16px; color:#474747; letter-spacing:-0.05em; word-spacing:-0.07em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}

#metro-submenu .depth .subcontent-box .conA {float:left; width:446px; padding-top:3px;margin-top:51px;margin-bottom:18px;margin-left:30px;height: 255px;overflow:hidden;}
#metro-submenu .depth .subcontent-box .conA .sheadline2 {padding:0px 0px 18px 0px;}
#metro-submenu .depth .subcontent-box .conA .sheadline2 .photo {float:left; width:157px; padding-right:10px;}
#metro-submenu .depth .subcontent-box .conA .sheadline2 .photo img {border:solid 1px #e3e3e3;}
#metro-submenu .depth .subcontent-box .conA .sheadline2 .txt {float:left; width:250px;height:107px;overflow:hidden;}
#metro-submenu .depth .subcontent-box .conA .sheadline2 .txt div {margin-top:6px;}
#metro-submenu .depth .subcontent-box .conA .sheadline2 .txt div a {margin-top:6px; font-size:12px; color:#575757; line-height:19px;}
#metro-submenu .depth .subcontent-box .conA .sheadline2 .txt h2 {line-height:24px;}
#metro-submenu .depth .subcontent-box .conA .sheadline2 .txt h2 a {display:inline-block; width:250px;  font-size:16px; color:#474747; letter-spacing:-0.05em; word-spacing:-0.07em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}

#metro-submenu .depth .subcontent-box .conA .list {padding-top:10px;}
#metro-submenu .depth .subcontent-box .conA .list li { width:100%; font-size:12px; color:#777777; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
#metro-submenu .depth .subcontent-box .conA .list li a {color:#575757;}
#metro-submenu .depth .subcontent-box .conA .list li span {color:#008345;}

#metro-submenu .depth .subcontent-box .conB {float:right; width:310px; margin-right:18px; margin-bottom:18px;margin-top:54px;height:255px;overflow:hidden;}
#metro-submenu .depth .subcontent-box .conB .section1 {width:148px; }
#metro-submenu .depth .subcontent-box .conB .section1 .photo {border:solid 1px #e3e3e3;}
#metro-submenu .depth .subcontent-box .conB .section1 .txt {padding-top:5px; font-size:14px; color:black; line-height:20px; letter-spacing:-0.05em; word-spacing:-0.15em;}
#metro-submenu .depth .subcontent-box .conB .section1 .txt a {color:black;font-weight:bold;}
#metro-submenu .depth .subcontent-box .conB .section1 .txt span {font-weight:bold; color:#008345;}

#metro-submenu .depth .subcontent-box .conB .section2 {float:left; width:100%;}
#metro-submenu .depth .subcontent-box .conB .section2 .photo {float:left; width:83px; padding-right:13px;}
#metro-submenu .depth .subcontent-box .conB .section2 .photo img {border:solid 1px #e3e3e3;}
#metro-submenu .depth .subcontent-box .conB .section2 .txt {float:left; width:164px;}
#metro-submenu .depth .subcontent-box .conB .section2 .txt a {font-size:12px; color:#777777; line-height:18px;}
#metro-submenu .depth .subcontent-box .conB .section2 .txt h2 a {padding:3px 0 5px 0; font-size:14px; color:#474747; line-height:20px; letter-spacing:-0.05em; word-spacing:-0.07em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}

#metro-submenu .depth .subcontent-box .conB .list {clear:both;position:absolute;left:191px;top:10px;border-bottom:1px solid #cccccc;width:771px;}
#metro-submenu .depth .subcontent-box .conB .list li {float:left;}
#metro-submenu .depth .subcontent-box .conB .list li a {
	display: inline-block;
	max-width: 235px;
	font-size: 12px;
	color: #777777;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	margin-right: 18px;
}
#metro-submenu .depth .subcontent-box .conB .list li span {font-weight:bold; color:#008345;}
#metro-submenu .depth .subcontent-box .line {float:left; width:100%; height:1px; background-color:#e3e3e3;}




.width-default {width: 980px;}
.width-wide {width: 1200px;}

.width-default .default-box {width: 980px; float: left;}
.width-default .wide-box {display: none;}

.width-wide .default-box {width: 980px; float: left;}
.width-wide .wide-box {width: 200px; float: right; margin-left: 20px;}

.box-off {display: none;}
.clear {clear: both}

/* 모달 창 */
.modal {margin: 0; width: 720px;}
/*.modal-header {background-color: #009933;}*/
.modal-body {min-height: 320px;}
.modal.fade.in {top: 20%;}