
/* ******************************************
- aboard CSS 공용 (aboard.css)
- 반드시 클래스명은 .aboard_ 로 태깅 처리해주세요.
******************************************  */

fieldset{border:none; vertical-align:top;}
legend, caption{display:none}

.aboard {width:100%; max-width: 1280px; margin: 0 auto;}
.aboard_twrap {width:100%; padding:10px 0; line-height:1.4; border-bottom:1px solid #999; }
.aboard_gray_form {background:#efefef; border: 1px solid #d3d3d3}

/* 페이징 스타일 */
.aboard_paging { width:100%; text-align:center;padding:20px 0 20px  0; font-size:0; overflow:hidden; display:block; }
.aboard_paging a {  display:inline-block; border:solid 1px #ccc !important; ;  height:28px; line-height:26px; text-align:center; padding-left:8px; padding-right:8px; font-size:12px; background:#fff !important;  color:#999999 !important; margin:0 2px;  }
.aboard_paging strong {  display:inline-block; height:28px; line-height:26px; color:#000; border:solid 1px #000; text-align:center; padding-left:8px; padding-right:8px; font-size:12px; font-weight:600; margin:0 2px; background-color:#f2f2f2  }
.aboard_paging .aboard_arr { font-size:8px; font-weight:800; vertical-align:top; }

/* 모바일 페이징 */
.aboard_paging_mo { width:100%; text-align:center;padding:20px 0 20px  0; font-size:0; overflow:hidden; display:block; }
.aboard_paging_mo a { display:inline-block; border:solid 1px #ccc !important; ;  height:28px; line-height:26px; text-align:center; padding-left:8px; padding-right:8px; font-size:12px; background:#fff !important;  color:#999999 !important; margin:0 3px;  }
.aboard_paging_mo strong { display:inline-block; height:28px; line-height:26px; color:#000; border:solid 1px #000; text-align:center; padding-left:8px; padding-right:8px; font-size:12px; font-weight:600; margin:0 3px; background-color:#f2f2f2  }
.aboard_paging_mo .aboard_arr {font-size:8px; font-weight:800; vertical-align:top; }

/* 게시판 카피라이트 */
.aboard_copy {padding-top:10px; text-decoration: none; text-align:right}
.aboard_copy a {color: #c1c1c1; font-size:10px;text-decoration: none; }

/* aboard_list */
.aboard_list{border-top:2px solid #000; }
.aboard_list table{table-layout: fixed; width: 100%;border-collapse:collapse; width:100%;}
.aboard_list table th{background:#f4f4f4; border-bottom: 1px solid #d1d1d1; padding:16px 0px; text-align: center; color:#333; font-weight:600; font-size: 13px; border-right: none !important;}
.aboard_list table td{border-bottom: 1px solid #d1d1d1;  padding:8px 0; font-size: 1.2rem; border-left: none !important; text-align: center; word-break: break-all;}
.aboard_list table td:nth-child(3) {text-align: center !important; padding-left: 0 !important;}
.aboard_list table td.aboard_txt{font-size: 14px; overflow: hidden; padding: 14px 5px; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
.aboard_list table td.aboard_txt a{color:#2b2b2b !important; text-decoration:none; font-weight: 500;}
.aboard_list table td.aboard_txt a:hover{color:#01A3B0 !important;}
.aboard_list table td.aboard_txt span img{vertical-align:middle}



/* aboard_gallery */
.aboard_gallery {width:100%; border-bottom:1px solid #d1d1d1; padding:10px 0; }
.aboard_gallery table {width:100%; }
.aboard_gallery table tr th, .aboard_gallery table tr {border-bottom:1px solid #fff!important; }

.aboard_gallery table tr th, .aboard_gallery table tr td {border-bottom:1px solid #fff;  padding:20px 0 ; text-align:center !important; }

.aboard_faq {width:100%;  }
.aboard_faq .aboard_fwrap {width:100%; border-bottom:1px solid #d1d1d1;  }

.aboard_webzine  {width:100%;  }
.aboard_webzine table th, .aboard_webzine table td { padding:10px;  }

/*뷰 타입(에디터영역-content style 보호를 위하여 전역구조태그를 table class 지정처리*/
.aboard_view table {table-layout: fixed; width: 100%; border-collapse:collapse;margin-top:30px; font-size: 1.4rem;}
.aboard_view table th {background:#f4f5f5; border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; padding:11px 0px; color:#333; font-weight:600; text-align:center; }
.aboard_view table td {border-bottom:1px solid #d1d1d1;  border-top: 1px solid #d1d1d1; padding:8px 10px; text-align: left; word-break:break-all; }
.aboard_view .aboard_tit {font-weight:600;color:#222; padding:0 10px 0 20px; display:inline-block;}
.aboard_view .aboard_content_frame {padding:15px 10px 15px 10px; } /* 에디터 틀 */
div.aboard_content_div p { /* 에디터보기 */
	display: block;
	margin-block-start: 1em; /* 에디터와 보기 호환을 위해 */
	margin-block-end: 1em; /* 에디터와 보기 호환을 위해 */
	margin-inline-start: 0px; /* 에디터와 보기 호환을 위해 */
	margin-inline-end: 0px; /* 에디터와 보기 호환을 위해 */
	font-size: 1.5rem;
	font-weight: 400;
	color: #222;
	line-height: 1.5 !important;
}

/*write 타입*/
.aboard_write table {width:100%; margin-top:30px }
.aboard_write th {text-align:left; border-bottom:1px solid #d1d1d1;  border-top:1px solid #d1d1d1; padding:10px; color:#333; font-weight:600; font-size: 1.5rem;}
.aboard_write td {text-align:left; padding:10px; border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1; font-size: 1.5rem;}
.aboard_write td strong{vertical-align:top; }
.aboard_write td strong a{display:inline-block; height:30px; background:#eaeaea;; text-decoration:none; padding:0 10px; border-radius:5px; line-height:26px}
.aboard_write .aboard_txtwrap {width:100%; }
.aboard_write .aboard_txtwrap h3 { padding:10px;  padding:17px 10px; color:#333; font-weight:600; display:block; text-align:left; font-size:15px;}
.aboard_write .aboard_btn_spam {vertical-align:middle; display:inline-block; background:#444; border:1px solid #444; padding:0 10px; color:#ffffff; font-size:13px;font-weight:600;line-height:27px; height:28px; margin-right:10px;}

/* reply */
.aboard_reply table th, .aboard_reply table td {padding:5px 10px ;}
.aboard_reply table .aboard_last {background:#f5f5f5; color:#777; text-align:center; }

/* 게시판 하단 */
.aboard_srchBox{width:100%; text-align:center; padding: 30px 0 0 0; }
.aboard_nofile {width:100%; text-align:center; padding:40px 0 !important;  color:#777;}
.aboard_btn {width:100%; text-align:center; padding:30px 0; font-size:0;  }
.aboard_btn a,.aboard_btn input[type="submit"], .aboard_btn input[type="button"] {width:70px; font-weight:600; text-align:center; padding:0;font-size:13px; margin:0 1px;line-height:28px; height:30px; }
.aboard_pimg {width:100%; text-align:center;padding-top:10px;padding-bottom:10px;}

.aboard_comment {width:100%; border-top:1px dotted #aaa;padding:20px 0 ; overflow:hidden;display:block;  }
.aboard_comment h3 {width:100%;color:#555; font-size:12px; font-weight:600; text-align:left; }
.aboard_comment .aboard_c_textarea {width:88%; float:left; height:40px; }
.aboard_comment .aboard_c_tbtn {width:9%; float:right;  line-height:60px; height:62px; background:#888; border:1px solid #888;font-weight:600;}
.aboard_comment .aboard_c_dbtn {float:right;width:20px;text-align:center;}
.aboard_comment .aboard_c_dbtn .aboard_dimg {padding:4px 3px;cursor:hand;border:1px solid #ccc; }
.aboard_comment ul {width:100%; }
.aboard_comment ul li {width:100%; text-align:left; padding:10px 0 0 0; font-size:12px;}
.aboard_comment ul li.aboard_namebox {width:99.8%; border:1px solid #eee;background:#f5f5f5; padding:10px 0; text-align:center; margin:7px 0 0 0;}
.aboard_spamwrap {width:100%; padding:10px 0 0 0; overflow:hidden;display:block;font-size:12px;line-height:30px;}
.aboard_spamwrap input {vertical-align:top;}
.aboard_spamwrap .aboard_spam {background-color:#404040;padding:0 10px;line-height:28px;height:30px; display:inline-block; color:#ffffff;font-size:14px;font-weight:bold; margin-right:10px;}
.aboard_password  {width:99.8%;overflow:hidden; display:block;text-align:center; background:#f5f5f5;padding:20px 0; border:1px solid #e1e1e1; margin-top:30px;}
.aboard_password p {width:100%;overflow:hidden; display:block; padding:10px 0 ; color:#777; font-weight:600 ;}
.aboard_password p input {width:120px; text-align:center; margin-left:5px;}

.aboard_table_noline tr,td {border: none;}
.aboard_title  {display: none;}

.aboard_gall_img {
	/* border:1px solid #e1e1e1;padding:3px; */
}

.w100, .w80 {font-size: 1.5rem;}


@media (min-width: 768px) {
	div.aboard_content_div p {font-size: 1.6rem;}
	.aboard_list table td.aboard_txt{font-size: 17px; padding: 20px 15px;}
	.aboard_list table th {font-size: 1.5rem; padding: 16px 5px;}
	.aboard_list table td {font-size: 1.5rem;}
	.aboard_list table colgroup col:last-child {width: 10%;}

	.aboard_view table {font-size: 1.5rem;}
}
/* .aboard_list table th:last-child {display: none;}
.aboard_list table td:last-child {display: none;} */