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

/* ----- default.css가  게시판 에디터 본문 노출 영역에 영향을 미쳐 추가로 아래 내용 추가 함 - 재정의  */
figure { padding: 10px; width: auto;}
/* -------------------------------------------------------------------------------------------------- */

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

.aboard {width:100%;}
.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:1px solid #999; }
.aboard_list table{table-layout: fixed; width: 100%;border-collapse:collapse; width:100%;}
.aboard_list table th{background:#f4f5f5;border-bottom: 1px solid #aaa;padding:11px 5px;text-align: center;color:#333;font-weight: 500;font-size: calc(15px + (17 - 15) * ((100vw - 320px) / (1920 - 320)));}
.aboard_list table td{border-bottom: 1px solid #d1d1d1;padding:8px 0;text-align: center;font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));}
.aboard_list table td.aboard_txt{overflow: hidden;padding: 16px 5px;text-align: left;text-overflow: ellipsis;white-space: nowrap;}
.aboard_list table td.aboard_txt a{color: #464646 !important;font-weight: 600;font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));text-decoration:none;font-weight: 500;}
.aboard_list table td.aboard_txt a:hover{font-weight:bold;text-decoration:underline;color:#3d3d3d}
.aboard_list table td.aboard_txt span img{vertical-align:middle}

/* aboard_gallery */
.aboard_gallery {width:100%;border-bottom:1px solid #d1d1d1;/* border-top: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}
.aboard_view table th {background:#f4f5f5;border-bottom: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;padding:11px 10px;color:#333;font-weight:600;text-align:center;font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));}
.aboard_view table td {border-bottom:1px solid #d1d1d1;border-top: 1px solid #d1d1d1;padding: 8px 10px !important;text-align: left;word-break:break-all;font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));}
.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; /* 에디터와 보기 호환을 위해 */
}

/*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;}
.aboard_write td {text-align:left; padding:10px; border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1;}
.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:13px;}
.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 0 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  {font-size:17px;font-weight:bold;text-align:left;}

.aboard_gall_img {
	/* border:1px solid #e1e1e1; */
	/* padding:3px; */
	border-radius: 5px;
}
.aboard_gallery table td div a {
    font-size: 14px !important;
}
input:not([type="checkbox"]):not([type="radio"]), select, .input-group-text {
    min-height: 40px;
    font-size: 13px;
    font-weight: 500;
}