:root {
	--search_title_zone : left;
	--search_select_width : 20%;
	--search_input_width : 67%;
	--search_btn_width : 10%;
	--input_height: 36px;
	--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;
		--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;
		--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;
		--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;
	}
}
#bbs_content { margin:0 auto; padding:0px;  min-height: 300px; overflow-x: hidden; }

.bbsbody_content { /*word-break: keep-all;*/ clear: both; margin:0px; position: relative; min-height: 300px; /*word-wrap: break-word;*/ }

.write_box_type { width: 100%; font-size:16px; box-sizing: border-box; } /*background:rgba(0,0,0,0.1);*/
.write_box_type  em, .write_box_type .em { color: #e53; font-style: normal; font-size: 1em; font-family: inherit; letter-spacing: inherit; }
.write_box_type .emnone { color: #fff; font-style: normal; font-size: 1em; font-family: inherit; letter-spacing: inherit; }

.grecaptcha-badge { display:none; } /* 구글 CAPTCHA */
.panel-default { /*padding:1px;*/ }
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -6px; }

.note-editable h1, a h1 { font-size:var(--bbs_h1_fontsize); }
.note-editable h2, a h2 { font-size:var(--bbs_h2_fontsize); }
.note-editable h3, a h3 { font-size:var(--bbs_h3_fontsize); }
.note-editable h4, a h4 { font-size:var(--bbs_h4_fontsize); }
.note-editable h5, a h5 { font-size:var(--bbs_h5_fontsize); }
.note-editable h6, a h6 { font-size:var(--bbs_h6_fontsize); }

input[type="radio"], input[type="checkbox"] {
	box-sizing: border-box;
    height: 17px;
    width: 17px;
    margin-top: 2px;
    margin-left: 10px;
}
.animated-checkbox { margin: 4px 15px 3px 0px; }
.animated-checkbox input[type="checkbox"] {
  display: none;
}

.animated-checkbox input[type="checkbox"] + .label-text {
  cursor: pointer !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
	padding-right: 10px;
    font-size: 13px;
    color: #000;
}

.animated-checkbox input[type="checkbox"] + .label-text:before {
  content: "";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 21px;
  -webkit-font-smoothing: antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 2px;
  vertical-align: -2px;
  color:#a09d9d;
}

.animated-checkbox input[type="checkbox"]:checked + .label-text:before {
  content: "";
  color: #0fc340;
  -webkit-animation: tick 180ms ease-in;
          animation: tick 180ms ease-in;
}

.animated-checkbox input[type="checkbox"]:disabled + .label-text {
  cursor: not-allowed !important;
}

.animated-checkbox input[type="checkbox"]:disabled + .label-text:before {
  content: "";
  color: #ccc;
}
.animated-radio-button { margin: 4px 15px 3px 0px; }
.animated-radio-button input[type="radio"] {
  display: none;
}

.animated-radio-button input[type="radio"] + .label-text {
  cursor: pointer !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
	padding-right: 10px;
    font-size: 13px;
    color: #000;
}

.animated-radio-button input[type="radio"] + .label-text:before {
  content: "";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 21px;
  -webkit-font-smoothing: antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 2px;
  vertical-align: -2px;
  color:#a09d9d;
}

.animated-radio-button input[type="radio"]:checked + .label-text:before {
  content: "";
  color: #0fc340;
  -webkit-animation: tick 180ms ease-in;
          animation: tick 180ms ease-in;

}

.animated-radio-button input[type="radio"]:disabled + .label-text {
  cursor: not-allowed !important;
}

.animated-radio-button input[type="radio"]:disabled + .label-text:before {
  content: "";
  color: #ccc;
}


.btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; padding: 0px 8px; font-size: 11px; line-height: 1.5; border-radius: 3px; margin-top: 5px; border: 1px solid #cccccc; }

.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; height: 32px; margin-left: 0px; margin-right: 0px; }
.note-holder { text-align: center; display: list-item; }
.note-btn-group > ul li { display: block; width: 100%; overflow: hidden; margin-bottom: 0px; }
ul.dropdown-menu { margin:10px; }
.note-editor.note-frame.fullscreen { position: fixed; top: 0px; left: 0; z-index: 1050; width: 100%!important; }
.note-btn-group .btn-group .note-list { margin-left: -0px; margin-bottom: 5px; }

.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select, .panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select { width: 95%; padding: 5px 3px; font-size: 11px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.note-popover .popover-content>.btn-group, .panel-heading.note-toolbar>.btn-group { margin-top: 1px; margin-bottom: 3px; margin-right: 0px; margin-left: 0; }
.note-form-label { padding-top: 1em; padding-bottom: 0; height: 50px; }
.modal-header .close { margin-top: -10px; }
button.close { -webkit-appearance: none; cursor: pointer; background: #f2f2f2; border: 1px solid #f2f2f2; padding: 5px; border-radius: 10px; }
button.close:hover { -webkit-appearance: none; cursor: pointer; background: #00a65a; border: 1px solid #00a65a; padding: 5px; border-radius: 10px; color:#ffffff; }
.close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; /*text-shadow: 0 1px 0 #fff;*/ filter: alpha(opacity=1); opacity: 1; }
.close:hover { float: right; font-size: 21px; font-weight: bold; line-height: 1; background:#00a65a; color: #fff; /*text-shadow: 0 1px 0 #fff;*/ filter: alpha(opacity=1); opacity: 1; }
.modal-header .close { padding: 5px 10px; margin: -0.5rem -0.5rem -1rem auto; }
.note-form-label { height:30px; }
.note-editor { padding-top:1px; margin-top:0px; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; }
.dropdown-menu > li > a:hover { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; background:#dcf4f8; color: #333; white-space: nowrap; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 5px 10px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; padding: 5px 10px; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 5px 10px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; padding: 5px 10px; }
.btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; padding: 5px 5px; font-size: 11px; line-height: 1.5; border-radius: 3px; margin-top: 5px; }
.note-editable { font-size:14px; }
.note-editable .table { width: 100%; margin-top: 1rem; margin-bottom: 1rem; color: #212529; }
.note-editable .table th, .note-editable  .table td { padding: 0.25rem; vertical-align: top; border-top: 1px solid #dee2e6; }

.bbs_box-body input[type='text'], .bbs_box-body input[type='password'], .bbs_box-body input[type='file'], .bbs_box-body input[type='email'], .bbs_box-body input[type='number'], .bbs_box-body input[type='search'], .bbs_box-body input[type='tel'], .bbs_box-body input[type='url'], .bbs_box-body textarea, [action] .bbs_box-body textarea { -webkit-border-radius: 0; -webkit-appearance: none; padding: 6px .525em; border: 1px solid #dadada; background-color: #ffffff; font-size:14px; }
input[readonly] { background-color: #f3f3f8; opacity: 1; }
input .placeholder { padding: 0 8px; color: #bbb; }
html input[type='button'], input[type='submit'], input[type='reset'], button, button[class*='button'], button[type='submit'], button[type='reset'], .button, a[class*='button'] { -webkit-border-radius: 0; -webkit-appearance: none; padding: .5em .75em; border: 1px solid #dadada; background-color: #eee; color: #333; line-height: 1.375; white-space: nowrap; }
.bbsbody_content p { margin:0; margin-block-start:0; margin-block-end:0; }
.write_box_type_02 input::placeholder { color:#bbb; font-size:15px; }

@media screen and (max-width: 740px) {
	.write_box_type_02 span.title { width: 100%; height: 40px; line-height: 40px; color: #0054a6; }
}

.bbsbody_content textarea:hover { border:1px solid #428bca; }

.note-editor .note-editable { line-height: 1.5; font-size: 14px; font-family: 'Noto Sans'; font-weight: normal; }
.note-editor .note-editable p { line-height: 1.5; font-size: 14px; font-family: 'Noto Sans'; }
.toast{ position:fixed; list-style: none; padding: 0; top:0; margin-right:20px; z-index: 999999; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:13px; line-height:20px; }
.toast li{ margin: 10px 0 0 0; display:block; background-color:#fcf8e3; color:#c09853; border:1px solid #fbeed5; padding:5px 10px; border-radius: 4px; -webkit-border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 2px 5px rgba(0,0,0,.15); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15); }
.toast li:first-child{ margin-top:0; }
.toast li.info{ color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.toast li.info{ color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }
.toast li.success{ color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }
.toast button.close{ background: none; border: none; font-weight: bold; font-size: 20px; line-height: 20px; float: right; padding: 0; margin: 0 0 0 5px; color: rgba(0,0,0,.25); cursor: pointer; }
.toast h1, .toast h2, .toast h3, .toast h4 { display: inline; font-size:14px;}

@media screen and (max-width: 360px) {
	#faqs_category { width:100%; }
}
@media screen and (min-width: 360px) {
	#faqs_category { width:100%; }
}
@media screen and (min-width: 560px) {
	#faqs_category { width: 137px; }
}

.bbsbody_content .tal { border:1px solid #f4f4f4;background:#f4f4f4;border-radius:5px;width: 100%;padding:5px;display:inline-block;font-size:14px; }
.bbsbody_content .tal .required { color: #e53; }
.bbs_box-body { padding:0px; }
.bbs_box-body ul, .bbs_box-body ol { margin-top: 0; padding-inline-start: 0px; }
.bbs_box-body p { margin:0; }
.bbs_box-body input:focus, .bbs_box-body input:hover { border:1px solid #428bca; }


.kweb_validation_required {
    margin: 0 0 0 5px;
    color: #428bca;
}

.bbs_table_subtitle { width:100%; display: inline-table; font-size:9pt;background:#fff; }

.bbs_table_cell { width:100%; display: table-cell; padding:2px; text-align:center; font-size:12pt;vertical-align:middle; }

.bbs_table_col2 { float:left; width:100%;border-top-left-radius:5px; }
.bbs_table_col8 { float:left; width:100%;}

.bbs_table_col21 { float:left; text-align:left; width:100%; font-size:14px; font-weight:bold; }
.bbs_table_col81 { float:left; text-align:left; width:100%; text-align:left; color:#3c8dbc;padding: 4px 0; }

.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: 0px; }
.checkradio-label { margin-top: 3px; margin-bottom: 4px; width: 92px; font-size: 15px; padding: 3px; border: 1px dotted #fff; }
.checkradio-label:hover { margin-top: 3px; margin-bottom: 4px; width: 92px; font-size: 15px; padding: 3px; color:#ff0000; border: 1px dotted #d2d2d2; border-radius:5px; }

input[class="form-check-input"]:checked + label {
	background-color: #666666;
}


.checkradio-label .marginleft30 { margin-left:30px; font-size:13px; color:#000; font-weight:100; }
.checkradio-label:hover .marginleft30 { margin-left:30px; font-size:13px; color:#428bca; font-weight:bold; }

.bbs_box-body .bbs_select { height:34px;padding:7px;min-width: 120px;border:1px solid #dadada; font-size:14px; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/bbs/images/select-arrow.png) no-repeat right center; }
.bbs_box-body .bbs_select:hover, .bbs_box-body .bbs_select:active, .bbs_box-body .bbs_select:focus { border:1px solid #428bca; }
.bbs_box-body .bbs_select::-ms-expand { display: none; }

.bbs_box-body .bbs_select1 { height:34px;padding:5px;min-width: 90px;border:1px solid #dadada; font-size:14px; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/bbs/images/select-arrow.png) no-repeat right center; }
.bbs_box-body .bbs_select1:hover, .bbs_box-body .bbs_select1:active, .bbs_box-body .bbs_select1:focus { border:1px solid #428bca; }
.bbs_box-body .bbs_select1::-ms-expand { display: none; }

.bbs_box-body .bbs_select2 { height:34px;padding:7px;min-width: 70px;border:1px solid #dadada; font-size:14px; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/bbs/images/select-arrow.png) no-repeat right center; }
.bbs_box-body .bbs_select2:hover, .bbs_box-body .bbs_select2:active, .bbs_box-body .bbs_select2:focus { border:1px solid #428bca; }
.bbs_box-body .bbs_select2::-ms-expand { display: none; }

.form-linef { list-style:none; }
.form-linef .file_list_wrapf {}
.form-linef .file_list_wrapf li {display: block; }

.form-line { list-style:none; }
.form-line .file_list_wrap { }
.form-line .file_list_wrap li { list-style:none; display: block; margin:0 0 5px 0; }

.form-linef { list-style:none; }
.form-linef .file_list_wrapf { }
.form-linef .file_list_wrapf li { list-style:none; display: block; margin:0 0 5px 0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.form-line .file_list_wrap li { list-style: none; display: block; margin: 0 0 5px -42px; }
	.form-linef .file_list_wrapf li { list-style: none; display: block; margin: 0 0 5px -42px; }
}

.file_wrap { position: relative;height: 32px;padding: 0 79px 0 20px;line-height: 32px;border: 1px solid #dadada; }
.file_wrap:hover { border:1px solid #428bca; }
.file_wrap .chk { position: absolute; margin-top:7px; left:0px; z-index:999; }
.file_wrap label { display: block; overflow:hidden; height:34px; line-height:34px; font-size: 13px; color:#666; }
.file_wrap .btn_file { position: absolute; top:0; right:0; width:79px; }

.file_wrap button.bootstrap_no { top: -1px; right: -6px; position: absolute; height: 33px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: #fff; background: #666262;  }
.file_wrap button.bootstrap_3 { top: -1px; right: -6px; position: absolute; height: 32px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: #fff; background: #666262;  }
.file_wrap button.bootstrap_4 { top: -1px; right: 0px; position: absolute; height: 32px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: #fff; background: #666262;  }

.file_wrap:hover button { background:#428bca; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }
.file_wrap .file_input_label { font-size: 9pt; overflow: hidden; position: absolute; white-space: nowrap; text-overflow: ellipsis; width: 90%; }

.file_wrapf { position: relative;height: 32px;padding: 0 79px 0 20px;line-height: 32px;border: 1px solid #dadada; }
.file_wrapf:hover { border:1px solid #428bca; }
.file_wrapf .chk { position: absolute; margin-top:7px; left:0px; z-index:999; }
.file_wrapf label { display: block; overflow:hidden; height:34px; line-height:34px; font-size: 13px; color:#666; }
.file_wrapf .btn_file { position: absolute; top:0; right:0; width:79px; }
.file_wrapf button.bootstrap_no { top: -1px; right: -6px; position: absolute; height: 33px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: #fff; background: #666262; }
.file_wrapf button.bootstrap_3 { top: -1px; right: -6px; position: absolute; height: 32px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: #fff; background: #666262; }
.file_wrapf button.bootstrap_4 { top: -1px; right: 0px; position: absolute; height: 32px; border-radius: 0px; font-size: 12px; margin-top: 0px; color: #fff; background: #666262; }
.file_wrapf:hover button { background:#428bca; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }
.file_wrapf .file_input_label { font-size: 9pt; overflow: hidden; position: absolute; white-space: nowrap; text-overflow: ellipsis; width: 90%; }

.wchk_use { display: none; }

.field_div { display:contents; }

@media only screen and (max-width: 576px) {

		.bbs_box-body { padding:0px; }
		.bbs_table_subtitle { clear:both;float:left; border-top:0px solid #fff;;margin-top:0px;background:#fff; }


		.bbs_table_cell { border-bottom:0px solid #e2e7eb; }

		.bbs_table_col21 { float:left; text-align:left; color:#2874b7; font-weight:bold; padding:5px 10px; margin-top:10px; font-size:15px; width:99%; border-bottom:1px solid #fff; background: rgba(0, 123, 255, 0.03);}
		.bbs_table_col81 { float:left; padding:0 5px 5px 5px; text-align:left; font-size:11pt; width:100%; box-sizing: border-box; min-height:45px; background:#fff;}

		.bbs_box-body .bbs_select { width:100%; border:1px solid #dadada; background:#ffffff;}

		.b_width800 { max-width: 100%; }
		.b_width150 { min-width: 100%; }
		.b_width300 { min-width: 100%; }
		.bbs_button.write_btn { background:#337ab7; color: #fff; width:100%; border: 1px solid #337ab7; padding: 8px 50px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
		.field_wide { width:100%; margin-bottom:3px;}
		.field_div { display:none; }

		.wchk_use {/*display: inline-block;*/ }

		.bbs_box-body .bbs_select { height:34px;padding:7px;min-width: 120px;border:1px solid #dadada; font-size:14px; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/bbs/images/select-arrow.png) no-repeat right center; }
		.bbs_select1 { width: 100%; }
		.bbs_select2 { width: 100%; }
		.select_wide { width:100%; margin-bottom:5px; }
}
@media only screen and (min-width: 576px) {
		.b_width800 { max-width: 800px; }
		.b_width150 { max-width: 150px; }
		.b_width300 { max-width: 100%; }



}
::-webkit-input-placeholder { font-size: 14px; }
:-moz-placeholder { /* Firefox 18- */ font-size: 14px; }
::-moz-placeholder {  /* Firefox 19+ */ font-size: 14px; }
/* Overriding styles */
::-webkit-input-placeholder { font-size: 14px!important; }
:-moz-placeholder { /* Firefox 18- */ font-size: 14px!important; }
::-moz-placeholder {  /* Firefox 19+ */ font-size: 14px!important; }

.required_use, textarea.required_use {
    background: url(/bbs/images/chkleft.png) #fff top left no-repeat !important; display: inline-block;
}
.note-editable {
    background: url(/bbs/images/chkleft.png) #fff top left no-repeat !important; display: inline-block;
}
.requiredleft_use {
    background: url(/bbs/images/chkleft.png) #fff top left no-repeat !important; display:block;
}
.required_use2, textarea.required_use2 {
    background: url(/bbs/images/chkleft2.png) #fff top left no-repeat !important; display: inline-block;
}

.bbs_last_line { z-index: 10; clear: both; position: relative; margin: 30px 0; border-bottom: 2px solid #2874b7;}

/* ========== BBS Button  ========== */
.bbs_btn_zone { z-index: 10; clear: both; position: relative; margin: 10px 0; text-align:center; }
.bbs_btn_zone:before,
.bbs_btn_zone:after { content:'';display:table;clear:both; }
.bbs_btn_zone .left { float:left;text-align:left; margin:0;}
.bbs_btn_zone .right { float:right;text-align:right; margin:0;}
.bbs_btn_zone a i {  font-size:22px; }

.bbs_button {  }
.bbs_button.write_btn { background:#337ab7; color: #fff; border: 1px solid #337ab7; padding: 8px 50px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
.bbs_button.reply_btn { background:#363940; color: #fff; border: 1px solid #2874b7; padding: 8px 15px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
.bbs_button.modify_btn { background:#363940; color: #fff; border: 1px solid #2874b7; padding: 8px 15px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
.bbs_button.delete_btn { background:#363940;  color: #fff; border: 1px solid #2874b7; padding: 8px 15px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
.bbs_button.list_btn {  background:#fff;  color: #333; border: 1px solid #999; padding: 8px 15px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }

.bbs_button.write_btn:hover,
.bbs_button.reply_btn:hover,
.bbs_button.modify_btn:hover,
.bbs_button.delete_btn:hover,
.bbs_button.list_btn:hover { background:#2874b7; color:#fff; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }

.jBox-container .jBox-title { font-size:14px;  }
.jBox-container .jBox-content { font-size:13px;  }

.target-click {
    color: #f02a94;
    cursor: pointer;
}

.bbsagree { width: 100%;clear: both; margin: 0 auto;padding-top:0px;}
.ag-group-wrap{margin-top:0px;}
.ag-group-wrap .input-all-group{}
.ag-group-wrap .input-all-group.top-line{margin-top:15px;border-top:1px solid #e6e6e6;}
.ag-group-wrap .input-all-group .form-group{position:relative;}
.ag-group-wrap .input-all-group .form-group .btn-sT{display:block;position:absolute;top:5px;right:0;padding-right:15px;font-size:14px;font-weight:400;background:url(/bbs/images/icon_arrow_down.png) no-repeat 100% 50%;color:#999;background-size:auto 8px;}
.ag-group-wrap .input-all-group .form-group .ck-shToggle + label{font-weight:700;}
.ag-group-wrap .input-all-group .box-show{display:none;margin-top:30px;}
.ag-group-wrap .input-all-group.show .box-show{display:block;width:90%;padding:5px;clear: both; margin: 0 auto;}
.ag-group-wrap .input-all-group.show .btn-sT{background:url(/bbs/images/icon_arrow_up.png) no-repeat 100% 50%;background-size:auto 8px; margin-top: -5px;}
.ag-group-wrap .input-all-group.show .form-input-ck.all label{font-weight:700;}
.ag-group-wrap .input-all-group.show .form-input-ck.all label strong{font-weight:700;}

.ag-group-wrap .input-all-group.show .form-input-ck:hover { color:#428bca; font-weight:bold; }

.btnPop-wrap{display:block;position:absolute;top:5px;right:0;}
.btnPop-wrap .btnPop-open{display:block;width:20px;height:20px;text-indent:-9999px;font-size:0;background:url(/bbs/images/icon_arrow_1.png) no-repeat 100% 0;background-size:auto 15px;}
.btnPop-wrap .btnPop-open:hover{display:block;width:20px;height:20px;text-indent:-9999px;font-size:0;background:url(/bbs/images/icon_arrow_2.png) no-repeat 100% 0;background-size:auto 15px;}
.layerpopup-view.member{width:760px;max-height:700px;padding:50px 6px 50px 50px;}
.layerpopup-view.member .scroll-wrap .scroll{padding:0;}
.layerpopup-view.member .lp-contents .box-contract{max-height:622px;margin-top:50px;padding-right:40px;overflow:auto;line-height:25px;font-family:'Noto Sans KR', 'Roboto', sans-serif;font-size:15px;font-weight:300;color:#494949;white-space:pre-line;}
.layerpopup-view.member .lp-contents .box-contract pre{max-height:622px;line-height:25px;white-space:pre-wrap;font-family:'Noto Sans KR', 'Roboto', sans-serif;font-size:15px;font-weight:300;color:#494949;}


.form-input-ck{}
.form-input-ck input{/*display:none;*/position:absolute;/*top:0;left:0;*/width:0;height:0;margin:0;padding:0;z-index:-1;overflow:hidden;opacity:0;vertical-align:top;}
.form-input-ck label{display:inline-block;height:24px;line-height:21px;padding:0 0 0 35px;font-size:14px;background:url(/bbs/images/icon_checkbox_off.png) no-repeat 0 0;letter-spacing:-0.04em;background-size:auto 24px;cursor:pointer;}
.form-input-ck label.focus{outline:1px dotted #333;}
.form-input-ck input:focus{outline:1px dotted #333;}
.form-input-ck .box-security{display:none;}
.form-input-ck.on label{background:url(/bbs/images/icon_checkbox_on.png) no-repeat 0 0;background-size:auto 24px;}
.form-input-ck.on .box-security{display:block;}
.form-input-ck.all label{font-weight:400;color:#121212;letter-spacing:-0.04em;}
.form-input-ck.all label strong{font-weight:400;color:#f7444e;}
.form-input-ck.all label strong.text-sel{color:#999;}
.form-input-ck input:disabled + label{background:url(/bbs/images/icon_checkbox_on_disabled.png) no-repeat 0 0;background-size:auto 24px; cursor:default;}

.form-group .btn-sT{display:block;position:absolute;top:5px;right:0;padding-right:15px;font-size:15px;font-weight:400;background:url(/bbs/images/icon_arrow_down.png) no-repeat 100% 50%;color:#999;background-size:auto 6px;}
.form-group.show .btn-sT{background:url(/bbs/images/icon_arrow_up.png) no-repeat 100% 50%;background-size:auto 6px;}


.jBox-Modal .jBox-content {
    padding:0px;
}
.jBox-content {
    padding:0px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: opacity .2s;
}

.inputitem { width:calc(100% - 17px); }
@media only screen and (max-width: 576px) {
	.inputitem {
		min-width: 100%;
	}
}