/*default.css > 버튼추가*/

.btn-link {
	color: #0088cc;
}

.btn-link:hover {
	color: #0099e6;
}

.btn-link:active {
	color: #0077b3;
}

html .btn-primary {
	color: #ffffff;
	background-color: #0088cc;
	border-color: #0088cc #0088cc #006699;
}

html .btn-primary:hover {
	border-color: #0099e6 #0099e6 #0077b3;
	background-color: #0099e6;
}

html .btn-primary:active,
html .btn-primary:focus,
html .btn-primary:active:hover,
html .btn-primary:active:focus {
	border-color: #0077b3 #0077b3 #0077b3;
	background-color: #0077b3;
}

html .btn-primary.dropdown-toggle {
	border-left-color: #0077b3;
}

html .btn-primary[disabled],
html .btn-primary[disabled]:hover,
html .btn-primary[disabled]:active,
html .btn-primary[disabled]:focus {
	border-color: #33bbff;
	background-color: #33bbff;
}

html .btn-primary:hover,
html .btn-primary:focus,
html .btn-primary:active:hover,
html .btn-primary:active:focus {
	color: #ffffff;
}

html .btn-primary-scale-2 {
	color: #ffffff;
	background-color: #006699;
	border-color: #006699 #006699 #004466;
}

html .btn-primary-scale-2:hover {
	border-color: #0077b3 #0077b3 #005580;
	background-color: #0077b3;
}

html .btn-primary-scale-2:active,
html .btn-primary-scale-2:focus,
html .btn-primary-scale-2:active:hover,
html .btn-primary-scale-2:active:focus {
	border-color: #005580 #005580 #005580;
	background-color: #005580;
}

html .btn-primary-scale-2.dropdown-toggle {
	border-left-color: #005580;
}

html .btn-primary-scale-2[disabled],
html .btn-primary-scale-2[disabled]:hover,
html .btn-primary-scale-2[disabled]:active,
html .btn-primary-scale-2[disabled]:focus {
	border-color: #00aaff;
	background-color: #00aaff;
}

html .btn-secondary {
	color: #ffffff;
	background-color: #e36159;
	border-color: #e36159 #e36159 #dc372d;
}

html .btn-secondary:hover {
	border-color: #e7766f #e7766f #df4c43;
	background-color: #e7766f;
}

html .btn-secondary:active,
html .btn-secondary:focus,
html .btn-secondary:active:hover,
html .btn-secondary:active:focus {
	border-color: #df4c43 #df4c43 #df4c43;
	background-color: #df4c43;
}

html .btn-secondary.dropdown-toggle {
	border-left-color: #df4c43;
}

html .btn-secondary[disabled],
html .btn-secondary[disabled]:hover,
html .btn-secondary[disabled]:active,
html .btn-secondary[disabled]:focus {
	border-color: #f2b4b0;
	background-color: #f2b4b0;
}

html .btn-secondary:hover,
html .btn-secondary:focus,
html .btn-secondary:active:hover,
html .btn-secondary:active:focus {
	color: #ffffff;
}

html .btn-secondary-scale-2 {
	color: #ffffff;
	background-color: #dc372d;
	border-color: #dc372d #dc372d #b7281f;
}

html .btn-secondary-scale-2:hover {
	border-color: #df4c43 #df4c43 #cd2c23;
	background-color: #df4c43;
}

html .btn-secondary-scale-2:active,
html .btn-secondary-scale-2:focus,
html .btn-secondary-scale-2:active:hover,
html .btn-secondary-scale-2:active:focus {
	border-color: #cd2c23 #cd2c23 #cd2c23;
	background-color: #cd2c23;
}

html .btn-secondary-scale-2.dropdown-toggle {
	border-left-color: #cd2c23;
}

html .btn-secondary-scale-2[disabled],
html .btn-secondary-scale-2[disabled]:hover,
html .btn-secondary-scale-2[disabled]:active,
html .btn-secondary-scale-2[disabled]:focus {
	border-color: #ea8b85;
	background-color: #ea8b85;
}

html .btn-tertiary {
	color: #ffffff;
	background-color: #2baab1;
	border-color: #2baab1 #2baab1 #218388;
}

html .btn-tertiary:hover {
	border-color: #30bec6 #30bec6 #26969c;
	background-color: #30bec6;
}

html .btn-tertiary:active,
html .btn-tertiary:focus,
html .btn-tertiary:active:hover,
html .btn-tertiary:active:focus {
	border-color: #26969c #26969c #26969c;
	background-color: #26969c;
}

html .btn-tertiary.dropdown-toggle {
	border-left-color: #26969c;
}

html .btn-tertiary[disabled],
html .btn-tertiary[disabled]:hover,
html .btn-tertiary[disabled]:active,
html .btn-tertiary[disabled]:focus {
	border-color: #68d4da;
	background-color: #68d4da;
}

html .btn-tertiary:hover,
html .btn-tertiary:focus,
html .btn-tertiary:active:hover,
html .btn-tertiary:active:focus {
	color: #ffffff;
}

html .btn-tertiary-scale-2 {
	color: #ffffff;
	background-color: #218388;
	border-color: #218388 #218388 #175b5f;
}

html .btn-tertiary-scale-2:hover {
	border-color: #26969c #26969c #1c6f73;
	background-color: #26969c;
}

html .btn-tertiary-scale-2:active,
html .btn-tertiary-scale-2:focus,
html .btn-tertiary-scale-2:active:hover,
html .btn-tertiary-scale-2:active:focus {
	border-color: #1c6f73 #1c6f73 #1c6f73;
	background-color: #1c6f73;
}

html .btn-tertiary-scale-2.dropdown-toggle {
	border-left-color: #1c6f73;
}

html .btn-tertiary-scale-2[disabled],
html .btn-tertiary-scale-2[disabled]:hover,
html .btn-tertiary-scale-2[disabled]:active,
html .btn-tertiary-scale-2[disabled]:focus {
	border-color: #3fc9d0;
	background-color: #3fc9d0;
}

html .btn-quaternary {
	color: #ffffff;
	background-color: #383f48;
	border-color: #383f48 #383f48 #22262b;
}

html .btn-quaternary:hover {
	border-color: #434c56 #434c56 #2d323a;
	background-color: #434c56;
}

html .btn-quaternary:active,
html .btn-quaternary:focus,
html .btn-quaternary:active:hover,
html .btn-quaternary:active:focus {
	border-color: #2d323a #2d323a #2d323a;
	background-color: #2d323a;
}

html .btn-quaternary.dropdown-toggle {
	border-left-color: #2d323a;
}

html .btn-quaternary[disabled],
html .btn-quaternary[disabled]:hover,
html .btn-quaternary[disabled]:active,
html .btn-quaternary[disabled]:focus {
	border-color: #657181;
	background-color: #657181;
}

html .btn-quaternary:hover,
html .btn-quaternary:focus,
html .btn-quaternary:active:hover,
html .btn-quaternary:active:focus {
	color: #ffffff;
}

html .btn-quaternary-scale-2 {
	color: #ffffff;
	background-color: #22262b;
	border-color: #22262b #22262b #0b0d0f;
}

html .btn-quaternary-scale-2:hover {
	border-color: #2d323a #2d323a #17191d;
	background-color: #2d323a;
}

html .btn-quaternary-scale-2:active,
html .btn-quaternary-scale-2:focus,
html .btn-quaternary-scale-2:active:hover,
html .btn-quaternary-scale-2:active:focus {
	border-color: #17191d #17191d #17191d;
	background-color: #17191d;
}

html .btn-quaternary-scale-2.dropdown-toggle {
	border-left-color: #17191d;
}

html .btn-quaternary-scale-2[disabled],
html .btn-quaternary-scale-2[disabled]:hover,
html .btn-quaternary-scale-2[disabled]:active,
html .btn-quaternary-scale-2[disabled]:focus {
	border-color: #4e5865;
	background-color: #4e5865;
}

html .btn-dark {
	color: #ffffff;
	background-color: #2e353e;
	border-color: #2e353e #2e353e #181c21;
}

html .btn-dark:hover {
	border-color: #39424d #39424d #23282f;
	background-color: #39424d;
}

html .btn-dark:active,
html .btn-dark:focus,
html .btn-dark:active:hover,
html .btn-dark:active:focus {
	border-color: #23282f #23282f #23282f;
	background-color: #23282f;
}

html .btn-dark.dropdown-toggle {
	border-left-color: #23282f;
}

html .btn-dark[disabled],
html .btn-dark[disabled]:hover,
html .btn-dark[disabled]:active,
html .btn-dark[disabled]:focus {
	border-color: #596779;
	background-color: #596779;
}

html .btn-dark:hover,
html .btn-dark:focus,
html .btn-dark:active:hover,
html .btn-dark:active:focus {
	color: #ffffff;
}

html .btn-dark-scale-2 {
	color: #ffffff;
	background-color: #181c21;
	border-color: #181c21 #181c21 #030303;
}

html .btn-dark-scale-2:hover {
	border-color: #23282f #23282f #0d0f12;
	background-color: #23282f;
}

html .btn-dark-scale-2:active,
html .btn-dark-scale-2:focus,
html .btn-dark-scale-2:active:hover,
html .btn-dark-scale-2:active:focus {
	border-color: #0d0f12 #0d0f12 #0d0f12;
	background-color: #0d0f12;
}

html .btn-dark-scale-2.dropdown-toggle {
	border-left-color: #0d0f12;
}

html .btn-dark-scale-2[disabled],
html .btn-dark-scale-2[disabled]:hover,
html .btn-dark-scale-2[disabled]:active,
html .btn-dark-scale-2[disabled]:focus {
	border-color: #444e5b;
	background-color: #444e5b;
}

html .btn-light {
	color: #ffffff;
	background-color: #ffffff;
	border-color: #ffffff #ffffff #e6e6e6;
}

html .btn-light:hover {
	border-color: #ffffff #ffffff #f2f2f2;
	background-color: #ffffff;
}

html .btn-light:active,
html .btn-light:focus,
html .btn-light:active:hover,
html .btn-light:active:focus {
	border-color: #f2f2f2 #f2f2f2 #f2f2f2;
	background-color: #f2f2f2;
}

html .btn-light.dropdown-toggle {
	border-left-color: #f2f2f2;
}

html .btn-light[disabled],
html .btn-light[disabled]:hover,
html .btn-light[disabled]:active,
html .btn-light[disabled]:focus {
	border-color: #ffffff;
	background-color: #ffffff;
}

html .btn-light:hover,
html .btn-light:focus,
html .btn-light:active:hover,
html .btn-light:active:focus {
	color: #777777;
}

html .btn-light-scale-2 {
	color: #ffffff;
	background-color: #e6e6e6;
	border-color: #e6e6e6 #e6e6e6 #cccccc;
}

html .btn-light-scale-2:hover {
	border-color: #f2f2f2 #f2f2f2 #d9d9d9;
	background-color: #f2f2f2;
}

html .btn-light-scale-2:active,
html .btn-light-scale-2:focus,
html .btn-light-scale-2:active:hover,
html .btn-light-scale-2:active:focus {
	border-color: #d9d9d9 #d9d9d9 #d9d9d9;
	background-color: #d9d9d9;
}

html .btn-light-scale-2.dropdown-toggle {
	border-left-color: #d9d9d9;
}

html .btn-light-scale-2[disabled],
html .btn-light-scale-2[disabled]:hover,
html .btn-light-scale-2[disabled]:active,
html .btn-light-scale-2[disabled]:focus {
	border-color: #ffffff;
	background-color: #ffffff;
}

html .btn-borders.btn-primary {
	background: transparent;
	border-color: #0088cc;
	color: #0088cc;
	text-shadow: none;
}

html .btn-borders.btn-primary:hover,
html .btn-borders.btn-primary:focus {
	background-color: #0088cc;
	border-color: #0088cc #0088cc #006699;
	border-color: #0088cc !important;
	color: #ffffff;
}

html .btn-borders.btn-primary:hover:hover,
html .btn-borders.btn-primary:focus:hover {
	border-color: #0099e6 #0099e6 #0077b3;
	background-color: #0099e6;
}

html .btn-borders.btn-primary:hover:active,
html .btn-borders.btn-primary:focus:active,
html .btn-borders.btn-primary:hover:focus,
html .btn-borders.btn-primary:focus:focus,
html .btn-borders.btn-primary:hover:active:hover,
html .btn-borders.btn-primary:focus:active:hover,
html .btn-borders.btn-primary:hover:active:focus,
html .btn-borders.btn-primary:focus:active:focus {
	border-color: #0077b3 #0077b3 #0077b3;
	background-color: #0077b3;
}

html .btn-borders.btn-primary:hover.dropdown-toggle,
html .btn-borders.btn-primary:focus.dropdown-toggle {
	border-left-color: #0077b3;
}

html .btn-borders.btn-primary:hover[disabled],
html .btn-borders.btn-primary:focus[disabled],
html .btn-borders.btn-primary:hover[disabled]:hover,
html .btn-borders.btn-primary:focus[disabled]:hover,
html .btn-borders.btn-primary:hover[disabled]:active,
html .btn-borders.btn-primary:focus[disabled]:active,
html .btn-borders.btn-primary:hover[disabled]:focus,
html .btn-borders.btn-primary:focus[disabled]:focus {
	border-color: #33bbff;
	background-color: #33bbff;
}

html .btn-borders.btn-secondary {
	background: transparent;
	border-color: #e36159;
	color: #e36159;
	text-shadow: none;
}

html .btn-borders.btn-secondary:hover,
html .btn-borders.btn-secondary:focus {
	background-color: #e36159;
	border-color: #e36159 #e36159 #dc372d;
	border-color: #e36159 !important;
	color: #ffffff;
}

html .btn-borders.btn-secondary:hover:hover,
html .btn-borders.btn-secondary:focus:hover {
	border-color: #e7766f #e7766f #df4c43;
	background-color: #e7766f;
}

html .btn-borders.btn-secondary:hover:active,
html .btn-borders.btn-secondary:focus:active,
html .btn-borders.btn-secondary:hover:focus,
html .btn-borders.btn-secondary:focus:focus,
html .btn-borders.btn-secondary:hover:active:hover,
html .btn-borders.btn-secondary:focus:active:hover,
html .btn-borders.btn-secondary:hover:active:focus,
html .btn-borders.btn-secondary:focus:active:focus {
	border-color: #df4c43 #df4c43 #df4c43;
	background-color: #df4c43;
}

html .btn-borders.btn-secondary:hover.dropdown-toggle,
html .btn-borders.btn-secondary:focus.dropdown-toggle {
	border-left-color: #df4c43;
}

html .btn-borders.btn-secondary:hover[disabled],
html .btn-borders.btn-secondary:focus[disabled],
html .btn-borders.btn-secondary:hover[disabled]:hover,
html .btn-borders.btn-secondary:focus[disabled]:hover,
html .btn-borders.btn-secondary:hover[disabled]:active,
html .btn-borders.btn-secondary:focus[disabled]:active,
html .btn-borders.btn-secondary:hover[disabled]:focus,
html .btn-borders.btn-secondary:focus[disabled]:focus {
	border-color: #f2b4b0;
	background-color: #f2b4b0;
}

html .btn-borders.btn-tertiary {
	background: transparent;
	border-color: #2baab1;
	color: #2baab1;
	text-shadow: none;
}

html .btn-borders.btn-tertiary:hover,
html .btn-borders.btn-tertiary:focus {
	background-color: #2baab1;
	border-color: #2baab1 #2baab1 #218388;
	border-color: #2baab1 !important;
	color: #ffffff;
}

html .btn-borders.btn-tertiary:hover:hover,
html .btn-borders.btn-tertiary:focus:hover {
	border-color: #30bec6 #30bec6 #26969c;
	background-color: #30bec6;
}

html .btn-borders.btn-tertiary:hover:active,
html .btn-borders.btn-tertiary:focus:active,
html .btn-borders.btn-tertiary:hover:focus,
html .btn-borders.btn-tertiary:focus:focus,
html .btn-borders.btn-tertiary:hover:active:hover,
html .btn-borders.btn-tertiary:focus:active:hover,
html .btn-borders.btn-tertiary:hover:active:focus,
html .btn-borders.btn-tertiary:focus:active:focus {
	border-color: #26969c #26969c #26969c;
	background-color: #26969c;
}

html .btn-borders.btn-tertiary:hover.dropdown-toggle,
html .btn-borders.btn-tertiary:focus.dropdown-toggle {
	border-left-color: #26969c;
}

html .btn-borders.btn-tertiary:hover[disabled],
html .btn-borders.btn-tertiary:focus[disabled],
html .btn-borders.btn-tertiary:hover[disabled]:hover,
html .btn-borders.btn-tertiary:focus[disabled]:hover,
html .btn-borders.btn-tertiary:hover[disabled]:active,
html .btn-borders.btn-tertiary:focus[disabled]:active,
html .btn-borders.btn-tertiary:hover[disabled]:focus,
html .btn-borders.btn-tertiary:focus[disabled]:focus {
	border-color: #68d4da;
	background-color: #68d4da;
}

html .btn-borders.btn-quaternary {
	background: transparent;
	border-color: #383f48;
	color: #383f48;
	text-shadow: none;
}

html .btn-borders.btn-quaternary:hover,
html .btn-borders.btn-quaternary:focus {
	background-color: #383f48;
	border-color: #383f48 #383f48 #22262b;
	border-color: #383f48 !important;
	color: #ffffff;
}

html .btn-borders.btn-quaternary:hover:hover,
html .btn-borders.btn-quaternary:focus:hover {
	border-color: #434c56 #434c56 #2d323a;
	background-color: #434c56;
}

html .btn-borders.btn-quaternary:hover:active,
html .btn-borders.btn-quaternary:focus:active,
html .btn-borders.btn-quaternary:hover:focus,
html .btn-borders.btn-quaternary:focus:focus,
html .btn-borders.btn-quaternary:hover:active:hover,
html .btn-borders.btn-quaternary:focus:active:hover,
html .btn-borders.btn-quaternary:hover:active:focus,
html .btn-borders.btn-quaternary:focus:active:focus {
	border-color: #2d323a #2d323a #2d323a;
	background-color: #2d323a;
}

html .btn-borders.btn-quaternary:hover.dropdown-toggle,
html .btn-borders.btn-quaternary:focus.dropdown-toggle {
	border-left-color: #2d323a;
}

html .btn-borders.btn-quaternary:hover[disabled],
html .btn-borders.btn-quaternary:focus[disabled],
html .btn-borders.btn-quaternary:hover[disabled]:hover,
html .btn-borders.btn-quaternary:focus[disabled]:hover,
html .btn-borders.btn-quaternary:hover[disabled]:active,
html .btn-borders.btn-quaternary:focus[disabled]:active,
html .btn-borders.btn-quaternary:hover[disabled]:focus,
html .btn-borders.btn-quaternary:focus[disabled]:focus {
	border-color: #657181;
	background-color: #657181;
}

html .btn-borders.btn-dark {
	background: transparent;
	border-color: #2e353e;
	color: #2e353e;
	text-shadow: none;
}

html .btn-borders.btn-dark:hover,
html .btn-borders.btn-dark:focus {
	background-color: #2e353e;
	border-color: #2e353e #2e353e #181c21;
	border-color: #2e353e !important;
	color: #ffffff;
}

html .btn-borders.btn-dark:hover:hover,
html .btn-borders.btn-dark:focus:hover {
	border-color: #39424d #39424d #23282f;
	background-color: #39424d;
}

html .btn-borders.btn-dark:hover:active,
html .btn-borders.btn-dark:focus:active,
html .btn-borders.btn-dark:hover:focus,
html .btn-borders.btn-dark:focus:focus,
html .btn-borders.btn-dark:hover:active:hover,
html .btn-borders.btn-dark:focus:active:hover,
html .btn-borders.btn-dark:hover:active:focus,
html .btn-borders.btn-dark:focus:active:focus {
	border-color: #23282f #23282f #23282f;
	background-color: #23282f;
}

html .btn-borders.btn-dark:hover.dropdown-toggle,
html .btn-borders.btn-dark:focus.dropdown-toggle {
	border-left-color: #23282f;
}

html .btn-borders.btn-dark:hover[disabled],
html .btn-borders.btn-dark:focus[disabled],
html .btn-borders.btn-dark:hover[disabled]:hover,
html .btn-borders.btn-dark:focus[disabled]:hover,
html .btn-borders.btn-dark:hover[disabled]:active,
html .btn-borders.btn-dark:focus[disabled]:active,
html .btn-borders.btn-dark:hover[disabled]:focus,
html .btn-borders.btn-dark:focus[disabled]:focus {
	border-color: #596779;
	background-color: #596779;
}

html .btn-borders.btn-light {
	background: transparent;
	border-color: #ffffff;
	color: #ffffff;
	text-shadow: none;
}

html .btn-borders.btn-light:hover,
html .btn-borders.btn-light:focus {
	color: #ffffff;
	background-color: #ffffff;
	border-color: #ffffff #ffffff #e6e6e6;
	border-color: #ffffff !important;
	color: #777777;
}

html .btn-borders.btn-light:hover:hover,
html .btn-borders.btn-light:focus:hover {
	border-color: #ffffff #ffffff #f2f2f2;
	background-color: #ffffff;
}

html .btn-borders.btn-light:hover:active,
html .btn-borders.btn-light:focus:active,
html .btn-borders.btn-light:hover:focus,
html .btn-borders.btn-light:focus:focus,
html .btn-borders.btn-light:hover:active:hover,
html .btn-borders.btn-light:focus:active:hover,
html .btn-borders.btn-light:hover:active:focus,
html .btn-borders.btn-light:focus:active:focus {
	border-color: #f2f2f2 #f2f2f2 #f2f2f2;
	background-color: #f2f2f2;
}

html .btn-borders.btn-light:hover.dropdown-toggle,
html .btn-borders.btn-light:focus.dropdown-toggle {
	border-left-color: #f2f2f2;
}

html .btn-borders.btn-light:hover[disabled],
html .btn-borders.btn-light:focus[disabled],
html .btn-borders.btn-light:hover[disabled]:hover,
html .btn-borders.btn-light:focus[disabled]:hover,
html .btn-borders.btn-light:hover[disabled]:active,
html .btn-borders.btn-light:focus[disabled]:active,
html .btn-borders.btn-light:hover[disabled]:focus,
html .btn-borders.btn-light:focus[disabled]:focus {
	border-color: #ffffff;
	background-color: #ffffff;
}


/* Board Common 보드 공통 - Button Input 버튼,인풋 */
textarea, select, input[type="text"], input[type="text"], input[type="url"], input[type="search"], input[type="tel"], input[type="email"],input[type="password"]{
    font-size: 13px;
	font-weight: 500;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	padding: 6px 12px;
}
textarea{
	padding: 10px 12px;
}
textarea:focus,select:focus, input[type="text"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="email"]:focus,input[type="password"]:focus {
	/*border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
	border: 1px solid #ccc;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
select{
	padding: 0;
}
.btn{
    font-size: 13px
}
.btn-basic{
	border-color: #cacaca #b8b8b8 #9d9d9d !important;
    background-color: rgba(248, 248, 248, 0.4) !important;
    color: #868686 !important;
    background: linear-gradient(#fff,rgba(248, 248, 248, 0.4));
}
.btn-basic-dark{
	border-color: #838383 #777777 #525252 !important;
    background-color: rgba(62, 62, 62, 0.4) !important;
    color: #ffffff !important;
    background: linear-gradient(#8d8d8d,rgba(38, 38, 38, 0.4));
}
.btn-master {
    background: linear-gradient(#e36159,#b8413b);
	border-color: #b8413b !important;
	color: #fff !important;
}
.required{
	top: 0;
	color: #777;
	font-size: 13px;
	font-weight: 500;
}
@media only screen and (max-width: 496px) {
	.btn{
		padding: 2px 7px;
		font-size: 12px !important;
	}
}
@media only screen and (max-width: 992px) {
	input[type="text"]{
		width: 100%;
	}
}
/*board_01_list - 검색 board_search_wrp*/
#board_wrap .board_sch_wrp {
    border: 1px solid #eee;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    padding: 20px 10px;
	background: url(./img/bg_pt.png);
    margin: 0 15px;
}
#board_wrap .board_sch_wrp select,
#board_wrap .board_sch_wrp input,
#board_wrap .board_sch_wrp .sch_btn{
	height: 30px;
}
#board_wrap .board_sch_wrp select {
    width: 10%;
	background-color: #fff;
	vertical-align: top;
}
#board_wrap .board_sch_wrp input {
	width: 15%;
}
#board_wrap .board_sch_wrp .sch_btn{
	border: none;
    width: 10%;
    color: #fff;
    border-radius: 3px;
	vertical-align: top;
	float:none !important;
}
@media only screen and (max-width: 992px) {
	#board_wrap .board_sch_wrp {
		margin-top: 15px !important;
		margin-bottom: 20px;
	}
	#board_wrap .board_sch_wrp select {
    	width: 30%;
	}
	#board_wrap .board_sch_wrp input {
		width: 35%;
	}
	#board_wrap .board_sch_wrp .sch_btn{
	    width: 30%;
	}
}
/*board_01_view 뷰페이지*/
#board_01_view{
    font-size: 13px;
}
#board01_view_wrap{
	font-family: "Nanum Barun Gothic","Open Sans", sans-serif !important;
}
#board01_view_wrap .btn-quaternary.btn{
	color: #fff !important;
}
#board_01_view .contents_wrp {
	padding: 10px 12px;
}
#board_01_view .contents_wrp label {
    vertical-align: top;
    margin-left: 2px;
	margin-bottom: 0;
}
#board_01_view .contents_wrp input {
    margin-left: 10px;
	margin: 0;
}
#board_01_view .view_btn_wrp .btn_left{
	margin-right:3px;
	float: left;
}
#board_01_view .view_btn_wrp .btn_right{
	margin-left:3px;
	float: right;
}
#board_01_view .view_btn_wrp .view_btn_right{
 	text-align: right;
	float: right;
}
#board_01_view .content_move{
	color: #b2b2b2;
}
	/*자바스크립트 - 이미지 반응형*/
	#board01_view_wrap .view_image .scale_100{
		width: 100% !important;
		height: 100% !important;
	}
	#board01_view_wrap .view_image .scale_ini{
		width: initial !important;
		height: initial !important;
	}
@media only screen and (max-width: 992px) {
	#board_01_view{
    	font-size: 12px;
	}
}
@media only screen and (max-width: 496px) {
	#board_01_view .view_btn_wrp>span{
		display: block;
	}
	#board_01_view .view_btn_wrp .view_btn_right{
		text-align: right;
		float: none;
	}
}
/*board_01_view - 테이블영역*/
#board_01_view .table_border {
    border-bottom: 1px solid #383f48;
    border-top: 3px solid #383f48;
}
#board_01_view .table>thead>tr>th{
	border: none;
}
#board_01_view .board_info th{
    border: 1px solid #ddd !important;
}
#board_01_view table .board_subject{
	font-size: 18px;
	color: #383f48;
    background-color: #fff
}
#board_01_view .comment_count {
	color: #fa640f;
}
#board_01_view table .comment_count{
	font-weight: 800;
}
#board_01_view table .borad_write_area{
	min-height: 200px;
	padding-top: 15px;
}
#board_01_view table .file_show {
	list-style: none;
    width: 100%;
    border-top: 1px dashed #dfdfdf;
    padding: 15px 10px 15px 10px;
    background-color: #fcfcfc;
    margin: 0;
}
#board_01_view table .file_show li {
	font-size: 13px;
}
#board_01_view table .file_show li i{
	color: #383f48;
	padding-right: 3px;
}
#board_01_view table .file_show li a{
	font-weight: bold;
	text-decoration: none;
	color: #0088cc;
}

/*View - 추천 비추천 퍼가기 버튼*/
#board01_view_wrap  .bottom_recommend {
	list-style: none;
}
#board01_view_wrap  .bottom_recommend li{
	float: left;
    padding: 0px 5px;
}
#board01_view_wrap .bottom_recommend li a {
    color: #454545;
    font-size: 13px;
	text-decoration: none;
	display: inline-block;
}
#board01_view_wrap .bottom_recommend li a:hover {
    color: #7c7c7c;
}
@media screen and (max-width:922px){
	#board01_view_wrap .bottom_recommend{
		width: 100%;
	}
	#board01_view_wrap .bottom_recommend li{
		float: none;
		display: inline-block;
	}
}
/*View - sns*/
#board01_view_wrap .bottom_sns {
	list-style: none;
}
#board01_view_wrap .bottom_sns li{
	float: right;
    padding: 0px 5px;
}
@media screen and (max-width:922px){
	#board01_view_wrap .bottom_sns {
		width: 100%;
		border-top: 1px dotted #d9d9d9;
		padding-top: 5px !important;
	}
	#board01_view_wrap .bottom_sns li{
		float: none;
		display: inline-block;
	}
}
/*board01_view - Userbox*/
#board01_view_wrap #userbox {
    display: inline-block;
    position: relative;
	font-weight: 700;
}
#board01_view_wrap #userbox>a {
    color: #777;
	text-decoration: none;
}
#board01_view_wrap .userbox.open > a {
    position: relative;
    z-index: 60;
    color: #777;
    text-decoration: none;
}
#board01_view_wrap .userbox.open ul li a {
    color: #777;
    font-size: 1.2rem;
    text-decoration: none;
	font-weight: 400 !important;
}
#board01_view_wrap .userbox.open ul li a:hover {
    background-color: #f5f5f5;
}
#board01_view_wrap .adm.userbox .dropdown-menu {
    padding: 28px 10px 0;
    z-index: 50;
    margin: -30px -10px;
}
@media only screen and (max-width:766px){
	#board01_view_wrap #userbox .divider {
		display: block !important;
	}
}

/*board_01_view - pagination*/
#board_01_view .pagination > li > a, #board_01_view .pagination > li > span, #board_01_view .pagination > li > a:hover, #board_01_view .pagination > li > span:hover, #board_01_view .pagination > li > a:focus, #board_01_view .pagination > li > span:focus {
    color: #848484;
}
#board_01_view .pagination > .active > a {
    color: #ffffff;
    background-color: #5d5d5d !important;
    border-color: #343434;
}
#board_01_view .pagination > .active > a {
    color: #ffffff;
    background-color: #5d5d5d !important;
    border-color: #343434;
}
@media only screen and (max-width: 496px) {
	#board_01_view .pagination>li>a, .pagination>li>span {
    	padding: 5px 10px;
	}
	#board_01_view .board_pagin_wrp,
	#board_01_view .board_pagin_wrp > ul{
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}

/*board_01_write*/
#board_01_write{
	font-family: "Nanum Barun Gothic","Open Sans", sans-serif !important;
}
#board_01_write .board_01_write_title{
	text-align: left
}
#board_01_write hr {
	width: 50px;
    height: 3px;
	background: #343434;
    margin: 20px 0 30px 0;
	display: inline-block;
}
#board_01_write table{
	width: 100%;
	border: 1px solid #ddd;
	font-size: 13px;
}
#board_01_write table th{
	background-color: #fff;
	color: #383f48;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	width: 150px
}
#board_01_write table tr{
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
    margin-bottom: 5px;
    margin-top: 5px;
}
#board_01_write table th, #board_01_write table td {
    padding: 10px 10px;
}
#board_01_write .required_write {
	color: #e13232;
    font-weight: 200;
    display: inline-block;
    padding-right: 1px;
}
#board_01_write .contents_wrp{
	height: 35px;
    line-height: 90%;
	padding: 8px 0 0 0;
}
#board_01_write .contents_wrp label{
	vertical-align: text-bottom;
    margin-left: 2px;
    margin-bottom: 0;
    line-height: 22px;
	font-size: 12px;
}
#board_01_write .contents_wrp .check_option {
	font-size: 13px;
}
#board_01_write .contents_wrp input[type="checkbox"] {
	margin: 0;
	padding: 0;
}
#board_01_write .w-37{
	width: 37%;
}
#board_01_write #write_option{
	margin-left: 10px;
}
#board_01_write table .wt_extra_wrp{
	height: 100%
}
#board_01_write table .wt_extra_btn{
	background-color: #596674;
	height: 33px;
    border-radius: 4px;
    color: #fff;
	font-size: 13px;
	letter-spacing: -0.5px;
}
#board_01_write .wr_btn_wrp{
	width: 100%;
	text-align: center;
	height: 35px;
}
#board_01_write .wr_btn_wrp .wr_btn{
	width: 100px;
	display: inline-block;
	border-radius: 5px;
	text-decoration: none;
	font-size: 15px;
    font-weight: bold;
	margin: 0 1px;
	padding: 5px;
    vertical-align: top;
}
@media only screen and (max-width: 496px) {
	#board_01_write .contents_wrp{
		height: inherit;
	}
	#board_01_write .contents_wrp .check_option {
		display: block;
	}
	#board_01_write table .wt_extra_wrp {
    	padding-left: 2px !important;
	}
	#board_01_write table .wt_extra_btn {
		width: initial;
		font-size: 1rem !important;
		padding: 0px 5px;
	}
	#board_01_write .wr_btn_wrp .wr_btn {
    	width: initial;
		font-size: 13px;
	}
}
@media only screen and (max-width: 992px) {
	#board_01_write table th{
		border-right: 0px;
		border-left: none;
	}
	#board_01_write table td, #board_01_write table th {
		border-bottom: 1px solid #fff;
		display: inline-block;
		width: 100%;
	}
	#board_01_write .w-37{
		width: 100%;
	}
	#board_01_write table .wt_extra_btn_wrp{
		margin: 10px 0 0 0 !important;
		padding: 10px 0 0 0 !important;
	}
	#board_01_write table .wt_extra_btn {
		margin-top: 5px;
	}
}


/* 글제목줄 분류스타일 */
.bo_cate_link {
	display:inline-block;
	margin:0 3px 0 0;
	padding:0 6px 0 0;
	border-right:1px solid #e7f1ed;
	color:#999 !important;
	font-weight:bold;
	text-decoration:none;
	line-height: 24px;
}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e1e1e1;background:#fcfcfc}
#bo_vc h2 {margin-bottom:10px}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#777;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0; width: 100%;}
#bo_vc_sns input {margin:0 0 0 5px}


/*전체 코멘트영역*/
#board_01_view .comment_leave{
	margin: 0 0 20px;
    padding: 20px 20px 10px;
    border: 1px solid #ddd;
    background: #fff;
}
#board_01_view label{
	margin-bottom: 0px;
	vertical-align: top;
}
#board_01_view .bo_vc_act a{
	color: #777;
}
/*코멘트 수정*/
#board_01_view .guest_comment_input {
	background-color: rgba(255,255,255,0.8);
    color: #737373;
    margin-bottom: 0px;
    border: 1px solid #e5e8ec;
    border-radius: 4px;
    padding: 5px;
}
#board_01_view .guest_comment_input>li{
	float: left;
	width: 50%;
	padding: 5px;
	padding-left: 0;
}
#board_01_view .guest_comment_input .differ{
	border-right: 1px solid #ccc;
}
#board_01_view .guest_comment_input>li input[type="text"],
#board_01_view .guest_comment_input>li input[type="password"]{
	width: 100%;
	display: block;
}
#board_01_view .guest_comment_input>li input[type="password"]{
	vertical-align: bottom;
}
#board_01_view .alert {
	padding: 4px 5px 0px 5px;
	margin-bottom: 0px;
	background-color: transparent;
	border:none;
}
#board_01_view .guest_comment_input .guest_comment_input_area{
	background-color: transparent;
    color: #737373;
	margin-bottom: 0px;	
    border:none;
    border-radius: 5px;
	padding: 5px;
}
@media screen and (max-width:992px){
	#board_01_view .guest_comment_input>li{
		float: none;
		width: 100%;
	    text-align: right;
	}
	#board_01_view .guest_comment_input .differ{
		border-right: 0px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 5px !important;
		margin-bottom: 5px !important;
	}
	#board_01_view #bo_vc_sns li {
		float: right;
		margin: 0;
	}
}
/*자동등록방지*/
#board_01_view .form-group .alert-default::before{
	content: '자동등록방지';
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 12px;
    z-index: 50;
	display: inline-block;
	background-color: rgba(120, 126, 128, 0.6);
	border-radius: 4px;
	color: #fff;
	padding: 0px 4px;
}
#board_01_view #captcha_key{
	height:100%; 
	padding: 40px 45px 15px 45px;
	height: 67px;
	position: relative;
}
#board_01_view .form-group>.col-sm-12:first-child{
	padding-right: 0px !important;
	width: 60%;
}
#board_01_view .form-group>.col-sm-12:nth-child(2){
	padding-left: 5px !important;
	width: 40%;
	text-align: center;
}
#board_01_view .form-group>.col-sm-12:nth-child(2)::before{
	content: '자동등록방지 입력';
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 12px;
    z-index: 50;
	display: inline-block;
	background-color: rgba(120, 126, 128, 0.6);
	border-radius: 4px;
	color: #fff;
	padding: 0px 4px;
}
#board_01_view .form-group .alert{
	margin-bottom: 0px;
}
#board_01_view .form-group .alert-default{
	padding: 5px;
	position: relative;
	border: 1px solid #ccc;
	height: 67px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
#board_01_view .captcha-refresh {
	padding: 0px;
	bottom: 0px;
    right: 0px;
}
#board_01_view .btn-group button {
	padding: 2px 5px;
	border-radius: 3px;
	background-color: rgba(120, 126, 128, 0.6);
}
#board_01_view .btn-group button>i {
	margin: 0px;
	color: #fff;
	font-size: 13px;
    font-weight: 200;
}
@media (min-width: 768px){
	#board_01_view .alert-captcha .captcha-input {
		top: 0px;
		font-size: 13px;
   	 	font-weight: 500;
	}
}
@media screen and (max-width:992px){
	#board_01_view .form-group>.col-sm-12:first-child{
		width:100%;
		padding-right: 15px !important;
	}
	#board_01_view .form-group>.col-sm-12:nth-child(2){
		width:100%;
		padding-left: 15px !important;
		margin-top: 0px;
	}
	#board_01_view .form-group>.col-sm-12:nth-child(2)::before{
		top: 5px;
		left: 20px;
	}
	#board_01_view .form-group .alert-default{
		height: 80px;
		padding: 20px 5px 5px 5px;
		overflow: hidden;
		border-radius: 4px 4px 0px 0px;
	}
	#board_01_view #captcha_key{
		height:65px; 
		padding:35px 12px 10px 12px;
		border-radius: 0px 0px 4px 4px;
		top: -1px;
	}
}
@media screen and (max-width:496px){
	#board_01_view .form-group .alert-default img{
		height: 90%;
	}
}
/*코멘트_회원/비회원 보이기 - 댓글남기기*/
#board_01_view .comment_input{
	width: 80.5% !important;
}
#board_01_view .comment_input .comment_input_area{
	padding: 5px;
}
#board_01_view .comment_input .comment_input_area textarea{
	width: 100%;
	font-size: 13px;
	font-weight: 500;
}
#board_01_view .comment_submit{
	width: 19.5% !important;
}
#board_01_view .comment_submit .comment_submit_area>p{
	display: none;
}
#board_01_view .comment_submit .comment_submit_area .bo_vc_send_sns ul li{
	float: left;
}
#board_01_view .comment_submit .secret_check,
#board_01_view .comment_submit .sns_check,
#board_01_view .comment_submit #bo_vc_sns{
	vertical-align: top;
	margin: 0;
	font-size: 12px;
	padding: 0;
}
#board_01_view .comment_submit .sns_check a>img,
#board_01_view .comment_submit #bo_vc_sns a>img{
	display: none;
}
#board_01_view .secret_check #wr_secret {
	margin: 5px 0 0 0px;
}
#board_01_view #bo_vc_sns #facebook_checked {
	margin: 5px 0 0 5px;
}
@media screen and (max-width:992px){
	#board_01_view .comment_input{
		width: 100% !important;
	}
	#board_01_view .comment_submit{
		width: 100% !important;
		padding: 5px 5px 15px 5px !important;
	}
	#board_01_view .comment_input .comment_input_area {
		padding-bottom: 0px;
	}
	#board_01_view .comment_submit,
	#board_01_view .comment_submit .comment_submit_area{
		padding-top: 0px !important;
	}
}




/*=========================================write================================*/


/*자동등록방지*/
#board_01_write .alert {
	padding: 0px;
	margin-bottom: 0px;
	background-color: transparent;
	border:none;
}
#board_01_write .form-group .alert-default::before{
	content: '자동등록방지';
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 12px;
    z-index: 50;
	display: inline-block;
	background-color: rgba(120, 126, 128, 0.6);
	border-radius: 4px;
	color: #fff;
	padding: 0px 4px;
}
#board_01_write #captcha_key{
	height:100%; 
	padding: 40px 45px 15px 45px;
	height: 67px;
	position: relative;
}
#board_01_write .form-group>.col-sm-12:first-child{
	padding-right: 0px !important;
	width: 50%;
}
#board_01_write .form-group>.col-sm-12:nth-child(2){
	padding-left: 5px !important;
	width: 50%;
	text-align: center;
}
#board_01_write .form-group>.col-sm-12:nth-child(2)::before{
	content: '자동등록방지 입력';
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 12px;
    z-index: 50;
	display: inline-block;
	background-color: rgba(120, 126, 128, 0.6);
	border-radius: 4px;
	color: #fff;
	padding: 0px 4px;
}
#board_01_write .form-group .alert{
	margin-bottom: 0px;
}
#board_01_write .form-group .alert-default{
	padding: 5px;
	position: relative;
	border: 1px solid #ccc;
	height: 67px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
#board_01_write .captcha-refresh {
	padding: 0px;
	bottom: 0px;
    right: 0px;
}
#board_01_write .btn-group button {
	padding: 2px 5px;
	border-radius: 3px;
	background-color: rgba(120, 126, 128, 0.6);
}
#board_01_write .btn-group button>i {
	margin: 0px;
	color: #fff;
	font-size: 13px;
    font-weight: 200;
}
@media (min-width: 768px){
	#board_01_write .alert-captcha .captcha-input {
		top: 0px;
		font-size: 13px;
   	 	font-weight: 500;
	}
}
@media screen and (max-width:992px){
	#board_01_write .form-group>.col-sm-12:first-child{
		width:100%;
		padding-right: 15px !important;
	}
	#board_01_write .form-group>.col-sm-12:nth-child(2){
		width:100%;
		padding-left: 15px !important;
		margin-top: 0px;
	}
	#board_01_write .form-group>.col-sm-12:nth-child(2)::before{
		top: 5px;
		left: 20px;
	}
	#board_01_write .form-group .alert-default{
		height: 80px;
		padding: 20px 5px 5px 5px;
		overflow: hidden;
		border-radius: 4px 4px 0px 0px;
	}
	#board_01_write #captcha_key{
		height:65px; 
		padding:35px 12px 10px 12px;
		border-radius: 0px 0px 4px 4px;
		top: -1px;
	}
}
@media screen and (max-width:496px){
	#board_01_write .form-group .alert-default img{
		height: 90%;
	}
}
#board_01_write .cke_sc_def dl::before{
	content: '단축키 목록';
	display: block;
	top: 25px;
    font-size: 13px !important;
    line-height: inherit !important;
    color: #777;
	font-weight: 700;
	margin-bottom: 10px;
}
#board_01_write .cke_sc_def {
    position: absolute;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 20px;
    max-width: 400px;
	border-top: 3px solid #383f48;
}
#board_01_write .cke_sc_def dt{
	color: #3c6ec0;
	background-color: rgba(232, 245, 255, 0.2);
}
#board_01_write .cke_sc_def dt,
#board_01_write .cke_sc_def dd{
	float: left;
    width: 25%;
    border: 1px solid #eee;
    padding: 5px;
    margin-left: -1px;
	margin-top: -1px;
	margin-bottom: 0;
}
#board_01_write .cke_sc_def dd:last-child {
	margin-bottom: 20px;
}
#board_01_write .btn_cke_sc,
#board_01_write .btn_cke_sc_close{
	font-size: 13px;
	border-color: #cacaca #b8b8b8 #9d9d9d !important;
    background-color: rgba(248, 248, 248, 0.4) !important;
    color: #868686 !important;
    background: linear-gradient(#fff,rgba(248, 248, 248, 0.4));
	margin-bottom: 5px;
	border-radius: 4px;
    display: inline-block;
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;

}
#board_01_write .cke_sc{
	text-align: left;
}
#board_01_write .cke_sc .btn_cke_sc{
	height: inherit;
}
#board_01_write .btn_cke_sc_close{
	margin: 0 auto;
	display: block;
}
@media only screen and (max-width:496px){
	#board_01_write .cke_sc_def {
		max-width: 210px;
	}
	#board_01_write .cke_sc_def dt,
	#board_01_write .cke_sc_def dd{
		float: left;
		width: 50%;
		border: 1px solid #eee;
		padding: 5px;
		margin-left: -1px;
		margin-top: -1px;
		margin-bottom: 0;
	}
	#board_01_write .cke_sc .btn_cke_sc,
	#board_01_write .cke_sc .btn_cke_sc_close{
		padding: 5px;
		font-size: 12px;
	}
}
/*임시로 저장된 글*/
#board_01_write #autosave_pop{
	top: 38px;
    right: -20px;
	border: 1px solid #eee;
	min-height: 100px;
	border-top: 3px solid #383f48;
	padding: 20px;
}
#autosave_pop strong {
    top: 28px;
    font-size: 13px !important;
    line-height: inherit !important;
    color: #777;
}
#board_01_write #autosave_pop a{
	color: #777;
	text-decoration: none;
}
#board_01_write #autosave_pop .autosave_close{
	font-size: 13px;
	border-color: #cacaca #b8b8b8 #9d9d9d !important;
    background-color: rgba(248, 248, 248, 0.4) !important;
    color: #868686 !important;
    background: linear-gradient(#fff,rgba(248, 248, 248, 0.4));
	margin-bottom: 10px;
	border-radius: 4px;
    display: inline-block;
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
}
#board_01_write #autosave_pop .autosave_del{
	font-weight: 600;
}
@media only screen and (max-width:496px){
	#board_01_write #autosave_pop{
		width: 100%;
		right: 0px;
	}
	#board_01_write #autosave_pop a{
		color: #777;
		text-decoration: none;
		display: block;
		float: none;
	}
	#board_01_write #autosave_pop span {
		display: block;
		float: none;
		font-size: 12px;
		color: #999;
	}
}

/*게시물 이동*/
#copymove label{
    margin-bottom: 0px;
    line-height: 22px;
    vertical-align: text-bottom;
}
#copymove .contents-wrp {
	margin-top: -1px;
    border: 1px solid #eee;
	border-radius: 5px;
}
#copymove .title_wrp {
    background-color: rgba(238,238,238,0.2);
    border: 1px solid rgba(238,238,238,0.5);
	border-radius: 5px;
}
#copymove .title_wrp h4{
	color:#3b3b3b;
	font-size: 2rem !important;
}
@media only screen and (max-width: 496px) {
	#copymove #board_tap_wrp .board_tap ul>li>a {
		padding: 3px 12px;
	}
}
/*게시물 이동 - 테이블*/
#copymove{
	font-family: "Nanum Barun Gothic","Open Sans", sans-serif !important;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 15px 5px 15px 5px;
}
#copymove table {
	font-size: 12px;
	line-height: 1.5rem;
	width: 100%;
}
#copymove table th{
	color: #383f48;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    text-align: center;
    padding: 1rem;
}
#copymove table td{
    padding: 1rem;
	border: 1px solid #e1e1e1;
}
#copymove table td p{
   	line-height: 1.5rem;
}
#copymove table a{
	color: #777;
	text-decoration: none;
}
#copymove button{
	position: absolute;
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 3px;
}
@media only screen and (max-width:496px){
	#copymove button{
	    padding: 2px 4px;
	}
	#copymove table th.listcheck{
		max-width: 10px !important;
	}
}
/*게시물 이동 - btn*/
#copymove .btn_right{
    float: right;
}
#copymove .btn_left{
    float: left;
}
#copymove .btn{
	padding: 2px 7px;
}

/*list 공통*/
#board_01_list .content_move{
	color: #b2b2b2;
}
#board_01_list .empty_list{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#board_01_list .sort-destination{
	min-height: 50px !important;
}
/*웹진형*/
#board_01_list #gall_allchk {
    padding: 0px 5px 10px 5px;
    height: 30px;
    margin-bottom: 10px;
    margin-top: -15px;
    margin-left: -15px;
}
#board_01_list #gall_allchk input[type="checkbox"],
#board_01_list .thumb-info input[type="checkbox"] {
    margin: 10px;
    position: absolute;
    z-index: 5;
}
#board_01_list #fboardlist a {
	text-decoration: none;
	color: #383f48;
}
#board_01_list #fboardlist .bo_cate_link{
	font-weight: 500;
}
#board_01_list #fboardlist h2 .cnt_cmt{
	color: #2ba2de;
	font-weight: 400;
}
#board_01_list .no-image-wrp {
	width:100%;
	min-height:260px; 
	background-color:#eaeaea; 
	margin:0;
	background: url(img/no-image.png) center center no-repeat;
	border: 1px solid #eee;
}
#board_01_list .no-image-wrp .no-image-con {
    padding: 25%; */
    display: block;
    text-indent: -999px;
    overflow: hidden;
	display: block;
}
#board_01_list .blog-posts .notice_img_admin{
	position: absolute;
    z-index: 3;
    margin: 4px 35px;
}
#board_01_list .blog-posts .notice_img{
	position: absolute;
    z-index: 3;
    margin: 4px 9px;
}
#board_01_list .bo_current{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 0;
    height: 0;
}
#board_01_list .blog-posts .bo_current+.post-medium .post-img-area .thumb-info{
	overflow: hidden;
}
#board_01_list .blog-posts .bo_current+.post-medium .post-img-area .thumb-info .image-wrp:before{
    content: "열람중";
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
	left: 0;
	text-indent:-9999px;
	overflow:hidden;
}
#board_01_list .blog-posts .bo_current+.post-medium .post-img-area .thumb-info .image-wrp:after{
    content: ".";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: url(./img/view.png) center center no-repeat;
	top: 0;
	left: 0;
	text-indent:-9999px;
	overflow:hidden;
}
@media only screen and (max-width: 992px){
	#board_01_list .post .row .col-md-1,
	#board_01_list .post .row .col-md-2,
	#board_01_list .post .row .col-md-3,
	#board_01_list .post .row .col-md-4,
	#board_01_list .post .row .col-md-5,
	#board_01_list .post .row .col-md-6,
	#board_01_list .post .row .col-md-7,
	#board_01_list .post .row .col-md-8,
	#board_01_list .post .row .col-md-9,
	#board_01_list .post .row .col-md-10,
	#board_01_list .post .row .col-md-11,
	#board_01_list .post .row .col-md-12 {
		padding: 0;
	}
	#board_01_list .blog-posts .notice_img_admin{
		margin: 4px 39px;
	}
	#board_01_list .blog-posts .notice_img{
		margin: 4px 9px;
	}
}
@media only screen and (max-width: 496px){
	#board_01_list #fboardlist h2 {
		margin: 0 !important;
		line-height: 2rem;
	}
	#board_01_list #fboardlist h2 a {
		font-size: 2rem;
	}
}
/*아이콘*/
#board_01_list .post-icon-area img{
	position: absolute;
    z-index: 10;
    right: 0;
    width: 50px;
	margin: 10px;
}
/*갤러리형*/
#board_01_list .sort-destination {
    overflow: visible;
}
#board_01_list .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    width: 100%;
    background-color: #e5e5e5;
}
#board_01_list .dropdown-menu .list-unstyled {
    margin-bottom: 10px !important;
}
#board_01_list .item_meta {
	position: absolute;
    bottom: 0;
}
#board_01_list .item_meta > li{
	float: left;
	padding-right: 8px;
}
#board_01_list .portfolio-list .portfolio_subject_name{
	display: block;
	min-height: 100px;
}
#board_01_list .portfolio-list h2{
	line-height: 2.5rem;
}
#board_01_list .portfolio-list .notice_img_admin{
	position: absolute;
    z-index: 3;
    margin: 4px 50px;
}
#board_01_list .portfolio-list .notice_img{
	position: absolute;
    z-index: 3;
    margin: 4px 24px;
}
#board_01_list .bo_current+.isotope-item .thumb-info{
	overflow: hidden;
}
#board_01_list .bo_current+.isotope-item .thumb-info .image-wrp:before{
    content: "열람중";
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
	left: 0;
	text-indent:-9999px;
	overflow:hidden;
}
#board_01_list .bo_current+.isotope-item .thumb-info .image-wrp:after{
    content: ".";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: url(./img/view.png) center center no-repeat;
	top: 0;
	left: 0;
	text-indent:-9999px;
	overflow:hidden;
}
@media only screen and (max-width: 992px){
	#board_01_list .isotope-item {
		position: static !important;
		text-align: left;
	}
	#board_01_list .portfolio-list .portfolio_subject_name{
		margin-top: 15px;
		min-height: inherit;
	}
	#board_01_list .portfolio-list li{
		padding: 0;
	}
	#board_01_list .portfolio-list .notice_img_admin{
		margin: 4px 39px;
	}
	#board_01_list .portfolio-list .notice_img{
		margin: 4px 9px;
	}
	#board_01_list .item_meta {
		position: inherit;
	}
}

/*관리자모드*/
.header {
    position: fixed;
    z-index: 1020;
}
.inner-wrapper{
	padding-top: 110px;
}
.inner-wrapper .content-body .page-header {
	border-top: 0px;
    left: 300px;
    margin: 0;
    position: fixed;
    right: 0;
    top: 60px;
}
.inner-wrapper .sidebar-left {
    z-index: 1010;
    position: fixed;
    bottom: 0;
	left: 0;
    top: 60px;
}
.inner-wrapper .content-body{
	margin-left: 300px;
}
.inner-wrapper .content-body .main>.container,
.inner-wrapper .content-body .panel-body>.container{
	width: 100%;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.inner-wrapper .dropdown-menu {
    margin: 0px !important;
}
@media only screen and (max-width: 767px){
	.header {
		position: static;
		z-index: 1000;
	}
	.inner-wrapper{
		padding-top: 0px;
	}
	.inner-wrapper .content-body .page-header {
		left: 0;
		margin: 0 -15px 20px;
		position: relative;
		right: 0;
		top: 1px;
		border-top: 0px;
		z-index: 90;
	}
	.sidebar-left {
		bottom: 0 !important;
		left: -100% !important;
		min-height: 0;
		min-width: 100%;
		min-width: 100vw;
		padding-top: 60px;
		padding-bottom: 50px;
		position: fixed !important;
		overflow: hidden;
		top: 0 !important;
		z-index: 98 !important;
	}
	.inner-wrapper .content-body{
		padding: 0 15px 25px;
		margin: 0;
	}
	#board_01_list .item_meta > li {
		padding-right: 8px;
	}
	.inner-wrapper .userbox{
		float: none;
	}
}

/*관리자모드-Write*/
.inner-wrapper #board_01_write #autosave_pop {
    top: 38px;
    left: 5px;
    border: 1px solid #eee;
    min-height: 100px;
    border-top: 3px solid #383f48;
    padding: 20px;
}

#board_list .t_if {
	margin-bottom: 10px;
}
#board_list .t_if .lft p {
	color: #aaa;
}
#board_list .t_if .smbtn {
	text-decoration: none;
	display: inline-block;
	border: 1px solid #ddd;
	padding: 8px 15px;
	font-size: 14px;
	color: #636363;
	line-height: 1em;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#board_list .t_if .smbtn:hover {
	background-color: #636363 !important;
	border-color: #636363 !important;
	color: #fff !important;
}
@media (max-width:768px){
	#board_list .t_if .smbtn {
		padding: 5px 10px;
		font-size: 12px;
	}
}
/*paging*/
#board_list .table_list {
    border-top: 2px solid #222;
}
#board_list .table_list thead th,
#board_list .table_list tbody th,
#board_list .table_list tbody td,
#board_list .table_list tbody td a {
	text-align: center;
	font-weight: 400;
	vertical-align: middle;
	font-size: 16px;
    line-height: 1.5;
    color: #888;
    letter-spacing: -0.025em;
	/*font-family: 'Montserrat', 'Noto Sans KR';*/
}
#board_list .table_list tbody td a {
	color: #1e1e1e;
	text-decoration: none;
	display: inline-block;
	position: relative;
	line-height: 1em;
}
#board_list .table_list tbody td a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 7px;
	width: 100%;
	background-color: #f9d839;
	opacity: 0;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#board_list .table_list tbody td a:hover:after {
	opacity: 1;
}
#board_list .table_list tbody td a span {
	position: relative;
	z-index: 3;
}
#board_list .table_list thead th {
    position: relative;
    font-weight: 500;
    padding: 14px 18px;
    color: #1e1e1e;
}
#board_list .table_list thead th:not(:first-child):before {
	content: "";
    width: 1px;
    height: 16px;
    background: #eee;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}
#board_list .table_list thead th,
#board_list .table_list tbody th,
#board_list .table_list tbody td {
	border-bottom: 1px solid #ddd;
}
#board_list .table_list tbody td {
    padding: 14px 18px;
}
#board_list .table_list tbody .sbj,
#board_list .table_list tbody .sbj a,
#board_list .table_list thead .sbj {
	text-align: left !important;
	display: table-cell;
}
#board_list .paging {
	margin-top: 40px;
}

#board_list .paging .center a {
	text-decoration: none;
	display: inline-block;
    font-weight: 500;
	font-size: 19px;
    color: #1e1e1e;
	padding: 0 10px;
	position: relative;
}
#board_list .paging .center a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 10px;
    width: 100%;
    opacity: 0;
    background-color: #fff08e;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#board_list .paging .center a.active:after,
#board_list .paging .center a:hover:after {
	opacity: 1;
}
#board_list .paging .center span {
	position: relative;
	z-index: 3;
}
@media (max-width:992px){
	#board_list .table_list thead {
		display: none;
	}
	#board_list .table_list tbody tr {
		padding: 10px 0;
		display: block;
		position: relative;
		border-bottom: 1px solid #ddd;
	}
	#board_list .table_list tbody tr:before,
	#board_list .table_list tbody tr:after {
		/*content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 8px;
		width: 1px;
		height: 9px;
		background-color: #333;*/
	}
	#board_list .table_list tbody tr:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: -8px;
	}
	#board_list .table_list tbody tr:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: -2px;
	}
	#board_list .table_list tbody th,
	#board_list .table_list tbody td {
		border-top: 0px;
		text-align: left;
    	padding: 4px 15px;
		border-bottom: 0px;
		font-size: 14px;
	}
    #board_list .table_list tbody td a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 200px;
        display: block;
    }
    #board_list .table_list tbody td a:after {
        display: none;
    }
    #board_list .table_list .num {
        width: 15%;
        min-width: 45px;
    }
    #board_list .table_list .sbj {
        width: 100%;
    }
	#board_list .table_list .date {
		font-size: 12px;
		width: 30%;
		text-align: right;
		display: table-cell;
		white-space: nowrap;
	}
	/*#board_list .table_list .num {
		display: none;
	}*/
	#board_list .paging .center a {
		font-size: 14px;
	}
	#board_list .paging .nxt a,
	#board_list .paging .prv a {
		color: #333;
		font-size: 24px;
		text-decoration: none;
	}
}
@media (max-width:400px){
    #board_list .table_list tbody td a span {
        width: 165px;
    }
}
/*btn_bs*/
.btn_bs {
	font-weight: 500; 
	letter-spacing:0px; 
	line-height: 1.2em; 
	font-size: 18px; 
	border-radius:50px; 
	padding: 10px 50px; 
	text-decoration: none;
	margin: 0 5px;
	display: inline-block;
}
.btn_bs.btn_line {
	border: 2px solid #333;
	color: #333;
	text-decoration: none;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.btn_bs.btn_line:hover {
	color: #fff !important;
	background-color: #333;
}
.btn_bs.btn_full {
	color:#fff; 
	background-color:#4a68b8; 
	text-decoration: none;
}
@media (max-width:768px){
	.btn_bs {
		font-size: 15px; 
		padding: 10px 30px; 
		margin: 0 3px;
	}
}

/*pagin*/
@media (max-width:992px){
    .paging .hidden-xs.btn_bs.btn_line {
        display: inline-block !important;
        font-size: 14px !important;
        padding: 7px 20px;
    }
    .paging .hidden-sm.hidden-md.hidden-lg {
        display: none!important;
    }
}
/*content_box*/
#board_01_view .table .content_box {
        padding: 25px 8px;
}
#board_01_list .board_tap {
    padding: 0px !important;
}
/*vinfocon*/
.vinfocon strong {
    display: inline-block;
    padding-right: 8px;
    margin-right: 7px;
    position: relative;
}
.vinfocon strong:after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: #aaa;
}
.vinfocon .rt,
.vinfocon .lt span {
    font-size: 15px;
    color: #333;
}
.vinfocon .lt span {
    display: inline-block;
    margin-right: 20px;
}
@media (max-width: 768px){
    .vinfocon strong {
        padding-right: 4px;
        margin-right: 3px;
    }
    .vinfocon .rt,
    .vinfocon .lt span {
        font-size: 13px;
        color: #333;
    }
    .vinfocon .lt span {
        margin-right: 7px;
    }
}

/*pagination 수정*/
html .pagination > li.active a:active, 
html .pagination > li.active a:visited, 
html .pagination > li.active a:focus, 
html .pagination > li.active a:hover, 
html .pagination > li.active a, 
html.dark .pagination > li.active a{
    background-color: #333;
    color: #fff !important;
    border-color: #333;
}