@charset "euc-kr";
/* BBS LIST CSS STYLE SHEET
AUTHOR : I-SAAC, KIM
PUBLISHED BY NEOCOMS
 */

/* Common - bbs-list */
.bbs_list{position:relative; width:100%; margin:0; padding:0; float:left;}

/* BBSLIST - Colum */
.bbs_list .table_list{position:relative; width:100%; margin:20px 0 20px 0; padding:0; float:left;}
.bbs_list .table_list table.colum{position:relative; width:100%; border-top:3px solid #666; border-bottom:1px solid #666;}
.bbs_list .table_list table.colum thead td{text-align:center; border-bottom:1px solid #ddd; background:#f9f9f9; font-size:12px; font-weight:bold; padding:15px 5px 15px 5px; border-right:1px solid #eee;}
.bbs_list .table_list table.colum thead td:last-child{border-right:none;}
.bbs_list .table_list table.colum tbody td{font-size:12px; color:#777; border-bottom:1px solid #e8e8e8; padding:7px 0px 7px 0px; text-align:center; transition-duration:0.3s; border-right:1px solid #f8f8f8;}
.bbs_list .table_list table.colum tbody td:last-child{border-right:none;}
.bbs_list .table_list table.colum tbody tr:hover td{background:#fdfdfd;}
.bbs_list .table_list table.colum tbody tr:last-child td{border-bottom:none;}
.bbs_list .table_list table.colum tbody td.bbscategory{color:#666; font-weight:bold;}
.bbs_list .table_list table.colum tbody td.bbsnewf5{text-align:left; padding-left:5px; min-width:50%; max-width:80%;}

/* BBSLIST - ADMIN TALBE */
.bbs_list .table_list table.board{position:relative; float:left; width:100%; margin:20px 0 0 0; padding:0;}


/* BBSLIST - Category */
.bbs_list .category{position:relative; width:100%; float:left;}
.bbs_list .category table.board{position:relative; float:left; padding:0; margin:0;}
.bbs_list .category table.board td{position:relative; display:inline-table; float:left;}
.bbs_list .category table.board td img{display:none;}
.bbs_list .category table.board td b{font-size:16px; color:#333; margin-right:15px;}
.bbs_list .category table.board td select{border:1px solid #cdcdcd; padding:7px; font-family:'Nanum Gothic',Arial,sans-serif; font-size:12px;}

/* BBSLIST - Paging */
.bbs_list .paging{position:relative; width:100%; text-align:center; overflow:hidden;vertical-align:top}
.bbs_list .paging .paging-section{position:relative; display:inline-block; overflow:hidden; border-right:1px solid #e8e8e8;}
.bbs_list .paging b{display:inline-block; width:19px; height:25px; line-height:25px; font-size:12px; border:1px solid #e8e8e8; color:#fff; background:#666666; padding:0 7px; border-right:none; margin-left:-15px}
.bbs_list .paging a{display:inline-block; width:15px; height:25px; line-height:25px; font-size:12px; border:1px solid #e8e8e8; color:#666; background:#ffffff; padding:0 7px; border-right:none; margin-left:-15px;}
.bbs_list .paging a img {margin-bottom:-3px;margin-left:-4px}

/* WEBZINE */
.table_list table.webzine{position:relative; width:100%; border-top:3px solid #666; border-bottom:1px solid #666;}
.table_list table.webzine table.webzine_type2{width:100%; padding:0px; margin:0px;}
.table_list table.webzine table.webzine_type2 tr:nth-child(2n) td{border-bottom:1px solid #e8e8e8; height:0px !important; padding:0; margin:0; overflow:hidden;}
.table_list table.webzine td.webzine_type_img_td{width:20%; padding-top:20px;} 
.table_list table.webzine table.webzine_type2 td{font-size:12px; color:#666; padding-top:15px;}
.table_list table.webzine table.webzine_type2 td dd{position:relative; margin:0px; padding:0px; float:left;}
.table_list table.webzine table.webzine_type2 td dd span.obj_name{font-weight:bold; width:50px; display:inline-table;}
dd.webzine_subject{font-size:16px; font-weight:bold; color:#333; display:inline-table; float:left; padding-right:10px!important;}
dd.webzine_subject span.obj_name{display:none!important;}
dd.webzine_category{display:inline-table; float:left; border-left:1px solid #e8e8e8; margin-top:5px; padding-left:10px!important;}
dd.webzine_category span.obj_name{display:none!important;}

dd.webzine_description, dd.webzine_view_count, dd.webzine_dateof_write, dd.webzine_dateof_write, dd.webzine_writer{float:left; width:100%; padding:5px 0px 5px 0px; display:inline-table;}

/* BBSLIST - Search */
div.bbsSearch{position:relative;width:100%;text-align:center;margin-top:15px}
div.bbsSearch #ext_search {display:inline-block;}
div.bbsSearch table#search_table{padding:0;}
div.bbsSearch table#search_table td{position:relative; float:left;}
div.bbsSearch table#search_table td input {padding:2px 0;vertical-align:top}
div.bbsSearch table#search_table td.est_btn_cell {padding-left:5px;}
div.bbsSearch select{padding:2px !important; margin-right:5px; color:#666;border:1px solid #a9a9a9}


/* BBSLIST - READ */
table.list-read{position:relative; width:100%; border-top:3px solid #666; border-bottom:1px solid #666; float:left; overflow:hidden;}
table.list-read > tbody > tr > td{border-bottom:1px solid #e8e8e8; font-size:14px; padding:7px 0px 7px 0px;}
table.list-read > tbody > tr > td.board_bgcolor{background:#f9f9f9; font-weight:bold; width:calc(20% - 14px); position:relative;}
table.list-read > tbody > tr > td.board_desc{width:calc(80% - 14px); position:relative;}
table.list-read > tbody > tr > td .vod_wp {position:relative;width:100%;height:0;padding-bottom:56.25%;}
table.list-read > tbody > tr > td .vod_wp > embed, /* 영상을 감싸고 있는 박스에 class="vod_wp" 추가*/
table.list-read > tbody > tr > td .vod_wp > iframe  {position:absolute;top:0;left:0;width:100%;height:100%;}
table.list-read > tbody > tr > td img {max-width:100%;height:auto !important;}


/* BBSLIST - WRITE */
table.list-write{position:relative; width:100%; border-top:3px solid #666; border-bottom:1px solid #666; float:left;margin-bottom:15px;}
table.list-write > tbody > tr > td{border-bottom:1px solid #e8e8e8; font-size:14px; padding:7px;}
table.list-write > tbody > tr > td.board_bgcolor{background:#f9f9f9; font-weight:bold;}
table.list-write > tbody > tr > td > input {border:1px solid #e1e1e1;padding:3px;}


/* Comment List */
.comment-list-area{position:relative; width:100%; margin:20px 0px 20px 0px; float:left; overflow:hidden;}
.comment-list-area > table{border-top:1px solid #666; width:100%;}
.comment-list-area > table > tbody > tr > td{background:none!important;}
.comment-list-area > table > tbody > tr:last-child{display:none;}
.comment-list-area > table > tbody > tr > td > table{font-size:12px !important; width:100%;}
.comment-list-area > table > tbody > tr > td > table[height="1"]{display:none;}
.comment-list-area > table > tbody > tr > td > table tr:nth-child(1) td{padding:7px;border-bottom:1px solid #e8e8e8;}
.comment-list-area > table > tbody > tr > td > table tr:nth-child(1) td.comment_name{color:#333; font-size:14px !important; font-weight:bold;  border-right:1px solid #f8f8f8; background:#f8f8f8;}
.comment-list-area > table > tbody > tr > td > table tr:nth-child(1) td.comment_txt{color:#666; font-size:12px !important; line-height:160%;  border-right:1px solid #f8f8f8; width:auto!important;}
.comment-list-area > table > tbody > tr > td > table tr:nth-child(1) td:last-child{border-right:none;}
.comment-list-area > table > tbody > tr > td > table tr:nth-child(2) td{display:none;}
.comment-list-area > table > tbody > tr > td.comment_name{}
.comment-list-area > table > tbody > tr > td.comment_txt{}

.comment-write-area{position:relative; width:100%; margin:20px 0px 0px 0px; float:left; overflow:hidden;}
.comment-write-area table{margin:0; padding:0; border-top:1px solid #666; border-bottom:1px solid #666;}
.comment-write-area table tr td{padding:7px; font-size:12px; color:#666;}
.comment-write-area table tr td input[type='text'], .comment-write-area table tr td input[type='password'], .comment-write-area table tr td textarea{padding:7px; font-size:12px; color:#666; border:1px solid #cdcdcd; border-radius:3px; width:calc(100% - 30px); margin-bottom:10px;}
.comment-write-area table tr td input#txtDiplay{width:30px; !important;}

/*갤러리*/

/* 480px 이하 */
@media (max-width:600px){	
	#community_02 td.bbsnewf5 img {width:auto;max-width:auto;height:auto}
	#community_03 table table table tr td {width:10% !important}
	.gallery_etc font {font-size:10px !important;}
	.bbs_list .table_list table.colum thead td {padding:5px;}
	.bbs_list .table_list table.colum tbody td {vertical-align:top;}
	.bbs_list .table_list table.colum tbody td.bbsnewf5 img {width:100%;max-width:100%;height:85px;}
	.bbs_list .table_list table.colum tbody td.bbsnewf5 img[align="absmiddle"]{height:9px !important; width:auto !important;}
	.bbs_list .table_list table.colum tbody td.gallery_subject {height:42px;}
	.bbs_list .table_list table.colum tbody td.gallery_subject img{width:auto; height:auto;}
	.comment-list-area > table > tbody > tr > td > table tr:nth-child(1) td:last-child font{display:none;}
	
	
	table.list-write > tbody > tr > td {font-size:12px;}
	table.list-write > tbody > tr > td div.nneditor-container iframe#descriptionView_IFRAME{height:230px !important;}
	table.list-write > tbody > tr.board > td.board_bgcolor {width:20%}
	table.list-write > tbody > tr.board > td.board_desc {width:80%;}
	table.list-write > tbody > tr.board > td.board_desc input[name="subject"],
	table.list-write > tbody > tr.board > td.board_desc input[name="writer"],
	table.list-write > tbody > tr.board > td.board_desc input[name="receiver_email"],
	table.list-write > tbody > tr.board > td.board_desc input[name="password"]{width:215px}
	table.list-write > tbody > tr.board > td.board_desc input[name="phone_no1"],
	table.list-write > tbody > tr.board > td.board_desc input[name="phone_no2"],
	table.list-write > tbody > tr.board > td.board_desc input[name="phone_no3"] {width:60px}
	
	
	
}