@charset "utf-8";
/* KHD custom  demasian board v0.1 */

/* Board Header */
h3.category_title {font-size:16pt; margin:0 0 10px 0; color:#333;}

#categoryWrap {width:100%; margin-bottom: 20px;} 
#boardWrap {position:relative; display:block; padding-top: 13px;}

.categoryBoard {}

.boardW {width:100%;}


.cmt_list{
	display: block;
	position: relative;
}

.btnWrap { text-align:right;}
.write_comment .btnWrap {background-color:#FFF; margin-right:-1px;}
.btnWrap .etc {float: left;}
/* Board List */
/* list.html */
.board_list {}
.board_list table{border:0;border-bottom:1px solid #e2e2e2;table-layout: fixed;}


.board_list th {border:0;padding:6px 0 10px 0;height:14px;white-space:nowrap; border-bottom: 1px solid #e2e2e2;border-top: 2px solid #e2e2e2; background: #fff; text-align: center;}
.board_list th:first-child span{border:0}
.board_list th span{display:block;padding:0;height:14px;font-weight: normal;}
.board_list tr.notice{background:#f9f9f9}
.board_list tr.notice td.title a{font-weight:bold}

.board_list td{border:0;border-bottom:1px solid #e2e2e2;padding:8px 2px;}
.board_list tr:last-child td{border:0}
.board_list td.notice{text-align:center}
.board_list td.no{text-align:center;font:11px Tahoma, Geneva, sans-serif;color: #888;}
.board_list td.thumbnail img{
	vertical-align:top;
}
.board_list td.title{white-space:normal;width:100%;}

.board_list td.withSummary {vertical-align: top; padding-top: 15px;}
.board_list td.withSummary a {font-weight: bold; font-size: 1.2em; line-height: 1.2em;}




.board_list td.title img {vertical-align: top;padding: 4px 0 0 2px;}



.board_list td.title .summary {margin:10px 5px 0 0; color: #666;}

.board_list .bh_author {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 0.9rem;}


.board_list td.time,
.board_list td.readNum,
.board_list td.voteNum,
.board_list td.lastReply a{text-align:center;font:11px Tahoma, Geneva, sans-serif; color: #888;}
.board_list td.lastReply sub{font:9px Tahoma, Geneva, sans-serif}
.board_list td.check{text-align:center}

.board_list td.voteNum .fa-thumbs-o-up {font-size: 15px; color:#365367;}

.mini_pagination a {text-decoration: none; color: #333; font-weight: bold;margin-right: 10px;}

.list_footer{position:relative;margin:15px 0;zoom:1}
.list_footer:after{content:"";display:block;clear:both}
.list_footer .btnWrap { text-align:right;}
.list_footer .bsToggle{float:left;cursor:pointer;padding:25px 0 0 0;margin:0 4px 0 0;width:25px;height:25px;overflow:hidden;border:0;background:url(../images/btnSearch.gif) no-repeat}




.list_footer .tagSearch{float:left; display:inline-block;width:25px;height:0;padding:25px 0 0 0;overflow:hidden;background:url(../images/btnSearch.gif) no-repeat 0 -25px;margin:0 5px 0 0}
/* Board Write */
/* write_form.html */
.board_write{}
.write_header{padding:9px 10px 9px 10px;background:#f6f6f6;border: 1px solid #ccc; margin-bottom: 5px; }
.write_header *{vertical-align:middle}
.write_header select{height:23px;width:140px}

.write_editor .xd{margin-top:-3px}
.write_footer{overflow:hidden;margin:1em 0}
.write_footer:after{content:"";display:block;clear:both}
.write_footer .btnArea{float:right;margin:0}
.write_footer .btnWrap{float:right;margin:0}
.write_option{margin:0 0 1em 0}
.write_option label{margin:0 10px 0 0}
/* Extra Form */
.exForm{background:#fff;padding:10px 0}
.exForm table{border:0;width:100%}
.exForm caption{text-align:right;font-size:11px;padding:0 0 2px 0}
.exForm th,
.exForm td{border:0;vertical-align:top;border-top:1px solid #ddd}
.exForm th{color:#333;text-align:left;padding:10px 5px 15px 5px;white-space:nowrap}
.exForm th label{cursor:default}
.exForm td{color:#666;padding:8px 10px}
.exForm em{font-style:normal;color:#f60}
.exForm .text,
.exForm .email_address,
.exForm .tel,
.exForm .address,
.exForm .date{padding:3px 4px;margin:0 4px 0 0;height:14px;line-height:14px;vertical-align:top;border:1px solid #A6A6A6;border-right-color:#D8D8D8;border-bottom-color:#D8D8D8}
.exForm .text,
.exForm .email_address,
.exForm .address{width:300px}
.exForm .tel{width:40px}
.exForm .date{width:120px}
.exForm textarea{width:90%;padding:3px 4px;margin:0 4px 0 0;vertical-align:top;border:1px solid #A6A6A6;border-right-color:#D8D8D8;border-bottom-color:#D8D8D8}
.exForm p{margin:5px 0 0 0;font-size:11px}
.exForm ul{margin:0;padding:0;list-style:none}
.exForm li{display:inline}
.exForm li input{width:13px;height:13px;margin:0 4px 0 0;vertical-align:middle}
.exForm li label{margin:0 15px 0 0}
.exOut{background:#fff;padding:10px 0}
.exOut table{border:0;width:100%}
.exOut th,
.exOut td{border:0;vertical-align:top;border-bottom:1px solid #ddd;padding:8px 15px}
.exOut th{color:#333;text-align:left;white-space:nowrap}
.exOut td{color:#666;width:100%}
/* Board Read */
/* _read.html */

.read_header{position:relative;}
.read_header h1{margin:0;font-size:16px;line-height:20px;overflow:hidden;}
.read_header h1 a{text-decoration:none;color:#333}
.read_header h1 .category{font-weight:normal;border-right:1px solid #7e7e7e;padding:0 10px 0 0;margin:0 5px 0 0}
.read_header .meta{margin:0;padding:8px 0; border-bottom:1px solid #ddd;zoom:1;background:#fff;}
.read_header .meta:after{content:"";display:block;clear:both}
.read_header .meta .author{float:left;text-decoration:none;color:#666;font-weight:bold}
.read_header .meta .lv_icon {padding:3px 0 0 0 ;vertical-align: top;}
.read_header .meta .author img{margin-top:-1px}
.read_header .meta .time { margin-left:10px;color: #8e8e8e; font:11px Tahoma, Geneva, sans-serif;}
.read_header .meta .sum{float:right;color:#888;font-size:13px}
.read_header .meta .sum em {
	font-style:normal;
	margin-left: 3px;}
.read_header .meta .sum .read {}
.read_header .meta .sum .like { margin-left:15px;}


.read_body{background:#fff;margin-top: 20px;}




.read_footer{overflow:hidden}
.read_footer .fileList{margin:15px 0;display:inline;float:left}
.read_footer .toggleFile{border:0;background:url(../images/icoSet.gif) no-repeat 0 2px;cursor:pointer;overflow:visible;padding:0 0 0 15px;color:#4b4b4b}
.read_footer .files{display:none;list-style:none;margin:15px 0;padding:0;line-height:16px}
.read_footer .files li{background:url(../images/icoSet.gif) no-repeat 0 -28px;padding:0 0 0 15px}
.read_footer .files a{color:#4b4b4b;position:relative;text-decoration:none}
.read_footer .files a .fileSize{visibility:hidden;position:absolute;padding:1px 4px;left:100%;top:-4px;border:1px solid #ddd;font:11px Tahoma, Geneva, sans-serif;background:#fff;white-space:nowrap}
.read_footer .files a:hover .fileSize,
.read_footer .files a:active .fileSize,
.read_footer .files a:focus .fileSize{visibility:visible}
.read_footer .tns{float:right;margin:15px 0}
.read_footer .tns a:hover,
.read_footer .tns a:active,
.read_footer .tns a:focus{text-decoration:underline}
.read_footer .tags{display:inline-block;height:16px;font-size:11px;color:#666;vertical-align:top;padding:0 15px 0 32px;line-height:16px;background:url(../images/icoSet.gif) no-repeat 0 -58px}
.read_footer .tags a{text-decoration:none;color:#666}
.read_footer .action{display:inline-block;line-height:16px;font-size:11px;margin:0 15px 0 0}
.read_footer .sns{display:inline;margin:0;padding:0;list-style:none;vertical-align:top}
.read_footer .sns li{display:inline;vertical-align:top}
.read_footer .sns a{display:inline-block;height:16px;line-height:16px}
.read_footer .sns .link a{width:16px;height:0;padding:16px 0 0 0;overflow:hidden;background:url(../images/icoSet.gif) no-repeat}
.read_footer .sns .twitter a{background-position:0 -270px}
.read_footer .sns .me2day a{background-position:0 -300px}
.read_footer .sns .facebook a{background-position:0 -330px}
.read_footer .sns .delicious a{background-position:0 -360px}
.read_footer .sign{clear:both;border:1px solid #eee;margin:0 0 -1px 0;padding:10px;overflow:hidden;zoom:1; }
.read_footer .sign .pf{float:left;margin:0 15px 0 0;padding:0 15px 0 0; border-right: 1px solid #eee;}
.read_footer .sign .pf_none{border-right: none !important; }
.read_footer .sign .tx{overflow:hidden;line-height:1.3;font-size:12px;padding:0; color:#666}
.read_footer .sign .tx *{margin:0}

.read_footer .btnWrap{clear:both;text-align:right;padding:10px 0;border-top:1px solid #eee}

/*댓글 영역*/
section.feedback{position:relative;color:#4b4b4b;margin:0 0 20px 0;}

.feedback header{position:relative;padding:8px;background: #022d41}
.feedback header h2{margin:0;font-size:1rem;float: left; color:#fff; font-weight: normal;}
.feedback header .btn_refresh {float: right;}
.feedback header .btn_refresh a {
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.feedback header img {
	vertical-align:middle;
}


/*댓글 이미지 START*/

.comment_img {
	margin: 0 0 0 170px;
	clear: both;
	width: 400px;
}

.comment_img img {
	max-width:100%;		
}

/*댓글 이미지 END*/



.feedback .fbList{padding:0; margin:0;list-style:none; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.feedback .fbItem{
    padding:15px 0 15px 0;
    border-bottom:1px dashed #e9e9e9;
    overflow:hidden;
    zoom:1;
}
.feedback .fbList li:last-child .fbItem {border-bottom:1px solid #e9e9e9;}
.feedback .fbItem:after{content:"";display:block;clear:both}



.feedback .indent{background:url(../images/icoIndent.gif) no-repeat;padding-left:10px;padding-right:10px;}

.feedback .fbMeta{float:left;width:154px;padding:0 0 0 6px}


.feedback .author a img{margin:0 6px 0 0 !important;vertical-align:top !important}


.feedback .xe_content{margin:0 0 0 170px;line-height:1.5}
.feedback .xe_content *:first-child{margin-top:0}

.feedback .fileList{margin:0 0 0 190px;padding:8px 0 0 0;display:inline;float:left;clear:both}
.feedback .toggleFile{border:0;background:url(../images/icoSet.gif) no-repeat 0 2px;cursor:pointer;overflow:visible;padding:0 0 0 15px;color:#767676}
.feedback .files{display:none;list-style:none;margin:15px 0;padding:0;line-height:16px}
.feedback .files li{background:url(../images/icoSet.gif) no-repeat 0 -28px;padding:0 0 0 15px}
.feedback .files a{color:#767676;position:relative;text-decoration:none}
.feedback .files a .fileSize{visibility:hidden;position:absolute;padding:1px 4px;left:100%;top:-4px;border:1px solid #ddd;font:11px Tahoma, Geneva, sans-serif;background:#fff;white-space:nowrap}
.feedback .files a:hover .fileSize,
.feedback .files a:active .fileSize,
.feedback .files a:focus .fileSize{visibility:visible}


.feedback .action a.this{background:none;padding:0;margin:0 0 0 10px;text-decoration:underline}

.feedback .indent1{padding-left:10px;background-position:2px 5px}
.feedback .indent2{padding-left:20px;background-position:10px 5px}
.feedback .indent3{padding-left:30px;background-position:20px 5px}
.feedback .indent4{padding-left:40px;background-position:30px 5px}
.feedback .indent5{padding-left:50px;background-position:40px 5px}
.feedback .indent6{padding-left:60px;background-position:50px 5px}
.feedback .indent7{padding-left:70px;background-position:60px 5px}
.feedback .indent8{padding-left:80px;background-position:70px 5px}
.feedback .indent9{padding-left:90px;background-position:80px 5px}
.feedback .indent10{padding-left:100px;background-position:90px 5px}
.feedback .indent11{padding-left:110px;background-position:100px 5px}
.feedback .indent12{padding-left:120px;background-position:110px 5px}
.feedback .indent13{padding-left:130px;background-position:120px 5px}
.feedback .indent14{padding-left:140px;background-position:130px 5px}
.feedback .indent15{padding-left:150px;background-position:140px 5px}
.feedback .indent16{padding-left:160px;background-position:150px 5px}
.feedback .indent17{padding-left:170px;background-position:160px 5px}

.refreshArea {padding: 4px;}
.refreshArea span{float: right;}
.refreshArea:after {content: ""; display:block; clear: both;}




/* Context Data | Context Message */
/* comment_form.html | delete_form.html | delete_comment_form.html | input_password_form.html | message.html */
.context_data{background:#f8f8f8;border-top:2px solid #666;padding:15px 20px;color:#666}
.context_data h3.author{margin:0 0 10px 0;color:#333}
.context_data h3.title{margin:0 0 10px 0;color:#333}
.context_data p.author{margin:0}
.context_data p.author strong{font-weight:normal}

.context_message{text-align:center;border-top:2px solid #666}
.context_message h1{font-size:16px;margin:20px 0}

.context_message .btnWrap{margin:20px 0}
/* Tag List */
.tagList{margin:0;padding:25px;border:1px solid #cdcdcd;line-height:1.2;text-align:justify}
.tagList a{color:#fff;text-decoration:none;white-space:nowrap;margin:0 2px}
.tagList a.rank1{font-size:24px;background:#000}
.tagList a.rank2{font-size:18px;background:#333}
.tagList a.rank3{font-size:14px;background:#666}
.tagList a.rank4{font-size:12px;background:#999}
.tagList a.rank5{font-size:12px;color:#666;text-decoration:underline}
.tagFooter{text-align:center;padding:20px 0}



/*댓글 글쓰기 영역 (공통)*/

._write_comment_wrap {
	padding:0 5px;
}

.feedback > ._write_comment_wrap {
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	overflow:hidden;
	padding: 5px;
}

/* Write Comment */
/* _read.html | comment_form.html */
.write_comment{position:relative;padding:0;margin-left:105px;}
.write_comment:after{content:"";display:block;clear:both}
.write_comment .iTextArea { border:1px solid #ddd;padding:5px; width:100%; overflow:auto; box-sizing:border-box; vertical-align:top;height:102px;}

/*대댓글 이미지 START*/
._write_comment_wrap .comment_image_upload {
	float:left;
	width:100px;
	border:1px solid #ddd;
	overflow:hidden;
}
._write_comment_wrap .comment_image_upload img {
	vertical-align:top;
}
._write_comment_wrap .comment_image_upload input.file_input_button {
	width:100px;
	height:100px;
	border: none !important;
	background:#FFF !important;
	cursor:pointer;
}
._write_comment_wrap .comment_image_upload input.file_input_button:hover {
	background-color:#f5f5f5 !important;
}
._write_comment_wrap .comment_image_upload input.file_input {
	display:none;
}
._write_comment_wrap .comment_image_upload_preview {
	position:relative;
}
._write_comment_wrap .comment_image_upload_remove_div {
	position:absolute;
	top:0;
	right:0;
}
._write_comment_wrap .comment_image_upload_remove_div a {
	padding:5px 7px;
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
}
._write_comment_wrap .comment_image_upload_preview img {
	width:100px;
	height:100px;
}
/*대댓글 이미지 END*/


 /* dropzone */
.comment_image_upload_info {
	display: none;
}

.in.comment_image_upload_form .file_input_button,
.hover.comment_image_upload_form .file_input_button{
	display: none;
}

.in.comment_image_upload_form .comment_image_upload_info,
.hover.comment_image_upload_form .comment_image_upload_info {
	display: block;
	margin: 0;
	padding: 5px;
	text-align: center;
	width:100px;
	height:100px;
	background-color: #5eaec4;
	color:#fff;
}

/* Write Author */
/* _read.html | write_form.html | comment_form.html */
.write_author{float:left;margin:0 4px 0 0}
.write_author .item{position:relative;display:inline-block;_margin:0 4px 0 0;zoom:1}
.write_author .iLabel{top:4px;left:8px;color:#666}
.write_author label{margin:0 10px 0 0}