:root {
	--search_title_zone : left;
	--search_select_width : 20%;
	--search_input_width : 67%;
	--search_btn_width : 10%;
	--input_height: 36px;
	--input_hover : 1px solid #428bca;
	--context_height : 4.125em;
	--context_box_bordertop : 1px solid #ddd;
	--context_box_borderbottom : 1px solid #ddd;
	--content_li_bordertop : 1px solid #e7e7e7;
	--content_box_hover : #f0f8ff;
	--img_box : 1px solid #ddd;
	--title_color : #000;
	--bbs_h1_fontsize : 2em;
	--bbs_h1_lineheight : 3em;
	--bbs_h2_fontsize : 1.5em;
	--bbs_h2_lineheight : 2.25em;
	--bbs_h3_fontsize : 1.17em;
	--bbs_h3_lineheight : 1.755em;
	--bbs_h4_fontsize : 1em;
	--bbs_h4_lineheight : 1.5em;
	--bbs_h5_fontsize : .83em;
	--bbs_h5_lineheight : 1.245em;
	--bbs_h6_fontsize : .67em;
	--bbs_h6_lineheight : 1.005em;
	--content_color : #767676;
	--content_fontsize:14px;
	--content2_color: #666;
	--total_msg_color:#767676;
	--total_count: #767676;
	--bootstrap_1em: 14px;
    --content2_subtitle: 12px;
	--content2_icon: 22px;
	--paging_icon: 30px;
}
@media all and (min-width:320px) and (max-width:767px) {
	:root {
		--search_title_zone : left;
		--search_select_width : 30%;
		--search_input_width : 50%;
		--search_btn_width : 17%;
		--input_height: 36px;
		--input_hover : 1px solid #428bca;
		--context_height : 4.125em;
		--context_box_bordertop : 1px solid #ddd;
		--context_box_borderbottom : 1px solid #ddd;
		--content_li_bordertop : 1px solid #e7e7e7;
		--content_box_hover : #f0f8ff;
		--img_box : 1px solid #ddd;
		--title_color : #000;
		--bbs_h1_fontsize : 2em;
		--bbs_h1_lineheight : 3em;
		--bbs_h2_fontsize : 1.5em;
		--bbs_h2_lineheight : 2.25em;
		--bbs_h3_fontsize : 1.17em;
		--bbs_h3_lineheight : 1.755em;
		--bbs_h4_fontsize : 1em;
		--bbs_h4_lineheight : 1.5em;
		--bbs_h5_fontsize : .83em;
		--bbs_h5_lineheight : 1.245em;
		--bbs_h6_fontsize : .67em;
		--bbs_h6_lineheight : 1.005em;
		--content_color : #767676;
		--content_fontsize:14px;
		--content2_color: #666;
		--total_msg_color:#767676;
		--total_count: #767676;
		--bootstrap_1em: 14px;
	    --content2_subtitle: 12px;
		--content2_icon: 22px;
		--paging_icon: 30px;
	}
}

/* ---------------------------------------------------------
	layout : �뚮툝�� ( CSS3 @media query )
--------------------------------------------------------- */
@media all and (min-width:768px) and (max-width:1024px) {
	:root {
		--search_title_zone : left;
		--search_select_width : 25%;
		--search_input_width : 55%;
		--search_btn_width : 17%;
		--input_height: 36px;
		--input_hover : 1px solid #428bca;
		--context_height : 4.125em;
		--context_box_bordertop : 1px solid #ddd;
		--context_box_borderbottom : 1px solid #ddd;
		--content_li_bordertop : 1px solid #e7e7e7;
		--content_box_hover : #f0f8ff;
		--img_box : 1px solid #ddd;
		--title_color : #000;
		--bbs_h1_fontsize : 2em;
		--bbs_h1_lineheight : 3em;
		--bbs_h2_fontsize : 1.5em;
		--bbs_h2_lineheight : 2.25em;
		--bbs_h3_fontsize : 1.17em;
		--bbs_h3_lineheight : 1.755em;
		--bbs_h4_fontsize : 1em;
		--bbs_h4_lineheight : 1.5em;
		--bbs_h5_fontsize : .83em;
		--bbs_h5_lineheight : 1.245em;
		--bbs_h6_fontsize : .67em;
		--bbs_h6_lineheight : 1.005em;
		--content_color : #767676;
		--content_fontsize:14px;
		--content2_color: #666;
		--total_msg_color:#767676;
		--total_count: #767676;
		--bootstrap_1em: 14px;
	    --content2_subtitle: 12px;
		--content2_icon: 22px;
		--paging_icon: 30px;
	}
}

/* ---------------------------------------------------------
	layout : �곗뒪�ы깙 ( CSS3 @media query )
--------------------------------------------------------- */
@media all and (min-width:1025px) {
	:root {
		--search_title_zone : left;
		--search_select_width : 20%;
		--search_input_width : 67%;
		--search_btn_width : 10%;
		--input_height: 36px;
		--input_hover : 1px solid #428bca;
		--context_height : 4.125em;
		--context_box_bordertop : 1px solid #ddd;
		--context_box_borderbottom : 1px solid #ddd;
		--content_li_bordertop : 1px solid #e7e7e7;
		--content_box_hover : #f0f8ff;
		--img_box : 1px solid #ddd;
		--title_color : #000;
		--bbs_h1_fontsize : 2em;
		--bbs_h1_lineheight : 3em;
		--bbs_h2_fontsize : 1.5em;
		--bbs_h2_lineheight : 2.25em;
		--bbs_h3_fontsize : 1.17em;
		--bbs_h3_lineheight : 1.755em;
		--bbs_h4_fontsize : 1em;
		--bbs_h4_lineheight : 1.5em;
		--bbs_h5_fontsize : .83em;
		--bbs_h5_lineheight : 1.245em;
		--bbs_h6_fontsize : .67em;
		--bbs_h6_lineheight : 1.005em;
		--content_color : #767676;
		--content_fontsize:14px;
		--content2_color: #666;
		--total_msg_color:#767676;
		--total_count: #767676;
		--bootstrap_1em: 14px;
	    --content2_subtitle: 12px;
		--content2_icon: 22px;
		--paging_icon: 30px;
	}
}

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'] { }
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_content { margin:0 auto; padding:0px;  min-height: 300px; overflow-x: hidden; }

div[data-css*="_wb_bbs"] #bbs_content input[type='text'], div[data-css*="_wb_bbs"] #bbs_content input[type='password'], div[data-css*="_wb_bbs"] #bbs_content input[type='file'], div[data-css*="_wb_bbs"] #bbs_content input[type='email'], div[data-css*="_wb_bbs"] #bbs_content input[type='number'], div[data-css*="_wb_bbs"] #bbs_content input[type='search'], div[data-css*="_wb_bbs"] #bbs_content input[type='tel'], div[data-css*="_wb_bbs"] #bbs_content input[type='url'], div[data-css*="_wb_bbs"] #bbs_content textarea, div[data-css*="_wb_bbs"] [action] #bbs_content textarea { -webkit-border-radius: 0; -webkit-appearance: none; padding: 0 .525em; border: 1px solid #dadada; background-color: #ffffff; font-size:14px; }

/* �곸꽭酉�1 20180214 (湲��쒕ぉ.�뺣낫1.泥⑤�諛붾줈蹂닿린.�댁슜.SNS怨듭쑀.�듬�湲�.�뚯뀥�볤�) */
div[data-css*="_wb_bbs"] .printviewurl { clear:both;position:relative; font-weight:bold; }

div[data-css*="_wb_bbs"] .bbs1view1 { clear:both;position:relative;  }
div[data-css*="_wb_bbs"] .bbs1view1 .write_info { border-top:1px dotted #ccc; }
div[data-css*="_wb_bbs"] .bbs1view1 .comment_finish { color:#f50; }

div[data-css*="_wb_bbs"] .bbs1view1 h1, div[data-css*="_wb_bbs"] .bbs1view1 a h1 { font-size:var(--bbs_h1_fontsize); }
div[data-css*="_wb_bbs"] .bbs1view1 h2, div[data-css*="_wb_bbs"] .bbs1view1 a h2 { font-size:var(--bbs_h2_fontsize); }
div[data-css*="_wb_bbs"] .bbs1view1 h3, div[data-css*="_wb_bbs"] .bbs1view1 a h3 { font-size:var(--bbs_h3_fontsize); }
div[data-css*="_wb_bbs"] .bbs1view1 h4, div[data-css*="_wb_bbs"] .bbs1view1 a h4 { font-size:var(--bbs_h4_fontsize); }
div[data-css*="_wb_bbs"] .bbs1view1 h5, div[data-css*="_wb_bbs"] .bbs1view1 a h5 { font-size:var(--bbs_h5_fontsize); }
div[data-css*="_wb_bbs"] .bbs1view1 h6, div[data-css*="_wb_bbs"] .bbs1view1 a h6 { font-size:var(--bbs_h6_fontsize); }

div[data-css*="_wb_bbs"] dt {
    font-weight: 400;
}

div[data-css*="_wb_bbs"] .bbs1view1:before { content:'';display:block;position:relative; height:5px; border:0; background:url(/skin/bbs/images/sub/b.000000.opacity.20.pattern4slash1.png); overflow:hidden; }
div[data-css*="_wb_bbs"] .bbs1view1 #bbs_title { margin:0;padding:.75em 0;color:#333;/*font-weight:600;*/font-size:18px;line-height:1.375; padding-left:5px; }
div[data-css*="_wb_bbs"] .bbs1view1 .info1 { border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;overflow:hidden; }
div[data-css*="_wb_bbs"] .bbs1view1 .info1 .dl1 {list-style:none;padding:.375em 0;color:#666;font-size:13px;overflow:hidden; }
div[data-css*="_wb_bbs"] .bbs1view1 .info1 .dt1st {float:left;width:0;margin:0;padding:.25em 0 .25em 1px; overflow:hidden;text-indent:-9999px; }
div[data-css*="_wb_bbs"] .bbs1view1 .info1 .dt1 {float:left;width:0;margin:0;padding:.25em 0 .25em 1px; background:url(/skin/bbs/images/sub/sep1s.png) no-repeat 0 50%; overflow:hidden;text-indent:-9999px; }
div[data-css*="_wb_bbs"] .bbs1view1 .info1 .dt1.show, div[data-css*="_wb_bbs"] .bbs1view1 .info1 .dt1st.show { width:auto;margin-right:.5125em;padding-left:.525em;text-indent:0; }
div[data-css*="_wb_bbs"] .bbs1view1 .info1 .dt1.show strong,div[data-css*="_wb_bbs"] .bbs1view1 .info1 .dt1st.show strong { font-size: 14px; }


/* 泥⑤� */
div[data-css*="_wb_bbs"] .bbs1view1 .attach1 { font-size: 14px;
    border: 1px solid #f2f2f2;
    margin-top: 10px;
    border-radius: 10px;
    background: #f5f5f5; }
div[data-css*="_wb_bbs"] .bbs1view1 .attach1 ul { list-style: none; margin: 0 0 0 0; padding: .10em 0; overflow: hidden; }
div[data-css*="_wb_bbs"] .bbs1view1 .attach1 li { margin: 0; padding: 7px 10px 7px 10px; }
div[data-css*="_wb_bbs"] .bbs1view1 .attach1 li .filename { float:left;height:25px;line-height:25px;color:#666;/*text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;*/ display: contents; font-size:14px; text-decoration:none; }
div[data-css*="_wb_bbs"] .bbs1view1 .attach1 li .b1 { float:right;position:relative;min-width:46px;height:23px;margin:0 -95px 0 0;padding:0 5px 0 30px;border:1px solid  #757575;background:#757575;color:#fff;line-height:21px;font-size:14px; }
div[data-css*="_wb_bbs"] .bbs1view1 .attach1 li .b1 .ic1 { float:left;position:absolute;left:0;top:50%;width:20px;height:20px;margin:-10px 0 0 9px;background:url(/skin/bbs/images/sub/ic1s.png) no-repeat;overflow:hidden;text-indent:-9999px; }
div[data-css*="_wb_bbs"] .bbs1view1 .attach1 li .b1:hover,
div[data-css*="_wb_bbs"] .bbs1view1 .attach1 li .b1:focus { background:#000;text-decoration:none; }
div[data-css*="_wb_bbs"] .bbs1view1 .attach1 li .b1.quickview .ic1 { background-position:-50px 0; }
div[data-css*="_wb_bbs"] .bbs1view1 .attach1 li .b1.download .ic1 { background-position:-100px 0; }


div[data-css*="_wb_bbs"] .bbs1view1.reply1>.h1:first-child { padding-left:0;padding-right:0;background:#fff; }
div[data-css*="_wb_bbs"] .bbs1view1.reply1>.h1:first-child .ib1 { display:inline-block; width:var(--bootstrap_1em);height:var(--bootstrap_1em); margin:0 0 0 .1875em; overflow:hidden;letter-spacing:-9999px; vertical-align:top; }
div[data-css*="_wb_bbs"] .bbs1view1.reply1>.h1:first-child .ib1 .ic1 { float:left;width:100%;height:100%;background:url(/skin/bbs/images/sub/reply1s.png) no-repeat right bottom; }


/* ========== Photo View1 ========== */
div[data-css*="_wb_bbs"] .bbs1view1 .substance { margin-top:10px; }

div[data-css*="_wb_bbs"] .photoview1 { margin:0 auto var(--bootstrap_1em); }
div[data-css*="_wb_bbs"] .photoview1 * { list-style:none;margin:0;padding:0;border:0; }
div[data-css*="_wb_bbs"] .photoview1 .figure { z-index:0;position:relative;margin:0 auto var(--bootstrap_1em);overflow:hidden; width: calc(100% - 2px);  border:1px solid #f2f2f2;}
div[data-css*="_wb_bbs"] .photoview1 .figure .p1 { background:#f7f8f9;overflow:hidden;}
div[data-css*="_wb_bbs"] .photoview1 .figure .p1>img { display:block; width:auto;height:auto; min-width:0; max-width:100%; max-height:924px; /* =:=(999-16)*0.94*1 */ margin:0 auto; }
div[data-css*="_wb_bbs"] .photoview1 .figcaption { display:block; z-index:0; position:relative; /*padding:.75em;*/ background:#eff2f4; color:#567; font-size:var(--bootstrap_1em); line-height:1.375; }

div[data-css*="_wb_bbs"] .photoview1 .mControl { display:block; }
div[data-css*="_wb_bbs"] .photoview1 .mControl .b { display:block; z-index:0; position:absolute;top:0;bottom:0; width:25px; height:100%; background:url(/skin/bbs/images/sub/b.ffffff.opacity.50.png);color:#000; font-family: FontAwesome; font-size:30px; opacity:.2; transition:.2s; }

div[data-css*="_wb_bbs"] .photoview1 .mControl .b.prev { left:0;opacity:0.8; cursor:pointer;}
div[data-css*="_wb_bbs"] .photoview1 .mControl .b.next { right:0;opacity:0.8; cursor:pointer; }
div[data-css*="_wb_bbs"] .photoview1 .mControl .b:hover,
div[data-css*="_wb_bbs"] .photoview1 .mControl .b:focus { background:#f7fbfb; opacity:0.2;padding:0;margin:0; }
div[data-css*="_wb_bbs"] .photoview1 .mControl .b.prev:hover, div[data-css*="_wb_bbs"] .photoview1 .mControl .b.prev:focus  { color:#000; right:0;opacity:0.8; cursor:pointer; }
div[data-css*="_wb_bbs"] .photoview1 .mControl .b.next:hover, div[data-css*="_wb_bbs"] .photoview1 .mControl .b.next:focus  { color:#000; right:0;opacity:0.8; cursor:pointer; }
div[data-css*="_wb_bbs"] .photoview1 .mControl > button:focus { outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color; }

/* Photo View1 Thumbnail */
div[data-css*="_wb_bbs"] .photoview1 .mNum ul { margin:0 -8px 0 0;overflow:hidden; }
div[data-css*="_wb_bbs"] .photoview1 .mNum li { float:left; width:16.666%; }
div[data-css*="_wb_bbs"] .photoview1 .mNum li>a { display:block;position:relative; margin:0 8px 8px 0; padding-bottom:56.25%; border:3px solid #eee; text-decoration:none; transition:.2s; }
div[data-css*="_wb_bbs"] .photoview1 .mNum li>a .f1 { display:block; z-index:0; position:absolute;left:0;right:0;top:0;bottom:0; margin:-2px; background:#f7f8f9 url(/skin/bbs/images/sub/noimage.png) no-repeat center center;background-size:contain; text-align:center; overflow:hidden; }
div[data-css*="_wb_bbs"] .photoview1 .mNum li>a .f1>img { display:block;position:absolute;left:0;right:0;top:0;bottom:0; width:100%; height:auto; min-height:100%; vertical-align:top; }
div[data-css*="_wb_bbs"] .photoview1 .mNum li.on>a[href] { border-color:#ea0;overflow:hidden; }
div[data-css*="_wb_bbs"] .photoview1 .mNum li>a[href]:focus { border-color:#ea0;overflow:hidden; }
div[data-css*="_wb_bbs"] .photoview1 .mNum li>a[href]:hover { border-color:#c126ff;overflow:hidden; }
div[data-css*="_wb_bbs"] .photoview1 .mNum li>a .f1>img:hover { transform:scale(1.3); transition: 400ms ease-out; -webkit-appearance: none;  }

div[data-css*="_wb_bbs"] [class*="photoview1"] .mNum .even-4>li { width:25%; }
div[data-css*="_wb_bbs"] [class*="photoview1"] .mNum .even-5>li { width:20%; }
div[data-css*="_wb_bbs"] [class*="photoview1"] .mNum .even-6>li { width:16.666%; }
div[data-css*="_wb_bbs"] .photoview1 .mNum { margin-bottom:2em;padding-bottom:2px;border-bottom:1px solid #eee; }

div[data-css*="_wb_bbs"] #bbs1content { font-size:var(--bootstrap_1em); min-height:200px; margin-top:40px; }
div[data-css*="_wb_bbs"] #bbs1content > h1, div[data-css*="_wb_bbs"] #bbs1content > h1 > span { font-size:var(--bbs_h1_fontsize); line-height:var(--bbs_h1_lineheight); font-weight:bold; margin-top: 0.67em; margin-bottom: 0.67em; }
div[data-css*="_wb_bbs"] #bbs1content > h2, div[data-css*="_wb_bbs"] #bbs1content > h2 > span { font-size:var(--bbs_h2_fontsize); line-height:var(--bbs_h2_lineheight); font-weight:bold; margin-top: 0.83em; margin-bottom: 0.83em; }
div[data-css*="_wb_bbs"] #bbs1content > h3, div[data-css*="_wb_bbs"] #bbs1content > h3 > span { font-size:var(--bbs_h3_fontsize); line-height:var(--bbs_h3_lineheight); font-weight:bold; margin-top: 1em; margin-bottom: 1em; }
div[data-css*="_wb_bbs"] #bbs1content h4, div[data-css*="_wb_bbs"] #bbs1content > h4, div[data-css*="_wb_bbs"] #bbs1content > h4 > span { font-size:var(--bbs_h4_fontsize); line-height:var(--bbs_h4_lineheight); font-weight:bold; margin-top: 1.33em; margin-bottom: 1.33em; }

div[data-css*="_wb_bbs"] #bbs1content > h5, div[data-css*="_wb_bbs"] #bbs1content > h5 > span { font-size:var(--bbs_h5_fontsize); line-height:var(--bbs_h5_lineheight); font-weight:bold; margin-top: 1.67em; margin-bottom: 1.67em; }
div[data-css*="_wb_bbs"] #bbs1content > h6, div[data-css*="_wb_bbs"] #bbs1content > h6 > span { font-size:var(--bbs_h6_fontsize); line-height:var(--bbs_h6_lineheight); font-weight:bold; margin-top: 2.33em; margin-bottom: 2.33em;}
div[data-css*="_wb_bbs"] #bbs1content > span, div[data-css*="_wb_bbs"] #bbs1content > div { font-size:14px; line-height:1.5; }

div[data-css*="_wb_bbs"] #bbs1content > p { margin:0; }
div[data-css*="_wb_bbs"] #bbs1content img, div[data-css*="_wb_bbs"] #bbs1content form, div[data-css*="_wb_bbs"] #bbs1content fieldset, div[data-css*="_wb_bbs"] #bbs1content object, div[data-css*="_wb_bbs"] #bbs1content embed, div[data-css*="_wb_bbs"] #bbs1content video {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}

div[data-css*="_wb_bbs"] #bbs1content .spacezone { min-height:30px; }

div[data-css*="_wb_bbs"] #fontprint_zone { display: inline-block; width: 100%;}
div[data-css*="_wb_bbs"] #fontprint { border:1px solid #e4e0e0;padding:4px 6px 2px 6px;margin-bottom:5px;background:#f2f2f2;border-radius:5px; }
div[data-css*="_wb_bbs"] #fontprint dd { float:left;padding:0 2px; }
div[data-css*="_wb_bbs"] #fontprint li { float:left; list-style:none;}
div[data-css*="_wb_bbs"] #fontprint { position:relative;top:0px;right:3px; float:right; margin-top:10px; }
div[data-css*="_wb_bbs"] #fontprint .zoom_in i, div[data-css*="_wb_bbs"] #fontprint .zoom_return i, div[data-css*="_wb_bbs"] #fontprint .zoom_out i, div[data-css*="_wb_bbs"] #fontprint .print_btn i { color:#2874b7; }
div[data-css*="_wb_bbs"] #fontprint .zoom_in i:hover, div[data-css*="_wb_bbs"] #fontprint .zoom_return i:hover, div[data-css*="_wb_bbs"] #fontprint .zoom_out i:hover, div[data-css*="_wb_bbs"] #fontprint .print_btn i:hover { color:#ea4d00; }

div[data-css*="_wb_bbs"] #moview_zone { padding:10px 0; }
div[data-css*="_wb_bbs"] .js__p_delete_start { color:#fff; }

/* ========== BBS Prev/Next Button  ========== */
div[data-css*="_wb_bbs"] .bbs_btn_zone { z-index: 10; clear: both; position: relative; margin: 2em 0 2em 0;  }
div[data-css*="_wb_bbs"] .bbs_btn_zone:before,
div[data-css*="_wb_bbs"] .bbs_btn_zone:after { content:'';display:table;clear:both; }
div[data-css*="_wb_bbs"] .bbs_btn_zone .left { float:left;text-align:left; margin:var(--bootstrap_1em) 0;}
div[data-css*="_wb_bbs"] .bbs_btn_zone .right { float:right;text-align:right; margin:var(--bootstrap_1em) 0;}
div[data-css*="_wb_bbs"] .bbs_btn_zone a i {  font-size:22px; color: #2874b7; }

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

div[data-css*="_wb_bbs"] a#prev_btn_bbs { color: #2874b7; border: 1px solid #2874b7; padding: 11px 9px 5px 3px; border-radius: 2px; text-decoration: none; font-size: var(--bootstrap_1em);  }
div[data-css*="_wb_bbs"] a#next_btn_bbs { color: #2874b7;
    border: 1px solid #2874b7;
    padding: 11px 5px 5px 7px;
    border-radius: 2px;
    text-decoration: none;
    font-size: var(--bootstrap_1em); }
div[data-css*="_wb_bbs"] a#next_btn_bbs:hover i, a#next_btn_bbs:hover i { color:#fff; }
div[data-css*="_wb_bbs"] a#prev_btn_bbs .prev_title { vertical-align: text-bottom; padding:5px; }
div[data-css*="_wb_bbs"] a#next_btn_bbs .next_title { vertical-align: text-bottom; padding:5px; }

div[data-css*="_wb_bbs"] a#prev_btn_bbs_none { color: #d7d5d7; border: 1px solid #d7d5d7; padding: 11px 9px 5px 3px; border-radius: 2px; text-decoration: none; font-size: var(--bootstrap_1em); cursor:default;}
div[data-css*="_wb_bbs"] a#next_btn_bbs_none { color: #d7d5d7; border: 1px solid #d7d5d7; padding: 11px 5px 5px 7px; border-radius: 2px; text-decoration: none; font-size: var(--bootstrap_1em); cursor:default;}
div[data-css*="_wb_bbs"] a#prev_btn_bbs:hover .prev_title, div[data-css*="_wb_bbs"] a#prev_btn_bbs:hover i { color:#fff; }
div[data-css*="_wb_bbs"] a#prev_btn_bbs_none i, div[data-css*="_wb_bbs"] a#next_btn_bbs_none i { color:#d7d5d7; }
div[data-css*="_wb_bbs"] a#prev_btn_bbs_none:hover i, div[data-css*="_wb_bbs"] a#next_btn_bbs_none:hover i { color:#fff; }
div[data-css*="_wb_bbs"] a#prev_btn_bbs_none .prev_title { vertical-align: text-bottom; padding:5px 5px 5px 5px; }
div[data-css*="_wb_bbs"] a#next_btn_bbs_none .next_title { vertical-align: text-bottom; padding:5px 5px 5px 5px; }

@media (max-width: 767px) {
	div[data-css*="_wb_bbs"] a#prev_btn_bbs .prev_title { display:none; }
	div[data-css*="_wb_bbs"] a#prev_btn_bbs_none .prev_title { display:none; }
	div[data-css*="_wb_bbs"] a#next_btn_bbs .next_title { display:none; }
	div[data-css*="_wb_bbs"] a#next_btn_bbs_none .next_title { display:none; }

	div[data-css*="_wb_bbs"] .table-responsive {
		width: 100%;
		margin-bottom: 0px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 0px solid #ddd;
	}
}

div[data-css*="_wb_bbs"] a#prev_btn_bbs:hover, div[data-css*="_wb_bbs"] a#next_btn_bbs:hover { background:#2874b7; color:#fff; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }
div[data-css*="_wb_bbs"] a#prev_btn_bbs_none:hover, div[data-css*="_wb_bbs"] a#next_btn_bbs_none:hover { background:#c1c1c1; color:#fff; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }

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

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"] .embed-youtube { position: relative; width: 100%; height: 0; max-width:100%; padding-bottom: 56.25%; }
div[data-css*="_wb_bbs"] .embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
div[data-css*="_wb_bbs"] div.embed-youtube iframe html body .ytp-chrome-top .ytp-show-cards-title { display:none; }

div[data-css*="_wb_bbs"] .dropbtn { background-color: #fff; font-size: 13px; border: none; cursor: pointer; }
div[data-css*="_wb_bbs"] .dropbtn:hover, div[data-css*="_wb_bbs"] .dropbtn:focus { background-color: #fff; border-radius:5px; }
div[data-css*="_wb_bbs"] .dropdown { position: relative; display: inline-block; }
div[data-css*="_wb_bbs"] .dropdown-content { display: none; position: absolute; background-color: #fff; z-index: 1; border:1px solid #d0d0d0; }
div[data-css*="_wb_bbs"] .dropdown-content a { color: black; text-decoration: none; display: block; width:70px; text-align: center; }
div[data-css*="_wb_bbs"] .dropdown-content a:hover { background: #c7e9f8; }
div[data-css*="_wb_bbs"] .show { display:block; }
div[data-css*="_wb_bbs"] input::placeholder { color: #d7d7d7; font-size:12px; }
div[data-css*="_wb_bbs"] textarea::placeholder { color: #d7d7d7; font-size:12px; }

/* 鍮꾨�湲� �곸뿭 */
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 { 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: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_read_btn { font-size: 13px; height: 35px; text-decoration: none; border-radius: 2px; background: #fd0066; color: #fff; border: 1px solid #fd0066; width: 50px; }
div[data-css*="_wb_pw"] #sec_read_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_modify"] { opacity : 0; display : none; position : relative; width : 300px; border : 2px solid #fff; padding : 10px; background-color : #fff; border-radius:5px; }
div[data-css*="_wb_modify"] .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_modify"] .b-close:hover { color:#ff0000; }
div[data-css*="_wb_modify"] .b-close i { font-size: 21px; }
div[data-css*="_wb_modify"] .sec_modify_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_modify"] .sec_modify_zone > .sec_modify_title { color:#14a55f;font-weight:normal;font-size:13px; }

div[data-css*="_wb_modify"] #bbs_modify_pw { margin-left: .5%; margin-right: .5%; border: 1px solid #ccc; height:32px; width: 150px; border-radius: 2px; padding:0 10px; }
div[data-css*="_wb_modify"] #bbs_modify_pw:hover { border: var(--input_hover); }
div[data-css*="_wb_modify"] #bbs_modify_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_modify"] #sec_modify_btn { font-size: 13px; height:34px; text-decoration: none; border-radius: 2px; background:#14a55f;color:#fff;border:1px solid #14a55f; width:50px; }
div[data-css*="_wb_modify"] #sec_modify_btn:hover { background:#119154; cursor:pointer; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }
div[data-css*="_wb_modify"] input::placeholder { color: #d7d7d7; }
div[data-css*="_wb_modify"] textarea::placeholder { color: #d7d7d7; }

/* ��젣 �곸뿭 */
div[data-css*="_wb_del"] { opacity : 0; display : none; position : relative; width : 300px; border : 2px solid #fff; padding : 10px; background-color : #fff; border-radius:5px; }
div[data-css*="_wb_del"] .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_del"] .b-close:hover { color:#ff0000; }
div[data-css*="_wb_del"] .b-close i { font-size: 21px; }
div[data-css*="_wb_del"] .sec_del_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_del"] .sec_del_zone > .sec_del_title { color:#fd0066;font-weight:normal;font-size:13px; }

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

div[data-css*="_wb_del"] #sec_del_btn { font-size: 13px; height:34px; text-decoration: none; border-radius: 2px; background:#fd0066;color:#fff;border:1px solid #fd0066; }
div[data-css*="_wb_del"] #sec_del_btn:hover { background:#ff0000; cursor:pointer; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }
div[data-css*="_wb_del"] input::placeholder { color: #d7d7d7; }
div[data-css*="_wb_del"] textarea::placeholder { color: #d7d7d7; }

/* 異붿쿇/鍮꾩텛泥�/�쒓퀬 */
div[data-css*="_wb_bbs"] .bbs_vote { padding:20px 10px 0; text-align: center; }
div[data-css*="_wb_bbs"] .bbs_vote a { display: inline-block; margin: 0 5px; text-decoration: none; border-radius: 4px; }
div[data-css*="_wb_bbs"] .bbs_vote a b { display: block; font-size:12px; padding-top: 4px; }
div[data-css*="_wb_bbs"] .bbs_vote a b span.like_num_heart, div[data-css*="_wb_bbs"] .bbs_vote a b span.like_num_noheart { display:inline-block; }

div[data-css*="_wb_bbs"] .bbs_vote a span { display: block; font-size:12px; }
div[data-css*="_wb_bbs"] .vote_item1 { width:72px; height: 52px; display:inline-block; border:2px solid #dc4a3d;color:#dc4a3d;border-radius:5px; }
div[data-css*="_wb_bbs"] .vote_item2 { width:72px; height: 52px; display:inline-block; border:2px solid #aaaaaa;color:#aaaaaa;border-radius:5px; }
div[data-css*="_wb_bbs"] .vote_item3 { width:72px; height: 52px; display:inline-block; border:2px solid #aaaaaa;color:#aaaaaa;border-radius:5px; }

div[data-css*="_wb_bbs"] .note-editable > pre {
    display: block;
    padding: 9.5px;
    margin: 5px 0 5px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f5f5f5;
}
div[data-css*="_wb_bbs"] .note-editable > pre:hover {
	background:#f3fefa;
}

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"] .page_skip {border-top:1px solid #dfdfdf; margin-top:10px; margin-bottom:20px; }
div[data-css*="_wb_bbs"] .page_skip ul li {position:relative;}
div[data-css*="_wb_bbs"] .page_skip ul li:first-child {}
div[data-css*="_wb_bbs"] .page_skip .ps_ttl {position:absolute; left:0; top:0; width:100px; text-align:center; font-size:0; line-height:0; padding:12px 0;}
div[data-css*="_wb_bbs"] .page_skip .ps_ttl * {vertical-align:middle;}
div[data-css*="_wb_bbs"] .page_skip .ps_ttl span {display:inline-block; font-size:15px;line-height:22px; color:#000; padding-bottom:2px;}
div[data-css*="_wb_bbs"] .page_skip .ps_ttl em {display:inline-block; width:24px; height:24px;}
div[data-css*="_wb_bbs"] .page_skip .ps_ttl .ico_up {background:url(/skin/bbs/images/ico_up.png) no-repeat center center;}
div[data-css*="_wb_bbs"] .page_skip .ps_ttl .ico_down {background:url(/skin/bbs/images/ico_down.png) no-repeat center center;}
div[data-css*="_wb_bbs"] .page_skip .ps_detail {display:block; padding:12px 0 12px 100px; border-bottom:1px solid #dedfe4; }
div[data-css*="_wb_bbs"] .page_skip .ps_detail a.ps_link {display:block; font-size:15px; line-height:22px; color:#686868; padding-bottom:2px;}
div[data-css*="_wb_bbs"] .page_skip .ps_detail a.ps_no { display:block;font-size: 15px; line-height:22px; color:#d5d5d5; text-decoration: none; cursor:default; padding-bottom:2px;}
div[data-css*="_wb_bbs"] .page_skip .ps_detail a.ps_link:hover {color:#446fd9;}

@media screen and (min-width:769px) and (max-width:1199px) {
	div[data-css*="_wb_bbs"] .page_skip .ps_ttl span {padding:1px 0;}
	div[data-css*="_wb_bbs"] .page_skip .ps_detail a {padding:1px 0;}
}
@media screen and (max-width:768px) {
	div[data-css*="_wb_bbs"] .page_skip .ps_ttl span {padding:1px 0;}
	div[data-css*="_wb_bbs"] .page_skip .ps_detail a {padding:1px 0;}
}