@charset "utf-8";

.designNewsList li:hover > p{color: #444; }
.designNewsList li:hover a{color: #006cb8; }
.greenDesignNews__gm .designNewsImg{
	background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: #000;
	width: 100% !important; height: 220px !important;
}
.greenDesignNews__gm .designNewsImg > a{width: 100%; height: 100%; display: block; }
.designNewsList{
	width:100%;border-top:1px solid #565656; gap: 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin: 0 auto;
}
.designNewsList > li{
	border-bottom:1px solid #565656;
	display: flex; flex-direction: row;;
}
/* .designNewsList > li > div{float: left; } */
/* .designNewsInfor{float: right; } */
.noticeSearchBox{margin:0 auto;margin-bottom:40px;width:100%;}
.selectCK{width: 680px; margin: 0 auto; margin-bottom: 20px;}
.selectCK > li{float: left; margin-right: 20px; }
.selectCK > li:nth-last-child(1){margin-right: 0; }
.selectCK > li input{/*width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; */ display: none; }
.selectCK > li > label{font-size: 16px; color: #333; font-weight: bold; vertical-align: middle; cursor: pointer; }
.selectCK > li > label:before{width: 18px; height: 18px; content: ''; display: inline-block; border: 2px solid #999; vertical-align: middle; margin-right: 5px; text-align: center; line-height: 24px; font-size: 20px; cursor: pointer; }
.selectCK > li > input:checked + label:before{content: '\2714'; }
/* .snsIcon{margin-top: 15px; } */
.snsIcon > li{float: right; width: 35px; height: 35px; margin-left: 4px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.snsIcon > li > span{width: 0; height: 0; display: block; overflow: hidden; }
.sns_01{background-image: url(/assets/_img/sns_icon_01.png);}
.sns_02{background-image: url(/assets/_img/sns_icon_02.png);}
.sns_03{background-image: url(/assets/_img/sns_icon_03.png);}
.sns_04{background-image: url(/assets/_img/sns_icon_04.png);}
.sns_05{background-image: url(/assets/_img/sns_icon_05.png);}
.sns_06{background-image: url(/assets/_img/sns_icon_06.png);}


.designNewsRead{
	/* float:left; */
	/* margin-top:20px; */
	width:fit-content; font-size:14px;color:#565656; text-align: right; padding-right: 10px; box-sizing: border-box; line-height: 20px;
	margin-left: 5px;
 }
.noticeViewVideo{max-width: 940px; width: 100% !important; height: 0 !important; position: relative !important; padding-bottom: 50% !important; }
.noticeViewVideo iframe{width: 85% !important; height: 85% !important; position: absolute !important; top: 7% !important; left: 7.5% !important; }

/* noticeView.css 별도 적용 */
/* For larger displays */
.noticeView__gdnv .noticeViewBG{
	max-width: 980px; width: 100%; margin:0 auto;
}
.noticeView__gdnv .noticeViewText{
	width: 96%; margin: 0 auto; max-width: unset !important;
}
.noticeView__gdnv .noticeViewBG > .noticeView__gdnv .noticeViewText img{max-width: 870px; margin: 0 auto; width: auto; }
.noticeView__gdnv .noticeViewTitleBox{
	padding: 12px 0; width: 100% !important;
}
.noticeView__gdnv .noticeViewTitleWrap{
	 display: flex; align-items: flex-start; justify-content: space-between;
	 width: 96%; margin:0 auto; margin-bottom: 20px; gap: 25px;
 }
.noticeView__gdnv .noticeViewTitle{
	width: auto;
	/* margin: 14px 20px; */
	font-weight: 500;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: unset !important;
}
.noticeView__gdnv .snsIcon{
	position: unset; margin-top: unset;
	display: flex; align-items: center; justify-content: flex-end;
	gap: 5px;
}
.noticeView__gdnv .snsIcon > li{
	margin: unset;
}
.noticeView__gdnv .noticeInfo{
	width: 96%; margin: 0 auto;
}
.noticeViewText_Dnews *,.noticeViewText_Dnews p > span,
.noticeViewText_press *,.noticeViewText_press p > span{font-family: 'Noto Sans KR', sans-serif !important; font-weight: 400; color: #333;}
/* -------------- */


/* 수정 */
.greenDesignNews__gm .txtInforBox{    
	width: calc(100% - 140px);
  display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	height: 174px;
}
.greenDesignNews__gm .designNewsTitle, .greenDesignNews__gm .designNewsPreView{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.greenDesignNews__gpn .designNewsTitle, .greenDesignNews__gpn .designNewsPreView{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}
.designNewsTitle a{width: 100%; line-height:22px;font-size:16px;font-weight:500;color:#161616;text-decoration:none;}

.designNewsPreView {
	font-size:14px;
	line-height: 22px; color: #565656;
}
.designNewsInfor{
	display: flex;
	width: 100%;
	justify-content: flex-end;
}

/* 언론보도 & 뉴스 별도 적용 */
.greenDesignNews__gpn .designNewsList li{
	display: flex; align-items: center; justify-content: flex-start;
	gap: 20px; padding: 0;
}
.greenDesignNews__gpn .txtInforBox{
	width: calc(100% - 178px);
}
.greenDesignNews__gpn{}
.greenDesignNews__gpn .designNewsImg{
	width: 158px;
	height: 90px;
	background-size: cover;
	background-position: center center;
}
.greenDesignNews__gpn .designNewsInfor{margin-top: 5px; margin-bottom: 5px;}
@media all and (max-width:640px){
	.greenDesignNews__gpn .txtInforBox{width: 100%;}
	.greenDesignNews__gpn .designNewsList li{gap: unset; padding: 5px 0;}
}

/* .greenDesignNews__gm .designNewsImg {
	width: 100%; height: 220px; background-color: #000;
} */
@media all and (min-width:420px){
	.greenDesignNews__gm .designNewsImg{width: 166px !important; height: 240px !important;}
	.designNewsList{gap: 14px;}
}
@media all and (min-width:480px){
	.greenDesignNews__gm .designNewsImg{width: 179px !important; height: 260px !important;}
	.designNewsList{gap: 20px; width: 90% !important;}
}
@media all and (min-width:540px){
	.greenDesignNews__gm .designNewsImg{width: 166px !important; height: 240px !important;}
	.designNewsList{grid-template-columns: repeat(3, 1fr); gap: 12px; width: 90% !important; width: 95% !important;}
}

@media all and (min-width:1080px){
.greenDesignNewsBG{margin:60px auto;width:1080px;}
.greenDesignNewsBG .noticeSearchBox{position: relative; width:1078px; padding: 30px 0;}
.greenDesignNewsBG .noticeSearchBox > h3 {color: #797979; font-size: 16px; text-align: center; font-weight: 600; padding-bottom: 35px; }
.greenDesignNewsBG .noticeSearchBox > form{position: relative; width: 100%; height: 100%; text-align: center;}
.greenDesignNewsBG .selectCK{display: flex; justify-content: space-between; vertical-align: center; width: 60%; margin: 0 auto; margin-bottom: 10px;}
.greenDesignNewsBG .selectCK > li{float: left; margin-right: 20px; }
.greenDesignNewsBG .selectCK > li:nth-last-child(1){margin-right: 0; }
.greenDesignNewsBG .selectCK > li > label{font-size: 16px; color: #333; font-weight: bold; vertical-align: middle; cursor: pointer; }
.greenDesignNewsBG .selectCK > li > label:before{width: 18px; height: 18px; content: ''; display: inline-block; border: 2px solid #999; vertical-align: middle; margin-right: 5px; text-align: center; line-height: 18px; font-size: 20px; cursor: pointer; }
.greenDesignNewsBG .selectCK > li > input:checked + label:before{content: '\2714'; }
.greenDesignNewsBG .noticeSearchBG{margin:0 auto; width:680px;height:40px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
.greenDesignNewsBG #noticeSearch{padding:0 10px;width:400px;height:30px; background-color:#fff; border:1px solid #ccc; border-radius: 20px; vertical-align:middle;}
.greenDesignNewsBG .noticeSearchBtn{width:35px;height:33px;border:1px solid #00aeef; border-radius:50px; background-color:#00aeef;font-size:16px;font-weight:bold;color:#fff; position: absolute; top: 0; left: 777px;}
.greenDesignNewsBG .noticeSearchBox .resetBtn {position: absolute; top: 7px; left: 69.5%; border: 1px solid#fff; color: #ccc; background-color: #fff;}
.greenDesignNewsBG #schtype { text-align: center; width: 100px; height: 30px; border-radius: 30px; border: 1px solid #ccc; background-color: #fff; margin-right: 5px;}
.noticeSearchBG_media { text-align: center; padding-top: 20px; padding-bottom: 50px;}
.noticeSearchBG_media > input {width: 55%; height: 30px; border: 1px solid #ccc; background-color: #fff;}
.noticeSearchBG_media > button {width: 50px; height: 33px; color: #fff; font-weight: bold; border: 1px solid #00aeef; background-color: #00aeef;}

/* 수정 */
.greenDesignNews__gm .txtInforBox{width: calc(100% - 140px); height: 174px;}
.designNewsList{
	display: flex; flex-direction: column; gap: unset;
}
.designNewsList > li{padding: 10px 0; }
/* .designNewsList > li > div{float: left; } */
.greenDesignNews__gm .designNewsImg{
	margin-right: 20px;
	width:120px !important; height:174px !important;
}
.greenDesignNews__gm .designNewsImg img{width:100%;height:100%;background-color:#ccc;}
.designNewsText{
	width: 100%;
	display: flex; justify-content: space-between; flex-direction: column;
}
.designNewsTitle{
	width: 100% !important; margin: 15px 0 20px;

}
.designNewsTitle a{width: 100%; line-height:22px;font-size:16px;font-weight:500;color:#161616;text-decoration:none;}

/* .snsIcon{margin-top: 18px; } */
.snsIcon > li{width: 20px; height: 20px;}
.designNewsPreView{
	font-size:14px;
	line-height: 22px; color: #565656;
}

.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;}

/* noticeView.css 별도 적용 */
.noticeViewText_Dnews *, .noticeViewText_Dnews p > span{
	font-size: 15px !important; line-height: 25px;
}
.noticeView__gdnv .noticeViewBG{margin:0 auto;margin-top:94px;margin-bottom:80px;width:95%; max-width: 1080px;}
/* .noticeView__gdnv .noticeViewTitleBox{margin:0 auto;width:980px;border-top:2px solid #484848;border-bottom:1px solid #aaaaaa;} */
.noticeView__gdnv .noticeViewTitle{
	font-size:25px; color:#333333; line-height:33px;
}
.noticeView__gdnv .noticeInfo{margin-bottom:unset; padding:unset; font-size:14px;color:#595959;}
.noticeView__gdnv .noticeCam{float:left;padding-right:10px;border-right:1px solid #595959;}
.noticeView__gdnv .noticeWrite{float:left;padding:0 10px;}
.noticeView__gdnv .noticeDate{float:left;padding:0 10px;}
.noticeView__gdnv .noticeRead{float:left;padding:0 10px;}

.noticeView__gdnv .noticeViewText{width:96%;border-bottom:1px solid #aaaaaa; line-height: 1.5; padding-bottom: 30px; }

.noticeView__gdnv .noticeViewText > div > img{display:block;text-align:center;width:100%;}
.noticeView__gdnv .noticeViewText  > img{display:block;text-align:center;width:100%;}/*2017-03-02 이미지 비율로 줄이기 위해서 추가 오종석*/
.noticeView__gdnv .noticeViewText > div > img{max-width:730px;}
.noticeView__gdnv .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;}
 .noticeView__gdnv .snsIcon{margin-top: 4px;}
 .noticeView__gdnv .snsIcon > li {width: 25px; height: 25px;}


}

/* For smaller displays like laptops */
@media (min-width: 641px) and (max-width: 1079px) {
.greenDesignNewsBG{margin:60px 5%;width:90%;}
.greenDesignNewsBG .noticeSearchBox{margin:0 auto; padding: 20px 0; margin-bottom:40px;width:100%; text-align: center; }
.greenDesignNewsBG .selectCK{display: flex; justify-content: space-between; width: 80%; margin: 0 auto; margin-bottom: 10px;}
.greenDesignNewsBG .noticeSearchBox > h3 {color: #797979; font-size: 16px; text-align: center; font-weight: 600; padding-bottom: 35px; padding-top: 15px;}
.greenDesignNewsBG .noticeSearchBox > form{position: relative; width: 100%; height: 100%; text-align: center;}
.greenDesignNewsBG .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;}
.greenDesignNewsBG #noticeSearch{padding:0 10px; width:50%; height:30px; background-color:#fff; border:1px solid #ccc; border-radius: 20px; vertical-align:middle;}
.greenDesignNewsBG .noticeSearchBtn{width:35px;height:32px;border:1px solid #00aeef; border-radius:50px; background-color:#00aeef;font-size:16px;font-weight:bold;color:#fff; position: absolute; top: 0; left: 80%;}
.greenDesignNewsBG #schtype{text-align: center; width: 100px; height: 30px; border-radius: 30px; border: 1px solid #ccc; background-color: #fff; margin-right: 5px;}
.greenDesignNewsBG .noticeSearchBox .resetBtn {position: absolute; top: 7px; left: 76%; border: 1px solid#fff; color: #ccc; background-color: #fff;}
.noticeSearchBG_media { text-align: center; padding-top: 20px; padding-bottom: 50px;}
.noticeSearchBG_media > input {width: 70%; height: 30px; border: 1px solid #ccc; background-color: #fff;}
.noticeSearchBG_media > button {width: 50px; height: 33px; color: #fff; font-weight: bold; border: 1px solid #00aeef; background-color: #00aeef;}

.designNewsList{
	width:100% !important; border-top:1px solid #565656;
	display: flex; flex-direction: column; gap: unset;
}
.greenDesignNews__gm .designNewsImg{
	/* float:left; */
	margin:12px 2.5% 12px  0px ;
	width:100px !important; height:145px !important;
}
.greenDesignNews__gm .designNewsImg img{width:100%;height:100%;background-color:#ccc;}
.greenDesignNews__gm .txtInforBox{width: calc(100% - 120px); height: 145px; margin: 12px 0% 12px 0px;}
.designNewsTitle{margin-top:17px;width:100%;}
.designNewsTitle a{line-height:20px; font-size:14px; font-weight:500;color:#161616; text-decoration:none;}
.designNewsRead{font-size:12px; color:#565656; line-height: 16px;}
.designNewsPreView{margin-top:17px; width:100%; font-size:13px; color: #565656; line-height: 18px;}
/* 수정 */
.designNewsRead{margin-left: 7px;}
/* .designNewsInfor{margin-bottom: 10px;} */
.designNewsText{width: 100%;}
/* .snsIcon{margin-top: 15px;} */
.snsIcon > li{width: 20px; height: 20px;}



.selectCK{width: 82%; }
.selectCK > li{margin-bottom: 10px; }

.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;}

/* noticeView.css 별도 적용 */
.noticeViewText_Dnews *, .noticeViewText_Dnews p > span{
	font-size: 14px !important; line-height: 24px;
}
.noticeView__gdnv .noticeViewBG{margin:0 5%;margin-top:58px;margin-bottom:40px;width:90%;}
/* .noticeView__gdnv .noticeViewTitleBox{width:100%;border-top:2px solid #484848;border-bottom:1px solid #aaaaaa;} */
.noticeView__gdnv .noticeViewTitle{
	font-size:18px; color:#333333; line-height:24px; 

}
.noticeView__gdnv .noticeInfo{padding:unset;font-size:14px;color:#595959;}
.noticeView__gdnv .noticeCam{float:left;padding-right:10px;border-right:1px solid #595959;}
.noticeView__gdnv .noticeWrite{float:left;padding:0 10px;}
.noticeView__gdnv .noticeDate{float:left;padding:0 10px;}
.noticeView__gdnv .noticeRead{float:left;padding:0 10px;}


.noticeView__gdnv .noticeViewText{width:96%;border-bottom:1px solid #aaaaaa;padding-bottom: 20px; }
.noticeView__gdnv .noticeViewText > div > img{width:100%;}
.noticeView__gdnv .noticeViewText img{width:100%;}
.noticeView__gdnv .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;}
.noticeView__gdnv .snsIcon{margin-top: 2px;}
.noticeView__gdnv .snsIcon > li{width: 20px; height: 20px;}
/* ----------- */




}

/* For smartphones */
@media (max-width: 640px) {
	/* .greenDesignNews__gm .txtInforBox{height: 140px;} */
.greenDesignNewsBG{margin:60px 1%;width:98%;}
.greenDesignNewsBG .noticeSearchBox{margin-bottom:20px;padding: 10px 0; width:97%; height:auto; }
.greenDesignNewsBG .selectCK{ width: 90%; margin-bottom: 10px;}
.greenDesignNewsBG .noticeSearchBox > h3 {color: #797979; font-size: 14px; text-align: center; font-weight: 600; padding-bottom: 35px; padding-top: 15px;}
.greenDesignNewsBG .noticeSearchBG{margin:0 auto;margin-top:8px;width:82%;height:26px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
.greenDesignNewsBG #noticeSearch{position: relative; padding:0 10px; width:60%; height:30px; background-color:#fff; border:1px solid #ccc; border-radius: 20px; vertical-align:middle;}
.greenDesignNewsBG .noticeSearchBox > form{position: relative; width: 100%; height: 100%; text-align: center;}
.greenDesignNewsBG .noticeSearchBtn{width:35px;height:32px;border:1px solid #00aeef; border-radius:50px; background-color:#00aeef;font-size:16px;font-weight:bold;color:#fff; position: absolute; top: 0; left: 86%;}
.greenDesignNewsBG #schtype{text-align: center; width: 20%; height: 30px; border-radius: 30px; border: 1px solid #ccc; background-color: #fff; margin-right: 5px;}
.greenDesignNewsBG #schFrm {text-align: center;}
.greenDesignNewsBG .noticeSearchBox .resetBtn {position: absolute; top: 7px; left: 80%; border: 1px solid#fff; color: #ccc; background-color: #fff;}
.noticeSearchBG_media { text-align: center; padding-top: 10px; padding-bottom: 30px;}
.noticeSearchBG_media > input {width: 70%; height: 30px; border: 1px solid #ccc; background-color: #fff;}
.noticeSearchBG_media > button {width: 50px; height: 33px; color: #fff; font-weight: bold; border: 1px solid #00aeef; background-color: #00aeef;}

.designNewsList{
	margin-bottom:30px;
	/* display: grid;
	grid-template-columns: repeat(2, 1fr); */
	width: 95%; margin:0 auto;
	 /* gap: 10px; */
}
.designNewsList *{box-sizing: border-box; }
.designNewsList:after{content: ''; display: block; clear: both; }
.designNewsList > li{
	flex-direction: column;
	padding: 5px 0;
	/* width: 46%; float: left;  */
	/* margin: 2%; */
	/* gap: 10px; */
 }
.designNewsList > li > div{
	/* float: none !important;  */
	/* margin: 5px 0;  */
}
.greenDesignNews__gm .designNewsImg{
	/* float:left; */
	margin: 0 auto;width:100%;height:105px;
}
.greenDesignNews__gm .designNewsImg img{display:block;margin:0 auto;height:100%; background-color:#ccc;}
.designNewsTitle{width:100%;}
.designNewsTitle a{line-height:18px;font-size:13px;font-weight:500;color:#161616;text-decoration:none;}
.designNewsRead{
	/* float:right; */
	/* width:auto; */
	font-size:12px;color:#565656;
	line-height: 16px; 
}
.designNewsPreView{margin-top:10px; margin-bottom:14px;width:100%;font-size:13px; line-height: 18px;}
.designNewsInfor:after{content: ''; display: block; clear: both; }
.designNewsText{width: 100%; padding: 0 5px; margin-top: 10px;}
.snsIcon{float: left; width: auto; }
.snsIcon > li{width: 16px; height:16px; }


.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;}

.selectCK{width: 82%; }
.selectCK > li{margin-bottom: 5px; }
.selectCK > li:nth-last-child(1){margin-right: 0; }
.selectCK > li > label{font-size: 12px; }
.selectCK > li > label:before{width: 13px; height: 13px; line-height: 16px; font-size: 15px;}

/* noticeView.css 별도 적용 */
.noticeViewText_Dnews *, .noticeViewText_Dnews p > span{
	font-size: 14px !important; line-height: 22px;
}
.noticeView__gdnv .noticeViewBG{margin:40px 5%;width:90%;}
.noticeView__gdnv .noticeViewTitleBox{min-width:unset;}
.noticeView__gdnv .noticeViewTitleWrap{gap: 15px; width: 95%;}
.noticeView__gdnv .noticeViewTitle{font-size:14px; color:#333333;line-height:20px;}
.noticeView__gdnv .noticeInfo{width: 95%; padding: unset;font-size:12px;color:#595959;}
.noticeView__gdnv .noticeCam{float:left;padding-right:10px;border-right:1px solid #595959;}
.noticeView__gdnv .noticeWrite{float:left;padding:0 10px;}
.noticeView__gdnv .noticeDate{float:left;padding-right:10px;}
.noticeView__gdnv .noticeRead{float:left;padding:0 10px;}

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


.noticeView__gdnv .noticeViewText{margin:0 auto; width:96%;border-bottom:1px solid #aaaaaa; padding-bottom: 10px; }
.noticeView__gdnv .noticeViewText_Dnews {display: inline;}
.noticeView__gdnv .noticeViewText > div > img{width:100%;}
.noticeView__gdnv .noticeViewText img{width:100%;}
.noticeView__gdnv .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;}

/* .snsIcon{margin-top: 0; } */


.noticeView__gdnv .noticeViewBG > .noticeView__gdnv .noticeViewText img{width: 100%; }
.noticeView__gdnv .snsIcon{margin-top: 1px;}
.noticeView__gdnv .snsIcon > li{width: 16px; height:16px;}



/* 수정 */
.greenDesignNews__gm .txtInforBox{width: 100%; height: auto;}
}