@charset "UTF-8";
:root {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 0;
}

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
  padding: 4px 6px;
  min-height: 30px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  width: 100%;
  box-sizing: border-box;
  cursor: text;
}
.bootstrap-tagsinput input[type=text] {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  height: 24px;
  max-width: inherit;
}
.bootstrap-tagsinput .tag {
  margin: 2px;
  text-align: center;
  color: royalblue;
  border: 1px solid royalblue;
  padding: 0 5px;
  border-radius: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
}
.bootstrap-tagsinput .tag:before {
  content: "#";
  margin-right: 3px;
}
.bootstrap-tagsinput .tag [data-role=remove] {
  margin-left: 5px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role=remove]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag.tag-b-c-b {
  border-color: #2d5f68;
  color: #2d5f86;
}
.bootstrap-tagsinput .tag.tag-b-c-r {
  border-color: #ff7e7c;
  color: #ff7e7c;
}
.bootstrap-tagsinput .twitter-typeahead .tt-input {
  min-height: auto;
  padding: 2px;
  width: 140px;
  border: 0;
}
.bootstrap-tagsinput .twitter-typeahead .tt-hint {
  display: none;
}
.bootstrap-tagsinput .twitter-typeahead .tt-cursor {
  background: royalblue;
  color: #fff;
}
.bootstrap-tagsinput .twitter-typeahead .tt-menu {
  max-height: 200px; /* 제시어 박스의 최대 높이 */
  overflow-y: auto; /* 내용이 많으면 세로 스크롤 생성 */
  width: 100%; /* 너비 조정 (필요시) */
}
.bootstrap-tagsinput .twitter-typeahead .tt-menu .tt-dataset {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.bootstrap-tagsinput .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion {
  display: block;
  padding: 4px 8px;
}
.bootstrap-tagsinput .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion .ico {
  display: inline-block;
  line-height: 1;
  padding: 2px 4px;
  margin-right: 4px;
  color: #fff;
  border-radius: 3px;
}
.bootstrap-tagsinput .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion .ico.type_01 {
  background: #7e96ad;
}
.bootstrap-tagsinput .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion .ico.type_02 {
  background: #26dad2;
}
.bootstrap-tagsinput .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion .ico.type_03 {
  background: #ff7e7c;
}
.bootstrap-tagsinput .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion .ico.type_04 {
  background: #ffc257;
}
.bootstrap-tagsinput .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion .ico.type_05 {
  background: #2f3e4a;
}
.bootstrap-tagsinput .twitter-typeahead .tt-menu .tt-dataset .tt-suggestion .ico.type_06 {
  background: #2d5f68;
}

#tem-type-1, #tem-type-2 {
  margin-bottom: 3rem;
  font-size: 1.3rem;
  font-weight: 400 !important;
  text-align: center;
}

#tem-type-1::after {
  display: block;
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#tem-type-1::before {
  display: block;
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e805";
  margin-bottom: 1.25rem;
}
#tem-type-1::after {
  content: "\e809";
  margin-top: 1.25rem;
}
#tem-type-1 p {
  margin: 0;
  padding: 0;
  line-height: 1.8em;
  text-align: center;
}

#tem-type-2 {
  position: relative;
  padding-left: 1.25rem;
  text-align: left;
}
#tem-type-2::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 4px solid #000;
}
#tem-type-2::after {
  content: "";
  display: table;
  clear: both;
}

#tem-type-3::after, #tem-type-4::after {
  content: "";
  display: table;
  clear: both;
}

#tem-type-2 p, #tem-type-3 .wrapper p, #tem-type-4 .wrapper p, #tem-type-5 .wrapper p, #tem-type-6 .wrapper p, #tem-type-7 p {
  margin: 0;
  padding: 0;
  line-height: 1.8em;
  text-align: left;
}

#tem-type-3, #tem-type-4, #tem-type-5, #tem-type-6 {
  margin-bottom: 5rem;
  text-align: center;
}

#tem-type-3 .wrapper, #tem-type-4 .wrapper {
  display: inline-block;
  position: relative;
  font-size: 1.3rem;
  font-weight: 400 !important;
  text-align: left;
}

#tem-type-3 .wrapper {
  padding: 1rem 1.5rem;
  border: 5px solid #e4e4e4;
}
#tem-type-3 .wrapper::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 50px;
  height: 50px;
  top: calc(100% - 25px);
  left: 30%;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #e4e4e4 transparent transparent;
  box-sizing: border-box;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#tem-type-3 .wrapper::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 30px;
  border-top: 5px solid #fff;
  left: calc(30% + 23px);
  top: 100%;
  box-sizing: border-box;
}

#tem-type-4 .wrapper {
  padding-bottom: 1rem;
  border-bottom: 1px solid #000;
}
#tem-type-4 .wrapper::before {
  content: "\e805";
  display: inline-block;
  margin-bottom: 1.25rem;
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#tem-type-4 .wrapper::after {
  content: "";
  display: table;
  clear: both;
}

#tem-type-5::after {
  content: "";
  display: table;
  clear: both;
}
#tem-type-5 .wrapper {
  display: inline-block;
  padding: 1rem 3.75rem 1rem 1.5rem;
  text-align: left;
  border: 5px solid #d5d5d5;
  box-sizing: border-box;
}
#tem-type-5 .wrapper::before {
  content: "";
  position: absolute;
  z-index: 1;
  right: -5px;
  bottom: -5px;
  border-width: 25px;
  border-style: solid;
  border-color: #bfbfbf #fff #fff #bfbfbf;
}
#tem-type-5 .wrapper::after {
  content: "";
  display: table;
  clear: both;
}

#tem-type-6::after {
  content: "";
  display: table;
  clear: both;
}

#tem-type-5 .wrapper, #tem-type-6 .wrapper, #tem-type-7 {
  position: relative;
  font-size: 1.3rem;
  font-weight: 400 !important;
}

#tem-type-6 .wrapper {
  display: inline-block;
  padding: 1rem 1.5rem;
  text-align: left;
}
#tem-type-6 .wrapper::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 35px;
  height: 35px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
}
#tem-type-6 .wrapper::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 35px;
  height: 35px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  left: 0;
  top: 0;
  border-left-color: #4a4a4a;
  border-top-color: #4a4a4a;
}
#tem-type-6 .wrapper::after {
  right: 0;
  bottom: 0;
  border-right-color: #4a4a4a;
  border-bottom-color: #4a4a4a;
}

#tem-type-7 {
  margin-bottom: 3rem;
  padding-bottom: 1.5rem;
  text-align: center;
}
#tem-type-7::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 60px;
  left: 50%;
  bottom: 0;
  border-bottom: 2px solid #333;
  transform: translateX(-50%);
}
#tem-type-7 .icons {
  position: relative;
  display: block;
  width: 130px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25rem;
}
#tem-type-7 .icons::before {
  content: "\e815";
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 34px;
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#tem-type-7 .icons::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px solid #333;
}
#tem-type-7 .header-titles {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 0.25rem;
  color: #fff;
  background: #333;
  line-height: 1;
}
#tem-type-7 p {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}

#tem-type-8 {
  margin-bottom: 2rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
#tem-type-8 p:first-child {
  margin-top: 0;
}
#tem-type-8 p:last-child {
  margin-bottom: 0;
}

#tem-type-9 {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  font-size: 1.3rem;
  border-bottom: 1px solid #333;
}
#tem-type-9 p:first-child {
  margin-top: 0;
}

#tem-type-10 .contents > :last-child, #tem-type-9 p:last-child {
  margin-bottom: 0;
}

#tem-type-10 {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
#tem-type-10 .contents {
  padding: 0.625rem 0.9375rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#tem-type-10 .titles {
  padding: 0.625rem 0.9375rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-size: 1.125rem;
  font-weight: bolder;
  font-style: normal;
  line-height: 1.375;
  letter-spacing: -0.075em;
  color: rgba(0, 0, 0, 0.95);
  background-color: #f8f8f8;
  text-align: center;
}
#tem-type-10 .contents {
  font-size: 0.9375rem;
  font-weight: 300;
  font-style: normal;
  line-height: 1.625;
  color: rgba(0, 0, 0, 0.65);
}

/*
for css vars only.
these values are automatically known in all stylesheets.
the :root statement itself is only included in the common stylesheet.
this file is not processed by postcss when imported into the postcss-custom-properties plugin,
so only write standard css!

NOTE: for old browsers, will need to restart watcher after changing a variable
*/
:root {
  --fc-small-font-size: .85em;
  --fc-page-bg-color: #fff;
  --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
  --fc-neutral-text-color: #808080;
  --fc-border-color: #ddd;
  --fc-button-text-color: #fff;
  --fc-button-bg-color: #2C3E50;
  --fc-button-border-color: #2C3E50;
  --fc-button-hover-bg-color: #1e2b37;
  --fc-button-hover-border-color: #1a252f;
  --fc-button-active-bg-color: #1a252f;
  --fc-button-active-border-color: #151e27;
  --fc-event-bg-color: #3788d8;
  --fc-event-border-color: #3788d8;
  --fc-event-text-color: #fff;
  --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
  --fc-more-link-bg-color: #d0d0d0;
  --fc-more-link-text-color: inherit;
  --fc-event-resizer-thickness: 8px;
  --fc-event-resizer-dot-total-width: 8px;
  --fc-event-resizer-dot-border-width: 1px;
  --fc-non-business-color: rgba(215, 215, 215, 0.3);
  --fc-bg-event-color: rgb(143, 223, 130);
  --fc-bg-event-opacity: 0.3;
  --fc-highlight-color: rgba(188, 232, 241, 0.3);
  --fc-today-bg-color: rgba(255, 220, 40, 0.15);
  --fc-now-indicator-color: red;
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
  cursor: not-allowed;
}

.fc {
  display: flex;
  flex-direction: column;
  font-size: 1em;
}
.fc, .fc *, .fc *:before, .fc *:after {
  box-sizing: border-box;
}
.fc table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
}
.fc th {
  text-align: center;
}
.fc th, .fc td {
  vertical-align: top;
  padding: 0;
}
.fc a[data-navlink] {
  cursor: pointer;
}
.fc a[data-navlink]:hover {
  text-decoration: underline;
}

.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}

.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}

.fc-theme-standard td, .fc-theme-standard th {
  border: 1px solid var(--fc-border-color);
}

.fc-liquid-hack td, .fc-liquid-hack th {
  position: relative;
}

@font-face {
  font-family: "fcicons";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.fc-icon {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  user-select: none;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fcicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}

/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc .fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.fc .fc-button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
.fc .fc-button {
  -webkit-appearance: button;
}
.fc .fc-button:not(:disabled) {
  cursor: pointer;
}
.fc .fc-button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
}
.fc .fc-button:hover {
  text-decoration: none;
}
.fc .fc-button:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}
.fc .fc-button:disabled {
  opacity: 0.65;
}
.fc .fc-button-primary {
  color: var(--fc-button-text-color);
  background-color: var(--fc-button-bg-color);
  border-color: var(--fc-button-border-color);
}
.fc .fc-button-primary:hover {
  color: var(--fc-button-text-color);
  background-color: var(--fc-button-hover-bg-color);
  border-color: var(--fc-button-hover-border-color);
}
.fc .fc-button-primary:disabled {
  color: var(--fc-button-text-color);
  background-color: var(--fc-button-bg-color);
  border-color: var(--fc-button-border-color);
}
.fc .fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active {
  color: var(--fc-button-text-color);
  background-color: var(--fc-button-active-bg-color);
  border-color: var(--fc-button-active-border-color);
}
.fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}
.fc .fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em;
}

.fc .fc-button-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.fc .fc-button-group > .fc-button {
  position: relative;
  flex: 1 1 auto;
}
.fc .fc-button-group > .fc-button:hover {
  z-index: 1;
}
.fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button.fc-button-active {
  z-index: 1;
}

.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc .fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em;
}
.fc .fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}
.fc .fc-toolbar-title {
  font-size: 1.75em;
  margin: 0;
}

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
  margin-left: 0.75em;
}

.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
  margin-right: 0.75em;
}
.fc-direction-rtl .fc-toolbar-ltr {
  flex-direction: row-reverse;
}

.fc .fc-scroller {
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.fc .fc-scroller-liquid {
  height: 100%;
}
.fc .fc-scroller-liquid-absolute {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.fc .fc-scroller-harness {
  position: relative;
  overflow: hidden;
  direction: ltr;
}
.fc .fc-scroller-harness-liquid {
  height: 100%;
}

.fc-direction-rtl .fc-scroller-harness > .fc-scroller {
  direction: rtl;
}

.fc-theme-standard .fc-scrollgrid {
  border: 1px solid var(--fc-border-color);
}

.fc .fc-scrollgrid {
  border-collapse: separate;
  border-right-width: 0;
  border-bottom-width: 0;
}
.fc .fc-scrollgrid, .fc .fc-scrollgrid table {
  width: 100%;
  table-layout: fixed;
}
.fc .fc-scrollgrid table {
  border-top-style: hidden;
  border-left-style: hidden;
  border-right-style: hidden;
}
.fc .fc-scrollgrid-liquid {
  height: 100%;
}
.fc .fc-scrollgrid-section {
  height: 1px;
}
.fc .fc-scrollgrid-section > td {
  height: 1px;
}
.fc .fc-scrollgrid-section table {
  height: 1px;
}
.fc .fc-scrollgrid-section-liquid > td {
  height: 100%;
}
.fc .fc-scrollgrid-section > * {
  border-top-width: 0;
  border-left-width: 0;
}
.fc .fc-scrollgrid-section-header > *, .fc .fc-scrollgrid-section-footer > * {
  border-bottom-width: 0;
}
.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table {
  border-bottom-style: hidden;
}
.fc .fc-scrollgrid-section-sticky > * {
  background: var(--fc-page-bg-color);
  position: sticky;
  z-index: 3;
}
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  top: 0;
}
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
  bottom: 0;
}
.fc .fc-scrollgrid-sticky-shim {
  height: 1px;
  margin-bottom: -1px;
}

.fc-sticky {
  position: sticky;
}

.fc .fc-view-harness {
  flex-grow: 1;
  position: relative;
}
.fc .fc-view-harness-active > .fc-view {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fc .fc-col-header-cell-cushion {
  display: inline-block;
  padding: 2px 4px;
}

.fc .fc-bg-event, .fc .fc-non-business, .fc .fc-highlight {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc .fc-non-business {
  background: var(--fc-non-business-color);
}
.fc .fc-bg-event {
  background: var(--fc-bg-event-color);
  opacity: var(--fc-bg-event-opacity);
}
.fc .fc-bg-event .fc-event-title {
  margin: 0.5em;
  font-size: var(--fc-small-font-size);
  font-style: italic;
}
.fc .fc-highlight {
  background: var(--fc-highlight-color);
}
.fc .fc-cell-shaded, .fc .fc-day-disabled {
  background: var(--fc-neutral-bg-color);
}

a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}

.fc-event[href],
.fc-event.fc-event-draggable {
  cursor: pointer;
}

.fc-event .fc-event-main {
  position: relative;
  z-index: 2;
}

.fc-event-dragging:not(.fc-event-selected) {
  opacity: 0.75;
}
.fc-event-dragging.fc-event-selected {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.fc-event .fc-event-resizer {
  display: none;
  position: absolute;
  z-index: 4;
}

.fc-event:hover .fc-event-resizer,
.fc-event-selected .fc-event-resizer {
  display: block;
}

.fc-event-selected .fc-event-resizer {
  border-radius: calc(var(--fc-event-resizer-dot-total-width) / 2);
  border-width: var(--fc-event-resizer-dot-border-width);
  width: var(--fc-event-resizer-dot-total-width);
  height: var(--fc-event-resizer-dot-total-width);
  border-style: solid;
  border-color: inherit;
  background: var(--fc-page-bg-color);
}
.fc-event-selected .fc-event-resizer:before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
}

.fc-event-selected,
.fc-event:focus {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event-selected:before,
.fc-event:focus:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc-event-selected:after,
.fc-event:focus:after {
  content: "";
  background: var(--fc-event-selected-overlay-color);
  position: absolute;
  z-index: 1;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
}

/*
A HORIZONTAL event
*/
.fc-h-event {
  display: block;
  border: 1px solid var(--fc-event-border-color);
  background-color: var(--fc-event-bg-color);
}
.fc-h-event .fc-event-main {
  color: var(--fc-event-text-color);
}
.fc-h-event .fc-event-main-frame {
  display: flex;
}
.fc-h-event .fc-event-time {
  max-width: 100%;
  overflow: hidden;
}
.fc-h-event .fc-event-title-container {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}
.fc-h-event .fc-event-title {
  display: inline-block;
  vertical-align: top;
  left: 0;
  right: 0;
  max-width: 100%;
  overflow: hidden;
}
.fc-h-event.fc-event-selected:before {
  top: -10px;
  bottom: -10px;
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}

.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: var(--fc-event-resizer-thickness);
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: calc(-0.5 * var(--fc-event-resizer-thickness));
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: calc(-0.5 * var(--fc-event-resizer-thickness));
}

.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width));
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: calc(-0.5 * var(--fc-event-resizer-dot-total-width));
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: calc(-0.5 * var(--fc-event-resizer-dot-total-width));
}

.fc .fc-popover {
  position: absolute;
  z-index: 9999;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc .fc-popover-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 3px 4px;
}
.fc .fc-popover-title {
  margin: 0 2px;
}
.fc .fc-popover-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em;
}

.fc-theme-standard .fc-popover {
  border: 1px solid var(--fc-border-color);
  background: var(--fc-page-bg-color);
}
.fc-theme-standard .fc-popover-header {
  background: var(--fc-neutral-bg-color);
}

:root {
  --fc-border-color: rgba(0, 0, 0, 0.1);
  --fc-button-bg-color: #fff;
  --fc-button-text-color: #2e7061;
  --fc-button-border-color: #2e7061;
  --fc-button-hover-bg-color: aliceblue;
  --fc-button-hover-border-color: rgba(0, 0, 0, 0.4);
  --fc-button-active-bg-color: aliceblue;
  --fc-button-active-border-color: rgba(0, 0, 0, 0.4);
  --fc-button-disabled-bg-color: #e4ece8;
  --fc-day-color: #333;
  --fc-day-bg-color: #fff;
  --fc-col-header-bg-color: rgba(0, 0, 0, 0.1);
  --fc-day-sat-color: #00869c;
  --fc-day-bg-sat-color: #f0f7ff;
  --fc-col-header-bg-sat-color: #dbecff;
  --fc-day-sun-color: #da3814;
  --fc-day-bg-sun-color: #fff0f0;
  --fc-col-header-bg-sun-color: #fadbdb;
  --fc-day-bg-today-color: #e8fbf6;
}

.page-calendar {
  max-width: 1200px;
  margin: 0 auto;
}

.calendar-content {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.calendar-content .fc {
  /* 버튼 내부 여백 조정 (선택사항) */
  /* 평일 */
  /* 토요일 */
  /* 일요일 */
  /*오늘 날짜*/
  /* 칸이 좁아질 때 글자 잘림 방지 */
}
.calendar-content .fc-button .fc-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.calendar-content .fc-today-button:disabled {
  background: var(--fc-button-disabled-bg-color);
}
.calendar-content .fc-prev-button, .calendar-content .fc-next-button {
  padding: 4px 8px;
}
.calendar-content .fc-theme-standard .fc-col-header-cell-cushion {
  display: inline-block;
  width: 100%;
  padding: 10px 5px;
}
.calendar-content .fc-col-header-cell.fc-day {
  background: var(--fc-col-header-bg-color);
}
.calendar-content .fc-col-header-cell.fc-day-sat {
  background: var(--fc-col-header-bg-sat-color);
}
.calendar-content .fc-col-header-cell.fc-day-sun {
  background: var(--fc-col-header-bg-sun-color);
}
.calendar-content .fc-day {
  background-color: var(--fc-day-bg-color);
}
.calendar-content .fc-day .fc-col-header-cell-cushion,
.calendar-content .fc-day .fc-daygrid-day-number {
  color: var(--fc-day-color);
}
.calendar-content .fc-day-sat {
  background-color: var(--fc-day-bg-sat-color);
}
.calendar-content .fc-day-sat .fc-col-header-cell-cushion,
.calendar-content .fc-day-sat .fc-daygrid-day-number {
  color: var(--fc-day-sat-color);
}
.calendar-content .fc-day-sun {
  background-color: var(--fc-day-bg-sun-color);
}
.calendar-content .fc-day-sun .fc-col-header-cell-cushion,
.calendar-content .fc-day-sun .fc-daygrid-day-number {
  color: var(--fc-day-sun-color);
}
.calendar-content .fc-day-today {
  background-color: var(--fc-day-bg-today-color);
}
.calendar-content .fc-daygrid-event {
  background: transparent;
  border: none;
  box-shadow: none;
}
.calendar-content .fc-daygrid-day-frame {
  padding: 5px;
  box-sizing: border-box;
  min-height: 150px;
}
.calendar-content .fc-daygrid-day-frame .fc-daygrid-day-events {
  margin-top: 5px;
}
.calendar-content .fc-event-main {
  white-space: normal;
}
.calendar-content .fc-event-main .event-item-list {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  width: 100%;
  box-sizing: border-box;
}
.calendar-content .fc-event-main .event-item-list .event-item {
  border: 1px solid #ccc;
  padding: 2px 5px;
  margin-bottom: 2px;
  background: #fff;
  font-size: 12px;
  color: #333;
  border-radius: 5px;
}
.calendar-content .fc-event-main .event-item-list .note-item {
  color: red;
  font-size: 12px;
}

html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
  margin: 0;
  padding: 0;
  word-break: break-all;
}

textarea {
  resize: none;
  outline: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

input,
select,
button {
  vertical-align: middle;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: middle;
  cursor: pointer;
  accent-color: #164b49;
}

button {
  cursor: pointer;
  line-height: 1;
  outline: 0;
  border: 0;
}

img {
  vertical-align: middle;
  border: none;
}

fieldset,
iframe {
  border: none;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #000;
}
a:hover {
  color: royalblue;
}

i,
em {
  font-style: normal;
}

address {
  font-style: normal;
  font-style: normal !important;
}

ul,
ol,
li {
  list-style: none;
}

hr {
  display: none;
}

input::-ms-clear {
  display: none;
}

input[type=file],
input[type=button] {
  cursor: pointer;
}

html,
body {
  width: 100%;
  height: 100%;
  background: #f5f7f7;
  font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", Roboto, "애플고딕", AppleGothic, AppleSDGothicNeo, Helvetica, Dotum, Gulim, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.03em;
}

input,
textarea,
select,
table,
button {
  font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", Roboto, "애플고딕", AppleGothic, AppleSDGothicNeo, Helvetica, Dotum, Gulim, Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.03em;
}

button {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

body {
  background: #f5f7f7;
}
body.accountBackgroundColor {
  background: #f5f7f7;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.blind {
  position: absolute !important;
  top: -1000em !important;
  left: 0 !important;
  display: block !important;
  overflow: hidden !important;
  text-indent: -999em !important;
}

.ir {
  display: inline-block !important;
  overflow: hidden !important;
  text-indent: -9999em !important;
  white-space: nowrap !important;
}

.inlineBlock {
  display: inline-block;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=time],
select,
textarea {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px 10px;
  text-align: left;
  height: 33px;
  border-radius: 3px;
  font-size: 13px;
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=date]::placeholder,
input[type=time]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #666;
}

input[type=radio] ~ label,
input[type=checkbox] ~ label {
  cursor: pointer;
  user-select: none;
}

textarea {
  resize: vertical;
}

.label-notice {
  text-align: center;
  background: #fff;
  color: #164b49;
  border: 1px solid #164b49;
  font-size: 12px;
  padding: 2px 5px;
  border-radius: 5px;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.order-updown {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
}
.order-updown li {
  display: inline-block;
}

.inp {
  display: inline-block;
}
.inp.full {
  width: 100%;
}
.inp.full input[type=text],
.inp.full textarea {
  width: 100%;
}

a[href].link {
  color: #000;
  text-decoration: none;
}
a[href].link:hover {
  text-decoration: underline;
}
a[href].link:hover .comment-num {
  text-decoration: none;
}

a[href].link-line {
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, 0.3);
  text-decoration-style: solid;
}
a[href].link-line:hover {
  text-decoration-color: royalblue;
}
a[href].link-line:hover .comment-num {
  text-decoration: none;
}

.comment-num {
  padding: 1px 6px;
  border: 1px solid #2e7061;
  white-space: nowrap;
  color: #2e7061;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  font-size: 11px;
  margin-left: 10px;
  min-height: 20px;
  line-height: 1;
  text-decoration: none;
}

.st-labels {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.st-labels li {
  display: inline-flex;
  justify-content: start;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}
.st-labels li ~ li {
  margin-left: 8px;
  padding-left: 8px;
}
.st-labels li ~ li:before {
  content: "";
  width: 2px;
  height: 14px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
}

.statusChangeUi {
  display: inline-block;
  position: relative;
}
.statusChangeUi [class^=label-grade] {
  cursor: pointer;
}
.statusChangeUi .layer {
  position: absolute;
  z-index: 5;
  left: 100%;
  top: 0;
  display: none;
}
.statusChangeUi .layer .layer-inner {
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 3px;
  background: #fff;
  column-gap: 3px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.statusChangeUi .layer .layer-inner li {
  display: inline-block;
  padding: 5px;
  line-height: 1;
  white-space: nowrap;
  border-radius: 3px;
  cursor: pointer;
}
.statusChangeUi .layer .layer-inner li:hover {
  background: #2e7061;
  color: #fff;
}
.statusChangeUi:hover .layer {
  display: inline-block;
}

.auto-complete-ui {
  display: inline-block;
  position: relative;
}
.auto-complete-ui.edit {
  width: 300px;
}
.auto-complete-ui.edit .bootstrap-tagsinput {
  width: 100%;
}

.org-list,
.period-list {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.org-list .item .btn,
.period-list .item .btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  font-size: 13px;
  min-width: 40px;
  padding: 4px 10px;
  height: 24px;
}
.org-list .item .btn ~ .btn,
.period-list .item .btn ~ .btn {
  left: -1px;
}
.org-list .item .btn.active,
.period-list .item .btn.active {
  background: #307062;
  color: #fff;
}

.tab-contents {
  margin-top: 20px;
}
.tab-contents .tab-pane {
  position: relative;
  display: none;
}
.tab-contents .tab-pane.active {
  display: block;
}
.tab-contents .tab-pane ~ .tab-pane {
  margin-top: 20px;
}

.label-grade-blue {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #007bff;
  color: #007bff;
}

.label-status-blue {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #007bff;
  color: #007bff;
}

.label-status-fill-blue {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #007bff;
  background: #007bff;
  color: #fff;
}

.label-step-blue {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #007bff;
  color: #007bff;
}

.option-blue {
  color: #007bff;
}

.label-grade-indigo {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6610f2;
  color: #6610f2;
}

.label-status-indigo {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6610f2;
  color: #6610f2;
}

.label-status-fill-indigo {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6610f2;
  background: #6610f2;
  color: #fff;
}

.label-step-indigo {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6610f2;
  color: #6610f2;
}

.option-indigo {
  color: #6610f2;
}

.label-grade-purple {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6f42c1;
  color: #6f42c1;
}

.label-status-purple {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6f42c1;
  color: #6f42c1;
}

.label-status-fill-purple {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6f42c1;
  background: #6f42c1;
  color: #fff;
}

.label-step-purple {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6f42c1;
  color: #6f42c1;
}

.option-purple {
  color: #6f42c1;
}

.label-grade-pink {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #e83e8c;
  color: #e83e8c;
}

.label-status-pink {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #e83e8c;
  color: #e83e8c;
}

.label-status-fill-pink {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #e83e8c;
  background: #e83e8c;
  color: #fff;
}

.label-step-pink {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #e83e8c;
  color: #e83e8c;
}

.option-pink {
  color: #e83e8c;
}

.label-grade-red {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #dc3545;
  color: #dc3545;
}

.label-status-red {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #dc3545;
  color: #dc3545;
}

.label-status-fill-red {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #dc3545;
  background: #dc3545;
  color: #fff;
}

.label-step-red {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #dc3545;
  color: #dc3545;
}

.option-red {
  color: #dc3545;
}

.label-grade-orange {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #fd7e14;
  color: #fd7e14;
}

.label-status-orange {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #fd7e14;
  color: #fd7e14;
}

.label-status-fill-orange {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #fd7e14;
  background: #fd7e14;
  color: #fff;
}

.label-step-orange {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #fd7e14;
  color: #fd7e14;
}

.option-orange {
  color: #fd7e14;
}

.label-grade-yellow {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #ffc107;
  color: #ffc107;
}

.label-status-yellow {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #ffc107;
  color: #ffc107;
}

.label-status-fill-yellow {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #ffc107;
  background: #ffc107;
  color: #fff;
}

.label-step-yellow {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #ffc107;
  color: #ffc107;
}

.option-yellow {
  color: #ffc107;
}

.label-grade-green {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #28a745;
  color: #28a745;
}

.label-status-green {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #28a745;
  color: #28a745;
}

.label-status-fill-green {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #28a745;
  background: #28a745;
  color: #fff;
}

.label-step-green {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #28a745;
  color: #28a745;
}

.option-green {
  color: #28a745;
}

.label-grade-teal {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #20c997;
  color: #20c997;
}

.label-status-teal {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #20c997;
  color: #20c997;
}

.label-status-fill-teal {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #20c997;
  background: #20c997;
  color: #fff;
}

.label-step-teal {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #20c997;
  color: #20c997;
}

.option-teal {
  color: #20c997;
}

.label-grade-cyan {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #17a2b8;
  color: #17a2b8;
}

.label-status-cyan {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #17a2b8;
  color: #17a2b8;
}

.label-status-fill-cyan {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #17a2b8;
  background: #17a2b8;
  color: #fff;
}

.label-step-cyan {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #17a2b8;
  color: #17a2b8;
}

.option-cyan {
  color: #17a2b8;
}

.label-grade-white {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #fff;
  color: #fff;
}

.label-status-white {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #fff;
  color: #fff;
}

.label-status-fill-white {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #fff;
  background: #fff;
  color: #fff;
}

.label-step-white {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #fff;
  color: #fff;
}

.option-white {
  color: #fff;
}

.label-grade-gray {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6c757d;
  color: #6c757d;
}

.label-status-gray {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6c757d;
  color: #6c757d;
}

.label-status-fill-gray {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6c757d;
  background: #6c757d;
  color: #fff;
}

.label-step-gray {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6c757d;
  color: #6c757d;
}

.option-gray {
  color: #6c757d;
}

.label-grade-gray-dark {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #343a40;
  color: #343a40;
}

.label-status-gray-dark {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #343a40;
  color: #343a40;
}

.label-status-fill-gray-dark {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #343a40;
  background: #343a40;
  color: #fff;
}

.label-step-gray-dark {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #343a40;
  color: #343a40;
}

.option-gray-dark {
  color: #343a40;
}

.label-grade-primary {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #007bff;
  color: #007bff;
}

.label-status-primary {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #007bff;
  color: #007bff;
}

.label-status-fill-primary {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #007bff;
  background: #007bff;
  color: #fff;
}

.label-step-primary {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #007bff;
  color: #007bff;
}

.option-primary {
  color: #007bff;
}

.label-grade-secondary {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6c757d;
  color: #6c757d;
}

.label-status-secondary {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6c757d;
  color: #6c757d;
}

.label-status-fill-secondary {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6c757d;
  background: #6c757d;
  color: #fff;
}

.label-step-secondary {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #6c757d;
  color: #6c757d;
}

.option-secondary {
  color: #6c757d;
}

.label-grade-success {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #28a745;
  color: #28a745;
}

.label-status-success {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #28a745;
  color: #28a745;
}

.label-status-fill-success {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #28a745;
  background: #28a745;
  color: #fff;
}

.label-step-success {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #28a745;
  color: #28a745;
}

.option-success {
  color: #28a745;
}

.label-grade-info {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #17a2b8;
  color: #17a2b8;
}

.label-status-info {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #17a2b8;
  color: #17a2b8;
}

.label-status-fill-info {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #17a2b8;
  background: #17a2b8;
  color: #fff;
}

.label-step-info {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #17a2b8;
  color: #17a2b8;
}

.option-info {
  color: #17a2b8;
}

.label-grade-warning {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #ffc107;
  color: #ffc107;
}

.label-status-warning {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #ffc107;
  color: #ffc107;
}

.label-status-fill-warning {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #ffc107;
  background: #ffc107;
  color: #fff;
}

.label-step-warning {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #ffc107;
  color: #ffc107;
}

.option-warning {
  color: #ffc107;
}

.label-grade-danger {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #dc3545;
  color: #dc3545;
}

.label-status-danger {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #dc3545;
  color: #dc3545;
}

.label-status-fill-danger {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #dc3545;
  background: #dc3545;
  color: #fff;
}

.label-step-danger {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #dc3545;
  color: #dc3545;
}

.option-danger {
  color: #dc3545;
}

.label-grade-light {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #f8f9fa;
  color: #f8f9fa;
}

.label-status-light {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #f8f9fa;
  color: #f8f9fa;
}

.label-status-fill-light {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #f8f9fa;
  background: #f8f9fa;
  color: #fff;
}

.label-step-light {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #f8f9fa;
  color: #f8f9fa;
}

.option-light {
  color: #f8f9fa;
}

.label-grade-dark {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #343a40;
  color: #343a40;
}

.label-status-dark {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #343a40;
  color: #343a40;
}

.label-status-fill-dark {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #343a40;
  background: #343a40;
  color: #fff;
}

.label-step-dark {
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  border-radius: 3px;
  border: 1px solid #343a40;
  color: #343a40;
}

.option-dark {
  color: #343a40;
}

.loadingBar {
  position: fixed;
  z-index: 1000;
  display: none;
  inset: 0;
}
.loadingBar .inner {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.loadingBar .inner .icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 10px solid #FFF;
  border-radius: 50%;
  position: relative;
  transform: rotate(45deg);
  box-sizing: border-box;
}
.loadingBar .inner .icon:before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  inset: -10px;
  border-radius: 50%;
  border: 10px solid #2e7061;
  animation: prixClipFix 2s infinite linear;
}

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
.card {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.card .card-title {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card .card-title .table-title {
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.card .card-title .table-title .helper {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  line-height: 1;
}
.card .card-title .table-title .helper .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
.card .card-title .table-title .helper .icon:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/resources/images/common/help-icon.png") center center no-repeat;
  background-size: contain;
}
.card .card-title .table-title .helper .layer {
  position: absolute;
  z-index: 5;
  display: none;
  left: 100%;
  top: -50%;
}
.card .card-title .table-title .helper .layer .inner-txt {
  position: relative;
  background: #fff;
  color: #2e7061;
  padding: 10px;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  width: 200px;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.card .card-title .table-title .helper:hover .layer {
  display: inline-block;
}
.card .card-title .table-title .division {
  margin: 0 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  flex-shrink: 0;
  flex-grow: 0;
}
.card .card-title .table-title .count-list {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
}
.card .card-title .table-title .count-list dt {
  font-weight: normal;
}
.card .card-title .table-title .count-list dd {
  font-weight: normal;
}
.card .card-title .table-title .count-list dd.count {
  font-size: 18px;
  font-weight: 600;
  color: #2e7061;
}
.card .card-title .table-title .count-list dd.count .sm {
  font-size: 13px;
  margin-left: 5px;
}
.card .card-title .table-title-fns {
  display: inline-flex;
  justify-content: end;
  align-items: center;
  column-gap: 10px;
}
.card .card-title .table-title-fns li {
  display: inline-block;
}
.card .card-title .table-title-fns li .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  min-width: 80px;
}
.card .card-title .table-title-fns li .btn-article-write {
  background: #2e7061;
  color: #fff;
}
.card .card-title .table-title-fns li .btn-article-save {
  background: royalblue;
  color: #fff;
}
.card .card-body {
  font-size: 13px;
  font-weight: 400;
}
.article-card {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 20px;
}
.article-card.articleModifyBtn {
  cursor: pointer;
}
.article-card .article-pic {
  flex-grow: 0;
  flex-shrink: 0;
  width: 100px;
  margin: 0;
  padding: 0;
}
.article-card .article-pic .pic img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
}
.article-card .article-para {
  text-align: left;
  flex-grow: 1;
}
.article-card .article-para .main-title {
  font-size: 15px;
  color: #000;
  font-weight: 600;
}
.article-card .article-para .main-title ~ .sub-title {
  margin-top: 10px;
}
.article-card .article-para .sub-title {
  font-size: 13px;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 20px auto 0;
}
.pagination .pagn-list {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.pagination .pagn-list li {
  display: inline-block;
}
.pagination .pagn-list li a {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1;
  color: #666;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  font-family: "dotum", "hevetica", sans-serif;
  font-size: 12px;
}
.pagination .pagn-list li a:hover {
  background: #f9f9f9;
  color: #2e7061;
}
.pagination .pagn-list li a.on {
  background: #2e7061;
  color: #fff;
}

.search-content {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  font-size: 13px;
}
.search-content .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  column-gap: 50px;
  row-gap: 10px;
}
.search-content .row .footer-fns {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  column-gap: 10px;
}
.search-content .row .footer-fns li {
  display: inline-block;
}
.search-content .row .footer-fns li .btn {
  padding: 6px 20px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 110px;
}
.search-content .row .footer-fns li .btn-sumbit, .search-content .row .footer-fns li .btn-save, .search-content .row .footer-fns li .btn-search {
  background: #2e7061;
  color: #fff;
}
.search-content .row .footer-fns li .btn-cancel, .search-content .row .footer-fns li .btn-list, .search-content .row .footer-fns li .btn-refresh {
  background: #f9f9f9;
}
.search-content .row .footer-fns li .btn-excel-download {
  color: #2e7061;
  column-gap: 5px;
}
.search-content .row .footer-fns li .btn-excel-download:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/resources/images/common/excel-down.png") center center no-repeat;
  background-size: contain;
}
.search-content .row .column {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  column-gap: 10px;
  row-gap: 10px;
}
.search-content .row .column .footer-fns {
  margin-top: 0;
}
.search-content .row .column.center {
  justify-content: center;
}
.search-content .row .column dt,
.search-content .row .column dd {
  display: inline-block;
  position: relative;
}
.search-content .row .column dt {
  min-width: 60px;
}
.search-content .row .column .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  text-align: center;
  height: 33px;
  padding: 0px 10px;
  line-height: 1;
}
.search-content .row .column .btn-search {
  background: #2e7061;
  color: #fff;
}
.search-content .row .column .btn ~ .btn {
  margin-left: 5px;
}
.search-content .row .column .help-txt {
  font-size: 12px;
  color: #666;
}
.search-content .row .column.full {
  width: 100%;
  box-sizing: border-box;
}
.search-content .row .column.full dd {
  flex-grow: 1;
}
.search-content .row .column.full dd input[type=text],
.search-content .row .column.full dd textarea {
  width: 100%;
  box-sizing: border-box;
}
.search-content .row .column.half {
  width: 50%;
  box-sizing: border-box;
}
.search-content .row .column.half dd {
  flex-grow: 1;
}
.search-content .row .column.half dd input[type=text],
.search-content .row .column.half dd textarea {
  width: 100%;
  box-sizing: border-box;
}
.search-content .row .exp {
  font-weight: normal;
  font-size: 12px;
  color: red;
  vertical-align: sub;
}
.search-content .row input[type=radio] ~ label,
.search-content .row input[type=checkbox] ~ label {
  margin-left: 5px;
}
.search-content .row ~ .row {
  margin-top: 10px;
}

.page-edit {
  max-width: 1169px;
}

.with-aside {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  column-gap: 20px;
}
.with-aside .write-content {
  width: 809px;
}

.write-content {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  font-size: 13px;
  position: relative;
}
.write-content .help-txt {
  font-size: 12px;
  margin-top: 5px;
  color: #666;
}
.write-content .account-helptxt {
  margin-top: 10px;
  margin-left: 108px;
  color: #666;
  font-size: 12px;
}
.write-content .account-helptxt.red {
  color: #db0000;
}
.write-content .history-btn-area {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
}
.write-content .history-btn-area .btn.btn-history {
  padding: 4px 8px;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  background: #fff;
  color: #333;
}
.write-content .history-btn-area .btn.btn-history .icon {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.write-content .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  column-gap: 50px;
  row-gap: 10px;
}
.write-content .row .column {
  display: inline-flex;
  justify-content: start;
  align-items: center;
  column-gap: 10px;
  row-gap: 10px;
}
.write-content .row .column dt,
.write-content .row .column dd {
  display: inline-block;
}
.write-content .row .column dt {
  min-width: 100px;
  font-weight: bold;
  flex-grow: 0;
  flex-shrink: 0;
}
.write-content .row .column .btn-pwd-change {
  color: #2e7061;
  border-color: #2e7061;
}
.write-content .row .column .countChar {
  font-weight: normal;
  font-size: 12px;
  color: royalblue;
  display: block;
}
.write-content .row .column .profile-pic {
  width: 36px;
  height: 36px;
  margin-right: 8px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.write-content .row .column .profile-pic img {
  width: 100%;
  height: auto;
}
.write-content .row .column .exp {
  font-weight: normal;
  font-size: 12px;
  color: red;
  vertical-align: middle;
}
.write-content .row .column.full {
  width: 100%;
  box-sizing: border-box;
}
.write-content .row .column.full dd {
  flex-grow: 1;
}
.write-content .row .column.full dd select,
.write-content .row .column.full dd input[type=text],
.write-content .row .column.full dd textarea {
  width: 100%;
  box-sizing: border-box;
}
.write-content .row .column.full dd.setting {
  flex-grow: 0;
  flex-shrink: 0;
}
.write-content .row .column.full-keyword {
  width: 100%;
  box-sizing: border-box;
  flex-wrap: nowrap;
}
.write-content .row .column.full-keyword dd {
  flex-grow: 1;
}
.write-content .row .column.full-keyword dd input[type=text],
.write-content .row .column.full-keyword dd textarea {
  width: auto;
  box-sizing: border-box;
}
.write-content .row .column.full-keyword dd .keyword-inp {
  height: 24px;
  padding: 0 5px;
}
.write-content .row .column.series-input {
  flex-grow: 0;
  flex-shrink: 0;
}
.write-content .row .column.series-input .ulink {
  text-decoration: underline;
  color: royalblue;
  display: inline-block;
  white-space: nowrap;
}
.write-content .row ~ .row {
  margin-top: 15px;
}
.write-content .row input[type=radio] ~ label,
.write-content .row input[type=checkbox] ~ label {
  margin-left: 5px;
}
.write-content .row .btn,
.write-content .row .btn-status,
.write-content .row .btn-transfer {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  line-height: 1;
  height: 30px;
  font-size: 13px;
}
.write-content .row .btn.on,
.write-content .row .btn-status.on,
.write-content .row .btn-transfer.on {
  background: #5ddbc0;
  color: #000;
}
.write-content .row .history-calendar-area {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
}
.write-content .row .history-calendar-area .btn {
  padding: 4px 8px;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  background: #fff;
  color: #333;
}
.write-content .row .history-calendar-area .btn .icon {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.write-content ~ .write-content {
  margin-top: 30px;
}
.write-content .outauthor-write-area {
  margin-top: 15px;
}
.write-content .outauthor-write-area .outauthor-list {
  padding: 10px;
  background: #f3f7f7;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.write-content .outauthor-write-area .outauthor-list .item {
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  border: 1px solid rgba(100, 150, 150, 0.3);
}
.write-content .outauthor-write-area .outauthor-list .item .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.write-content .outauthor-write-area .outauthor-list .item .title-txt {
  display: inline-block;
  font-weight: bold;
}
.write-content .outauthor-write-area .outauthor-list .item .title-fns .btn {
  display: inline-flex;
  padding: 5px 10px;
  min-width: 60px;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.write-content .outauthor-write-area .outauthor-list .item .title-fns .btn-outauthor-add {
  background: #2e7061;
  color: #fff;
}
.write-content .outauthor-write-area .outauthor-list .item .title-fns .btn-outauthor-remove {
  background: #dbdbdb;
  color: #333;
}
.write-content .outauthor-write-area .outauthor-list .item .title-fns .btn ~ .btn {
  margin-left: 10px;
}
.write-content .outauthor-write-area .outauthor-list .item .row .column dt {
  min-width: 72px;
}
.write-content .outauthor-write-area .outauthor-list .item ~ .item {
  margin-top: 10px;
}

.footer-fns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  column-gap: 10px;
}
.footer-fns li {
  display: inline-block;
}
.footer-fns li .btn {
  height: 36px;
  padding: 8px 20px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 150px;
}
.footer-fns li .btn-search, .footer-fns li .btn-save {
  background: #2e7061;
  color: #fff;
}
.footer-fns li .btn-tempSave, .footer-fns li .btn-refresh {
  background: #f9f9f9;
}
.footer-fns li .btn-transfer {
  background: royalblue;
  color: #fff;
}
.footer-fns li .btn-delete, .footer-fns li .btn-cancel {
  background: #666;
  color: #fff;
}

/* 연재글 리스트 */
.series-article-list {
  list-style: none;
  margin: 0;
  padding: 5px;
  background: #f5f5f5;
  border-radius: 3px;
  display: none;
  width: 100%;
  box-sizing: border-box;
}
.series-article-list .series-article-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  padding: 5px 10px;
  height: 33px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.series-article-list .series-article-item ~ .series-article-item {
  margin-top: 5px;
}
.series-article-list .series-article-item a {
  display: inline-block;
  padding: 4px 0;
  text-decoration: underline;
  color: royalblue;
  white-space: nowrap;
  max-width: 430px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.series-article-list .series-article-item a:hover {
  text-decoration: underline;
}
.series-article-list .series-article-item .remove-btn {
  display: inline-block;
  cursor: pointer;
  color: #666;
  font-size: 14px;
  vertical-align: middle;
  line-height: 1;
  padding: 3px;
}
.series-article-list .series-article-item .remove-btn:hover {
  color: #000;
}
.series-article-list .help-txt {
  font-size: 12px;
  margin-top: 5px;
  color: #666;
}

/* 첨부파일 리스트 */
.attach-file-inp {
  position: relative;
}
.attach-file-inp ~ .attach-file-list {
  margin-top: 10px;
}

.attach-file-list {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #f5f5f5;
  padding: 5px;
  display: inline-flex;
  gap: 5px;
}
.attach-file-list .title {
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 14px;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 10px;
}
.attach-file-list .attach-file-item {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  padding: 3px 6px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.attach-file-list .attach-file-item a {
  display: inline-block;
  text-decoration: none;
  color: #000;
  word-break: break-all;
}
.attach-file-list .attach-file-item a:hover {
  text-decoration: underline;
}
.attach-file-list .attach-file-item .remove-btn {
  display: inline-block;
  cursor: pointer;
  color: #666;
  font-size: 14px;
  vertical-align: middle;
  line-height: 1;
  padding: 3px;
}
.attach-file-list .attach-file-item .remove-btn:hover {
  color: #000;
}

.toolboxs {
  width: 340px;
  flex-shrink: 0;
  flex-grow: 0;
}
.toolboxs.scrollActive {
  position: sticky;
  z-index: 50;
  top: 130px;
  right: 0;
  height: calc(100vh - 150px);
  overflow-y: auto;
}
.toolboxs .toolbox-item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 15px;
  border-radius: 4px;
  font-size: 13px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-bottom: 10px;
}
.toolboxs .toolbox-item .item-tt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.toolboxs .toolbox-item .item-tt-txt {
  font-size: 14px;
  font-weight: bold;
}
.toolboxs .toolbox-item .item-tt .deco-icon {
  margin-right: 5px;
}
.toolboxs .toolbox-item .item-tt .drop-icon {
  line-height: 1;
  display: inline-block;
}
.toolboxs .toolbox-item .item-tt .drop-icon.on {
  transform: rotate(180deg);
}
.toolboxs .toolbox-item .item-ct {
  margin-top: 10px;
}
.toolboxs .toolbox-item .item-ct .para-btns {
  display: flex;
  column-gap: 10px;
  background: #f5f5f5;
  padding: 5px;
}
.toolboxs .toolbox-item .item-ct .para-btns .btn {
  padding: 5px 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  font-size: 13px;
}
.toolboxs .toolbox-item .item-ct .para-btns .btn i.deco-icon {
  margin-right: 5px;
}
.toolboxs .toolbox-item .item-ct .para-btns .btn.specialCharBtn {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
}
.toolboxs .toolbox-item .item-ct .para-btns .btn.paraStyleBtn {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
}
.toolboxs .toolbox-item .item-ct .para-btns .btn:hover {
  border-color: rgba(0, 0, 0, 0.5);
}
.toolboxs .toolbox-item .item-ct .limit-txt {
  display: inline-block;
  padding: 4px;
  text-align: center;
  background: #f5fdf9;
  border: 1px solid #d6f1f0;
  font-size: 12px;
  width: 100%;
  border-radius: 4px;
  color: #307062;
}
.toolboxs .toolbox-item .item-ct .transfer-portal-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
}
.toolboxs .toolbox-item .item-ct .transfer-portal-list li {
  display: inline-block;
  flex-grow: 1;
}
.toolboxs .toolbox-item .item-ct .transfer-portal-list li .btn-transfer {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4px 8px;
  line-height: 1;
  height: 30px;
  font-size: 13px;
}
.toolboxs .toolbox-item .item-ct .transfer-portal-list li .btn-transfer [class^=material] {
  width: 24px;
}
.toolboxs .toolbox-item .item-ct .transfer-portal-list li .btn-transfer.btnSend {
  background: #333b53;
  color: #fff;
}
.toolboxs .toolbox-item .item-ct .transfer-portal-list li .btn-transfer.btnSend:hover {
  background: #000;
}
.toolboxs .toolbox-item .item-ct .transfer-portal-list li .btn-transfer.on {
  background: #5ddbc0;
  color: #000;
}
.toolboxs .toolbox-item .item-ct .util {
  position: relative;
  padding: 5px;
}
.toolboxs .toolbox-item .item-ct .util-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.toolboxs .toolbox-item .item-ct .util-title .title-txt {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
}
.toolboxs .toolbox-item .item-ct .util-title .fns-btns {
  display: inline-flex;
  justify-content: end;
  align-items: center;
  column-gap: 10px;
}
.toolboxs .toolbox-item .item-ct .util .thumb-list {
  margin-top: 10px;
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  gap: 10px;
}
.toolboxs .toolbox-item .item-ct .util .thumb-list .item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  column-gap: 8px;
  width: 140px;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
}
.toolboxs .toolbox-item .item-ct .util .thumb-list .item .primary-chk {
  position: absolute;
  z-index: 5;
  left: 5px;
  top: 5px;
  background: #fff;
  padding: 4px 8px;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
}
.toolboxs .toolbox-item .item-ct .util .thumb-list .item .primary-chk.on {
  background: royalblue;
  color: #fff;
}
.toolboxs .toolbox-item .item-ct .util .thumb-list .item .thumb-pic {
  width: 100%;
  height: 80px;
  overflow: hidden;
  background: #f5f5f5;
  margin: 0;
  padding: 0;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.toolboxs .toolbox-item .item-ct .util .thumb-list .item .thumb-pic .video-play {
  color: #fff;
  font-size: 30px;
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toolboxs .toolbox-item .item-ct .util .thumb-list .item .thumb-pic img {
  max-width: 100%;
  height: 100%;
}
.toolboxs .toolbox-item .item-ct .util .thumb-list .item .thumb-pic::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
}
.toolboxs .toolbox-item .item-ct .util .thumb-list .item .fns-btns {
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
}
.toolboxs .toolbox-item .item-ct .util .thumb-list .item .fns-btns .btn {
  padding: 4px 8px;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
}
.toolboxs .toolbox-item .item-ct .util .thumb-list .item .fns-btns .btn-reg {
  border-color: royalblue;
  color: royalblue;
}
.toolboxs .toolbox-item .item-ct .util .thumb-list .item .fns-btns .btn-del {
  border-color: #666;
  color: #333;
}
.toolboxs .toolbox-item:last-child {
  margin-bottom: 0;
}
.toolboxs .toolbox-item.accessor {
  background: aliceblue;
  border-color: #90acff;
}
.toolboxs .connect-member {
  max-height: 160px;
  overflow-y: auto;
}
.toolboxs .connect-member li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  gap: 5px;
}
.toolboxs .connect-member li .name, .toolboxs .connect-member li .pos {
  display: inline-block;
}
.toolboxs .connect-member li ~ li {
  margin-top: 5px;
}
.toolboxs .preview-device {
  display: flex;
  justify-content: start;
  align-items: start;
  column-gap: 10px;
  background: #f5f5f5;
  padding: 5px;
}
.toolboxs .preview-device .btn {
  padding: 4px 10px;
  font-size: 13px;
  height: 30px;
  flex-grow: 1;
}
.toolboxs .preview-device .btn.btnDesktop {
  border-color: royalblue;
  color: royalblue;
  background: #fff;
}
.toolboxs .preview-device .btn.btnMobile {
  border-color: #288985;
  color: #288985;
  background: #fff;
}
.toolboxs .photo-db-search {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.toolboxs .photo-db-search .search-inp {
  width: 100%;
  padding-right: 30px;
}
.toolboxs .photo-db-search .search-icon {
  line-height: 1;
  border: 0;
  background: transparent;
  position: absolute;
  z-index: 2;
  right: 5px;
  top: 50%;
  margin-top: -12px;
}
.toolboxs .help-txt {
  font-size: 12px;
  margin-bottom: 10px;
}
.toolboxs .youtube-embed {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
}
.toolboxs .youtube-embed .embed-url {
  flex-grow: 1;
  border-radius: 3px 0 0 3px;
}
.toolboxs .youtube-embed .youtubeUrlBtn {
  width: 60px;
  border-radius: 0 3px 3px 0;
  background: #333;
  color: #fff;
  font-size: 13px;
  height: 33px;
}
.toolboxs .imageEditorBtn,
.toolboxs .photoAttachBtn,
.toolboxs .tempDbBtn {
  min-width: 80px;
  padding: 4px 8px;
  font-size: 12px;
  min-width: 50px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  background: #2e7061;
  color: #fff;
}
.toolboxs .imageEditorBtn {
  border-color: #2e7061;
  background: #fff;
  color: #2e7061;
}

.dropdown-ui {
  display: inline-block;
  position: relative;
  padding: 5px;
  background: #f5f5f5;
  border-radius: 3px;
}
.dropdown-ui-btn {
  position: relative;
  display: inline-flex;
  width: 100%;
  cursor: pointer;
  background: #fff;
  height: 33px;
  padding: 5px 5px 5px 10px;
  border-radius: 3px;
  font-size: 13px;
  column-gap: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.dropdown-ui-btn:focus {
  outline: 1;
  outline-color: #000;
}
.dropdown-ui-btn .text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex-grow: 1;
}
.dropdown-ui-btn .drop-icon.on {
  transform: rotate(180deg);
}
.dropdown-ui .menu {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 100%;
  width: 300px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  display: none;
}
.dropdown-ui .menu .item {
  line-height: 1.4;
  padding: 5px 10px;
  cursor: pointer;
  text-align: left;
  height: auto;
}
.dropdown-ui .menu .item:hover, .dropdown-ui .menu .item:focus-visible, .dropdown-ui .menu .item.selected {
  background: royalblue;
  color: #fff;
}
.dropdown-ui.series {
  width: 100%;
}
.dropdown-ui.series .menu {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  box-sizing: border-box;
}

.ulink {
  text-decoration: underline;
  color: royalblue;
}

.title-sub {
  height: 50px;
}

.view-content {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.view-content .header {
  margin-bottom: 20px;
}
.view-content .header dt {
  font-size: 20px;
  margin-bottom: 20px;
}
.view-content .header dd {
  margin-top: 10px;
}
.view-content .header dd .write-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}
.view-content .header dd .write-info .tt {
  min-width: 60px;
}
.view-content .body .detail {
  min-height: 300px;
  padding: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 1.5;
}
.view-content .body .detail:before, .view-content .body .detail:after {
  content: "";
  display: table;
  clear: both;
}
.view-content .body .detail p {
  font-size: 14px;
  line-height: 1.3;
}
.view-content .body .detail p ~ p {
  margin-top: 1em;
}
.view-content .body .attachFiles {
  display: inline-flex;
  column-gap: 10px;
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
}
.view-content .body .attachFiles .title {
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 14px;
  display: inline-flex;
  font-weight: normal;
  align-items: center;
}
.view-content .body .attachFiles .file-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
}
.view-content .body .attachFiles .file-list .item .link {
  padding: 5px;
}

.inline-fns {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
.inline-fns li {
  display: inline-block;
}
.inline-fns li .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 24px;
  font-size: 12px;
  min-width: 50px;
  padding: 0 5px;
  white-space: nowrap;
}
.inline-fns li .btn-desktop {
  min-width: 24px;
  background: #009688;
  color: #fff;
}
.inline-fns li .btn-mobile {
  min-width: 24px;
  background: #000;
  color: #fff;
}
.inline-fns li .btn-view-article {
  border-color: royalblue;
  color: royalblue;
}
.inline-fns li .btn.modifyBannerBtn {
  background: #2e7061;
  color: #fff;
  border-color: #2e7061;
}
.inline-fns li .btn-save, .inline-fns li .btn-save-article, .inline-fns li .btn-submit {
  background: #2e7061;
  color: #fff;
}
.inline-fns li .btn-transfer {
  background: royalblue;
  color: #fff;
}
.inline-fns li .btn-copy-url {
  color: #673ab7;
  border-color: #673ab7;
}
.inline-fns li .btn-cancel, .inline-fns li .btn-delete, .inline-fns li .btn-delete-article, .inline-fns li .btn-no-exp {
  background: #f9f9f9;
}
.inline-fns-edit {
  width: 100%;
  box-sizing: border-box;
  flex-direction: column;
}
.inline-fns-edit li {
  width: 100%;
  box-sizing: border-box;
}
.inline-fns-edit li.vw a[href] {
  display: inline-block;
  width: 100%;
  text-align: left;
}
.inline-fns-edit li .inp-full {
  width: 100%;
  box-sizing: border-box;
}

.table {
  border-collapse: collapse;
  width: 100%;
}
.table thead {
  font-size: 14px;
}
.table thead tr th {
  padding: 8px 5px;
}
.table tbody {
  font-size: 13px;
}
.table tr th, .table tr td {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 8px 5px;
  text-align: center;
  position: relative;
}
.table tr th.left, .table tr td.left {
  text-align: left;
}
.table tr th.center, .table tr td.center {
  text-align: center;
}
.table tr th.right, .table tr td.right {
  text-align: right;
}
.table tr th.bold, .table tr td.bold {
  font-weight: bold;
}
.table tr th .wdate ~ .wtime, .table tr td .wdate ~ .wtime {
  margin-left: 5px;
}
.table tr.topFix th, .table tr.topFix td {
  background: #f0fffe;
}
.table tr .fns-sort {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  user-select: none;
  column-gap: 5px;
}
.table tr .fns-sort .fns-title {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.table tr .fns-sort .fns-title:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #666;
  margin-left: 5px;
}
.table tr .fns-sort.desc .fns-title {
  color: #2e7061;
}
.table tr .fns-sort.desc .fns-title:after {
  border-top: none;
  border-bottom: 5px solid #2e7061;
}
.table tr .helper {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  line-height: 1;
  /*
  &:hover{
  	.layer{
  		display: inline-block;
  	}
  }
  */
}
.table tr .helper .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
.table tr .helper .icon:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("/resources/images/common/help-icon.png") center center no-repeat;
  background-size: contain;
}
.table tr .helper .layer {
  position: fixed;
  z-index: 5;
  display: none;
}
.table tr .helper .layer .inner-txt {
  position: relative;
  background: #fff;
  color: #2e7061;
  padding: 10px;
  padding: 5px;
  width: 200px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: normal;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.table.calendarHistoryTheme thead tr th, .table.calendarHistoryTheme thead tr td,
.table.calendarHistoryTheme tbody tr th,
.table.calendarHistoryTheme tbody tr td {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 12px;
}
.table.calendarHistoryTheme thead tr th {
  padding: 5px;
}
.table.theme-green thead tr th {
  background: #2f8b3b;
  color: #fff;
}
.table.editable-table tbody tr th .inline-fns-edit li.ed, .table.editable-table tbody tr td .inline-fns-edit li.ed {
  display: none;
}
.table.editable-table tbody tr th .inline-fns-edit li.vw, .table.editable-table tbody tr td .inline-fns-edit li.vw {
  display: block;
}
.table.editable-table tbody tr.edit th .inline-fns-edit li.ed, .table.editable-table tbody tr.edit td .inline-fns-edit li.ed {
  display: block;
}
.table.editable-table tbody tr.edit th .inline-fns-edit li.vw, .table.editable-table tbody tr.edit td .inline-fns-edit li.vw {
  display: none;
}
.table.vert-table {
  table-layout: fixed;
}
.table.vert-table tr th, .table.vert-table tr td {
  border: 0;
  vertical-align: top;
  text-align: left;
}
.table.stic-table {
  table-layout: fixed;
  border-collapse: collapse;
}
.table.stic-table tr th, .table.stic-table tr td {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 12px;
}
.table.stic-table tr th.publishedDate, .table.stic-table tr td.publishedDate {
  color: #2e7061;
}
.table.stic-table thead tr th {
  font-size: 13px;
  line-height: 1.3;
  background: #f9f9f9;
}

.scrollable-table {
  max-height: 408px;
  overflow: hidden;
  overflow-y: auto;
}
.scrollable-table .table.stic-table thead {
  border: 1px solid #ccc;
  position: sticky;
  top: 0;
  z-index: 10;
}
.scrollable-table .table.stic-table thead tr th {
  border: 1px solid #ccc;
  background: #f9f9f9;
}
.scrollable-table .table.stic-table tbody .totalRow {
  position: sticky;
  bottom: 0;
  z-index: 10;
}
.scrollable-table .table.stic-table tbody .totalRow th, .scrollable-table .table.stic-table tbody .totalRow td {
  background: #deffec;
  border: 1px solid #ccc;
}

.stat-content {
  display: none;
}

.fixed-table {
  position: relative;
  overflow-x: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px;
}
.fixed-table .stic-table tr th, .fixed-table .stic-table tr td {
  height: 40px;
}
.fixed-table .left-fixed {
  position: sticky;
  z-index: 5;
  left: 0;
  top: 0;
  background: #fff;
  flex-grow: 0;
  flex-shrink: 0;
}
.fixed-table .left-fixed .stic-table.column-4 {
  width: 350px;
}
.fixed-table .left-fixed .stic-table.column-3 {
  width: 250px;
}
.fixed-table .detail-values .stic-table tr th, .fixed-table .detail-values .stic-table tr td {
  width: 65px;
}
.stream-card-list {
  padding: 20px;
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.stream-card-list .stream-card-item {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.stream-card-list .stream-card-item ~ .stream-card-item {
  margin-top: 25px;
}
.stream-card-list .stream-card-item .stream-card {
  display: flex;
  justify-content: start;
  align-items: start;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stream-card-list .stream-card-item .stream-card .stream-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 20px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background: #2e7061;
  color: #fff;
  overflow: hidden;
}
.stream-card-list .stream-card-item .stream-card .stream-icon img {
  width: auto;
  height: 100%;
}
.stream-card-list .stream-card-item .stream-card .stream-info {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: column;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-author {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  column-gap: 8px;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-author .st-user {
  display: inline-block;
  font-weight: bold;
  margin-right: 10px;
  font-size: 14px;
  color: #333;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-author .st-date {
  font-size: 12px;
  display: inline-block;
  color: #999;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-author .fns-btns {
  display: inline-flex;
  justify-content: start;
  align-items: center;
  column-gap: 5px;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-author .fns-btns .btn {
  border: 0;
  background: transparent;
  padding: 1px 2px;
  text-align: center;
  font-size: 12px;
  color: #666;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-author .fns-btns .btn:hover {
  color: #333;
  text-decoration: underline;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-contents {
  margin-top: 5px;
  font-size: 13px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-contents .editor-inner {
  margin: 0;
  padding: 0;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-contents .editor-inner:before, .stream-card-list .stream-card-item .stream-card .stream-info .st-contents .editor-inner:after {
  content: "";
  clear: both;
  display: table;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-contents .editor-inner figure.image {
  margin: 5px;
  max-width: 25vw;
  padding: 0;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-contents .editor-inner figure.image img {
  padding: 10px;
  background: #f9f9f9;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  max-width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-footer {
  margin-top: 5px;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-footer .st-fnlist {
  display: inline-flex;
  justify-content: start;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-footer .st-fnlist li {
  display: inline-block;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-footer .st-fnlist li ~ li {
  margin-left: 5px;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-footer .st-fnlist li .btn {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #666;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-footer .st-fnlist li .btn:hover {
  color: #333;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-footer .st-fnlist li .btn:hover .txt {
  text-decoration: underline;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-file-list {
  margin-top: 5px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stream-card-list .stream-card-item .stream-card .stream-info .st-file-list .file-item {
  display: inline-block;
}
.stream-card-list .stream-card-item.reply {
  padding: 10px;
  padding-left: 40px;
  background: #f9f9f9;
}
.stream-card-list .stream-card-item.reply:before {
  position: absolute;
  z-index: 2;
  left: 20px;
  top: 10px;
  content: "";
  display: inline-block;
  width: 15px;
  height: 25px;
  border: 1px solid #ccc;
  border-top-color: transparent;
  border-right-color: transparent;
}

.task-view-footer {
  background: #f9f9f9;
  width: 100%;
  box-sizing: border-box;
  position: sticky;
  bottom: 0;
  z-index: 8;
  left: 0;
  right: 0;
  border: 1px solid #ddd;
  max-height: 50vh;
  overflow-y: auto;
}
.task-view-footer .task-tags {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 5px 20px;
}
.task-view-footer .task-tags .tag-list {
  display: inline-flex;
  justify-content: end;
  align-items: start;
  flex-wrap: wrap;
}
.task-view-footer .task-tags .tag-list .label.tag {
  display: inline-block;
  margin: 2px;
  font-size: 12px;
}
.task-view-footer .task-tags .tag-list .label.tag ~ .label.tag {
  margin-left: 5px;
}
.task-view-footer .task-tags .tag-list .tag-icon {
  display: inline-block;
  margin-left: 2px;
}
.task-view-footer .task-tags .tag-list .tag-icon .material-icons {
  font-size: 16px;
}
.task-view-footer .task-comment-area {
  display: flex;
  justify-content: start;
  align-items: start;
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box;
}
.task-view-footer .task-comment-area .tsct-author {
  width: 40px;
  height: 40px;
  margin-right: 20px;
  border: 1px solid #ddd;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  background: #2e7061;
  color: #fff;
}
.task-view-footer .task-comment-area .tsct-editarea {
  flex-grow: 1;
  /*
             .ck-content {
               @extend .ck-content;
             }
  				*/
}
.task-view-footer .task-comment-area .tsct-editarea .tsct-comment .ck.ckeditor .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.task-view-footer .task-comment-area .tsct-editarea .tsct-comment .ck.ckeditor .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
  left: 0;
  top: 100%;
  bottom: auto;
}
.task-view-footer .task-comment-area .tsct-editarea .tsct-comment .ck.ckeditor .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne .ck.ck-list .ck.ck-list__item .ck-button,
.task-view-footer .task-comment-area .tsct-editarea .tsct-comment .ck.ckeditor .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se .ck.ck-list .ck.ck-list__item .ck-button {
  font-size: 12px;
}
.task-view-footer .task-comment-area .tsct-editarea .mention-check {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 10px;
}
.task-view-footer .task-comment-area .tsct-editarea .mention-check dt,
.task-view-footer .task-comment-area .tsct-editarea .mention-check dd {
  display: inline-block;
}
.task-view-footer .task-comment-area .tsct-editarea .mention-check dt {
  font-weight: 600;
}
.task-view-footer .task-comment-area .tsct-editarea .mention-check dd {
  margin-left: 10px;
}
.task-view-footer .task-comment-area .tsct-editarea .mention-check .chk-label {
  display: inline-flex;
  justify-content: start;
  align-items: center;
  white-space: nowrap;
}
.task-view-footer .task-comment-area .tsct-editarea .mention-check .chk-label input[type=checkbox] {
  margin-right: 5px;
}
.task-view-footer .task-comment-area .tsct-editarea .mention-check .chk-label .txt {
  display: inline-block;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-inp-editor {
  width: 100%;
  box-sizing: border-box;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-inp-editor textarea {
  width: 100%;
  resize: vertical;
  height: 60px;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-inp-editor .comment-editor {
  border: 1px solid #ddd;
  min-height: 40px;
  max-height: 160px;
  margin: 0;
  padding: 10px;
  overflow-y: auto;
  position: relative;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-inp-editor .comment-editor .temp-exp {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  color: #999;
  font-size: 12px;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-inp-editor .comment-editor:focus {
  background: #fff;
  border-color: royalblue;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-inp-editor .comment-editor:focus .temp-exp {
  display: none;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-inp-footer {
  display: flex;
  justify-content: end;
  align-items: center;
  column-gap: 5px;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-inp-footer .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 5px 10px;
  min-width: 60px;
  line-height: 1;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-inp-footer .btn.btn-submit {
  background: #2e7061;
  color: #fff;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-inp-footer .btn.btn-cancel {
  background: #eee;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-control {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-control .control-panel .comment-fn-list,
.task-view-footer .task-comment-area .tsct-editarea .comment-control .control-panel .attachment-file-list {
  display: inline-flex;
  justify-content: start;
  align-items: center;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-control .control-panel .comment-fn-list li,
.task-view-footer .task-comment-area .tsct-editarea .comment-control .control-panel .attachment-file-list li {
  display: inline-block;
  font-size: 12px;
}
.task-view-footer .task-comment-area .tsct-editarea .comment-control .control-panel .attachment-file-list {
  display: none;
}

.row-area ~ .row-area {
  margin-top: 20px;
}

.tab-pane ~ .tab-pane {
  margin-top: 20px;
}

.admin-body {
  padding-left: 200px;
  padding-top: 60px;
  box-sizing: border-box;
  background: #f5f7f7;
}
.admin-body .admin-header {
  /* 상단 고정 헤더 */
  position: relative;
  /* 좌측 고정 네이게이션 */
}
.admin-body .admin-header .header-top {
  position: fixed;
  z-index: 200;
  left: 200px;
  top: 0;
  right: 0;
}
.admin-body .admin-header .header-top .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #d9e5de;
  height: 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 10px 20px;
  height: 60px;
}
.admin-body .admin-header .header-top .inner .inner-left {
  display: inline-flex;
  justify-content: start;
  align-items: center;
  column-gap: 30px;
}
.admin-body .admin-header .header-top .inner .inner-left .toggleBtn {
  display: inline-block;
  flex-shrink: 0;
  flex-grow: 0;
}
.admin-body .admin-header .header-top .inner .inner-left .tnc-area {
  width: 330px;
  display: flex;
  align-items: center;
}
.admin-body .admin-header .header-top .inner .inner-left .tnc-area .tnc-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.admin-body .admin-header .header-top .inner .inner-left .tnc-area .slick-slider {
  display: flex;
}
.admin-body .admin-header .header-top .inner .inner-left .tnc-area .slick-slider .slick-list {
  order: 0;
  width: 280px;
  height: 25px;
}
.admin-body .admin-header .header-top .inner .inner-left .tnc-area .slick-slider .slick-list .slick-track .link {
  line-height: 1;
  font-size: 15px;
}
.admin-body .admin-header .header-top .inner .inner-left .tnc-area .slick-slider .slick-prev,
.admin-body .admin-header .header-top .inner .inner-left .tnc-area .slick-slider .slick-next {
  background: transparent;
  border: 0;
  flex-grow: 0;
  flex-shrink: 0;
}
.admin-body .admin-header .header-top .inner .inner-left .tnc-area .slick-slider .slick-prev [class^=material],
.admin-body .admin-header .header-top .inner .inner-left .tnc-area .slick-slider .slick-next [class^=material] {
  font-size: 24px;
  width: 24px;
  color: rgba(0, 0, 0, 0.5);
}
.admin-body .admin-header .header-top .inner .inner-left .tnc-area .slick-slider .slick-prev {
  order: 1;
}
.admin-body .admin-header .header-top .inner .inner-left .tnc-area .slick-slider .slick-next {
  order: 2;
}
.admin-body .admin-header .header-top .inner .inner-left .tnc-area a[href].link {
  color: #000;
  text-decoration: none;
}
.admin-body .admin-header .header-top .inner .inner-right .profile {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.admin-body .admin-header .header-top .inner .inner-right .profile .profile-pic {
  width: 36px;
  height: 36px;
  margin-right: 8px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.admin-body .admin-header .header-top .inner .inner-right .profile .profile-pic img {
  width: 100%;
  height: auto;
}
.admin-body .admin-header .header-top .inner .inner-right .profile .profile-fns {
  display: inline-block;
  position: relative;
}
.admin-body .admin-header .header-top .inner .inner-right .profile .profile-fns .name {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  width: 120px;
  padding: 5px 10px;
}
.admin-body .admin-header .header-top .inner .inner-right .profile .profile-fns .name .name-txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  flex-grow: 1;
  text-align: left;
}
.admin-body .admin-header .header-top .inner .inner-right .profile .profile-fns .name [class^=mateial] {
  flex-grow: 0;
  flex-shrink: 0;
}
.admin-body .admin-header .header-top .inner .inner-right .profile .profile-fns .layer {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 100%;
  right: 0;
  display: none;
}
.admin-body .admin-header .header-top .inner .inner-right .profile .profile-fns .layer .fns-list {
  position: relative;
  background: #fff;
  padding: 5px 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.admin-body .admin-header .header-top .inner .inner-right .profile .profile-fns .layer .fns-list li a[href] {
  width: 100%;
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none;
  color: #666;
  font-size: 13px;
}
.admin-body .admin-header .header-gnb {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  bottom: 0;
}
.admin-body .admin-header .header-gnb .inner {
  position: relative;
  width: 200px;
  /*
  overflow: hidden;
  overflow-y: auto;
  */
  height: 100vh;
  background: #164b49;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.admin-body .admin-header .header-gnb .inner a[href] {
  color: #fff;
  display: block;
  text-decoration: none;
}
.admin-body .admin-header .header-gnb .inner .gnb-logo {
  background: #2e7061;
}
.admin-body .admin-header .header-gnb .inner .gnb-logo .logo-link {
  width: 100%;
  height: 60px;
  padding: 10px 20px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.admin-body .admin-header .header-gnb .inner .gnb-logo .logo-link img {
  width: 150px;
  height: auto;
}
.admin-body .admin-header .header-gnb .inner .gnb-list {
  position: relative;
  background: #164b49;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 60px);
}
.admin-body .admin-header .header-gnb .inner .gnb-list .gnb-item {
  position: relative;
  margin: 10px 0;
}
.admin-body .admin-header .header-gnb .inner .gnb-list .gnb-item .depth1 {
  padding: 10px 25px;
}
.admin-body .admin-header .header-gnb .inner .gnb-list .gnb-item .depth1 .txt .deco-icon {
  display: inline-block;
  line-height: 1;
  margin-right: 5px;
}
.admin-body .admin-header .header-gnb .inner .gnb-list .gnb-item .depth2 .item-list a[href] {
  padding: 5px 20px 5px 55px;
  font-size: 13px;
}
.admin-body .admin-header .header-gnb .inner .gnb-list .gnb-item .depth2 .item-list li.newIcon a[href] {
  position: relative;
}
.admin-body .admin-header .header-gnb .inner .gnb-list .gnb-item .depth2 .item-list li.newIcon a[href]::after {
  content: "N";
  display: inline-block;
  background: #1db794;
  color: #fff;
  font-size: 10px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.admin-body .admin-main {
  position: relative;
}
.admin-body .admin-main .main-content {
  padding: 20px;
  min-height: calc(100vh - 100px);
}
.admin-body .admin-main .main-content .page {
  margin: 0 auto;
}
.admin-body .admin-main .main-content .page .page-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.admin-body .admin-main .main-content .page .page-title .title-txt {
  font-size: 20px;
}
.admin-body .admin-main .main-content .page .page-title .bread-clumb {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 10px;
}
.admin-body .admin-main .main-content .page .page-title .bread-clumb li {
  display: inline-block;
  font-size: 13px;
}
.admin-body .admin-main .main-content .page .page-title .bread-clumb li ~ li::before {
  content: ">";
  display: inline-block;
  margin-right: 5px;
}
.admin-body .admin-footer {
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.1);
  height: 40px;
}
.admin-body.toggleNav {
  padding-left: 0;
}
.admin-body.toggleNav .admin-header .header-top {
  left: 0;
}
.admin-body.toggleNav .admin-header .header-gnb {
  display: none;
}
.admin-body.toggleNav .admin-main .main-content .page {
  width: auto;
}

.admin-body-single {
  background: #f5f7f7;
}
.admin-body-single .admin-main-single {
  position: relative;
}
.admin-body-single .admin-main-single .page-login {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.admin-body-single .admin-main-single .page-login .login-card {
  display: inline-block;
  width: 400px;
}
.admin-body-single .admin-main-single .page-login .card-header {
  padding: 30px 20px;
  background: #2e7061 url("/resources/images/login/login-top.png") 100%/50% no-repeat;
  color: #fff;
  border-radius: 10px 10px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  position: relative;
}
.admin-body-single .admin-main-single .page-login .card-header .logo {
  position: absolute;
  z-index: 2;
  left: 40px;
  bottom: -30px;
  border: 1px solid #fff;
  background: #2e7061 url(/resources/images/logo/huff-hChar.png) 50%/50% no-repeat;
  width: 50px;
  height: 50px;
}
.admin-body-single .admin-main-single .page-login .card-body {
  padding: 40px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.admin-body-single .admin-main-single .page-login .card-body .form-row {
  width: 100%;
}
.admin-body-single .admin-main-single .page-login .card-body .form-row dt, .admin-body-single .admin-main-single .page-login .card-body .form-row dd {
  width: 100%;
}
.admin-body-single .admin-main-single .page-login .card-body .form-row dt .inp, .admin-body-single .admin-main-single .page-login .card-body .form-row dd .inp {
  width: 100%;
  height: 36px;
}
.admin-body-single .admin-main-single .page-login .card-body .form-row dt {
  margin-bottom: 10px;
}
.admin-body-single .admin-main-single .page-login .card-body .form-row ~ .form-row {
  margin-top: 20px;
}
.admin-body-single .admin-main-single .page-login .card-footer {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 0;
  padding: 20px;
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.admin-body-single .admin-main-single .page-login .card-footer .fns-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.admin-body-single .admin-main-single .page-login .card-footer .fns-btns .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
}
.admin-body-single .admin-main-single .page-login .card-footer .fns-btns .btn-login {
  background: #2e7061;
  color: #fff;
  min-width: 150px;
}

.admin-body-sigle {
  background: #f5f7f7;
}
.admin-body-sigle .admin-main-sigle .main-content {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.admin-body-sigle .admin-main-sigle .main-content .login-card {
  background: #fff;
  width: 450px;
}
.admin-body-sigle .admin-main-sigle .main-content .login-card .card-header .header-txt {
  padding: 20px;
}
.admin-body-sigle .admin-main-sigle .main-content .login-card .card-body {
  padding: 0 20px 20px;
}

.dashboard {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
.dashboard .card {
  min-width: 320px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 10px 0 20px;
  gap: 20px;
  /*
  &.all{
  	background: royalblue;
    	color: #fff;
  }
  &.approve{
  	background: #5a2be2;
    	color: #fff;
  }
  &.ready{
  	background: #ae2be2;
    	color: #fff;
  }
  */
}
.dashboard .card-head {
  position: relative;
  color: #666;
}
.dashboard .card-body {
  font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", sans-serif;
  margin-top: 5px;
  text-align: center;
}
.dashboard .card-body .cnt-num {
  color: #000;
  font-size: 36px;
}
.dashboard .card-body .compare-num {
  font-size: 13px;
  color: #666;
}
.dashboard .card .visual-icon {
  text-align: center;
  width: 120px;
}
.dashboard .card .visual-icon img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}

.home-page-view {
  padding: 20px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
}
.home-page-view .hpv-title {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-bottom: 10px;
  column-gap: 15px;
}
.home-page-view .hpv-title .title-txt {
  font-size: 16px;
  font-weight: 600;
}
.home-page-view .hpv-title .link {
  text-decoration: underline;
  font-size: 12px;
}
.home-page-view .hpv-body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}
.home-page-view .hpv-body .hpv-chart-area {
  min-width: 300px;
  flex-grow: 1;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.home-page-view .hpv-body .hpv-chart-area .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.home-page-view .hpv-body .hpv-chart-area .title .title-txt {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 10px;
}
.home-page-view .hpv-body .hpv-chart-area .title .fns-area {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 15px;
}
.home-page-view .hpv-body .hpv-chart-area .title .fns-area .search-period input[type=date] {
  padding: 2px 10px;
  height: 24px;
}
.home-page-view .hpv-body .hpv-chart-area .title .fns-area .search-period .btn-search {
  min-width: 60px;
  height: 24px;
  background: #2e7061;
  color: #fff;
}
.home-page-view .hpv-body .hpv-chart-area .title .fns-area .btn-excel-download {
  min-width: 60px;
  height: 24px;
  background: #492e70;
  color: #fff;
}
.home-page-view .hpv-body .hpv-chart-area .body .chart-area {
  width: 100%;
  height: 390px;
}
.home-page-view .hpv-body .hpv-table-area {
  flex-shrink: 0;
  flex-grow: 0;
  width: 500px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.home-page-view .hpv-body .hpv-table-area .title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
.home-page-view .hpv-body .hpv-table-area .body .pv-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.home-page-view .hpv-body .hpv-table-area .body .pv-table tr th, .home-page-view .hpv-body .hpv-table-area .body .pv-table tr td {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 6px 10px;
  text-align: center;
}
.home-page-view .hpv-body .hpv-table-area .body .pv-table tr th .pva-tt, .home-page-view .hpv-body .hpv-table-area .body .pv-table tr td .pva-tt {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  padding: 4px 0;
  max-width: 100%;
}
.home-page-view .hpv-body .hpv-table-area .body .pv-table thead {
  background: #2e7061;
  color: #fff;
}
.home-page-view .hpv-body .hpv-table-area .body .pv-table thead tr th {
  padding: 7px 10px;
}

.preview-main {
  position: relative;
  padding: 30px 0;
  font-family: "Noto Sans KR", sans-serif;
}
.preview-main #content-detail {
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.preview-main #content-detail .page-header {
  background: #fff;
  margin-bottom: 30px;
}
.preview-main #content-detail .page-header h1 {
  font-size: 18px;
  padding: 0 10px 10px 10px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.preview-main #content-detail .page-header .view-mode-list {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  column-gap: 10px;
  background: #f7f7f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.preview-main #content-detail .page-header .view-mode-list li .btn {
  display: inline-block;
  min-width: 100px;
  padding: 5px 10px;
  font-size: 13px;
  white-space: nowrap;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.preview-main #content-detail .page-header .view-mode-list li .btn:hover {
  color: #2e7061;
  border-color: #2e7061;
}
.preview-main #content-detail .page-header .view-mode-list li .btn.on {
  color: #fff;
  background: #2e7061;
}
.preview-main #content-detail .__body {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  row-gap: 30px;
  width: 100%;
  background: #fff;
}
.preview-main #content-detail .__body .__topArea {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 30px;
  width: 100%;
  box-sizing: border-box;
}
.preview-main #content-detail .__body .__topArea .category {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #2e7061;
  width: 100%;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  padding: 2px 0;
  height: 20px;
  margin-bottom: 20px;
  flex-shrink: 0;
  flex-grow: 0;
}
.preview-main #content-detail .__body .__topArea .category li {
  display: inline-block;
}
.preview-main #content-detail .__body .__topArea .category li .arrow {
  display: inline-block;
  padding: 0 5px;
}
.preview-main #content-detail .__body .__topArea .category li .arrow:before {
  display: inline-block;
  width: 14px;
  font-family: "Material Symbols Outlined";
  content: "chevron_right";
  color: #2e7061;
  font-size: 14px;
}
.preview-main #content-detail .__body .__topArea .headerTitle {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__title {
  font-size: 32px;
  line-height: 1.375;
  font-weight: 700;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__subtitle {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__subtitle::after {
  content: "";
  display: block;
  overflow: hidden;
  width: 40px;
  height: 0;
  margin: 30px auto 0;
  border-top: 5px solid #2e7061;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  row-gap: 5px;
  column-gap: 10px;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .__name,
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .__time {
  display: inline-block;
  color: #8e8e8e;
  font-size: 14px;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .__time {
  display: inline-flex;
  justify-content: start;
  align-items: center;
  column-gap: 25px;
  position: relative;
  font-size: 13px;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .__time.on .ico_arrow {
  transform: rotate(180deg);
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .__time::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  left: 0;
  content: "";
  width: 1px;
  height: 15px;
  background-color: #707070;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .__time .wtime-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 10px;
  height: 32px;
  color: #707070;
  font-size: 13px;
  border: 0;
  background-color: transparent;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .__time .ico_arrow {
  height: 16px;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .__time .ico_arrow::before {
  font-family: "Material Symbols Outlined";
  content: "expand_more";
  display: inline-block;
  width: 16px;
  height: 16px;
  color: #707070;
  font-size: 16px;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .__time_bubble {
  position: absolute;
  width: max-content;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid #CBCBCB;
  right: 0;
  top: 100%;
  background: #FFF;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .__time_bubble li {
  color: #707070;
  font-size: 13px;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .__time_bubble li ~ li {
  padding-top: 7px;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .profile-pic {
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .profile-pic img {
  width: 100%;
  height: auto;
}
.preview-main #content-detail .__body .__topArea .headerTitle .__writer .__name {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}
.preview-main #content-detail .__body .h-line1 {
  background: #e6e6e6;
  width: 100%;
  height: 1px;
}
.preview-main #content-detail .__body .__contentsArea {
  font-size: 16px;
  line-height: 22px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
  flex-direction: column;
  margin-bottom: 30px;
  width: 100%;
  min-height: 300px;
}
.preview-main #content-detail .__body .__contentsArea .__subtitle {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
  text-align: center;
}
.preview-main #content-detail .__body .__contentsArea .__content::before, .preview-main #content-detail .__body .__contentsArea .__content::after {
  display: table;
  clear: both;
}
.preview-main #content-detail .__body .__contentsArea .__content figure {
  margin: 0;
  padding: 0;
}
.preview-main #content-detail .__body .__contentsArea .__content figure figcaption {
  margin: 10px 0;
  font-size: 14px;
  color: #333;
  text-align: center;
}
.preview-main #content-detail .__body .__contentsArea .__content figure ~ p {
  margin-top: 1.5em;
}
.preview-main #content-detail .__body .__contentsArea .__content iframe {
  width: 100%;
  border: 0;
}
.preview-main #content-detail .__body .__contentsArea .__content img {
  max-width: 100%;
  height: auto;
}
.preview-main #content-detail .__body .__contentsArea .__content p {
  font-size: 18px;
  margin: 1.5em 0;
  font-weight: 400;
  line-height: 1.65;
  text-align: inherit;
  word-break: normal;
  word-wrap: break-word;
  font-family: "Noto Sans KR", "Malgun Gothic", Verdana, "Trebuchet MS", Arial, sans-serif;
  color: #333;
}
.preview-main #content-detail .__body .__contentsArea .__content p:first-child {
  margin-top: 0;
}
.preview-main #content-detail .__body .__contentsArea .__content p:last-child {
  margin-bottom: 0;
}
.preview-main #content-detail .__body .__contentsArea .writer-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  column-gap: 10px;
  font-size: 14px;
  color: #8e8e8e;
}
.preview-main #content-detail .__body .__contentsArea .writer-info .name {
  display: inline-block;
  position: relative;
}
.preview-main #content-detail .__body .__contentsArea .writer-info .email {
  display: inline-block;
}
.preview-main #content-detail.preview-pc {
  width: 642px;
}
.preview-main #content-detail.preview-mo {
  width: 400px;
}
.preview-main #content-detail.preview-mo .__body .__topArea .category {
  display: inline-flex;
  justify-content: start;
  align-items: center;
  line-height: 1;
  padding: 7px 12px;
  border-radius: 25px;
  border: 1px solid #2e7061;
  font-size: 14px;
  margin-bottom: 10px;
  width: auto;
  height: 30px;
}
.preview-main #content-detail.preview-mo .__body .__topArea .category li .arrow:before {
  font-size: 11px;
}
.preview-main #content-detail.preview-mo .__body .__topArea .headerTitle {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.preview-main #content-detail.preview-mo .__body .__topArea .headerTitle .__title {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
}
.preview-main #content-detail.preview-mo .__body .__topArea .headerTitle .__subtitle {
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}
.preview-main #content-detail.preview-mo .__body .__topArea .headerTitle .__subtitle::after {
  content: "";
  display: block;
  overflow: hidden;
  width: 40px;
  height: 0;
  margin: 30px auto 0;
  border-top: 5px solid #2e7061;
}
.preview-main #content-detail.preview-mo .__body .__topArea .headerTitle .__writer {
  font-size: 16px;
}
.preview-main #content-detail.preview-mo .__body .__topArea .headerTitle .__writer .__name,
.preview-main #content-detail.preview-mo .__body .__topArea .headerTitle .__writer .__time {
  color: #8e8e8e;
}
.preview-main #content-detail.preview-mo .__body .__topArea .headerTitle .__writer .__time button,
.preview-main #content-detail.preview-mo .__body .__topArea .headerTitle .__writer .__time > span {
  font-size: 13px;
}
.preview-main #content-detail.preview-mo .__body .__topArea .headerTitle .__writer .__time_bubble {
  padding: 10px;
}
.preview-main #content-detail.preview-mo .__body .__topArea .headerTitle .__writer .__time_bubble li {
  font-size: 12px;
}
.preview-main #content-detail.preview-mo .__body .__contentsArea {
  font-size: 16px;
  line-height: 22px;
}
.preview-main #content-detail.preview-mo .__body .__contentsArea .__content p {
  font-size: 16px;
  color: #333;
}

.page-board {
  max-width: 1000px;
}
.page-board .page-content .write-content {
  width: auto;
}
.page-board .page-content .board-footer {
  margin-top: 20px;
}
.page-board .page-content .board-footer .fns-btns {
  width: 100%;
  display: flex;
  justify-content: end;
  column-gap: 10px;
}
.page-board .page-content .board-footer .fns-btns .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  min-width: 80px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.page-board .page-content .board-footer .fns-btns .btn-list {
  background: #fff;
  color: #333;
}
.page-board .page-content .board-footer .fns-btns .btn-reply {
  background: #333;
  color: #fff;
}
.page-board .page-content .reply-area {
  margin-top: 20px;
}
.page-board.calendar {
  max-width: 640px;
}

.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  padding: 15px;
  row-gap: 20px;
  width: 100%;
  box-sizing: border-box;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item {
  width: 100%;
  box-sizing: border-box;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.target .article-link,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.target .article-link {
  display: inline-block;
  font-size: 14px;
  color: #2e7061;
  padding: 5px;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.target .article-link:hover,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.target .article-link:hover {
  background: #f8fbf8;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.detail,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.detail {
  position: relative;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.detail .summary-para-title,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.detail .summary-para-title {
  font-size: 13px;
  background: #2e7061;
  color: #fff;
  display: inline-block;
  padding: 3px 8px;
  position: absolute;
  user-select: none;
  z-index: 5;
  left: 0;
  top: 0;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.detail .btn-detail,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.detail .btn-detail {
  font-size: 13px;
  background: #fff;
  color: #2e7061;
  border: 1px solid #2e7061;
  display: inline-block;
  padding: 3px 8px;
  position: absolute;
  z-index: 5;
  right: 0;
  top: 0;
  cursor: pointer;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.detail .summary-para,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.detail .summary-para {
  background: #f8fbf8;
  color: #0e5948;
  border: 1px solid #dae5da;
  padding: 40px 10px 10px;
  user-select: none;
  cursor: pointer;
  transition: border-color 0.3s;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.detail .summary-para .editor-inner,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.detail .summary-para .editor-inner {
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-height: 1.5em;
  max-height: 9em;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.detail .summary-para:hover,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.detail .summary-para:hover {
  border-color: #2e7061;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.reply .stream-card-list,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.reply .stream-card-list {
  padding: 0;
  min-height: auto;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.reply .stream-card-list .stream-card-item .stream-card,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.reply .stream-card-list .stream-card-item .stream-card {
  gap: 20px;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.reply .stream-card-list .stream-card-item .stream-card .stream-icon,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.reply .stream-card-list .stream-card-item .stream-card .stream-icon {
  width: auto;
  height: auto;
  margin-right: auto;
  padding: 4px;
  font-size: 12px;
  line-height: 1;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.reply .stream-card-list .stream-card-item .stream-card .stream-info,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.reply .stream-card-list .stream-card-item .stream-card .stream-info {
  flex-direction: row;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.reply .stream-card-list .stream-card-item .stream-card .stream-info .st-author,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.reply .stream-card-list .stream-card-item .stream-card .stream-info .st-author {
  display: inline-flex;
  max-width: 150px;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 14px;
  color: #333;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.reply .stream-card-list .stream-card-item .stream-card .stream-info .st-contents,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.reply .stream-card-list .stream-card-item .stream-card .stream-info .st-contents {
  margin-top: 0;
}
.page-reaction .page-content .tab-pane .card .card-body .list-reaction-summary .item.reply .stream-card-list .stream-card-item ~ .stream-card-item,
.page-reaction .page-content .row-area .card .card-body .list-reaction-summary .item.reply .stream-card-list .stream-card-item ~ .stream-card-item {
  margin-top: 10px;
}

.reaction-target-title {
  display: inline-flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  gap: 10px;
}
.reaction-target-title dt {
  white-space: nowrap;
  color: #2e7061;
  flex-grow: 0;
  flex-shrink: 0;
}
.reaction-target-title dd {
  color: #333;
}
.reaction-target-title dd .btn-clear {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #f9f9f9;
  color: #fff;
  height: auto;
  color: #000;
  line-height: 1;
  padding: 1px;
}
.reaction-target-title.ellip {
  flex-wrap: nowrap;
  max-width: 550px;
}
.reaction-target-title.ellip dt {
  display: inline-block;
  white-space: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
}
.reaction-target-title.ellip .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.reaction-target-title.ellip .clear {
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
}

.write-content .row .btn-rt-select {
  background: #2e7061;
  color: #fff;
  margin-right: 10px;
}

.reaction-detail {
  padding: 0;
}
.reaction-detail .editor-inner {
  padding: 0;
  margin: 0;
  line-height: 1.4;
}

.admin-body .admin-main .main-content .page.user-write {
  max-width: 840px;
}

.layer-popup {
  position: fixed;
  z-index: 500;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.layer-popup .dim {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.layer-popup .dim .layer-card {
  display: inline-block;
}
.layer-popup .dim .layer-card.large {
  width: 1140px;
}
.layer-popup .dim .layer-card.medium {
  width: 840px;
}
.layer-popup .dim .layer-card.normal {
  width: 680px;
}
.layer-popup .dim .layer-card .topBdrs {
  border-radius: 5px 5px 0 0;
}
.layer-popup .dim .layer-card .bottomBdrs {
  border-radius: 0 0 5px 5px;
}
.layer-popup .dim .layer-card .layer-card-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  border-radius: 10px 10px 0 0;
  background: #2e7061;
  color: #fff;
}
.layer-popup .dim .layer-card .layer-card-header .title-txt {
  font-size: 18px;
  position: relative;
  white-space: nowrap;
  position: relative;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
.layer-popup .dim .layer-card .layer-card-header .title-txt [class^=material] {
  font-size: 20px;
  cursor: pointer;
}
.layer-popup .dim .layer-card .layer-card-header .help-txt {
  position: absolute;
  top: 0;
  left: 100%;
  font-size: 12px;
  background: #fff;
  padding: 8px;
  color: #333;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  left: 100%;
  white-space: nowrap;
  display: none;
}
.layer-popup .dim .layer-card .layer-card-header .title-txt:hover .help-txt {
  display: inline-block;
}
.layer-popup .dim .layer-card .layer-card-header .fns {
  flex-grow: 0;
  flex-shrink: 0;
}
.layer-popup .dim .layer-card .layer-card-header .fns .close-btn {
  background: transparent;
  border: 0;
  line-height: 1;
  color: #fff;
}
.layer-popup .dim .layer-card .layer-card-body {
  padding: 15px;
  background: #fff;
}
.layer-popup .dim .layer-card .layer-card-body.image-editor {
  height: 800px;
  overflow-y: auto;
  max-height: calc(100vh - 250px);
}
.layer-popup .dim .layer-card .layer-card-body .row-area .card .card-body {
  overflow-y: auto;
  max-height: calc(100vh - 500px);
}
.layer-popup .dim .layer-card .layer-card-body .row-area .card.zero {
  padding: 0;
  border: 0;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .write-content {
  width: auto;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .btn-img-modify {
  padding: 5px 10px;
  border-radius: 3px;
  background: #2b4545;
  color: #fff;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area {
  position: relative;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row {
  display: flex;
  justify-content: start;
  align-items: center;
  column-gap: 50px;
  row-gap: 10px;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row input[type=radio] ~ label,
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row input[type=checkbox] ~ label {
  margin-left: 5px;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .preview-img {
  max-width: 100%;
  height: auto;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .preview-img img {
  width: 100%;
  height: auto;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .banner-uploader {
  display: flex;
  justify-content: start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .photo-uploader {
  display: flex;
  justify-content: start;
  align-items: center;
  column-gap: 20px;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .photo-uploader li {
  display: inline-block;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .photo-uploader li.photo-preview {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  width: 162px;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .photo-uploader li.photo-preview .preview-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 162px;
  height: 102px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  overflow: hidden;
  background: #999;
  margin: 0;
  padding: 0;
  aspect-ratio: 16/10;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .photo-uploader li.photo-preview .preview-box img {
  max-width: 100%;
  width: auto;
  height: 100%;
  object-fit: cover;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .photo-uploader li.photo-preview .photo-size {
  text-align: center;
  font-size: 12px;
  margin-top: 4px;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  column-gap: 10px;
  row-gap: 10px;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column dt {
  min-width: 100px;
  font-weight: bold;
  flex-grow: 0;
  flex-shrink: 0;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column dd {
  display: inline-block;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column .help-txt {
  margin-top: 5px;
  font-size: 12px;
  color: #666;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column .time-inp {
  width: 130px;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column.full, .layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column.full-keyword {
  width: 100%;
  box-sizing: border-box;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column.full dd, .layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column.full-keyword dd {
  flex-grow: 1;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column.full textarea,
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column.full .inp,
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column.full .source-inp, .layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column.full-keyword textarea,
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column.full-keyword .inp,
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column.full-keyword .source-inp {
  width: 100%;
  box-sizing: border-box;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column.vertical {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 10px;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row .column.nowrap {
  flex-wrap: nowrap;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row ~ .row {
  margin-top: 15px;
}
.layer-popup .dim .layer-card .layer-card-body .row-area .photo-reg-area .row.modifyImgPopArea .column {
  flex-wrap: nowrap;
  width: 48%;
  box-sizing: border-box;
}
.layer-popup .dim .layer-card .layer-card-footer {
  background: #f9f9f9;
  padding: 10px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.layer-popup .dim .layer-card .layer-card-footer .fns-btns {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
.layer-popup .dim .layer-card .layer-card-footer .fns-btns .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  min-width: 120px;
  height: 30px;
  border-radius: 5px;
}
.layer-popup .dim .layer-card .layer-card-footer .fns-btns .btn-cancel {
  background: #444;
  color: #fff;
}
.layer-popup .dim .layer-card .layer-card-footer .fns-btns .btn-submit {
  background: #2e7061;
  color: #fff;
}

.page-statistic {
  max-width: 1000px;
}
.page-statistic.full {
  max-width: initial;
}
.page-statistic .page-content .chart-area {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.page-statistic .page-content .chart-area .chart-title {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-statistic .page-content .chart-area .chart-title .title-txt {
  font-size: 16px;
  font-weight: 600;
}

/*# sourceMappingURL=admin.css.map */