@charset "utf-8";
body, html {font-family:'Noto Sans KR', sans-serif; font-weight:400;}
#container { font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:16px;}


.news_subsearch {position:relative; margin-bottom:30px;}
/*.news_subsearch .news_subsearch_select {background:#f5f5f5; float:left; width:15%; margin-right:1%; box-sizing:border-box; height:37px; padding:3px 10px; border:1px solid #dedede;}*/
.news_subsearch .news_subsearch_txt {background:#f5f5f5; float:left; width:68%; margin-right:1%; box-sizing:border-box; height:37px; line-height:37px; padding:3px 10px; border:1px solid #dedede;}
.news_subsearch a.ssbt {background:#29303a; float:left; width:15%; box-sizing:border-box; display:block; text-align:center; color:#fff; line-height:37px;}
.news_subsearch select{float:left; width:15%; background:#f5f5f5; margin-right:1%; box-sizing:border-box; height:37px; padding:3px 10px; border:1px solid #dedede;}




.page_info {font-size:14px; color:#333; padding-left:30px; background:url(/inews/img/sub/page_info.png) no-repeat 0 0; line-height:27px; margin-bottom:15px;}
.page_info span {color:#cc3333;}

ul.news_list {border-top:3px solid #333;}
ul.news_list li {padding:35px 0px; clear:both; border-bottom:1px solid #dedede;}
ul.news_list li a{position:relative; transition:all .2s;}

ul.news_list li p {float:left; width:30%; text-align:center; box-sizing:border-box; font-weight:300; border:1px solid #dedede; transition:all .2s;}
ul.news_list li p img {width:100%;}
ul.news_list li p.noimg {background:#f2f2f2; }
ul.news_list li p.noimg img{width:60%; padding:60px 0px;}
ul.news_list li dl {float:right; width:65%;}
ul.news_list li dl dt {font-size:20px; font-weight:300; margin-bottom:20px; color:#000; box-sizing:border-box;}
ul.news_list li dl dd.con_detail {font-size:14px; color:#6b7177; margin-bottom:30px;  overflow: hidden; text-overflow: ellipsis; height:100px}
ul.news_list li dl dd.con_copy {font-size:13px;}
ul.news_list li dl dd.con_copy span { position:relative;}
ul.news_list li dl dd.con_copy span:after {content:''; display:inline-block; width:1px; height:10px; background:#dedede;margin:0 10px;}
ul.news_list li dl dd.con_copy span:last-child:after {display:none}

ul.news_list li dl.noimg {float:right; width:100%;}


ul.news_list a:hover dl dt {color:#4075b8!important; }
ul.news_list a:hover p {border:1px solid #4075b8; box-shadow:5px 5px 5px rgba(0,0,0,0.1);}


.news_view {border-top:3px solid #333; position:relative;}
.news_title {background:#fafafa;padding:25px; border-bottom:1px solid #dedede;}
.news_title p.tit {font-size:24px; color:#000; margin-bottom:10px; font-weight:300;}
.news_title p.con_copy {font-size:13px;}
.news_title p.con_copy span:after {content:''; display:inline-block; width:1px; height:10px; background:#dedede;margin:0 10px;}
.news_title p.con_copy span:last-child:after {display:none}

.news_img {text-align:center;padding:25px; position:relative;}
.news_img button.slick-next.slick-arrow {display:inline-block; width:40px; height:40px; background:rgba(0,0,0,0.8) url('/common/img/bul.png')no-repeat -160px 0; margin-top:-20px; text-indent:-99999px; position:absolute; top:50%; left:0;  z-index:1;}
.news_img button.slick-prev.slick-arrow {display:inline-block; width:40px; height:40px; background:rgba(0,0,0,0.8) url('/common/img/bul.png')no-repeat -160px -40px; margin-top:-20px; text-indent:-99999px; position:absolute; top:50%; right:0; z-index:1;}


.news_con {padding:25px; border-bottom:1px solid #ccc;font-weight:300; }
.news_con p {margin-bottom:30px;}
.news_con p strong {display:block; font-size:18px; color:#000; font-weight:400; margin-bottom:10px;}

.news_file {padding:10px 25px; border-bottom:1px solid #ccc;font-weight:300; }
.news_file a {/*border:1px solid #dedede;*/ display:inline-block; margin-right:5px; border-radius:3px; font-size:13px; padding:3px 10px;}



.advertisement a p:nth-child(2) {font-size:20px; margin-bottom:15px;}
div.list .tit{font-size:24px; margin-bottom:15px; letter-spacing:-0.1em;}
div.list .tit span{font-size:15px; letter-spacing:-0.1em;}



@media only screen and (max-width:1024px) {

}

@media only screen and (max-width:768px) {


}

@media only screen and (max-width:500px) {
	ul.news_list li {padding:15px 0px;}
	ul.news_list li p {float:none; width:100%; margin-bottom:20px;}
	ul.news_list li dl {float:none; width:100%;}
	
	.news_subsearch select{float:left; width:100%; margin-right:0%; margin-bottom:8px;}
	.news_subsearch .news_subsearch_txt {width:84%;}
}