@charset "utf-8";

/* 목록형 nomal*/
.style-list-table {border:0;width:100%}
.style-list-table tr {border-bottom:1px solid #e9e9e9} 
.style-list-table tr:last-child {border-bottom:0} 
.style-list-table td {border:0;padding:5px 0}
.style-list-table .td-title {width:75%}
.style-list-table .time {width:25%; text-align:right}
.style-list-table .time .date {display:inline-block; vertical-align: middle}
.style-list-table .title {margin:0}
.style-list-table .title > .title-subj { display:inline-block; max-width:85%;overflow: hidden; text-overflow: ellipsis;-ms-text-overflow: ellipsis; vertical-align: middle; height:18px}
.style-list-table .replyNum {font-style:normal}
.style-list-table .replyNum a {font-weight:bold; color: #26b0b9; font-family:Tahoma;padding:0 3px}

.style-list-ul {list-style: none; padding:0}
.style-list-ul > li {padding:5px 0; border-bottom:1px solid #e9e9e9}
.style-list-ul > li:last-child {border-bottom:0}
.style-list-ul > li > .title-group {display:inline-block; width:75%; float:left; margin:0}
.style-list-ul > li > .date {display:inline-block; width:25%; vertical-align: middle; padding:1px 0; text-align:right}
.style-list-ul > li > .title-group > .title {display:inline-block; max-width:80%; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; height:18px}
.style-list-ul > li > .title-group > .replyNum {font-style:normal}
.style-list-ul > li > .title-group > .replyNum a {font-weight:bold; color: #26b0b9; font-family:Tahoma;padding:0 3px}

/* 웹진형------ image_title_content */
.style-webz-a {list-style: none; margin:0;padding:0}
.style-webz-a > li { margin:10px 0; border-bottom:1px solid #e9e9e9}
.style-webz-a > li:last-child {border-bottom:0}
.style-webz-a > li > .thumbArea {float:left}
.style-webz-a > li > .titleArea > .title {display:inline-block; max-width:75%; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;-ms-text-overflow: ellipsis; height:18px; vertical-align: middle}
.style-webz-a > li > .text {height:35px; overflow:hidden; margin-bottom:0}
.style-webz-a > li > .date { display:inline-block; margin-left:150px; padding-top:5px}
.style-webz-a > li > .titleArea > .icon {vertical-align: middle}
.style-webz-a > li > .titleArea  > .replyNum {font-style:normal}
.style-webz-a > li > .titleArea  > .replyNum a {font-weight:bold; color: #26b0b9; font-family:Tahoma; vertical-align:middle}

/* 웹진형------ image_title */
.style-webz-b {list-style: none; margin-top:10px; margin-bottom:10px; padding:0}
.style-webz-b > li > .title-group {display:inline-block; width:75%; float:left; margin:0}
.style-webz-b > li > .date {display:inline-block; width:25%; vertical-align: middle; padding:1px 0; text-align:right}
.style-webz-b > li > .title-group > .title {display:inline-block; max-width:80%; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; height:18px}
.style-webz-b > li > .title-group  > .replyNum {font-style:normal}
.style-webz-b > li > .title-group > .replyNum a {font-weight:bold; color: #26b0b9; font-family:Tahoma; vertical-align:middle}
.style-webz-b-thumb > .thumb { display:block; width:100%; height:175px;}
.style-webz-b-thumb > .thumb > img {width:100%; height:100%;border:1px solid #ddd}

@media (max-width: 480px) {
      .style-list-table td {border:0;padding:5px 0}
      .style-list-table .td-title {width:70%}
      .style-list-table .time {width:30%;font-size:13px}
      .style-list-table .title > .title-subj {max-width:70%}
      
      .style-list-ul > li > .title-group {width:65%}
      .style-list-ul > li > .date {width:35%}
      .style-list-ul > li > .title-group > .title {max-width:65%}
      
      .style-webz-a > li > .titleArea > .title {max-width:55%}
      .style-webz-a > li > .text {height:38px}
      .style-webz-a > li > .date { font-size:13px}
      
      .style-webz-b > li > .title-group {width:70%}
      .style-webz-b > li > .date {width:30%; font-size:13px}
      .style-webz-b > li > .title-group > .title {max-width:75%}      
      
}
@media (min-width: 481px) and (max-width:767px){
       .style-list-table td {border:0;padding:5px 0}
       .style-webz-a > li > .text {height:38px}
}
@media (min-width: 768px) and (max-width: 991px) {
      .style-list-ul > li > .title-group {width:75%}
      .style-list-ul > li > .date {width:25%}
      .style-webz-b > li > .title-group {width:70%}
      .style-webz-b > li > .date {width:30%; font-size:13px}
      .style-webz-b > li > .title-group > .title {max-width:75%}   
}
@media (min-width: 992px) and (max-width: 1199px) {
      .style-list-table td {border:0;padding:3px 0}
      .style-list-table .td-title {width:70%}
      .style-list-table .time {width:30%}
      .style-list-table .title > .title-subj {max-width:70%}
      
  }