@charset "utf-8";
.designNewsList li:hover > p{color: #444; }
.designNewsList li:hover a{color: #006cb8; }


/* For larger displays */
@media all and (min-width:1080px){
.greenDesignNewsBG{margin:94px auto;width:1080px;}
.noticeSearchBox{margin:0 auto;margin-bottom:40px;width:1078px;height:68px;border:1px solid #a8a8a8;background-color:#F2F2F2;}
.noticeSearchBG{margin:0 auto;margin-top:14px;width:680px;height:40px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
#noticeSearch{padding:0 10px;width:560px;height:38px;background-color:transparent;border:0;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;vertical-align:top}
.noticeSearchBtn{width:100px;height:40px;border:1px solid #a8a8a8;border-radius:2px;background-color:#00aeef;font-size:16px;font-weight:bold;color:#fff;}

.designNewsList{width:100%;border-top:1px solid #565656;}
.designNewsList li{border-bottom:1px solid #565656;}
.designNewsImg{float:left;margin:12px 19px 12px  0px ;width:158px;height:90px;}
.designNewsImg img{width:100%;height:100%;background-color:#ccc;}
.designNewsTitle{float:left;margin-top:31px;width:810px;height:22px;}
.designNewsTitle a{line-height:22px;font-size:21px;font-weight:bold;color:#565656;text-decoration:none;}
.designNewsRead{float:left;margin-top:31px;width:93px;font-size:16px;color:#565656;}
.designNewsPreView{float:left;margin-top:18px;width:903px;font-size:16px;}

.moreBtn{display:block;margin-top:40px;width:1078px;height:52px;text-decoration:none;border:1px solid #bcbcbc;text-align:center;line-height:52px;font-size:22px;font-weight:bold;color:#565656;background-color:#eaeaea;}

.noticeViewBG{margin:0 auto;margin-top:94px;margin-bottom:80px;width:1080px;}
.noticeViewTitleBox{margin:0 auto;width:980px;border-top:2px solid #484848;border-bottom:1px solid #aaaaaa;}
.noticeViewTitle{padding:14px 20px;font-size:30px;color:#333333;line-height:35px;}
.noticeInfo{margin-bottom:14px;padding:0 20px;font-size:14px;color:#595959;}
.noticeCam{float:left;padding-right:10px;border-right:1px solid #595959;}
.noticeWrite{float:left;padding:0 10px;}
.noticeDate{float:left;padding:0 10px;}
.noticeRead{float:left;padding:0 10px;}

.noticeViewText{margin:0 auto;width:980px;border-bottom:1px solid #aaaaaa;}
.noticeViewText > div > img{display:block;text-align:center;width:100%;}
.noticeViewText  > img{display:block;text-align:center;width:100%;}/*2017-03-02 이미지 비율로 줄이기 위해서 추가 오종석*/
.noticeViewText > div > img{max-width:730px;}
.noticeViewListBtn{display:block;margin:0 auto;margin-top:35px;width:100px;height:35px;text-decoration:none;color:#fff;font-size:14px;background-color:#006cb8;line-height:35px;text-align:center;}


}

/* For smaller displays like laptops */
@media (min-width: 641px) and (max-width: 1079px) {
.greenDesignNewsBG{margin:58px 5%;width:90%;}
.noticeSearchBox{margin:0 auto;margin-bottom:40px;width:100%;height:68px;border:1px solid #a8a8a8;background-color:#F2F2F2;}
.noticeSearchBG{margin:0 auto;margin-top:14px;width:82%;height:40px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
#noticeSearch{padding:0 5%;width:70%;height:38px;background-color:transparent;border:0;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;vertical-align:top;-webkit-border-radius:0px;}
.noticeSearchBtn{width:20%;height:40px;border:1px solid #a8a8a8;border-radius:2px;background-color:#00aeef;font-size:16px;font-weight:bold;color:#fff;}

.designNewsList{width:100%;border-top:1px solid #565656;}
.designNewsList li{border-bottom:1px solid #565656;}
.designNewsImg{float:left;margin:12px 2.5% 12px  0px ;width:158px;height:90px;}
.designNewsImg img{width:100%;height:100%;background-color:#ccc;}
.designNewsTitle{float:left;margin-top:24px;width:69%;}
.designNewsTitle a{line-height:17px;font-size:16px;font-weight:bold;color:#565656;text-decoration:none;}
.designNewsRead{float:left;margin-top:17px;width:69%;font-size:12px;color:#565656;}
.designNewsPreView{float:left;margin-top:17px;width:69%;font-size:14px;}


.moreBtn{display:block;margin-top:30px;width:100%;height:52px;text-decoration:none;border:1px solid #bcbcbc;text-align:center;line-height:52px;font-size:22px;font-weight:bold;color:#565656;background-color:#eaeaea;}

.noticeViewBG{margin:0 5%;margin-top:58px;margin-bottom:40px;width:90%;}
.noticeViewTitleBox{width:100%;border-top:2px solid #484848;border-bottom:1px solid #aaaaaa;}
.noticeViewTitle{padding:14px 20px;font-size:21px;color:#333333;line-height:24px;}
.noticeInfo{margin-bottom:14px;padding:0 20px;font-size:14px;color:#595959;}
.noticeCam{float:left;padding-right:10px;border-right:1px solid #595959;}
.noticeWrite{float:left;padding:0 10px;}
.noticeDate{float:left;padding:0 10px;}
.noticeRead{float:left;padding:0 10px;}


.noticeViewText{margin:0 auto;width:100%;border-bottom:1px solid #aaaaaa;}
.noticeViewText > div > img{width:100%;}
.noticeViewText img{width:100%;}
.noticeViewListBtn{display:block;margin:0 auto;margin-top:35px;width:100px;height:35px;text-decoration:none;color:#fff;font-size:14px;background-color:#006cb8;line-height:35px;text-align:center;}



}

/* For smartphones */
@media (max-width: 640px) {
.greenDesignNewsBG{margin:40px 5%;width:90%;}
.noticeSearchBox{margin:0 auto;margin-bottom:20px;width:100%;height:38px;border:1px solid #a8a8a8;background-color:#F2F2F2;}
.noticeSearchBG{margin:0 auto;margin-top:8px;width:82%;height:22px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
#noticeSearch{padding:0 5%;width:70%;height:20px;background-color:transparent;border:0;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;vertical-align:top;-webkit-border-radius:0px;}
.noticeSearchBtn{width:20%;height:22px;border:1px solid #a8a8a8;border-radius:2px;background-color:#00aeef;font-size:11px;font-weight:bold;color:#fff;}

.designNewsList{margin-bottom:30px;width:100%;border-top:1px solid #565656;}
.designNewsList li{border-bottom:1px solid #565656;}
.designNewsImg{float:left;margin:12px  auto;width:100%;height:90px;}
.designNewsImg img{display:block;margin:0 auto;width:158px;height:90px;background-color:#ccc;}
.designNewsTitle{float:left;margin-top:17px;width:100%;}
.designNewsTitle a{line-height:17px;font-size:16px;font-weight:bold;color:#565656;text-decoration:none;}
.designNewsRead{float:left;margin-top:7px;width:100%;font-size:12px;color:#565656;}
.designNewsPreView{float:left;margin-top:7px;margin-bottom:10px;width:100%;font-size:14px;}

.moreBtn{display:block;margin-top:10px;width:100%;height:38px;text-decoration:none;border:1px solid #bcbcbc;text-align:center;line-height:38px;font-size:16px;font-weight:bold;color:#565656;background-color:#eaeaea;}


.noticeViewBG{margin:40px 5%;width:90%;}
.noticeViewTitleBox{width:100%;min-width:320px;border-top:2px solid #484848;border-bottom:1px solid #aaaaaa;}
.noticeViewTitle{padding:14px 20px;font-size:14px;font-weight:bold;color:#333333;line-height:16px;}
.noticeInfo{margin-bottom:14px;padding:0 20px;font-size:12px;color:#595959;}
.noticeCam{float:left;padding-right:10px;border-right:1px solid #595959;}
.noticeWrite{float:left;padding:0 10px;}
.noticeDate{float:left;padding-right:10px;}
.noticeRead{float:left;padding:0 10px;}

.Mclearfix{zoom*:1;}
.Mclearfix{display:block;clear:both;content:' ';}
.paddingT14{padding-top:14px;}


.noticeViewText{margin:0 auto;width:100%;border-bottom:1px solid #aaaaaa;}
.noticeViewText > div > img{width:100%;}
.noticeViewText img{width:100%;}
.noticeViewListBtn{display:block;margin:0 auto;margin-top:35px;width:80px;height:30px;text-decoration:none;color:#fff;font-size:12px;background-color:#006cb8;line-height:35px;text-align:center;}


}