.list_table { width:100%; border-collapse:collapse; } .list_table thead th {color:#333; font-weight:bold; text-align:center; line-height:40px; background:url("../../../core/image/board/bbs_listline.gif") no-repeat 0 48% #fff; border-top:2px solid #555;border-bottom:1px solid #ccc;} .list_table thead th:first-child {background-image:none;} .list_table tbody td {padding:10px 5px;border-bottom:1px solid #ccc;} .list_table_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background: #888; } .list_table_head div.no {float:left;width:5%;} .list_table_head div.cate {float:left;width:14%;} .list_table_head div.subject {float:left;width:51%;} .list_table_head div.subject02 {float:left;width:65%;} .list_table_head div.name {float:left;width:10%;font-weight:bold; color:#fff;} .list_table_head div.ran {float:left;width:10%;font-weight:bold; color:#fff;} .list_table_head div.date {float:left;width:10%;} .list_table_head div.hit {float:left;width:10%;} .list_table_cont {overflow:hidden;} .list_table_cont li {overflow:hidden;text-align:center; padding:10px 0;border-bottom:1px solid #ccc; } .list_table_cont li .no {float:left;width:5%;color:#555;} .list_table_cont li .subject_group {float:left;width:65%;color:#555;} .list_table_cont li .subject_group .cate {float:left;width:18%; } .list_table_cont li .subject_group .subject {float:left;width:82%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; } .list_table_cont li .name {float:left;width:10%;color:#555;} .list_table_cont li .ran {float:left;width:10%;color:#555;} .list_table_cont li .date {float:left;width:10%;color:#555;} .list_table_cont li .hit {float:left;width:10%;color:#555;} .list_table_cont li .name02 {display:none;} .list_table_cont li .no_r {float:left;width:5%;color:#555;} .list_table_cont li .subject_group_r {float:left;width:65%;color:#555;} .list_table_cont li .subject_group_r .cate_r {float:left;width:18%; } .list_table_cont li .subject_group_r .subject_r {float:left;width:82%;text-align:left; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; } .list_table_cont li .name_r {float:left;width:10%;color:#555;} .list_table_cont li .date_r {float:left;width:10%;color:#555;} .list_table_cont li .hit_r {float:left;width:10%;color:#555;} .list_table_cont li .name_r_m {display:none;} .list_table_cont li .date_r_m {display:none;} .list_table_cont li .hit_r_m {display:none;} .list_table_cont li .name02_r {display:none;} .view_tit_wrap { padding:15px;border-top:2px solid #333;border-bottom:1px solid #ccc;text-align:center; background:#f7f7f7;overflow:hidden;} .view_tit1 {display:inline-block; padding:2px 14px;COLOR:#fff; background:#ff6600; word-break:keep-all;} .view_tit2 {font-size:18px; line-height:140%; COLOR:#333; font-weight:bold;padding:8px 0 0 0;} .view_name {color:#888;padding:4px 0 0 0; font-size:0.9em;} .view_file {list-style:none;padding:8px 10px ;border-bottom:1px solid #ddd; } .view_file li {list-style:none;font-size:0.9em; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; } .view_content {padding:30px 10px ; word-break:break-all; border-bottom:0 solid #ddd;} .view_content img {max-width:100%;} .view_content_text_size {padding:5px 0 0 0; text-align:right;} .view_com01 {font-size:10px;COLOR: #999999; font-family:Tahoma;} /*코멘트날짜표시*/ .view_bg {background-color:#F8E5F2} /*코멘트박스색깔*/ .write_title { COLOR: #ffffff;font-weight:bold; padding:7px; text-align:center;background:#9a9a9a; } .write_area {width:100%;border-collapse:collapse;table-layout:fixed;} .write01 {text-align:center; font-weight:normal;background:#F5f5f5; padding:8px 0; width:110px; border-right:1px solid #ddd;border-top:1px solid #ddd;} .write02 {padding:8px; border-top:1px solid #ddd;} .comment_box01 {margin:15px 0 0 0;border:1px solid #e5e5e5;padding:7px;background-color:#f7f7f7;height:105px;} .comment_box02 {margin:15px 0 0 0;border:1px solid #e5e5e5;padding:7px;background-color:#f7f7f7;height:140px;} .comment_txt {padding:3px 0 0 0;} .comment_txt dl {margin:0;} .comment_txt dt {margin:0;float:left;width:90%;} .comment_txt dd {margin:0;float:right;} .comment_txt dt textarea {border:1px solid #cccccc;} .comment_view {margin:0 0 10px 0;border-top:1px solid #dfdfdf;padding:5px 0;} .comment_view_name {width:110px;float:left;padding:0 5px;line-height:130%;} .comment_view_content {margin:0 0 0 110px; background:url("../../../core/image/board/comment_line01.gif") repeat-y left top;padding:0 10px;} .list { } .list:hover {background:#f6f6f6;} .list0 { } .list1 { } /* Tablet screen 1024 */ @media screen and (max-width:1024px) { .list_table_head {display:none;} .list_table_cont {overflow:hidden;border-top:2px solid #555;} .list_table_cont li {overflow:hidden;text-align:left; padding:10px ; } .list_table_cont li .no {display:none;float:left;width:5%;color:#888;} .list_table_cont li .subject_group {float:none;width:100%;} .list_table_cont li .subject_group .cate {float:none;width:100%;} .list_table_cont li .subject_group .subject {float:none;width:100%;text-align:left; font-size:1.1em;font-weight:bold;color:#333;} .list_table_cont li .name {display:none;} .list_table_cont li .ran {width:20%;} .list_table_cont li .date {display:none;} .list_table_cont li .hit {display:none;} .list_table_cont li .name02 {display:block;font-size:0.9em;color:#888;padding:3px 0 0 0;} .list_table_cont li .no_r {display:none;float:left;width:5%;color:#888;} .list_table_cont li .subject_group_r {float:none;width:100%;} .list_table_cont li .subject_group_r .cate_r {float:none;width:100%;} .list_table_cont li .subject_group_r .subject_r {float:none;width:100%;text-align:left; font-size:1.1em;font-weight:bold;color:#333;} .list_table_cont li .name_r {display:none;} .list_table_cont li .date_r {display:none;} .list_table_cont li .hit_r {display:none;} .list_table_cont li .name02_r {display:block;font-size:0.9em;color:#888;padding:3px 0 0 0;} .list_table_cont li .name_r_m {display:block;float:left;width:8%;color:#555;} .list_table_cont li .date_r_m {display:block;float:left;width:77%;color:#555;} .list_table_cont li .hit_r_m {display:block;float:left;width:15%;color:#555;} .view_tit2 {font-size:1.1em;} .view_tit_wrap {padding:10px;} .view_name {padding:0;} } /* 보드 뷰페이지 이전, 다음글 ======================================*/ .view_prev_group {border-top:1px solid #b5b5b5; } .view_prev_group_li01 {overflow:hidden;border-bottom:1px solid #ddd;} .view_prev_group_li02 {overflow:hidden;border-bottom:1px solid #b5b5b5;} .view_prev_tit1, .view_prev_tit2 {float:left;width:15%;text-align:center;padding:7px 0;background: #f7f7f7;} .view_prev_txt {float:left;width:85%;padding:7px 0;text-indent:10px;overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } /* mobie screen 520 */ @media screen and (max-width:520px) { .view_prev_tit1, .view_prev_tit2 {width:20%; font-size:0.9em;} .view_prev_txt {width:80%;font-size:0.9em; } } /* 보드 뷰페이지 이전, 다음글 ======================================*/