.news-main {width:100%;padding:0px;margin-top:10px;}

.news-main .view-box {width:100%;overflow:hidden;}

/*정렬영역*/
.news-main .view-box .sort_zone {width: 100%; overflow: hidden;margin-bottom:15px;}
.news-main .view-box .sort_zone ul {margin-bottom: 15px;}
.news-main .view-box .sort_zone ul.sort {width:100%;border-width: 1px 0px 1px 0px; border-style: solid; border-color: rgb(221, 221, 221); height: 50px; position: relative;overflow:hidden;}

.news-main .view-box .sort_zone ul.sort li.sort_name {float: left;width:200px;text-align:left;height:50px;border:#00000 1px solid;}
.news-main .view-box .sort_zone ul.sort li.sort_name .srt {text-align:left;color: rgb(51, 51, 51);display:inline-block;font-size:20px;padding-top: 12px; padding-bottom: 16px;padding-left: 10px;}
.news-main .view-box .sort_zone ul.sort li.sort_name .badge{position:relative;padding:6px 10px 6px 10px;}
.badge-txt {position:relative;top:2px;}
.badge-checkbox {position:relative;top:4px;}

.badge-error {
  background-color: #b94a48;
}

.badge-error {
  background-color: #b94a48;
}
.badge-error:hover {
  background-color: #953b39;
}
.badge-warning {
  background-color: #f89406;
}
.badge-warning:hover {
  background-color: #c67605;
}
.badge-success {
  background-color: #468847;
}
.badge-success:hover {
  background-color: #356635;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-info:hover {
  background-color: #2d6987;
}
.badge-inverse {
  background-color: #333333;
}
.badge-inverse:hover {
  background-color: #1a1a1a;
}

.badge-corrosion {
  background-color: #10a8e1;
}
.badge-corrosion:hover {
  background-color: #1a1a1a;
}


.news-main .view-box .sort_zone ul.sort li.sort_search {float: left;width:380px;text-align:left;}

.news-main .view-box .sort_zone ul.sort li.sort_search .ht-search {float:left;width:304px;margin-top:7px;letter-spacing:-0.04em}
.news-main .view-box .sort_zone ul.sort li.sort_search .ht-search form,.ht-search input,.ht-search button {float:left;overflow:hidden;height:34px;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.news-main .view-box .sort_zone ul.sort li.sort_search .ht-search input {width:230px;padding:0 10px;border:1px solid #e5e6e8;border-right:0}
.news-main .view-box .sort_zone ul.sort li.sort_search .ht-search input.inptxt {color:#77787b}
.news-main .view-box .sort_zone ul.sort li.sort_search .ht-search button {width:70px;background:#959fb1;padding:0 6px;color:#fff;font-weight:bold}

.news-main .view-box .sort_zone ul.sort li.sort_search .ht-search dl {clear:both;padding-top:5px}
.news-main .view-box .sort_zone ul.sort li.sort_search .ht-search dt,.ht-search dd {float:left}
.news-main .view-box .sort_zone ul.sort li.sort_search .ht-search dt {margin-left:5px;color:#333;font-weight:bold}
.news-main .view-box .sort_zone ul.sort li.sort_search .ht-search dd {margin-left:8px}
.news-main .view-box .sort_zone ul.sort li.sort_search .ht-search dd > a {color:#77787b}
.news-main .view-box .sort_zone ul.sort li.sort_search .ht-search dd > a:hover {color:#292728}

.news-main .view-box .sort_zone ul.sort li.sort_search .btn_reset {float:left;position:relative;top:5px;margin-left:10px;}

/*sort*/
.news-main .view-box .sort_zone ul.sort li.sort_code {float:right;width: 260px; margin-right: -1px;text-align:right;}
.news-main .view-box .sort_zone ul.sort li.sort_code a {text-align:right;color: rgb(51, 51, 51);display:inline-block;padding-top: 16px;padding-bottom: 16px;padding-left: 11px;padding-right: 11px;}
.news-main .view-box .sort_zone ul.sort li.sort_code a:hover {color: rgb(206, 23, 16);font-weight: bold;}
.news-main .view-box .sort_zone ul.sort li.sort_code a.selected {color: rgb(206, 23, 16); font-weight: bold;}
.news-main .view-box .sort_zone ul.sort li.sort_code .dot {position:relative;top:-1px;}

/* 콘텐츠 */
.news-main .view-box .news-headline {width:100%;margin:0 auto;height:auto;margin-bottom:20px;overflow:hidden;clear:both;}


.news-main .view-box .news-list {width:100%;overflow:hidden;margin-bottom:15px;}

.sub_box_content {width:100%;overflow:hidden;}
.sub_box_content .content-box {width:100%;overflow:hidden;}

/*배너*/
.sub_box_content .ad-banner-sub {width:100%;margin-bottom:20px;overflow:hidden;}
.sub_box_content .ad-banner-sub .wrap_ad {position:relative;float:right;}
.sub_box_content .ad-banner-sub .wrap_ad .list_ad {overflow:hidden;width:100%;}
.sub_box_content .ad-banner-sub .wrap_ad .list_ad a {display:block;}
.sub_box_content .ad-banner-sub .wrap_ad .btn_page {position:absolute;top:12px;right:3px;overflow:hidden;float:left;width:30px;height:15px;}
.sub_box_content .ad-banner-sub .wrap_ad .btn_page a,
.sub_box_content .ad-banner-sub .wrap_ad .btn_page a {overflow:hidden;float:left;width:30px;height:15px;font-size:0;line-height:0;text-indent:-9999px}
.sub_box_content .ad-banner-sub .wrap_ad .btn_page a.prev {overflow:hidden;float:left;width:14px;height:15px;font-size:0;line-height:0;background:url('/layouts/skinx-skin/_images/btn_ad_arrow_prev.png') no-repeat 0 0;}
.sub_box_content .ad-banner-sub .wrap_ad .btn_page a.next {overflow:hidden;float:left;width:15px;height:15px;font-size:0;line-height:0;background:url('/layouts/skinx-skin/_images/btn_ad_arrow_next.png') no-repeat 0 0;}

/*배너  스크립트*/
.sub_box_content .ad-banner-sub-script {width:100%;margin-bottom:20px;overflow:hidden;}

/*기본형 list*/
.sub_box_content .default_list {width:100%;height:127px;position:relative;padding: 0px;overflow:hidden;margin-bottom:15px;border-bottom:#dfdfdf 1px solid;padding-bottom:0px;}
.sub_box_content .default_list .st {width: 100%;margin-bottom: 17px; display: block; overflow: hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sub_box_content .default_list .st a { letter-spacing: -0.05em; font-size: 17px; line-height: 24px; text-decoration: none;color: rgb(31, 33, 35); letter-spacing: -0.6px;font-weight:bold;font-family:'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif;} 
.sub_box_content .default_list .st a:hover {text-decoration: underline;} 
.sub_box_content .default_list .desc {width: 100%;overflow:hidden;}
.sub_box_content .default_list .desc a {color: rgb(119, 119, 119); text-decoration: none;letter-spacing: -0.05em;font-size: 13px; line-height: 22px;color: rgb(119, 119, 119); text-decoration: none;} 
.sub_box_content .default_list .desc a:hover {text-decoration: underline;} 
.sub_box_content .default_list .desc .ninfo {height:25px;position:absolute;bottom:4px;right:5px;overflow:hidden;font-size: 13px; line-height: 22px;color: rgb(119, 119, 119); text-decoration: none;font-weight:bold;font-family:'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif;}


/* 썸네일형*/
.sub_box_content .default_thumb {width:100%;height:127px;padding: 0px;overflow:hidden;margin-bottom:15px;border-bottom:#dfdfdf 1px solid;}
.sub_box_content .default_thumb .thumb-box {position:relative;margin: 0px 0px 0px 0px; padding: 5px; overflow: hidden; border: 1px solid rgb(223, 223, 223); width: 160px; height: 112px; box-sizing: border-box; float: left;}
.sub_box_content .default_thumb .thumb-box .thumb {width: 148px; height: 100px; display: block; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;}
.sub_box_content .default_thumb .thumb-box .thumb a {margin-bottom: 7px; display: block; overflow: hidden; height: 24px; font-size: 17px; line-height: 24px;color: #000;} 
.sub_box_content .default_thumb .thumb-box .thumb a:hover {text-decoration: underline;} 
.sub_box_content .default_thumb .thumb-box .icon-photo {position:absolute;top:7px;left:10px;filter:alpha(opacity=60);opacity:.6;} 
.sub_box_content .default_thumb .thumb-box .icon-movie {position:absolute;top:7px;left:10px;} 

.sub_box_content .default_thumb .desc {float:right;width:720px;position:relative;}
.sub_box_content .default_thumb .desc .st {width:100%;height:20px;overflow:hidden;margin-bottom:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sub_box_content .default_thumb .desc .st a {font-size: 17px; line-height: 22px;color: rgb(31, 33, 35); text-decoration: none;font-weight:bold;font-family:'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif;} 
.sub_box_content .default_thumb .desc .st a:hover {text-decoration: underline;} 

.sub_box_content .default_thumb .desc .cont {width:100%;height:92px;overflow:hidden;}
.sub_box_content .default_thumb .desc .cont a {text-decoration: none;letter-spacing: -0.05em;font-size: 13px; line-height: 24px;color: rgb(119, 119, 119);} 
.sub_box_content .default_thumb .desc .cont a:hover {text-decoration: underline;} 

.sub_box_content .default_thumb .desc .ninfo {height:25px;position:absolute;bottom:0px;right:5px;overflow:hidden;font-size: 13px; line-height: 22px;color: rgb(119, 119, 119); text-decoration: none;font-weight:bold;font-family:'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif;}

/* 갤러리형*/
.sub_box_content .default_gallery {width: 213px; border-bottom-color: rgb(240, 240, 240); border-bottom-width: 2px; border-bottom-style: solid; float: left; position: relative;}
.sub_box_content .default_gallery .news {border-width: 1px; border-style: solid; border-color: rgb(213, 212, 208) rgb(213, 212, 208) rgb(192, 191, 188); width: 213px; height: 230px; display: block; background-color: rgb(255, 255, 255);}
.sub_box_content .default_gallery span.news {border-width: 1px; border-style: solid; border-color: rgb(213, 212, 208) rgb(213, 212, 208) rgb(192, 191, 188); padding: 0; width: 213px; display: block; background-color: rgb(255, 255, 255); -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none;}
.sub_box_content .default_gallery span.news:hover {border:2px solid #ef2011;}

.sub_box_content .default_gallery .news .news_thumb img {left: 7px; top: 7px; width: 198px; height: 163px; display: block; position: absolute;}
.sub_box_content .default_gallery .news .photo-box {left: 7px; top: 7px; width: 198px; height: 163px; display: block; position: absolute; overflow: hidden; border: 1px solid rgb(223, 223, 223);  box-sizing: border-box;}
.sub_box_content .default_gallery .news .photo-box .photo {width:198px;height:163px;border: 1px solid rgb(223, 223, 223); color: rgb(51, 51, 51); letter-spacing: -0.6px; background-color: rgb(255, 255, 255);text-align:center;width:198px;background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;}

.sub_box_content .default_gallery .news .news_desc {left: 7px; top: 175px; width: 198px; overflow: hidden; display: block; position: absolute;}
.sub_box_content .default_gallery .news .news_desc .news_tit {width: 100%; line-height: 24px;letter-spacing: -1px; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;}
.sub_box_content .default_gallery .news .news_desc .news_tit a{color: rgb(51, 51, 51); line-height: 24px;letter-spacing: -1px; overflow: hidden; font-size: 13px; font-weight: bold;font-family:'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;}
.sub_box_content .default_gallery .news .news_desc .news_tit:hover {text-decoration:underline;}
.sub_box_content .default_gallery .news .news_desc .standardinfo {display:block;overflow:hidden;height:13px;width:100%;font-size:13px;line-height:13px;color:#999;white-space:nowrap;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}

.sub_box_content .none {width:100%;padding:10px 0 10px 0;text-align:center;font-size:12px;font-weight:bold;font-family:'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif;} 


/*thumb 네일형*/


.rb-divider  {float:left;padding-left:5px;padding-left:5px;}

#news-box .loading{margin:0 auto;padding:20px 0 20px 0;}