:root {
	--search_title_zone : left;
	--search_select_width : 20%;
	--search_input_width : 68%;
	--search_btn_width : 10%;
	--search_background : #fff;
	--search_border : 1px solid #ccc;
	--input_hover : 1px solid #428bca;
	--input_height: 34px;
	--title_color : #333;
	--title_fontsize : 14px;
	--title_fontsize_m : 14px;
	--title_background : #f9f9f9;
	--line_bottom : 1px solid #ddd;
	--title_a : #666;
	--title_a_hover : #ff5d65;
	--title_a_fontsize : 15px;
	--title_a_fontsize_m : 15px;
	--notice_icon : #f24ba4;
	--notice_icon_fontsize : 16px;
	--total_msg_color:#767676;
	--total_count: #767676;
	--bootstrap_1em: 11px;
	--paging_icon: 30px;
	--paging_none_background : #fff;
	--paging_none_color : #777;
	--paging_none_border : 1px solid #d7d7d7;
	--paging_none_background_hover : #076dac;
	--paging_none_color_hover : #fff;
	--paging_none_border_hover : 1px solid #076dac;
	--paging_select_background : #2874b7;
	--paging_select_color : #fff;
	--paging_select_border_hover : 1px solid #2874b7;
	--bbs_table: 2px solid #175fa5;
	--bbs_btn_search_background: #175fa5;
	--bbs_btn_search_border: 1px solid #175fa5;
	--bbs_btn_search_background_hover: #2874b7;
	--bbs_btn_search_border_hover: 1px solid #124c84;
	--bbs_btn_search_color: #ffffff;
	--bbs_btn_search_color_hover: #ffffff;
	--tab_fontsize : 14px;
	--tab_background : #fff;
	--tab_color : #000000;
	--tab_border : 1px solid #d7d7d7;
	--tab_active_background : #175fa5;
	--tab_active_color : #fff;
	--tab_active_border : 1px solid #175fa5;
	--tab_active_hover_background : #4a9ad7;
	--tab_active_hover_color : #fff;
	--tab_active_hover_border : 1px solid #4a9ad7;
	--tab_hover_background : #f2f4f2;
	--tab_select_background : #fff;
	--tab_select_border :1px solid #ccc;
}
@media all and (min-width:320px) and (max-width:639px) {
	:root {
		--search_title_zone : left;
		--search_select_width : 30%;
		--search_input_width : 51%;
		--search_btn_width : 17%;
		--search_background : #fff;
		--search_border : 1px solid #ccc;
		--input_hover : 1px solid #428bca;
		--input_height: 34px;
		--title_color : #333;
		--title_fontsize : 14px;
		--title_fontsize_m : 14px;
		--title_background : #f9f9f9;
		--line_bottom : 1px solid #ddd;
		--title_a : #666;
		--title_a_hover : #ff5d65;
		--title_a_fontsize : 15px;
		--title_a_fontsize_m : 15px;
		--notice_icon : #f24ba4;
		--notice_icon_fontsize : 16px;
		--total_msg_color:#767676;
		--total_count: #767676;
		--bootstrap_1em: 13px;
		--paging_icon: 30px;
		--paging_none_background : #fff;
		--paging_none_color : #777;
		--paging_none_border : 1px solid #d7d7d7;
		--paging_none_background_hover : #076dac;
		--paging_none_color_hover : #fff;
		--paging_none_border_hover : 1px solid #076dac;
		--paging_select_background : #2874b7;
		--paging_select_color : #fff;
		--paging_select_border_hover : 1px solid #2874b7;
		--bbs_table: 2px solid #175fa5;
		--bbs_btn_search_background: #175fa5;
		--bbs_btn_search_border: 1px solid #175fa5;
		--bbs_btn_search_background_hover: #2874b7;
		--bbs_btn_search_border_hover: 1px solid #124c84;
		--bbs_btn_search_color: #ffffff;
		--bbs_btn_search_color_hover: #ffffff;
		--tab_fontsize : 14px;
		--tab_background : #fff;
		--tab_color : #000000;
		--tab_border : 1px solid #d7d7d7;
		--tab_active_background : #175fa5;
		--tab_active_color : #fff;
		--tab_active_border : 1px solid #175fa5;
		--tab_active_hover_background : #4a9ad7;
		--tab_active_hover_color : #fff;
		--tab_active_hover_border : 1px solid #4a9ad7;
		--tab_hover_background : #f2f4f2;
		--tab_select_background : #fff;
		--tab_select_border :1px solid #ccc;
	}
}

/* ---------------------------------------------------------
	layout : 테블렛 ( CSS3 @media query )
--------------------------------------------------------- */
@media all and (min-width:640px) and (max-width:1024px) {
	:root {
		--search_title_zone : left;
		--search_select_width : 25%;
		--search_input_width : 56%;
		--search_btn_width : 17%;
		--search_background : #fff;
		--search_border : 1px solid #ccc;
		--input_hover : 1px solid #428bca;
		--input_height: 34px;
		--title_color : #333;
		--title_fontsize : 14px;
		--title_fontsize_m : 14px;
		--title_background : #f9f9f9;
		--line_bottom : 1px solid #ddd;
		--title_a : #666;
		--title_a_hover : #ff5d65;
		--title_a_fontsize : 15px;
		--title_a_fontsize_m : 15px;
		--notice_icon : #f24ba4;
		--notice_icon_fontsize : 16px;
		--total_msg_color:#767676;
		--total_count: #767676;
		--bootstrap_1em: 15px;
		--paging_icon: 30px;
		--paging_none_background : #fff;
		--paging_none_color : #777;
		--paging_none_border : 1px solid #d7d7d7;
		--paging_none_background_hover : #076dac;
		--paging_none_color_hover : #fff;
		--paging_none_border_hover : 1px solid #076dac;
		--paging_select_background : #2874b7;
		--paging_select_color : #fff;
		--paging_select_border_hover : 1px solid #2874b7;
		--bbs_table: 2px solid #175fa5;
		--bbs_btn_search_background: #175fa5;
		--bbs_btn_search_border: 1px solid #175fa5;
		--bbs_btn_search_background_hover: #2874b7;
		--bbs_btn_search_border_hover: 1px solid #124c84;
		--bbs_btn_search_color: #ffffff;
		--bbs_btn_search_color_hover: #ffffff;
		--tab_fontsize : 14px;
		--tab_background : #fff;
		--tab_color : #000000;
		--tab_border : 1px solid #d7d7d7;
		--tab_active_background : #175fa5;
		--tab_active_color : #fff;
		--tab_active_border : 1px solid #175fa5;
		--tab_active_hover_background : #4a9ad7;
		--tab_active_hover_color : #fff;
		--tab_active_hover_border : 1px solid #4a9ad7;
		--tab_hover_background : #f2f4f2;
		--tab_select_background : #fff;
		--tab_select_border :1px solid #ccc;
	}
}

/* ---------------------------------------------------------
	layout : 데스크탑 ( CSS3 @media query )
--------------------------------------------------------- */
@media all and (min-width:1025px) {
	:root {
		--search_title_zone : left;
		--search_select_width : 20%;
		--search_input_width : 68%;
		--search_btn_width : 10%;
		--search_background : #fff;
		--search_border : 1px solid #ccc;
		--input_hover : 1px solid #428bca;
		--input_height: 34px;
		--title_color : #333;
		--title_fontsize : 14px;
		--title_fontsize_m : 14px;
		--title_background : #f9f9f9;
		--line_bottom : 1px solid #ddd;
		--title_a : #666;
		--title_a_hover : #ff5d65;
		--title_a_fontsize : 15px;
		--title_a_fontsize_m : 15px;
		--notice_icon : #f24ba4;
		--notice_icon_fontsize : 16px;
		--total_msg_color:#767676;
		--total_count: #767676;
		--bootstrap_1em: 15px;
		--paging_icon: 30px;
		--paging_none_background : #fff;
		--paging_none_color : #777;
		--paging_none_border : 1px solid #d7d7d7;
		--paging_none_background_hover : #076dac;
		--paging_none_color_hover : #fff;
		--paging_none_border_hover : 1px solid #076dac;
		--paging_select_background : #2874b7;
		--paging_select_color : #fff;
		--paging_select_border_hover : 1px solid #2874b7;
		--bbs_table: 2px solid #175fa5;
		--bbs_btn_search_background: #175fa5;
		--bbs_btn_search_border: 1px solid #175fa5;
		--bbs_btn_search_background_hover: #2874b7;
		--bbs_btn_search_border_hover: 1px solid #124c84;
		--bbs_btn_search_color: #ffffff;
		--bbs_btn_search_color_hover: #ffffff;
		--tab_fontsize : 14px;
		--tab_background : #fff;
		--tab_color : #000000;
		--tab_border : 1px solid #d7d7d7;
		--tab_active_background : #175fa5;
		--tab_active_color : #fff;
		--tab_active_border : 1px solid #175fa5;
		--tab_active_hover_background : #4a9ad7;
		--tab_active_hover_color : #fff;
		--tab_active_hover_border : 1px solid #4a9ad7;
		--tab_hover_background : #f2f4f2;
		--tab_select_background : #fff;
		--tab_select_border :1px solid #ccc;
	}
}

div[data-css*="_wb_bbs"] * { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;word-break:keep-all; }
div[data-css*="_wb_bbs"] html,div[data-css*="_wb_bbs"] body,div[data-css*="_wb_bbs"] div,div[data-css*="_wb_bbs"] span,div[data-css*="_wb_bbs"] applet,div[data-css*="_wb_bbs"] object,div[data-css*="_wb_bbs"] iframe,div[data-css*="_wb_bbs"] h1,div[data-css*="_wb_bbs"] h2,div[data-css*="_wb_bbs"] h3,div[data-css*="_wb_bbs"] h4,div[data-css*="_wb_bbs"] h5,div[data-css*="_wb_bbs"] h6,div[data-css*="_wb_bbs"] p,div[data-css*="_wb_bbs"] blockquote,div[data-css*="_wb_bbs"] pre,div[data-css*="_wb_bbs"] a,div[data-css*="_wb_bbs"] abbr,div[data-css*="_wb_bbs"] acronym,div[data-css*="_wb_bbs"] address,div[data-css*="_wb_bbs"] big,div[data-css*="_wb_bbs"] cite,div[data-css*="_wb_bbs"] code,div[data-css*="_wb_bbs"] del,div[data-css*="_wb_bbs"] dfn,div[data-css*="_wb_bbs"] em,div[data-css*="_wb_bbs"] img,div[data-css*="_wb_bbs"] ins,div[data-css*="_wb_bbs"] kbd,div[data-css*="_wb_bbs"] q,div[data-css*="_wb_bbs"] s,div[data-css*="_wb_bbs"] samp,div[data-css*="_wb_bbs"] small,div[data-css*="_wb_bbs"] strike,div[data-css*="_wb_bbs"] strong,div[data-css*="_wb_bbs"] sub,div[data-css*="_wb_bbs"] sup,div[data-css*="_wb_bbs"] tt,div[data-css*="_wb_bbs"] var,div[data-css*="_wb_bbs"] b,div[data-css*="_wb_bbs"] u,div[data-css*="_wb_bbs"] i,div[data-css*="_wb_bbs"] center,div[data-css*="_wb_bbs"] dl,div[data-css*="_wb_bbs"] dt,div[data-css*="_wb_bbs"] dd,div[data-css*="_wb_bbs"] ol,div[data-css*="_wb_bbs"] ul,div[data-css*="_wb_bbs"] li,div[data-css*="_wb_bbs"] fieldset,div[data-css*="_wb_bbs"] form,div[data-css*="_wb_bbs"] label,div[data-css*="_wb_bbs"] legend,div[data-css*="_wb_bbs"] table,div[data-css*="_wb_bbs"] caption,div[data-css*="_wb_bbs"] tbody,div[data-css*="_wb_bbs"] tfoot,div[data-css*="_wb_bbs"] thead,div[data-css*="_wb_bbs"] tr,div[data-css*="_wb_bbs"] th,div[data-css*="_wb_bbs"] td,div[data-css*="_wb_bbs"] article,div[data-css*="_wb_bbs"] aside,div[data-css*="_wb_bbs"] canvas,div[data-css*="_wb_bbs"] details,div[data-css*="_wb_bbs"] embed,div[data-css*="_wb_bbs"] figure,div[data-css*="_wb_bbs"] figcaption,div[data-css*="_wb_bbs"] footer,div[data-css*="_wb_bbs"] header,div[data-css*="_wb_bbs"] hgroup,div[data-css*="_wb_bbs"] menu,div[data-css*="_wb_bbs"] nav,div[data-css*="_wb_bbs"] output,div[data-css*="_wb_bbs"] ruby,div[data-css*="_wb_bbs"] section,div[data-css*="_wb_bbs"] summary,div[data-css*="_wb_bbs"] time,div[data-css*="_wb_bbs"] mark,div[data-css*="_wb_bbs"] audio,div[data-css*="_wb_bbs"] video  { margin:0;padding:0;border:0;word-break:keep-all; }
div[data-css*="_wb_bbs"] body { overflow-x: hidden; -webkit-touch-callout:none; }
div[data-css*="_wb_bbs"] article,div[data-css*="_wb_bbs"] aside,div[data-css*="_wb_bbs"] details,div[data-css*="_wb_bbs"] figcaption,div[data-css*="_wb_bbs"] figure,div[data-css*="_wb_bbs"] footer,div[data-css*="_wb_bbs"] header,div[data-css*="_wb_bbs"] hgroup,div[data-css*="_wb_bbs"] menu,div[data-css*="_wb_bbs"] nav,div[data-css*="_wb_bbs"] section  { display: block; }
div[data-css*="_wb_bbs"] ol,div[data-css*="_wb_bbs"] ul  { list-style: none; }
div[data-css*="_wb_bbs"] blockquote,q demo blockquote:before,div[data-css*="_wb_bbs"] blockquote:after,div[data-css*="_wb_bbs"] q:before,div[data-css*="_wb_bbs"] q:after  { content: ''; content: none; }
div[data-css*="_wb_bbs"] table  { border-collapse: collapse; border-spacing: 0; }
div[data-css*="_wb_bbs"] strong  { font-weight: bold; }
div[data-css*="_wb_bbs"] em  { font-style: italic; }
div[data-css*="_wb_bbs"] input[type="text"],div[data-css*="_wb_bbs"] input[type="password"],div[data-css*="_wb_bbs"] input[type="number"],div[data-css*="_wb_bbs"] input[type="tel"]  { -webkit-appearance:none;appearance:none;-moz-appearance:none }
div[data-css*="_wb_bbs"] a:link { text-decoration: none;}
div[data-css*="_wb_bbs"] a:visited { text-decoration: none;}
div[data-css*="_wb_bbs"] a:hover { text-decoration: none;}
div[data-css*="_wb_bbs"] img { vertical-align:top; }
div[data-css*="_wb_bbs"] legend,div[data-css*="_wb_bbs"] caption { display:none }
div[data-css*="_wb_bbs"] ul,div[data-css*="_wb_bbs"] li,div[data-css*="_wb_bbs"] dd,div[data-css*="_wb_bbs"] dt,div[data-css*="_wb_bbs"] dl,div[data-css*="_wb_bbs"] ol { list-style:none;padding-left:0; }
div[data-css*="_wb_bbs"] input[type="text"],div[data-css*="_wb_bbs"] input[type="password"],div[data-css*="_wb_bbs"] input[type="number"],div[data-css*="_wb_bbs"] input[type="tel"]  { -webkit-appearance:none;appearance:none;-moz-appearance:none }

div[data-css*="_wb_bbs"] html  { position: relative;min-width:320px;font-size:13px; }
div[data-css*="_wb_bbs"] body { position:relative;min-width:320px;-webkit-touch-callout:none;font-size:1.0rem;line-height:1.7;  }
div[data-css*="_wb_bbs"] map { display: inline; outline: none !important; }
div[data-css*="_wb_bbs"] area:-webkit-any-link { cursor: pointer; outline: none !important; }
div[data-css*="_wb_bbs"] user agent stylesheet area { display: inline; outline: none !important; }
div[data-css*="_wb_bbs"] .col-xs-1,div[data-css*="_wb_bbs"] .col-sm-1,div[data-css*="_wb_bbs"] .col-md-1,div[data-css*="_wb_bbs"] .col-lg-1,div[data-css*="_wb_bbs"] .col-xs-2,div[data-css*="_wb_bbs"] .col-sm-2,div[data-css*="_wb_bbs"] .col-md-2,div[data-css*="_wb_bbs"] .col-lg-2,div[data-css*="_wb_bbs"] .col-xs-3,div[data-css*="_wb_bbs"] .col-sm-3,div[data-css*="_wb_bbs"] .col-md-3,div[data-css*="_wb_bbs"] .col-lg-3, .col-xs-4,div[data-css*="_wb_bbs"] .col-sm-4,div[data-css*="_wb_bbs"] .col-md-4,div[data-css*="_wb_bbs"] .col-lg-4,div[data-css*="_wb_bbs"] .col-xs-5,div[data-css*="_wb_bbs"] .col-sm-5,div[data-css*="_wb_bbs"] .col-md-5,div[data-css*="_wb_bbs"] .col-lg-5,div[data-css*="_wb_bbs"] .col-xs-6,div[data-css*="_wb_bbs"] .col-sm-6,div[data-css*="_wb_bbs"] .col-md-6,div[data-css*="_wb_bbs"] .col-lg-6,div[data-css*="_wb_bbs"] .col-xs-7,div[data-css*="_wb_bbs"] .col-sm-7,div[data-css*="_wb_bbs"] .col-md-7,div[data-css*="_wb_bbs"] .col-lg-7,div[data-css*="_wb_bbs"] .col-xs-8,div[data-css*="_wb_bbs"] .col-sm-8,div[data-css*="_wb_bbs"] .col-md-8,div[data-css*="_wb_bbs"] .col-lg-8,div[data-css*="_wb_bbs"] .col-xs-9,div[data-css*="_wb_bbs"] .col-sm-9,div[data-css*="_wb_bbs"] .col-md-9,div[data-css*="_wb_bbs"] .col-lg-9,div[data-css*="_wb_bbs"] .col-xs-10,div[data-css*="_wb_bbs"] .col-sm-10,div[data-css*="_wb_bbs"] .col-md-10,div[data-css*="_wb_bbs"] .col-lg-10,div[data-css*="_wb_bbs"] .col-xs-11,div[data-css*="_wb_bbs"] .col-sm-11,div[data-css*="_wb_bbs"] .col-md-11,div[data-css*="_wb_bbs"] .col-lg-11,div[data-css*="_wb_bbs"] .col-xs-12,div[data-css*="_wb_bbs"] .col-sm-12,div[data-css*="_wb_bbs"] .col-md-12,div[data-css*="_wb_bbs"] .col-lg-12 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; }

div[data-css*="_wb_bbs"] input[readonly] { background-color: #f3f3f8; opacity: 1; }
div[data-css*="_wb_bbs"] input .placeholder { padding: 0 8px; color: #bbb; }
div[data-css*="_wb_bbs"] html input[type='button'],div[data-css*="_wb_bbs"] input[type='submit'],div[data-css*="_wb_bbs"] input[type='reset'],div[data-css*="_wb_bbs"] button,div[data-css*="_wb_bbs"] button[class*='button'],div[data-css*="_wb_bbs"] button[type='submit'],div[data-css*="_wb_bbs"] button[type='reset'],div[data-css*="_wb_bbs"] .button,div[data-css*="_wb_bbs"] a[class*='button'] { -webkit-border-radius: 0; -webkit-appearance: none; border: 1px solid #dadada; background-color: #eee; color: var(--title_color); line-height: 1.375; white-space: nowrap; }
div[data-css*="_wb_bbs"] button,div[data-css*="_wb_bbs"] input[type='button'],div[data-css*="_wb_bbs"] input[type='submit'],div[data-css*="_wb_bbs"] input[type='reset'],div[data-css*="_wb_bbs"] input[type='image'] { overflow: visible; cursor: pointer; }
div[data-css*="_wb_bbs"] label,div[data-css*="_wb_bbs"] input,div[data-css*="_wb_bbs"] textarea,div[data-css*="_wb_bbs"] select,div[data-css*="_wb_bbs"] button,div[data-css*="_wb_bbs"] table,div[data-css*="_wb_bbs"] pre,div[data-css*="_wb_bbs"] code,div[data-css*="_wb_bbs"] kbd,div[data-css*="_wb_bbs"] samp,div[data-css*="_wb_bbs"] em,div[data-css*="_wb_bbs"] cite,div[data-css*="_wb_bbs"] dfn,div[data-css*="_wb_bbs"] var,div[data-css*="_wb_bbs"] address { font-style: normal; font-family: inherit; letter-spacing: inherit; }

/* 검색 영역 */
div[data-css*="_wb_bbs"] #bbs_search_zone { z-index:10;clear:both;position:relative;margin:0; }
div[data-css*="_wb_bbs"] #bbs_search_zone:before,
div[data-css*="_wb_bbs"] #bbs_search_zone:after { content:'';display:table;clear:both; }
div[data-css*="_wb_bbs"] #bbs_search_zone .info1 { color:var(--total_msg_color); margin: 5px; font-size:var(--bootstrap_1em); }
div[data-css*="_wb_bbs"] #bbs_search_zone .info1 b { color:var(--total_count); }
div[data-css*="_wb_bbs"] #bbs_search_zone .left { float:left;text-align:left; }
div[data-css*="_wb_bbs"] #bbs_search_zone .right { float:right;text-align:right; }
div[data-css*="_wb_bbs"] #bbs_search_zone .center { margin:0 auto;text-align:center; }
div[data-css*="_wb_bbs"] #bbs_search_zone .center .button { margin-left:4px;margin-right:4px; }
div[data-css*="_wb_bbs"] #bbs_search_zone .bbs_search_zone2 input:focus { border:var(--input_hover); }

div[data-css*="_wb_bbs"] .bbs_search_zone2 .search_title_zone { width: 100%;display: inline-flex;text-align: var(--search_title_zone); }
div[data-css*="_wb_bbs"] .bbs_search_zone2 [class*='select'] { width: 20%; }
div[data-css*="_wb_bbs"] [class*='bbs_search_zone2'] [class*='select'] { width: var(--search_select_width); height: var(--input_height); margin-right: 1%; background-color:var(--search_background); border: var(--search_border); font-size: var(--bootstrap_1em); padding-left:10px; font-weight:400; }
div[data-css*="_wb_bbs"] [class*='bbs_search_zone2'] fieldset { margin: 0; }
div[data-css*="_wb_bbs"] [class*='bbs_search_zone2'] { position: relative; margin: 0 0 1.5em; overflow: hidden; }
div[data-css*="_wb_bbs"] [class*='bbs_search_zone2'] .search_text { width: var(--search_input_width); margin-left: .5%; margin-right: 1%; height:36px; background-color:var(--search_background); border: var(--search_border); font-size: var(--bootstrap_1em); padding: 0 10px; border-radius:2px; }
div[data-css*="_wb_bbs"] [class*='bbs_search_zone2'] .submit { width: var(--search_btn_width); height: var(--input_height); margin-left: .5%; padding-left: 0; padding-right: 0; }

div[data-css*="_wb_bbs"] .button.submit { border:var(--bbs_btn_search_border); background-color: var(--bbs_btn_search_background); color: var(--bbs_btn_search_color); border-radius:2px; font-size: var(--bootstrap_1em); }
div[data-css*="_wb_bbs"] .button.submit:hover { border:var(--bbs_btn_search_border_hover); background-color: var(--bbs_btn_search_background_hover); color: var(--bbs_btn_search_color_hover); transition: .2s ease-out; -webkit-appearance: none;}


/* tab영역(카테고리) */
div[data-css*="_wb_bbs"] .bbs_tab { overflow: hidden;margin:0 0 20px 0; }
div[data-css*="_wb_bbs"] .bbs_tab li { float: left; padding:0; text-align: center; margin-bottom: 3px; }
div[data-css*="_wb_bbs"] .bbs_tab li a { display: block; background:var(--tab_background); border:var(--tab_border); border-radius:5px; padding: 5px 10px;  margin:3px 3px 3px 0; color: var(--tab_color); font-size: var(--tab_fontsize);letter-spacing: 0; }
div[data-css*="_wb_bbs"] .bbs_tab li a:hover,
div[data-css*="_wb_bbs"] .bbs_tab li a:focus,
div[data-css*="_wb_bbs"] .bbs_tab li a:active { background:var(--tab_hover_background); }
div[data-css*="_wb_bbs"] .bbs_tab li.active a { background: var(--tab_active_background);color: var(--tab_active_color); font-weight:100;  }
div[data-css*="_wb_bbs"] .bbs_tab li.active a:hover,
div[data-css*="_wb_bbs"] .bbs_tab li.active a:focus,
div[data-css*="_wb_bbs"] .bbs_tab li.active a:active { background: var(--tab_active_hover_background);color: var(--tab_active_hover_color); border:var(--tab_active_hover_border); }
div[data-css*="_wb_bbs"] .bbs_tab.w50 li { }
div[data-css*="_wb_bbs"] .bbs_tab_selectLocation { display: none; }

@media (max-width: 639px) {
	div[data-css*="_wb_bbs"] .bbs_tab { display: none; }
	div[data-css*="_wb_bbs"] .bbs_tab_selectLocation { display: block; padding: 0 0 10px 0; height: 43px; width: 100%; margin: 0; background: var(--tab_select_background); }
	div[data-css*="_wb_bbs"] .bbs_tab_selectLocation select.bbs_select { padding: 8px 10px 8px 10px; height: 34px; width: 100%; margin: 0; background: var(--tab_select_background); border: var(--tab_select_border); }
	div[data-css*="_wb_bbs"] #bbs_search_zone .info1 { color: var(--total_msg_color); margin: 5px; font-size: 15px; }
}

/* ========== BBS Button  ========== */
div[data-css*="_wb_bbs"] .bbs_btn_zone_list { z-index: 10; clear: both; position: relative; margin: 10px 0 5px 0; }
div[data-css*="_wb_bbs"] .bbs_btn_zone_list:before,
div[data-css*="_wb_bbs"] .bbs_btn_zone_list:after { content:'';display:table;clear:both; }
div[data-css*="_wb_bbs"] .bbs_btn_zone_list .left { float:left;text-align:left; margin:0;}
div[data-css*="_wb_bbs"] .bbs_btn_zone_list .right { float:right;text-align:right; margin:0;}
div[data-css*="_wb_bbs"] .bbs_btn_zone_list a i {  font-size:22px; }

div[data-css*="_wb_bbs"] .bbs_button { padding: 8.5px 9px; text-decoration: none; border-radius: 2px; height:36px; font-size: var(--bootstrap_1em); }
div[data-css*="_wb_bbs"] .bbs_button.write_btn { background:#363940; color: #fff; border: 1px solid #2874b7; }
div[data-css*="_wb_bbs"] .bbs_button.reply_btn { background:#363940; color: #fff; border: 1px solid #2874b7; }
div[data-css*="_wb_bbs"] .bbs_button.modify_btn { background:#363940; color: #fff; border: 1px solid #2874b7; }
div[data-css*="_wb_bbs"] .bbs_button.delete_btn { background:#363940;  color: #fff; border: 1px solid #2874b7; }
div[data-css*="_wb_bbs"] .bbs_button.list_btn {  background:#fff;  color: var(--title_color); border: 1px solid #999;  }

div[data-css*="_wb_bbs"] .bbs_button.write_btn:hover,
div[data-css*="_wb_bbs"] .bbs_button.reply_btn:hover,
div[data-css*="_wb_bbs"] .bbs_button.modify_btn:hover,
div[data-css*="_wb_bbs"] .bbs_button.delete_btn:hover,
div[data-css*="_wb_bbs"] .bbs_button.list_btn:hover { background:#2874b7; color:#fff; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }


/* 리스트 영역 */
div[data-css*="_wb_bbs"] .bbs_table { border-top: var(--bbs_table); }
div[data-css*="_wb_bbs"] .bbs_table table .qna_result1 { background:#f17405; border:1px solid #f17405; color:#fff; width:70px; display: inline-table; padding:5px 10px; border-radius:5px; }
div[data-css*="_wb_bbs"] .bbs_table table .qna_result2 { background:#00a65a; border:1px solid #00a65a; color:#fff; width:70px; display: inline-table; padding:5px 10px; border-radius:5px; }

div[data-css*="_wb_bbs"] .bbs_table table * { margin:0;padding:0;border:0;list-style-type:none;color:var(--title_a); }
div[data-css*="_wb_bbs"] .bbs_table table { width:100%;border-collapse:collapse; }
div[data-css*="_wb_bbs"] .bbs_table table caption { display:none }
div[data-css*="_wb_bbs"] .bbs_table table tbody tr:hover { background:#fafafa; }
div[data-css*="_wb_bbs"] .bbs_table table tbody tr:hover td[scope=row] { background:#fafafa; }
div[data-css*="_wb_bbs"] .bbs_table table tbody tr.notice td { border-bottom:1px solid #c5d7e0;background:#f3f3f1 }

div[data-css*="_wb_bbs"] .bbs_table table thead th { word-break: keep-all;padding: 18px 10px 18px 10px;line-height: 15px;font-size: var(--bootstrap_1em);font-weight: 400;text-align: center;color: var(--title_color);border-bottom:var(--line_bottom);position: relative;background: var(--title_background); }
div[data-css*="_wb_bbs"] .bbs_table table tbody th { vertical-align: middle;word-break: keep-all; }

div[data-css*="_wb_bbs"] .bbs_table table thead th.mo_none { }
div[data-css*="_wb_bbs"] .bbs_table table tbody td { vertical-align: middle;padding:14px 10px;font-size:var(--bootstrap_1em);color:#666;text-align:center;border-bottom:var(--line_bottom); }

div[data-css*="_wb_bbs"] .bbs_table table thead th { padding:14px 0;font-size:var(--title_fontsize);color:var(--title_color);border-bottom:var(--line_bottom);background: var(--title_background); font-weight:bold; }
div[data-css*="_wb_bbs"] .bbs_table table tbody td { padding:1px 10px;font-size:var(--bootstrap_1em);color:var(--title_a);text-align:center;border-bottom:var(--line_bottom); }
div[data-css*="_wb_bbs"] .bbs_table table tbody td a { line-height:20px;font-size:var(--title_a_fontsize); text-decoration:none; display:block; font-weight: 400; padding:11px 0;}
div[data-css*="_wb_bbs"] .bbs_table table tbody td a.company { display:block;padding:7px 0 0 30px;font-size:14px;color:#000; }
div[data-css*="_wb_bbs"] .bbs_table table tbody td img { vertical-align:middle }
div[data-css*="_wb_bbs"] .bbs_table table tbody td ul { text-align:left }
div[data-css*="_wb_bbs"] .bbs_table table tbody td li { font-size:var(--bootstrap_1em);line-height:20px;color:#666 }
div[data-css*="_wb_bbs"] .bbs_table table tbody td.subject { text-align:left }
div[data-css*="_wb_bbs"] .bbs_table table tbody td.subject span { font-size:11px;font-weight:800 }
div[data-css*="_wb_bbs"] .bbs_table table tbody td.subject span img { }
div[data-css*="_wb_bbs"] .bbs_table table tbody td.subject .secret { display:inline-block !important;width:17px;height:17px;text-indent:-9999em;overflow:hidden }
div[data-css*="_wb_bbs"] .bbs_table table tbody td.subject .reply { display: inline-block;position: relative;padding: 0 0 0 13px;text-indent: -9999em;overflow: hidden;width: 1px; }
div[data-css*="_wb_bbs"] .bbs_table table tbody td.subject .list_reply { color:#aa6801 }
div[data-css*="_wb_bbs"] .bbs_table table tbody td.subject a:hover { color:var(--title_a_hover); }
div[data-css*="_wb_bbs"] .bbs_table table tbody td.subject notice { background:#f3f3f1;border-bottom:1px solid #c5d7e0 }
div[data-css*="_wb_bbs"] .bbs_table table tbody td div.tac { padding:100px 0 }

div[data-css*="_wb_bbs"] .bbs_table table tr:first-child td {  }
div[data-css*="_wb_bbs"] .bbs_table table tr th:last-child { border-right:0 }
div[data-css*="_wb_bbs"] .bbs_table table tr td:last-child { border-right:0 }
div[data-css*="_wb_bbs"] .bbs_table table thead th.mb_none,
div[data-css*="_wb_bbs"] .bbs_table table tbody td.mb_none {  }
div[data-css*="_wb_bbs"] .bbs_table table .mb_width { width:22%;}
div[data-css*="_wb_bbs"] .bbs_table .mobile_list_info_zone { margin-top: 5px; font-size: 12px; font-weight: 100; display:none; }
div[data-css*="_wb_bbs"] .bbs_table .mobile_list_info_zone .mobile_list_info { padding-right: 5px; font-size: 13px; font-weight: 300; }
div[data-css*="_wb_bbs"] .bbs_table .notice_chk_zone { display:none; }
div[data-css*="_wb_bbs"] .mb_none i.bbs_notice_icon { color:var(--notice_icon);font-size:var(--notice_icon_fontsize); }
div[data-css*="_wb_bbs"] .subject .subject_span { display: inline-flex; top: 2px; position: relative;  }
div[data-css*="_wb_bbs"] .subject .subject_span i { cursor:default; }

@media (max-width: 639px) {
	div[data-css*="_wb_bbs"] .bbs_table table thead th.mb_none, .bbs_table table tbody td.mb_none, .bbs_table table thead tr { display: none; }
	div[data-css*="_wb_bbs"] .bbs_table table tbody td a { line-height:21px;font-size:var(--title_a_fontsize_m); font-weight: 400; display: block; }
	div[data-css*="_wb_bbs"] .bbs_table table tbody td { padding:5px 0px;color:var(--title_a);text-align:center;border-bottom:var(--line_bottom); }
	div[data-css*="_wb_bbs"] .bbs_table .mobile_list_info_zone { display:block; margin-left:5px; }
	div[data-css*="_wb_bbs"] .bbs_table .notice_chk_zone { display: contents; }
	div[data-css*="_wb_bbs"] .bbs_table .notice_chk_zone { color:var(--notice_icon);font-size:var(--notice_icon_fontsize); }
	div[data-css*="_wb_bbs"] .subject .subject_span { display: inline-flex; top: 2px; margin-left:5px; position: relative;  }
}

/* 페이징 영역 */
div[data-css*="_wb_bbs"] .bbs_pagination { clear:both;width:100%;margin:4px auto 8px;text-align:center; }
div[data-css*="_wb_bbs"] .bbs_pagination .m { display:inline; }
div[data-css*="_wb_bbs"] .bbs_pagination .m a { display:inline-block; width:24px;height:24px; margin:0 1px 6px 1px; border:var(--paging_none_border); background:var(--paging_none_background); color:var(--paging_none_color); vertical-align:middle; white-space:nowrap; overflow:hidden; text-decoration:none; box-sizing:border-box; }
div[data-css*="_wb_bbs"] .bbs_pagination .pages .m a { width:24px; min-width:16px; padding:0 12px; line-height:24px; box-sizing:border-box; }
div[data-css*="_wb_bbs"] .bbs_pagination .pages .m a:hover { background:var(--paging_none_background_hover); color:var(--paging_none_color_hover); border:var(--paging_none_border_hover); transition: .2s ease-out; -webkit-appearance: none;}
div[data-css*="_wb_bbs"] .bbs_pagination .pages .on a { border-color:transparent; background:var(--paging_select_background); color:var(--paging_select_color); }

div[data-css*="_wb_bbs"] .bbs_pagination .control .m a .ic { display:block; font-weight:100; font-family: Arial, sans-serif; }
div[data-css*="_wb_bbs"] .bbs_pagination .control .m a .ic:hover { display:block; font-weight:100; font-family: Arial, sans-serif; color:#fff; }
div[data-css*="_wb_bbs"] .bbs_pagination .control .m a.nosel i.ic:hover { display:block; font-weight:100; font-family: Arial, sans-serif; color:#777; }
div[data-css*="_wb_bbs"] .bbs_pagination a:not([href]) { cursor:default; }
div[data-css*="_wb_bbs"] .bbs_pagination .control a:not([href]) { opacity:.4; }

@media all and (max-width:360px) {
	div[data-css*="_wb_bbs"] .bbs_pagination { margin-top:12px;margin-bottom:0; }
	div[data-css*="_wb_bbs"] .bbs_pagination .m a { width:34px;height:34px; }
	div[data-css*="_wb_bbs"] .bbs_pagination .m a:hover { background:var(--paging_none_background_hover); color:var(--paging_none_color_hover); border:var(--paging_none_border_hover); }
	div[data-css*="_wb_bbs"] .bbs_pagination .pages .m a { width:auto;line-height:34px; }
	div[data-css*="_wb_bbs"] .bbs_pagination .control .m a .ic { line-height:27px;font-size:var(--paging_icon); }
}

@media all and (min-width:360px){
	div[data-css*="_wb_bbs"] .bbs_pagination { margin-top:12px;margin-bottom:0; }
	div[data-css*="_wb_bbs"] .bbs_pagination .m a { width:34px;height:34px; }
	div[data-css*="_wb_bbs"] .bbs_pagination .m a:hover { background:var(--paging_none_background_hover); color:var(--paging_none_color_hover); border:var(--paging_none_border_hover); }
	div[data-css*="_wb_bbs"] .bbs_pagination .m a.nosel:hover { border:var(--paging_none_border); background:var(--paging_none_background); color:var(--paging_none_color); }
	div[data-css*="_wb_bbs"] .bbs_pagination .pages .m a { width:auto;line-height:30px; }
	div[data-css*="_wb_bbs"] .bbs_pagination .control .m a .ic { line-height:27px;font-size:var(--paging_icon); }
}
div[data-css*="_wb_bbs"] input::placeholder { color: #d7d7d7; }
div[data-css*="_wb_bbs"] textarea::placeholder { color: #d7d7d7; }

/* 비밀글 영역 */
div[data-css*="_wb_pw"] { opacity : 0; display : none; position : relative; width : 300px; border : 2px solid #fff; padding : 10px; background-color : #fff; border-radius:5px; }
div[data-css*="_wb_pw"] .b-close { position : absolute; right : 5px; top : 5px; padding : 0px; /* padding : 5px; */ display : inline-block; cursor : pointer; color:#2874b7; background:#fff; }
div[data-css*="_wb_pw"] .b-close:hover { color:#ff0000; }
div[data-css*="_wb_pw"] .b-close i { font-size: 21px; }
div[data-css*="_wb_pw"] .sec_zone { height:auto; width:100%;font-size:13px;padding-top:30px;padding-bottom:30px;text-align:center;display:inline-block; font-weight:bold; }
div[data-css*="_wb_pw"] .sec_zone > .sec_title { color:#fd0066;font-weight:normal;font-size:13px; }

div[data-css*="_wb_pw"] #bbs_sec_pw_list { margin-left: .5%; margin-right: .5%; border: 1px solid #ccc; height:32px; width: 150px; border-radius: 2px; padding:0 10px; }
div[data-css*="_wb_pw"] #bbs_sec_pw_list:hover { border: var(--input_hover); }
div[data-css*="_wb_pw"] #bbs_sec_pw { margin-left: .5%; margin-right: .5%; border: 1px solid #ccc; padding: 0 10px; width: 150px; border-radius: 2px; height: 36px; }

div[data-css*="_wb_pw"] #sec_list_btn { font-size: 13px; height:32px; width:50px; text-decoration: none; border-radius: 2px; background:#fd0066;color:#fff;border:1px solid #fd0066; }
div[data-css*="_wb_pw"] #sec_list_btn:hover { background:#ff0000; cursor:pointer; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }

div[data-css*="_wb_pw"] input::placeholder { color: #d7d7d7; }
div[data-css*="_wb_pw"] textarea::placeholder { color: #d7d7d7; }

div[data-css*="_wb_bbs"] .pdf_view {
	margin-left:20px;border: 1px solid #cdc9c9;
    padding: 0 5px;
    border-radius: 5px;
    background: #fff;
	display: inline-block;
	font-size:14px;
}
div[data-css*="_wb_bbs"] .pdf_view:hover {
	background: #d9ffee;
}
div[data-css*="_wb_bbs"] i {
	font-style: initial;
}