/************************************************************************************************************************
*  
*  netfinder Style Sheets  
*  
*  최초 작성 : 2005. 07. 25
*  최종 수정 : 2006. 04. 11
*
*  작성자 : 우덕성 (netfinder.co.kr)

*  아래 스타일을 기본으로 게시판에 적용됩니다.
*  아래 스타일은 절대 지우지 마시고 color만 바꾸고 게시판에 스타일을 변경하세요
*  부득이하게 스타일을 추가할 시에는 최하단  추가(2000, 00, 00) 부분에 년,월,일 순으로 입력후 추가된 스타일을 적용해주세요
* 
************************************************************************************************************************/


p{margin-top:0px;margin-bottom:0px;}

/* 사이트 공통 한글 줄바꿈: 단어 중간 분리 방지 */
html {
	word-break: keep-all;
	overflow-wrap: break-word;
}

/* 네비게이션 메뉴 한글 줄바꿈 */
#aremHeader .arem-mega-title,
#aremHeader .arem-mega-link,
.arem-mobile-nav .arem-mobile-parent,
.arem-mobile-nav .arem-mobile-parent-label,
.arem-mobile-nav .arem-mobile-child {
	word-break: keep-all;
	overflow-wrap: break-word;
	white-space: normal;
}

/* 게시판 리스트 해더 */
.head_bg {border:1px dotted #B1B1B1; background-color:#FBFBF6;}

.head_setup {color:#555555; font-size:14px; font-weight:bold; letter-spacing:-0.05em; height:25px;}
.head_setup A:link {color:#555555; font-size:14px; text-decoration:none; font-weight:bold; letter-spacing:-0.05em; height:25px;}
.head_setup A:visited {color:#555555; font-size:14px; text-decoration:none; font-weight:bold; letter-spacing:-0.05em; height:25px;}
.head_setup A:active {color:#555555; font-size:14px; text-decoration:none; font-weight:bold; letter-spacing:-0.05em; height:25px;}
.head_setup A:hover {color:#00118F; font-size:14px; text-decoration:none; font-weight:bold; letter-spacing:-0.05em; height:25px;}

.head_bold {color:#555555; font-size:14px; font-weight:bold; letter-spacing:-0.05em; padding:6px 0 0 0; text-align:center; height:20px; background-color:#F2F2F2;}
.head_num {color:#3b030d; font:9px Tahoma; font-weight:bold;}
.head_select {color:#FFFFFF; font-size:14px; padding:0 0 2px 3px; letter-spacing:-0.05em; background-color:#717171;}
.head_top_line {background-color:#B1B1B1; height:2px;}
.head_tail_line {background-color:#B1B1B1; height:1px;}
.head_tail_shadow {background-color:#F0F0F0; height:2px;}
.head_line {background-color:#F2F2F2;}

/* 게시판 리스트 바디 */
#body_line {border-bottom-width:1px; border-bottom-color:#CCCCCC; border-bottom-style:dotted; height:34px;}
#body_line2 {border-bottom-width:1px; border-bottom-color:#CCCCCC; border-bottom-style:dotted;}
#body_line_plan {background-color:#F5F5F5; border-width:1px; border-color:#CCCCCC; border-style:dotted; padding:2px;}
#body_line_plan2 {background-color:#FAFAFB; border-width:3px; border-color:#FFFFFF; border-style:solid; padding:7px 10px; font-size:14px; color:#8B8B8B; text-align:justify; line-height:16px; letter-spacing:-0.05em; }
#body_line_plan3 {background-color:#F3F3F3; border-width:1px; border-color:#CCCCCC; border-style:dotted; padding:3px 5px;}
#body_line_plan4 {background-color:#FBFBFB; border-width:1px; border-color:#E1E1E1; border-style:dotted; font-size:14px; color:#8B8B8B; text-align:justify; line-height:16px; letter-spacing:-0.05em; padding:1px 10px 7px 10px;}
#body_line_plan5 {background-color:#F7F9FB; border-width:1px; border-color:#DBE6F2; border-style:dotted; font-size:14px; color:#798A9E; text-align:justify; line-height:16px; letter-spacing:-0.05em; padding:12px 15px 10px 15px;}
#body_line_plan6 {background-color:#F7F9FB; border-width:1px; border-color:#DBE6F2; border-style:dotted; font-size:14px; color:#798A9E; text-align:justify; line-height:16px; letter-spacing:-0.05em; padding:6px 13px 3px 13px;}
#body_line_plan7 {background-color:#F5F5F5; border-width:1px; border-color:#CCCCCC; border-style:dotted;  width:600px; padding:10px 0 10px 0;}

#body_line_faq {background-color:#FAFCFF; border-top-width:2px; border-top-color:#CCCCCC; border-top-style:solid; border-bottom-width:2px; border-bottom-color:#CCCCCC; border-bottom-style:solid;}
.body_num {font:12px tahoma; color:#6E6E6E;}
.body_data {color:#6E6E6E; font:12px Tahoma;}
.body_name {font-size:14px; color:#6E6E6E;}
.body_category {font-size:14px; letter-spacing:-0.05em; color:#3d93d9; font-weight:bold;}
.body_plan {font:12px tahoma; color:#353535; font-weight:bold;}
.body_comment {color:red; font:9px Tahoma; font-weight:bold;}
.body_comment2 {color:red; font:12px Tahoma; font-weight:bold;}

.body_productname {font-size:14px; color:#FD731F; font-weight:bold; letter-spacing:-0.05em; padding:0 0 3px 0;}
.body_productname A:link {font-size:14px; color:#FD731F; text-decoration:none; font-weight:bold; letter-spacing:-0.05em; padding:0 0 3px 0;}
.body_productname A:visited {font-size:14px; color:#FD731F; text-decoration:none; font-weight:bold; letter-spacing:-0.05em; padding:0 0 3px 0;}
.body_productname A:active {font-size:14px; color:#FD731F; text-decoration:none; font-weight:bold; letter-spacing:-0.05em; padding:0 0 3px 0;}
.body_productname A:hover {font-size:14px; color:#FF3C15; text-decoration:none; font-weight:bold; letter-spacing:-0.05em; padding:0 0 3px 0;}

.body_price {color:#E49169; font:12px Tahoma; font-weight:bold;}
.body_line {background-color:#E6E6E6; height:1px;}
.body_shadow {background-color:#F1F1F0; height:2px;}
.body_border {border:2px solid #E8E8E8;}
.body_border2 {border:4px solid #DA0001;}

.body_subject {color:#757575; font-size:14px; letter-spacing:-0.05em;}
.body_subject A:link {color:#757575; font-size:14px; text-decoration:none; letter-spacing:-0.05em;}
.body_subject A:visited {color:#757575; font-size:14px; text-decoration:none; letter-spacing:-0.05em;}
.body_subject A:active {color:#757575; font-size:14px; text-decoration:none; letter-spacing:-0.05em;}
.body_subject A:hover {color:#000000; font-size:14px; font-weight:bold; text-decoration:underline; letter-spacing:-0.05em;}

.body_term {color:#B1B1B1; font-size:14px; text-decoration:underline; font-weight:bold;}
.body_term A:link {color:#B1B1B1; font-size:14px; text-decoration:underline; font-weight:bold;}
.body_term A:visited {color:#B1B1B1; font-size:14px; text-decoration:underline; font-weight:bold;}
.body_term A:active {color:#B1B1B1; font-size:14px; text-decoration:underline; font-weight:bold;}
.body_term A:hover {color:#2D4EB9; font-size:14px; text-decoration:underline; font-weight:bold;}

.body_sitename {color:#B1B1B1; font-size:14px; text-decoration:underline; font-weight:bold;}

.body_here {color:#6C6C6C; font-size:14px; font-weight:bold;}
.body_here A:link {color:#6C6C6C; font-size:14px; text-decoration:none; font-weight:bold;}
.body_here A:visited {color:#6C6C6C; font-size:14px; text-decoration:none; font-weight:bold;}
.body_here A:active {color:#6C6C6C; font-size:14px; text-decoration:none; font-weight:bold;}
.body_here A:hover {color:#363636; font-size:14px; text-decoration:none; font-weight:bold;}

.body_url {color:#757575; font:font:12px tahoma;}
.body_url A:link {color:#757575; font:12px tahoma; text-decoration:none;}
.body_url A:visited {color:#757575; font:12px tahoma; text-decoration:none;}
.body_url A:active {color:#757575; font:12px tahoma; text-decoration:none;}
.body_url A:hover {color:#3C3C3C; font:12px tahoma; text-decoration:none;}

.body_bold {font-size:14px; color:#666666; font-weight:bold; letter-spacing:-0.05em;}
.body_bold A:link {font-size:14px; color:#666666; text-decoration:none; font-weight:bold; letter-spacing:-0.05em;}
.body_bold A:visited {font-size:14px; color:#666666; text-decoration:none; font-weight:bold; letter-spacing:-0.05em;}
.body_bold A:active {font-size:14px; color:#666666; text-decoration:none; font-weight:bold; letter-spacing:-0.05em;}
.body_bold A:hover {font-size:14px; color:#000000; text-decoration:underline; font-weight:bold; letter-spacing:-0.05em;}

.body_bold2 {font-size:14px; color:#D72323; font-weight:bold; letter-spacing:-0.1em;}
.body_bold2 A:link {font-size:14px; color:#D72323; text-decoration:none; font-weight:bold; letter-spacing:-0.1em;}
.body_bold2 A:visited {font-size:14px; color:#D72323; text-decoration:none; font-weight:bold; letter-spacing:-0.1em;}
.body_bold2 A:active {font-size:14px; color:#D72323; text-decoration:none; font-weight:bold; letter-spacing:-0.1em;}
.body_bold2 A:hover {font-size:14px; color:#000000; text-decoration:underline; font-weight:bold; letter-spacing:-0.1em;}

.body_head {font-size:14px; color:#50617E; font-weight:bold; letter-spacing:-0.05em;}
.body_head A:link {font-size:14px; color:#50617E; text-decoration:none; font-weight:bold; letter-spacing:-0.05em;}
.body_head A:visited {font-size:14px; color:#50617E; text-decoration:none; font-weight:bold; letter-spacing:-0.05em;}
.body_head A:active {font-size:14px; color:#50617E; text-decoration:none; font-weight:bold; letter-spacing:-0.05em;}
.body_head A:hover {font-size:14px; color:#306BB5; text-decoration:underline; font-weight:bold; letter-spacing:-0.05em;}

.body_memo {font-size:14px; color:#8B8B8B; text-align:justify; line-height:16px; letter-spacing:-0.05em; padding:1px 11px 5px 1px;}
.body_memo A:link {font-size:14px; color:#8B8B8B; text-decoration:none; text-align:justify; line-height:16px; letter-spacing:-0.05em; padding:1px 11px 5px 1px;}
.body_memo A:visited {font-size:14px; color:#8B8B8B; text-decoration:none; text-align:justify; line-height:16px; letter-spacing:-0.05em; padding:1px 11px 5px 1px;}
.body_memo A:active {font-size:14px; color:#8B8B8B; text-decoration:none; text-align:justify; line-height:16px; letter-spacing:-0.05em; padding:1px 11px 5px 1px;}
.body_memo A:hover {font-size:14px; color:#000000; text-decoration:underline; text-align:justify; line-height:16px; letter-spacing:-0.05em; padding:1px 11px 5px 1px;}


/* 게시판 리스트 풋더 */
.tail_input {color: #6E6E6E; font-size:14px; background-color:#FFF; margin-left:3px; padding:3px 0 0 3px; width:160px; height:25px;border:1px solid #C5C5C5}
.tail_select {color: #6E6E6E; font-size:14px; border:1px solid #DEDEDE; padding:0 0 2px 3px; letter-spacing:-0.05em;}
.tail_line {background-color:#B1B1B1; height:1px;}
.tail_shadow {background-color:#F0F0F0; height:2px;}


/* 게시판 리스트 해더 */
.view_line {background-color:#B1B1B1; height:2px;}
.view_tail_line {background-color:#B1B1B1; height:1px;}
.view_tail_shadow {background-color:#F1F1F0; height:1px;}
.view_subject {color:#555555; font-size:14px; background-color:#F2F2F2; height:30px; border-bottom-width:1px; border-bottom-color:#CCCCCC; border-bottom-style:dotted;}
.view_subject2 {color:#555555; font-size:14px; background-color:#FFFFFF; height:30px; border-bottom-width:1px; border-bottom-color:#CCCCCC; border-bottom-style:dotted;}
.view_subject3 {color:#555555; font-size:14px; letter-spacing:-0.05em; font-weight:bold;}
.view_text {color:#6E6E6E; font-size:14px; font-weight:bold; padding:5px 0 4px 4px;}
.view_label{display:inline-block; white-space:nowrap; margin-right:6px;}
.view_num{white-space:normal;}
.view_category {font-size:14px; color:#424242; font-weight:bold;}
.view_name {font-size:14px; color:#6E6E6E; font-weight:bold;}
.view_num {color:#6E6E6E; font:12px tahoma;}
.view_ip {font:9px Tahoma; color:#B1B1B1;}
.view_blank {height:6px; background-color:#F2F2F2;}
.view_blank2 {height:3px;}
#view_bg {background-color:#F2F2F2;}
.view_productname {font-size:14px; color:#FD9C1F; font-weight:bold; letter-spacing:-0.1em;}
.view_brand {font-size:14px; color:#2D7AAD; font-weight:bold; letter-spacing:-0.05em;}
.view_air {color:#6E8FD9; font:12px Tahoma; font-weight:bold;}
.view_price {color:#E49169; font:12px Tahoma; font-weight:bold;}

.view_url {color:#6E6E6E; font-size:11px;}
.view_url A:link {color:#6E6E6E; font-size:11px; text-decoration:none;}
.view_url A:visited {color:#6E6E6E; font-size:11px; text-decoration:none;}
.view_url A:active {color:#6E6E6E; font-size:11px; text-decoration:none;}
.view_url A:hover {color:#3d93d9; font-size:11px; text-decoration:none;}

.view_file {color:#6E6E6E; font-size:11px;}
.view_file A:link {color:#6E6E6E; font-size:11px; text-decoration:none;}
.view_file A:visited {color:#6E6E6E; font-size:11px; text-decoration:none;}
.view_file A:active {color:#6E6E6E; font-size:11px; text-decoration:none;}
.view_file A:hover {color:#3d93d9; font-size:11px; text-decoration:none;}

.view_border {border:4px solid #EBEBEC;}
.view_border2 {border:4px solid #EFEFF0;}

#bottom-line {padding:3px 0 3px 5px;}
.view_product a {color:#6E6E6E; font-size:11px;}
.view_product a:hover,
.view_product a:active,
.view_product a:focus {color:#6E6E6E; text-decoration:underline;}



/* 게시판 코멘트 */
.comment_input {color: #6E6E6E; font-size:14px; background-color:#FFFFFF; border:1px solid #ADADAD; padding:2px 0 2px 3px; height:30px;}
.comment_textarea {color: #6E6E6E; font-size:14px; background-color:#FFFFFF; border:1px solid #ADADAD; padding:8px;}
.comment_eng {font:12px Tahoma; color:#6E6E6E; font-weight:bold;}
.comment_num {font:9px Tahoma;}
.comment_name {font-size:14px; color:#6E6E6E;}
.comment_line {background-color:#CCCCCC; height:1px;}
.comment_shadow {background-color:#F1F1F0; height:2px;}
.comment_ip {font:9px Tahoma; color:#FC0000;}



/* 게시판 글쓰기 */
.write_text_input {font-size:14px; color:#6E6E6E; background-color:#F2F2F2; padding:2px 0 2px 8px;}
.write_text_radio {font-size:14px; color:#6E6E6E; background-color:#F2F2F2; padding:2px 0 2px 8px; height:28px;}
.write_text_textarea {font-size:14px; color:#6E6E6E; background-color:#F2F2F2; padding:5px 0 5px 8px;}
.write_text {font-size:14px; color:#6E6E6E; background-color:#F2F2F2; letter-spacing:-0.05em; font-weight:bold; padding:3px 0 2px 8px;}
.write_input {color: #6E6E6E; font-size:14px; background-color:#FFFFFF; border:1px solid #AFAFAF; padding:3px 0 0 3px; height:30px;}
.write_select{color: #FFFFFF; font-size:11px; background-color:#B1B1B1; border:1px solid #AFAFAF; padding:2px 0 0 1px; height:30px;}
.write_textarea {color: #6E6E6E; font-size:14px; background-color:#FFFFFF; border:1px solid #AFAFAF; padding:4px;}
.write_line {background-color:#B1B1B1; height:1px;}
.write_shadow {background-color:#F1F1F0; height:2px;}
.write_han {font-size:14px; color:#555555; padding:0 0 8px 0; font-weight:bold; letter-spacing:-0.18em;}
.write_eng {color:#6E6E6E; font:9px tahoma, verdana;}
.write_blank {height:6px;}
.write_bold {color:#3d93d9; font-size:14px; font-weight:bold;}




/* 삭제 및 패스워드 */
.depa_input {color: #6E6E6E; font-size:14px; background-color:#FFFFFF; border:1px solid #ADADAD; padding:2px 0 2px 3px; height:30px;}
.depa_eng {font:12px Tahoma; color:#6E6E6E; font-weight:bold; padding-right:10px;}
.depa_line {background-color:#B1B1B1; height:1px;}
.depa_shadow {background-color:#F1F1F0; height:2px;}



/* 추가(2000. 00. 00) */

/* 탭메뉴 *********************/
.off {font-size:11px; color:#555555; cursor:hand; text-align:center; height:26px; font-weight:bold; letter-spacing:-0.05em;}
.off A:link {font-size:11px; color:#555555; cursor:hand; text-align:center; height:26px; font-weight:bold; text-decoration:none; letter-spacing:-0.05em;}
.off A:visited {font-size:11px; color:#555555; cursor:hand; text-align:center; height:26px; font-weight:bold; text-decoration:none; letter-spacing:-0.05em;}
.off A:active {font-size:11px; color:#555555; cursor:hand; text-align:center; height:26px; font-weight:bold; text-decoration:none; letter-spacing:-0.05em;}
.off A:hover {font-size:11px; color:#292929; cursor:hand; text-align:center; height:26px; font-weight:bold; text-decoration:none; letter-spacing:-0.05em;}

.on {font-size:11px; color:#FF5501; cursor:hand; text-align:center; height:26px; font-weight:bold; letter-spacing:-0.05em;}
.on A:link {font-size:11px; color:#FF5501; cursor:hand; text-align:center; height:26px; font-weight:bold; text-decoration:none; letter-spacing:-0.05em;}
.on A:visited {font-size:11px; color:#FF5501; cursor:hand; text-align:center; height:26px; font-weight:bold; text-decoration:none; letter-spacing:-0.05em;}
.on A:active {font-size:11px; color:#FF5501; cursor:hand; text-align:center; height:26px; font-weight:bold; text-decoration:none; letter-spacing:-0.05em;}
.on A:hover {font-size:11px; color:#FF3D01; cursor:hand; text-align:center; height:26px; font-weight:bold; text-decoration:none; letter-spacing:-0.05em;}

.layer_link {width:100%; padding:9px 3px 3px 4px;}


/* 관계사 게시판 */
.body_sState {font-size:14px; color:#FF6204; font-weight:bold; letter-spacing:-0.05em;}
.body_sState A:link {font-size:14px; color:#FF6204; text-decoration:none; font-weight:bold; letter-spacing:-0.05em;}
.body_sState A:visited {font-size:14px; color:#FF6204; text-decoration:none; font-weight:bold; letter-spacing:-0.05em;}
.body_sState A:active {font-size:14px; color:#FF6204; text-decoration:none; font-weight:bold; letter-spacing:-0.05em;}
.body_sState A:hover {font-size:14px; color:#FF3304; text-decoration:none; font-weight:bold; letter-spacing:-0.05em;}

.etc_bttn {
		color:#FFFFFF;
		font-size:14px;
		font-weight:bold;
		background-color:#242424;
		padding:5px 0 0 0;
		border-width:1px;
		border-style:solid;
		border-top-color:   #020202;
		border-left-color:  #020202;
		border-bottom-color:#3F3F3F; /* darkblue */
		border-right-color: #3F3F3F; /* darkblue */
	}

.etc_bttn2 {
		height:30px;
		color:#FFFFFF;
		font-size:11px;
		letter-spacing:-0.05em;
		font-weight:bold;
		background-color:#3C519E;
		padding:3px 0 0 0;
		border-width:1px;
		border-style:solid;
		border-top-color:   #03126D;
		border-left-color:  #03126D;
		border-bottom-color:#4C6CD9; /* darkblue */
		border-right-color: #4C6CD9; /* darkblue */
	}


/* 설문조사 *********************/
.b_poll_sterm1 {font:12px Tahoma; color:#3B3B3B;}
.b_poll_sterm2 {font:12px Tahoma; color:#8B8B8B;}

.b_poll_total {font-size:14px; color:#282828; letter-spacing:-0.05em;}
.b_poll_subject {font-size:14px; color:#000000; letter-spacing:-0.05em; font-weight:bold;}
.b_poll_date {font:12px Tahoma; color:#909090; font-weight:bold;}
.b_poll_list {font-size:14px; color:#636363;}
.b_poll_orange {font:12px Tahoma; color:#FF7800; font-weight:bold;}
.b_poll_red {font-size:14px; color:#E20000;}
.b_poll_shadow {background-color:#F2E8DE; height:2px;}


/* 채용정보 */
.job-subject {
	padding:10px 0 5px 0;
	color:#FF3C00;
	font-weight:bold;
}

.job-title {
	background:url(/include/images/icon.gif) no-repeat 0 5px;
	padding:5px 0 3px 12px;
	font-weight:bold;
}

.job-bg{
	padding-top:20px;
	height:330px;
	background: url(/include/images/apply04.gif) no-repeat 0 0;
}


/* board_basic 반응형 보정 */
.board-basic-list-wrap,
.board-basic-list-table,
.board-basic-list-tail,
.board-basic-view-table {
	width:100% !important;
	box-sizing:border-box;
}

.board-basic-list-table,
.board-basic-view-table {
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}

.board-basic-list-table {
	border-top:2px solid #334155;
	border-bottom:1px solid #cbd5e1;
}

.board-basic-list-table .head_top_line,
.board-basic-list-table .head_tail_shadow,
.board-basic-list-table .head_tail_line {
	display:none;
}

.board-basic-list-heading .head_bold {
	height:auto;
	padding:10px 6px;
	background:#f8fafc;
	border-bottom:1px solid #cbd5e1;
	color:#334155;
	font-size:14px;
	line-height:1.4;
}

.board-basic-list-item > td[id="body_line"] {
	height:auto;
	padding-top:10px !important;
	padding-bottom:10px !important;
	border-bottom:1px solid #e5e7eb;
}

.board-basic-list-item:hover > td[id="body_line"] {
	background:#f8fafc;
}

.board-basic-subject a {
	color:#334155 !important;
	line-height:1.45;
}

.board-basic-subject a,
.board-basic-main-title a {
	display:inline !important;
	vertical-align:middle;
}

.board-basic-subject img,
.board-basic-main-title img,
.board-basic-pagination img {
	display:inline !important;
	vertical-align:middle;
	width:auto !important;
	max-width:none !important;
	height:auto !important;
}

.board-basic-subject .body_category,
.board-basic-main-title .body_category {
	display:inline;
	vertical-align:middle;
}

.board-basic-pagination {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:4px 8px;
	line-height:1.4;
}

.board-basic-pagination .page,
.board-basic-pagination .page_here {
	display:inline-flex;
	align-items:center;
	line-height:1.4;
}

.board-basic-pagination .page_here a {
	display:inline-flex;
	align-items:center;
	line-height:1.4;
}

.board-basic-subject a:hover {
	color:#0284c7 !important;
}

.board-basic-list-tail {
	margin-top:12px;
}

.board-basic-list-actions {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
	gap:6px;
}

.board-basic-action-btn,
.board-basic-search-btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:32px;
	padding:6px 13px;
	border:1px solid transparent;
	border-radius:4px;
	box-sizing:border-box;
	font-size:13px;
	font-weight:bold;
	line-height:1.3;
	text-decoration:none !important;
	cursor:pointer;
	vertical-align:middle;
	transition:background-color .15s ease,border-color .15s ease,color .15s ease;
	-webkit-appearance:none;
	appearance:none;
}

.board-basic-action-primary {
	background:#0f172a;
	border-color:#0f172a;
	color:#fff !important;
}

.board-basic-action-primary:hover {
	background:#0284c7;
	border-color:#0284c7;
	color:#fff !important;
}

.board-basic-action-secondary {
	background:#fff;
	border-color:#cbd5e1;
	color:#475569;
}

.board-basic-action-secondary:hover {
	background:#f8fafc;
	border-color:#94a3b8;
	color:#0f172a;
}

.board-basic-action-danger {
	background:#fff;
	border-color:#fecaca;
	color:#b91c1c;
}

.board-basic-action-danger:hover {
	background:#fee2e2;
	border-color:#fca5a5;
	color:#991b1b;
}

.board-basic-search-table {
	margin-left:auto;
}

.board-basic-search-btn {
	min-width:58px;
	background:#64748b;
	border-color:#64748b;
	color:#fff;
}

.board-basic-search-btn:hover {
	background:#334155;
	border-color:#334155;
	color:#fff;
}

.board-basic-view-actions {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px;
	box-sizing:border-box;
}

.board-basic-view-actions-left {
	justify-content:flex-start;
}

.board-basic-view-actions-right {
	justify-content:flex-end;
}

.board-basic-view-table {
	border-top:2px solid #334155;
	border-bottom:1px solid #cbd5e1;
}

.board-basic-view-content img,
.board-basic-view-table img,
.board-basic-view-content iframe,
.board-basic-view-content video,
#articles img,
#articles iframe,
#articles video,
.resizablebox {
	max-width:100% !important;
	height:auto !important;
}

.board-basic-subject,
.board-basic-view-title,
.board-basic-view-content,
.view_url,
.view_file,
.view_url a,
.view_file a {
	word-break: keep-all;
	overflow-wrap: break-word;
}

.board-basic-view-table td {
	box-sizing:border-box;
	white-space:normal !important;
}

.board-basic-view-table nobr {
	white-space:normal;
}

.board-basic-view-title {
	height:auto !important;
	padding:12px 14px !important;
	background:#f8fafc !important;
	border-bottom:1px solid #e2e8f0 !important;
	color:#1e293b;
	font-size:18px;
	font-weight:bold;
	line-height:1.45;
}

.board-basic-view-header-cell {
	padding:0 !important;
	border:0 !important;
	background:transparent !important;
}

.board-basic-view-header {
	width:100%;
	box-sizing:border-box;
	background:#f8fafc;
	border-bottom:1px solid #e2e8f0;
}

.board-basic-view-header .board-basic-view-title {
	margin:0;
	border-bottom:1px solid #e2e8f0 !important;
}

.board-basic-view-meta {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px 14px;
	width:100%;
	box-sizing:border-box;
	padding:10px 14px !important;
	background:#f1f5f9 !important;
	border-top:0;
	color:#475569;
	font-size:14px;
	line-height:1.6;
}

.board-basic-view-meta img {
	display:inline !important;
	vertical-align:middle;
	width:auto !important;
	max-width:none !important;
	height:auto !important;
}

.board-basic-view-meta .view_name {
	color:#334155;
	font-weight:600;
}

.board-basic-meta-item {
	display:inline-flex;
	align-items:center;
	gap:3px;
}

.board-basic-view-content {
	padding:18px 14px !important;
	line-height:1.75;
}

.board-basic-view-content #articles {
	max-width:100%;
	overflow-x:auto;
}

@media (max-width: 1024px) {
	.board-basic-list-wrap,
	.board-basic-list-tail,
	.board-basic-view-table {
		max-width:100% !important;
	}

	.board-basic-list-wrap col,
	.board-basic-list-table col,
	.board-basic-view-table col {
		display:none;
	}

	.board-basic-list-wrap,
	.board-basic-list-wrap > tbody,
	.board-basic-list-wrap > tbody > tr,
	.board-basic-list-wrap > tbody > tr > td,
	.board-basic-list-table,
	.board-basic-list-table tbody,
	.board-basic-list-tail,
	.board-basic-list-tail tbody {
		display:block;
		width:100% !important;
	}

	.board-basic-list-wrap > tbody > tr > td,
	.board-basic-list-tail td {
		box-sizing:border-box;
	}

	.board-basic-list-wrap .head_page {
		display:none;
	}

	.board-basic-list-wrap form,
	.board-basic-list-wrap select {
		max-width:100%;
	}

	.board-basic-list-table .head_top_line,
	.board-basic-list-table .head_tail_shadow,
	.board-basic-list-table .head_tail_line,
	.board-basic-list-heading {
		display:none !important;
	}

	.board-basic-list-item {
		display:block;
		position:relative;
		padding:14px 12px;
		border-bottom:1px solid #e5e7eb;
		background:#fff;
	}

	.board-basic-list-item:after {
		content:"";
		display:block;
		clear:both;
	}

	.board-basic-list-item td {
		display:block !important;
		width:auto !important;
		height:auto !important;
		min-height:0 !important;
		padding:0 !important;
		border:0 !important;
		background:transparent !important;
		text-align:left !important;
		box-sizing:border-box;
	}

	.board-basic-list-item:hover td {
		background:transparent !important;
	}

	.board-basic-cell-gap {
		display:none !important;
	}

	.board-basic-num {
		float:left;
		margin:1px 8px 4px 0;
		padding:2px 8px !important;
		border-radius:999px;
		background:#f1f5f9 !important;
		color:#64748b;
		font-size:12px;
		line-height:1.4;
	}

	.board-basic-subject {
		display:block !important;
		margin-bottom:8px;
		color:#334155;
		font-size:15px;
		line-height:1.5;
	}

	.board-basic-subject img,
	.board-basic-main-title img {
		display:inline !important;
		vertical-align:middle;
		width:auto !important;
		max-width:none !important;
		height:auto !important;
	}

	.board-basic-subject a {
		display:inline !important;
		font-size:15px !important;
		line-height:1.5;
		vertical-align:middle;
	}

	.board-basic-name,
	.board-basic-date,
	.board-basic-file,
	.board-basic-hit {
		display:inline-flex !important;
		align-items:center;
		margin:0 10px 4px 0;
		color:#94a3b8 !important;
		font-size:12px !important;
		line-height:1.5;
		vertical-align:middle;
	}

	.board-basic-name:before,
	.board-basic-date:before,
	.board-basic-file:before,
	.board-basic-hit:before {
		content:attr(data-label) " ";
		margin-right:4px;
		color:#64748b;
		font-weight:bold;
	}

	.board-basic-list-item-main {
		padding:14px 0;
	}

	.board-basic-main-card,
	.board-basic-main-card-inner,
	.board-basic-main-title,
	.board-basic-main-meta {
		display:block !important;
		width:100% !important;
		padding-left:0 !important;
		box-sizing:border-box;
	}

	.board-basic-main-title a {
		font-size:16px !important;
		line-height:1.5;
	}

	.board-basic-list-tail,
	.board-basic-list-tail tbody,
	.board-basic-list-tail tr,
	.board-basic-list-tail td,
	.board-basic-search-table,
	.board-basic-search-table tbody,
	.board-basic-search-table tr,
	.board-basic-search-table td {
		display:block;
		width:100% !important;
		box-sizing:border-box;
		text-align:center !important;
	}

	.board-basic-pagination {
		padding-top:14px !important;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:center;
		gap:4px 8px;
	}

	.board-basic-pagination img {
		display:inline !important;
		vertical-align:middle;
		width:auto !important;
		max-width:none !important;
		height:auto !important;
	}

	.board-basic-list-actions {
		justify-content:center;
		padding:10px 0 !important;
	}

	.board-basic-view-actions {
		justify-content:center;
		padding:10px 0 !important;
		text-align:center !important;
	}

	.board-basic-search-table td {
		padding:3px 0 !important;
	}

	.board-basic-action-btn,
	.board-basic-search-btn {
		width:100%;
		max-width:320px;
		min-height:38px;
	}

	.tail_select,
	.tail_input {
		width:100% !important;
		max-width:320px;
		height:34px;
		box-sizing:border-box;
		margin-left:0;
	}

	.board-basic-view-table {
		display:block;
		max-width:100% !important;
	}

	.board-basic-view-table > tbody,
	.board-basic-view-table > tbody > tr,
	.board-basic-view-table > tbody > tr > td {
		display:block;
		width:100% !important;
		box-sizing:border-box;
	}

	.board-basic-view-header,
	.board-basic-view-header .board-basic-view-title,
	.board-basic-view-header .board-basic-view-meta {
		width:100% !important;
		box-sizing:border-box;
	}

	.board-basic-view-meta {
		padding:10px 12px !important;
		gap:6px 10px;
	}

	.board-basic-view-content {
		padding:14px 12px !important;
		text-align:left !important;
	}
}

@media (max-width: 640px) {
	.board-basic-list-item {
		padding:13px 4px;
	}

	.board-basic-name,
	.board-basic-date,
	.board-basic-file,
	.board-basic-hit {
		display:flex !important;
		margin-right:0;
	}

	.board-basic-view-title {
		font-size:16px;
	}
}