/*webzine_table.css*/

#bo_list.webzine_table{border-bottom: none;}
.webzine_table .tbl_wrap table{border: none;}
/* thead */
#bo_list.webzine_table .tbl_head01 thead th{padding: 20px 0; margin: 0; border: none;}
#bo_list.webzine_table .tbl_head01 thead .th_num2{width: 80px;}
#bo_list.webzine_table .tbl_head01 thead .th_checkbox input{margin-top:5px;}
#bo_list.webzine_table .tbl_head01 thead .th_writer{width: 150px;}
/* tbody */
#bo_list .td_chk{width: auto;}
#bo_list.webzine_table .tbl_head01 td{padding: 30px 0; border: none; color: #000;}
#bo_list.webzine_table .tbl_head01 .td_subject{padding-left: 30px; padding-right: 30px; height: inherit;}
#bo_list.webzine_table .tbl_head01 .td_datetime{width: 40%; min-width: 400px;}
#bo_list.webzine_table .tbl_head01 .td_datetime img{width: 100%;}
#bo_list.webzine_table .tbl_head01 .td_name span{display: block; text-align: center;}
#bo_list.webzine_table .subject_box{height: 100%; position: relative;}
@media screen and (min-width:0\0){.webzine_table#bo_list .subject_box{height: auto; float: left; width: 100%;}}
#bo_list.webzine_table .subject_box br{display: none;}
#bo_list.webzine_table .bo_tit h3{-webkit-transition: .3s;transition: .3s; margin: 0 0 15px; font-weight: 400; -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; height: 40px; font-size:18px; line-height: 1.2em; border-bottom: 1px solid #ddd;}
#bo_list.webzine_table .webzine_content{margin-bottom: 10px; font-size: 16px; color: #999;  -webkit-overflow: hidden; -ms-overflow: hidden; overflow: hidden;text-overflow: ellipsis;white-space: normal;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /*height:155px; */-ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);
}
#bo_list .tbl_head01 tbody tr:hover td{background: none;}
#bo_list.webzine_table .webzine_date display: inline-block; margin-right: 10px; color: #999; font-size: 14px;}
#bo_list.webzine_table .webzine_writer{display: inline-block; font-size: 14px; color: #999;}
#bo_list.webzine_table .webzine_writer .sv_member{display: inline-block; margin-left: 5px; color: #333; font-weight: 400;}
#bo_list.webzine_table .webzine_date .fa{display: none;}
#bo_list.webzine_table .webzine_date .info_detail{display: none;}
#bo_list.webzine_table .tbl_head01 thead .th_num, #bo_list.webzine_table .tbl_head01 thead .th_subject, #bo_list.webzine_table .tbl_head01 thead .th_writer{display: none;}
#bo_list.webzine_table .tbl_head01 thead .th_writer, #bo_list.webzine_table .tbl_head01 .td_name, #bo_list.webzine_table .tbl_head01 .td_num2{display: none;}
.bo_notice td{background: #fff!important;}
#bo_v_con{font-size: 14px;}
#bo_list tr:hover .bo_tit h3{color: #f2b704;}
#bo_list .tbl_head01 a{overflow: hidden;}
#bo_list tr:hover .td_datetime img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

@media screen and (max-width: 1199px){
    #bo_list.webzine_table .bo_tit h3{font-size: 20px;}
    #bo_list.webzine_table .webzine_content{font-size: 15px;}
    #bo_list.webzine_table .webzine_date{font-size: 14px;}
    #bo_list.webzine_table .view_more{margin-top: 25px; font-size: 13px;}
}
@media screen and (max-width: 1024px){
    #bo_list.webzine_table .tbl_head01 .td_datetime{min-width: 330px;}
    #bo_list.webzine_table .tbl_head01 thead .th_num2{width: 60px;}
    #bo_list.webzine_table .view_more{margin-top: 15px; width: 150px; height: 42px; line-height: 42px;}
    #bo_list.webzine_table .webzine_content{height: 135px;}
}
@media screen and (max-width: 980px){
    #bo_list.webzine_table .webzine_content{height: 95px;}
}

@media screen and (max-width: 767px){
    .webzine_table tr{height: auto!important;}
    .webzine_table .tbl_head01 tbody tr{border: none;}
    #bo_list.webzine_table table, #bo_list.webzine_table tbody, #bo_list.webzine_table tr, #bo_list.webzine_table td{display: block; float: left;}
    .webzine_table .tbl_wrap{float: left;}
    #bo_list.webzine_table .tbl_head01 thead th{display: none; border: none;}
    #bo_list.webzine_table .tbl_head01 thead tr{border: none;}
    #bo_list.webzine_table .tbl_head01 thead .th_checkbox{display: block; padding: 0 0 10px; margin: 0 0 0 10px; float: left; border: none; height: inherit;}
    #bo_list.webzine_table .tbl_head01 thead .th_checkbox input{margin-top:0;}
    #bo_list.webzine_table .tbl_head01 .td_num2, #bo_list.webzine_table .tbl_head01 .td_name{display: none;}
    #bo_list.webzine_table tbody tr{padding: 25px 0;}
    #bo_list.webzine_table .tbl_head01 td{float: left;}
    #bo_list.webzine_table .tbl_head01 .td_datetime{width: 100%; height: auto; min-width: inherit;}
    #bo_list.webzine_table .tbl_head01 .td_datetime a{width: 100%;}
    #bo_list.webzine_table .tbl_head01 .td_subject{padding: 0 !important; width: 100%; height: auto;}
    #bo_list.webzine_table .bo_tit h3{}
    #bo_list.webzine_table tr{position: relative; float: left; margin-bottom: 0;}
    #bo_list.webzine_table .tbl_head01 .td_chk{position: absolute; padding: 0; background: none; left: 13px; top: 50px; height: inherit; z-index: 1;}
    #bo_list.webzine_table .view_more{margin-top: 20px; width: 100%; height: 48px; line-height: 48px; color: #fff; background: #a66946; border: none;}
    #bo_list.webzine_table .bo_tit h3{height: 35px;}
    #bo_list.webzine_table .webzine_content{margin-bottom: 30px; height: auto;}
}
@media screen and (max-width:480px){
    #bo_list.webzine_table tbody tr{padding: 30px 0;}
    #bo_list.webzine_table .tbl_head01 td{padding: 0 0 30px;}
    #bo_list.webzine_table .tbl_head01 .td_subject{padding-left: 10px; padding-right: 10px;}
    #bo_list.webzine_table .bo_tit h3{font-size: 16px;}
    #bo_list.webzine_table .webzine_content{font-size: 12px;}
    #bo_list.webzine_table .webzine_date{font-size: 12px;}
    #bo_list.webzine_table .webzine_writer{display: none; font-size: 12px;}
    #bo_list.webzine_table .view_more{height: 40px; line-height: 40px; font-size: 12px;}
    #bo_list.webzine_table .tbl_head01 .td_chk{top: 5px;}
}