@charset "euc-kr";
html,body{margin:0;padding:0;width:100%;height:100%;font-size:11px;line-height:18px;color:#000;font-family:"dotum";}

* {margin:0; padding:0; list-style:none;}
img {border:0;}
a{text-decoration:none;color:#008f36;}
a:hover{text-decoration:underline;color:#008f36;}
dt{display:block;}

.headArea {position:relative; width:768px; height:168px; margin:15px 0 10px 15px; overflow:hidden; background:url('../images/common/bgTop.gif') no-repeat 0 0;}
.headArea h1 {position:absolute; top:9px; left:5px;}
.headArea ul {position:absolute; top:9px; left:396px;}
.headArea ul li {height:24px; line-height:0; font-size:0; overflow:hidden;}
.headArea a.homeBtn {position:absolute; top:9px; right:0;}
.headArea .global {position:absolute; top:9px; left:197px;}

.footArea {border-top:1px solid #000; margin-left:15px; width:768px; overflow:hidden; padding-top:12px;}
.footArea img {float:left;}
.footArea div {float:right; font-size:10px;}

.bannerArea {position:absolute; width:175px; top:15px; left:806px; font-size:0; line-height:0; overflow:hidden;}
.bannerArea img {width:175px;}

.bodyArea {position:relative; padding:0 0 100px 0; margin-left:15px; width:768px; overflow:hidden;}
.bodyArea .titleArea {height:55px; overflow:hidden;}
.bodyArea .titleArea  h3 {float:left; color:#008f36; }
.bodyArea .titleArea  h4 {float:right; width:370px;}

.typeB .leftBox {float:left; width:370px;}
.typeB .leftBox p {margin-bottom:20px; word-break:keep-all;}
.typeB .leftBox h3 {font-size:13px;  color:#008f36; }
.typeB .imgBox {float:right; width:370px; overflow:hidden;}
.typeB .imgBox img {display:block; margin-bottom:15px;}

.typeC .leftBox {float:left; width:173px;}
.typeC h3.onPage {padding-bottom:30px;}
.typeC .leftBox img {display:block; margin-bottom:5px;}
.typeC .rightBox {float:right; width:571px;  word-break:keep-all;}
.typeC .rightBox h4 {font-size:13px;  color:#008f36; }
.typeC .rightBox .historyItem {width:100%; padding-bottom:30px; overflow:hidden}
.typeC .rightBox .historyItem .year {font-weight:bold;}
.typeC .rightBox .historyItem .title {padding-top:20px; text-decoration:underline;}

.main .leftBox {float:left; width:370px; word-break:keep-all;}
.main .leftBox h3 {font-size:13px;  color:#008f36; }
.main .rightBox {float:right; width:370px; overflow:hidden;}
.main .rightBox p {margin:0; padding:0 0 40px; color:#006600;  word-break:keep-all;}
.main .rightBox p img {display:block; margin-bottom:10px;} 

.underline {text-decoration:underline;}
.underlineG {text-decoration:underline; color:#008f36;}
.gColor {color:#008f36;}

.subMain {width:100%; overflow:hidden;}
.subMain .titleArea {float:left; width:173px; overflow:hidden; height:auto;}
.subMain .titleArea h3 {clear:both; width:100%; float:auto;}
.subMain .titleArea div {clear:both; width:100%;; padding-top:20px; line-height:20px;}
.subMain .contentArea {float:left; width:594px; overflow:hidden;}
.subMain .contentArea .item {float:left; width:174px; padding-left:24px; overflow:hidden;}
.subMain .contentArea .item h3 {height:25px; font-size:13px;}
.subMain .contentArea .item .subMainItem {width:100%; overflow:hidden;}
.subMain .contentArea .item .subMainItem .itemImg {clear:both; width:171px; background:#008f36;}
.subMain .contentArea .item .subMainItem .itemImg img {display:block; width:171px;}
.subMain .contentArea .item .subMainItem .itemTit {width:100%; padding:10px 0 5px; font-weight:bold;}
.subMain .contentArea .item .subMainItem .itemContent {width:100%; height:158px; margin-bottom:25px; overflow:hidden;}
.subMain .contentArea .item .subMainItem .itemContent a {color:#000;}
.subMain .contentArea .item .subMainItem .itemMore {text-align:right; width:100%; clear:both;}
.subMain .contentArea .item .subMainItem .itemMore a {text-decoration:underline; font-weight:bold;}

.imgList {width:570px; float:right;; overflow:hidden; border-top:1px solid #000;}
.imgList li {width:100%; padding:18px 0; border-bottom:1px solid #000; overflow:hidden;}
.imgList li .itemImg {float:left; width:172px;}
.imgList li .itemImg img {display:block; width:172px;}
.imgList li .itemTit {float:left; width:350px; padding:0 0 20px 25px; font-size:13px; font-weight:bold;}
.imgList li .itemTit a {font-size:13px; font-weight:bold;}
.imgList li .itemTit div { color:#008f36;}
.imgList li .itemContent {float:left; width:340px; height:200px; padding:0 0 0 25px; overflow:hidden;}
.imgList li .itemContent a {color:#000;}

.listInfo {float:left; width:165px; line-height:18px;}

.paging {position:absolute; top:0; right:0; width:570px; text-align:right; font-size:11px; font-family:Tahoma;}
.paging a {font-family:arial; font-size:13px; margin-left:2px; color:#000}
.paging a.on {color:#008f36;}
.paging .yearBox {width:100%; overflow:hidden;}
.paging .yearBox a {float:left; margin-right:170px;}

.btnArea {position:absolute; top:0; right:0; width:175px;}
.timeTypeArea {position:absolute; top:0; left:396px; width:175px;}

.viewContainer {width:100%; overflow:hidden;}
.viewContainer .viewBox {float:left; width:371px;}
.viewContainer .viewBox .itemTitle {width:100%; font-weight:bold; font-size:13px; color:#008f36;}
.viewContainer .viewBox .itemDate {width:100%; font-weight:bold; font-size:13px; color:#008f36;}
.viewContainer .viewBox .itemContent {width:100%; padding-top:25px; overflow:hidden; line-height:18px; }
.viewContainer .viewBox.online {width:100%;}
.viewContainer .viewImgBox {float:right; width:373px;}
.viewContainer .viewImgBox .itemImg {width:100%; padding-bottom:50px; overflow:hidden; line-height:18px; color:#666;}
.viewContainer .viewImgBox .itemImg img {display:block; width:373px; margin-bottom:10px;}


.newMain {clear:both; width:100%; overflow:hidden; background:#fff;}
.mainBox {float:left; width:173px; margin-right:25px; overflow:hidden;}
.mainBox.end {float:right; margin-right:0 !important; padding:0;}
.mainBox h3 {height:40px; padding-top:10px; margin:0; border-top:1px solid #000; overflow:hidden;}
.mainBox h3.first {padding-top:0; border-top:0; height:30px;}
.mainBox ul.itemCate {clear:both; width:100%; overflow:hidden;}
.mainBox ul.itemCate li {clear:both; width:100%; overflow:hidden;}
.mainBox ul.itemCate .itemImg img {width:173px;}
.mainBox ul.itemCate .itemTit {padding:8px 0 3px;}
.mainBox ul.itemCate .itemTit a {color:#008f36; font-weight:bold;}
.mainBox ul.itemCate .itemContent {line-height:16px;}
.mainBox ul.itemCate .itemContent.cut {height:158px; overflow:hidden;}
.mainBox ul.itemCate .itemContent  a {color:#000;}
.mainBox ul.itemCate .itemMore  {width:100%; margin-bottom:30px; text-align:right; font-weight:bold; overflow:hidden;}
.mainBox ul.itemCate .itemMore  a {text-decoration:underline;}