@charset "UTF-8";
/* 리셋 */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: theme("borderColor.DEFAULT", "currentColor"); /* 2 */
}

::before,
::after {
  --tw-content: "";
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: theme("fontFamily.sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: theme("fontFamily.mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: theme("colors.gray.400", #9ca3af); /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: theme("colors.gray.400", #9ca3af); /* 2 */
}

/*
Set the default cursor for buttons.
*/
button,
[role=button] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/*
Ensure the default browser behavior of the `hidden` attribute.
*/
[hidden] {
  display: none;
}

* {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-smooth: auto;
  font-smooth: never;
  font-smooth: always;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  padding: 0;
  margin: 0;
  border: 0;
  vertical-align: baseline;
}

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

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

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table, th, td {
  border-collapse: collapse;
  border-spacing: 0;
}

hr, caption {
  display: none;
}

a:link, a:hover, a:active, a:focus, a:visited {
  text-decoration: none;
}

/* 모듈 */
.ir--blind {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.05em;
  height: 0.05em;
  overflow: hidden;
  opacity: 0;
}

.cms-omks--grid-row {
  display: flex;
}
.cms-omks--grid-row.style--justify-between {
  justify-content: space-between;
}
.cms-omks--grid-row.style--justify-end {
  justify-content: flex-end;
}
.cms-omks--grid-col {
  flex: 1 1 16.6666666667%;
}
.cms-omks--grid-col[class*=col-] {
  max-width: none;
  padding: 0;
}
.cms-omks--grid-col.col-1 {
  flex: 0 0 16.6666666667%;
}
.cms-omks--grid-col.col-2 {
  flex: 0 0 33.3333333333%;
}
.cms-omks--grid-col.col-3 {
  flex: 0 0 50%;
}
.cms-omks--grid-col.col-4 {
  flex: 0 0 66.6666666667%;
}
.cms-omks--grid-col.col-5 {
  flex: 0 0 83.3333333333%;
}
.cms-omks--grid-col.style--justify-between {
  justify-content: space-between;
}
.cms-omks--grid-col.style--justify-end {
  justify-content: flex-end;
}

.cms-omks--card {
  padding: 1em;
  border: 0.05em solid #ccc;
}
.cms-omks--card-head ~ .cms-omks--card-body {
  margin-top: 0.5em;
}
.cms-omks--card-title {
  font-size: 1.2em;
  color: #222;
  font-weight: 600;
}
.cms-omks--card.style--border-none {
  border-width: 0;
}
.cms-omks--card.style--shadow {
  box-shadow: 0px 0.15em 0.3em rgba(0, 0, 0, 0.16);
}
.cms-omks--card.style--radius {
  border-radius: 0.5em;
}

.cms-omks--list-item ~ .cms-omks--list-item {
  margin-top: 0.25em;
}
.cms-omks--list.style--hoz {
  overflow: hidden;
}
.cms-omks--list.style--hoz .cms-omks--list-frame, .cms-omks--list.style--hoz ul {
  margin: -0.25em 0 0 -1em;
}
.cms-omks--list.style--hoz .cms-omks--list-item, .cms-omks--list.style--hoz li {
  float: left;
  margin: 0.25em 0 0 1em;
}
.cms-omks--list.style--hoz .cms-omks--list-item ~ .cms-omks--list-item, .cms-omks--list.style--hoz .cms-omks--list-item ~ li, .cms-omks--list.style--hoz li ~ .cms-omks--list-item, .cms-omks--list.style--hoz li ~ li {
  border: none;
  margin-top: 0.25em;
  padding-top: 0;
}

.cms-omks--tab-frame {
  display: flex;
  border: 0.05em solid #ccc;
}
.cms-omks--tab-button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1em;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 20%;
  height: 2em;
  box-sizing: border-box;
  background-color: #f4f4f4;
}
.cms-omks--tab-button ~ .cms-omks--tab-button {
  border-left: 0.05em solid #ccc;
}
.cms-omks--tab-button.style--width-auto {
  flex: 0 0 auto;
}
.cms-omks--tab-button:hover {
  background-color: #f9f9f9;
}
.cms-omks--tab-button.is--on {
  background-color: #ddd;
}

.cms-omks--button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.2em;
  width: auto;
  height: 1.9em;
  height: 2em;
  box-sizing: border-box;
  border: 0.05em solid #BEBEBE;
  padding: 0.4em 0.6em;
  background-color: #fff;
}
.cms-omks--button:hover {
  opacity: 0.8;
}
.cms-omks--button.style--size-l {
  font-size: 1.4em;
}
.cms-omks--button.style--size-m {
  font-size: 0.925em;
}
.cms-omks--button.style--size-s {
  font-size: 0.875em;
}
.cms-omks--button.style--color-primary {
  background-color: #019aea;
  color: #fff;
}
.cms-omks--button.style--color-warning {
  background-color: #ffc409;
  color: #222;
}
.cms-omks--button.style--color-positive {
  background-color: #2dd36f;
  color: #fff;
}
.cms-omks--button.style--color-negative {
  background-color: #eb445a;
  color: #fff;
}
.cms-omks--button.style--color-void {
  background-color: #92949c;
  color: #fff;
}
.cms-omks--button.style--color-blue {
  background-color: var(--omks-color-blue);
  color: #fff;
}
.cms-omks--button.style--color-blue.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-blue);
  color: var(--omks-color-blue);
}
.cms-omks--button.style--color-deep-blue {
  background-color: var(--omks-color-deep-blue);
  color: #fff;
}
.cms-omks--button.style--color-deep-blue.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-deep-blue);
  color: var(--omks-color-deep-blue);
}
.cms-omks--button.style--color-deep-gray {
  background-color: var(--omks-color-deep-gray);
  color: #fff;
}
.cms-omks--button.style--color-deep-gray.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-deep-gray);
  color: var(--omks-color-deep-gray);
}
.cms-omks--button.style--color-emerald {
  background-color: var(--omks-color-emerald);
  color: #fff;
}
.cms-omks--button.style--color-emerald.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-emerald);
  color: var(--omks-color-emerald);
}
.cms-omks--button.style--color-red {
  background-color: var(--omks-color-red);
  color: #fff;
}
.cms-omks--button.style--color-red.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-red);
  color: var(--omks-color-red);
}
.cms-omks--button.style--fit {
  min-width: auto;
  padding: 0;
}

.cms-omks--button-group {
  display: flex;
}
.cms-omks--button-group.style--justify-between {
  justify-content: space-between;
}
.cms-omks--button-group.style--justify-end {
  justify-content: flex-end;
}
.cms-omks--button-group.style--justify-center {
  justify-content: center;
}
.cms-omks--button-group .cms-omks--button ~ .cms-omks--button {
  margin-left: 0.5em;
}
.cms-omks--button-group .cms-omks--button.style--align-right {
  margin-left: auto;
}

.cms-omks--stnc {
  font-size: 1em;
}
.cms-omks--stnc:after {
  content: "";
  display: block;
  clear: both;
}
.cms-omks--stnc .cms-omks--stnc-icon {
  float: left;
  font-style: normal;
  margin-right: 0.25em;
}
.cms-omks--stnc .cms-omks--stnc-text {
  display: block;
  overflow: hidden;
}
.cms-omks--stnc.style--indent {
  padding-left: 0.75em;
}
.cms-omks--stnc.style--size-l {
  font-size: 1.2em;
}
.cms-omks--stnc.style--size-s {
  font-size: 0.8em;
}
.cms-omks--stnc.style--color-primary {
  color: #019aea;
}
.cms-omks--stnc.style--color-warning {
  color: #ffc409;
}
.cms-omks--stnc.style--color-positive {
  color: #2dd36f;
}
.cms-omks--stnc.style--color-negative {
  color: #eb445a;
}
.cms-omks--stnc.style--color-void {
  color: #92949c;
}

.cms-omks--paragraph ~ .cms-omks--paragraph {
  margin-top: 1.5em;
}
.cms-omks--paragraph.style--card {
  padding: 1em;
  border-radius: 0.5em;
  box-shadow: 0px 0.15em 0.3em rgba(0, 0, 0, 0.16);
}
.cms-omks--paragraph .cms-omks--stnc.style--title {
  display: block;
  margin-bottom: 0.5em;
  font-size: 1.2em;
  font-weight: 600;
  color: #000;
  line-height: 1.3;
}
.cms-omks--paragraph .cms-omks--stnc ~ .cms-omks--stnc {
  margin-top: 0.25em;
}

.cms-omks--layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 1em;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.3s ease;
}
.cms-omks--layer.is--on {
  visibility: visible;
  opacity: 1;
  z-index: 50;
}
.cms-omks--layer.style--location {
  position: absolute;
}
.cms-omks--layer.style--blur-none {
  background-color: none;
}
.cms-omks--layer.style--fit {
  width: auto;
  height: auto;
  padding: 0;
  background: none;
}
.cms-omks--layer .cms-omks--layer-table {
  display: table;
  width: 100%;
  height: 100%;
}
.cms-omks--layer .cms-omks--layer-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.cms-omks--layer .cms-omks--layer-contents {
  display: inline-block;
  padding: 1em;
  border-radius: 0.25em;
  background-color: #fff;
}
.cms-omks--layer .cms-omks--layer-contents.style--remove {
  padding: 0;
  background: none;
  border-radius: 0;
}

.cms-omks--choice {
  position: relative;
  display: inline-block;
  font-size: 1em;
  line-height: 1.2em;
  cursor: pointer;
}
.cms-omks--choice input[type=checkbox],
.cms-omks--choice input[type=radio],
.cms-omks--choice .cms-omks--choice-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.cms-omks--choice input[type=checkbox]:checked ~ .cms-omks--choice-icon:before,
.cms-omks--choice input[type=radio]:checked ~ .cms-omks--choice-icon:before,
.cms-omks--choice .cms-omks--choice-input:checked ~ .cms-omks--choice-icon:before {
  visibility: visible;
  opacity: 1;
}
.cms-omks--choice input[type=checkbox]:focus ~ .cms-omks--choice-icon,
.cms-omks--choice input[type=radio]:focus ~ .cms-omks--choice-icon,
.cms-omks--choice .cms-omks--choice-input:focus ~ .cms-omks--choice-icon {
  outline: 0.1rem solid #ff5000;
}
.cms-omks--choice input[type=checkbox] ~ .cms-omks--choice-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6em;
  height: 0.7em;
  box-sizing: border-box;
  border-bottom: 0.12em solid #000;
  border-right: 0.12em solid #000;
  transform-origin: right bottom;
  transform: rotateZ(45deg) translate(-120%, 20%) skewY(-0.01deg);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.cms-omks--choice input[type=radio] ~ .cms-omks--choice-icon {
  border-radius: 50%;
}
.cms-omks--choice input[type=radio] ~ .cms-omks--choice-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  background-color: #000;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.cms-omks--choice .cms-omks--choice-icon {
  float: left;
  position: relative;
  width: 20px;
  height: 20px;
  width: 1.2em;
  height: 1.2em;
  margin-right: 5px;
  margin-right: 0.4em;
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 2px;
  text-align: left;
  text-indent: -9999px;
}
.cms-omks--choice .cms-omks--choice-text {
  display: block;
  overflow: hidden;
  word-break: keep-all;
}

.cms-omks--select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0 0.875em;
  padding-right: 38px;
  padding-right: 2em;
  height: 38px;
  height: 2em;
  border: 1px solid #ccc;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/form/select-arrow.svg");
  background-size: 1.5em auto;
  background-position: right 0.2em top 50%;
  font-size: 1em;
}
.cms-omks--select::-ms-expand {
  display: none;
}

.cms-omks--input {
  margin: 0;
  padding: 0 14px;
  height: 2em;
  border: 1px solid #ccc;
  font-size: 1em;
}
.cms-omks--input::-moz-placeholder {
  color: #aaa;
}
.cms-omks--input::placeholder {
  color: #aaa;
}

.cms-omks--textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0.9em;
  resize: vertical;
  background-color: #fff;
  border: 0.05em solid #ccc;
  font-size: 1em;
  line-height: 1.4em;
}
.cms-omks--textarea::-moz-placeholder {
  color: #aaa;
}
.cms-omks--textarea::placeholder {
  color: #aaa;
}

.cms-omks--file-upload {
  display: flex;
  align-items: center;
}
.cms-omks--file-upload button {
  background-color: #92949c;
  font-size: 1em;
  color: #fff;
  white-space: nowrap;
}
.cms-omks--file-ref {
  margin: 0 0.5em;
  font-size: 0.7em;
  word-break: keep-all;
}
.cms-omks--file-list {
  display: flex;
  flex-wrap: wrap;
}
.cms-omks--file-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.25em;
  padding-left: 1.5em;
  margin-right: 0.5em;
  margin-top: 0.5em;
}
.cms-omks--file-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 1.1em;
  height: 1.1em;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../img/omks/form/file-clip.svg");
  background-size: cover;
}
.cms-omks--file-name {
  font-size: 1em;
  font-weight: 400;
}
.cms-omks--file-name:hover {
  text-decoration: underline;
  color: #019aea;
}
.cms-omks--file-name ~ .cms-omks--file-remove {
  margin-left: 0.5em;
}
.cms-omks--file-remove {
  width: 1.1em;
  height: 1.1em;
  background-color: #d5d5d5;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/form/file-remove.svg");
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
}
.cms-omks--file-remove:hover {
  background-color: #dd7e7e;
}

.cms-omks--contact {
  position: relative;
  display: flex;
  width: 400px;
  max-width: 100%;
}
.cms-omks--contact.style--fit {
  width: 100%;
}
.cms-omks--contact .ir--blind {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.05em;
  height: 0.05em;
  overflow: hidden;
  opacity: 0;
}
.cms-omks--contact-select, .cms-omks--contact-input {
  margin: 0;
  padding: 0 0.5em;
  flex: 1 1 30%;
  width: 30%;
  height: 1.9em;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 1em;
  text-align: center;
}
.cms-omks--contact-select ~ .cms-omks--contact-input, .cms-omks--contact-input ~ .cms-omks--contact-input {
  flex: 1 1 35%;
  width: calc(35% - 0.5em);
  margin-left: 0.5em;
}
.cms-omks--contact-select {
  text-align: left;
}

.cms-omks--email {
  position: relative;
  display: flex;
  align-items: center;
  width: 30em;
  max-width: 100%;
}
.cms-omks--email.style--fit {
  width: 100%;
}
.cms-omks--email .ir--blind {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.05em;
  height: 0.05em;
  overflow: hidden;
  opacity: 0;
}
.cms-omks--email-at {
  font-size: 1em;
  text-align: center;
}
.cms-omks--email-select, .cms-omks--email-input {
  margin: 0;
  padding: 0 0.5em;
  flex: 1 1 35%;
  width: 35%;
  height: 1.9em;
  box-sizing: border-box;
  border: 0.05em solid #ccc;
  font-size: 1em;
}
.cms-omks--email-select ~ .cms-omks--email-input, .cms-omks--email-select ~ .cms-omks--email-select, .cms-omks--email-input ~ .cms-omks--email-input, .cms-omks--email-input ~ .cms-omks--email-select {
  flex: 1 1 30%;
  width: calc(30% - 0.5em);
  margin-left: 0.5em;
}
.cms-omks--email-select ~ .cms-omks--email-at, .cms-omks--email-input ~ .cms-omks--email-at {
  margin-left: 0.5em;
}

.cms-omks--address {
  position: relative;
}
.cms-omks--address .ir--blind {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.05em;
  height: 0.05em;
  overflow: hidden;
  opacity: 0;
}
.cms-omks--address .cms-omks--button,
.cms-omks--address .cms-omks--input {
  height: 1.9em;
}
.cms-omks--address-search {
  display: flex;
}
.cms-omks--address-search .cms-omks--button {
  margin-right: 0.5em;
}
.cms-omks--address-search .cms-omks--input {
  flex: 1 1 auto;
}
.cms-omks--address-direct {
  margin-top: 0.5em;
}
.cms-omks--address-direct .cms-omks--input {
  width: 100%;
  flex: 1 1 100%;
}

.cms-omks--table-list table {
  width: 100%;
}
.cms-omks--table-list table th, .cms-omks--table-list table td {
  height: 3em;
  box-sizing: border-box;
  padding: 0.5em 1.6em;
  border-bottom: 0.05em solid #D6D6D6;
  vertical-align: middle;
  font-size: 1em;
  font-weight: 400;
  color: #444444;
  text-align: center;
}
@media only screen and (min-width: 1081px) and (max-width: 1279px) {
  .cms-omks--table-list table th, .cms-omks--table-list table td {
    height: 4em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-omks--table-list table th, .cms-omks--table-list table td {
    height: 4em;
    padding: 0.5em 1.4em;
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--table-list table th, .cms-omks--table-list table td {
    height: 4em;
    padding: 0.5em;
  }
}
.cms-omks--table-list table th.style--align-left, .cms-omks--table-list table td.style--align-left {
  text-align: left;
}
.cms-omks--table-list table thead th {
  border-top: 0.075em solid #000;
  font-weight: 500;
  white-space: nowrap;
}
.cms-omks--table-list table tr.is--high-light th, .cms-omks--table-list table tr.is--high-light td {
  background-color: #F2F8FF;
}
.cms-omks--table-list table tr.is--high-light .table-list-order {
  position: relative;
  display: inline-block;
  width: 1.55em;
  text-indent: -9999px;
  overflow: hidden;
}
.cms-omks--table-list table tr.is--high-light .table-list-order:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 1.55em;
  height: 1.55em;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../img/omks/board/table-list-alert.svg");
  background-size: cover;
}
.cms-omks--table-list .table-list-link {
  color: #000;
  word-break: keep-all;
}
.cms-omks--table-list .table-list-link:hover {
  text-decoration: underline;
}
.cms-omks--table-list .table-list-date {
  white-space: nowrap;
}
.cms-omks--table-list .table-list-attached img {
  transform: translate(0.25em, 0.15em);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-omks--table-list .table-list-attached img {
    width: 1.9444444444vw;
    transform: translate(0.2em, 0.1em);
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--table-list .table-list-attached img {
    width: 3.2vw;
    transform: translate(0.15em, 0.05em);
  }
}
.cms-omks--table-list .table-list-hierarchy {
  display: block;
  text-align: left;
  white-space: nowrap;
}
.cms-omks--table-list .table-list-hierarchy .hierarchy-text {
  position: relative;
  display: inline-flex;
}
.cms-omks--table-list .table-list-hierarchy .hierarchy-text:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-image: url("../../img/board/hierarchy-arrow.svg");
  background-size: 1em auto;
  background-position: center;
}
.cms-omks--table-list .table-list-hierarchy.style--depths-1x .hierarchy-text {
  padding-left: 1.3em;
}
.cms-omks--table-list .table-list-hierarchy.style--depths-1x .hierarchy-text:before {
  content: "";
}
.cms-omks--table-list .table-list-hierarchy.style--depths-2x {
  padding-left: 1.3em;
}
.cms-omks--table-list .table-list-hierarchy.style--depths-2x .hierarchy-text {
  padding-left: 1.3em;
}
.cms-omks--table-list .table-list-hierarchy.style--depths-2x .hierarchy-text:before {
  content: "";
}

.cms-omks--board-write .ir--blind {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.05em;
  height: 0.05em;
  overflow: hidden;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-write .write-form {
    border: none;
  }
}
.cms-omks--board-write .write-form .form-row {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-write .write-form .form-row {
    display: block;
    border: 0.05em solid #d6d6d6;
    border-radius: 0.25em;
    overflow: hidden;
  }
}
.cms-omks--board-write .write-form .form-row ~ .form-row {
  margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-write .write-form .form-row ~ .form-row {
    margin-top: 1em;
  }
}
.cms-omks--board-write .write-form .form-title {
  flex: 0 0 13.5em;
  width: 13.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.5em 1em;
  margin-right: 0.5em;
  border-radius: 0.3125em;
  background-color: #e8ecf7;
  font-size: 1em;
  font-weight: 500;
  color: #0c1d41;
  text-align: center;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-write .write-form .form-title {
    flex: none;
    display: block;
    width: 100%;
    padding: 0.9em;
    margin: 0;
    border-bottom: 0.05em solid #d6d6d6;
    text-align: left;
  }
}
.cms-omks--board-write .write-form .form-title.is--require:before {
  content: "*";
  margin-right: 0.3125em;
  color: #eb445a;
}
.cms-omks--board-write .write-form .form-contents {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 3.5em;
  box-sizing: border-box;
  padding: 0.5em 1.4em;
  background-color: #fafbff;
}
.cms-omks--board-write .write-form .form-contents .style--flex-clear {
  flex: 1 1 100%;
  margin-top: 0.3125em;
}
.cms-omks--board-write .write-form .form-contents .style--flex-clear:first-child {
  margin-top: 0;
}
.cms-omks--board-write .write-form .form-editor {
  display: flex;
  flex: 1 1 auto;
}
.cms-omks--board-write .write-form *.style--width-full {
  width: 100%;
}
.cms-omks--board-write .cms-board--card {
  width: 45em;
  max-width: 100%;
}

.cms-omks--faq .faq-list {
  border-top: 0.05em solid #D6D6D6;
  border-bottom: 0.05em solid #D6D6D6;
}
.cms-omks--faq .faq-list .faq-item ~ .faq-item {
  border-top: 0.05em solid #D6D6D6;
}
.cms-omks--faq .faq-list .faq-item.is--open .faq-toggle {
  transform: rotateZ(0deg);
}
.cms-omks--faq .faq-list .faq-item.is--open .faq-answer {
  display: block;
}
.cms-omks--faq .faq-list .faq-question,
.cms-omks--faq .faq-list .faq-answer {
  position: relative;
  padding: 1.5em 2em;
  padding-right: 4em;
}
.cms-omks--faq .faq-list .faq-question:after,
.cms-omks--faq .faq-list .faq-answer:after {
  content: "";
  display: block;
  clear: both;
}
.cms-omks--faq .faq-list .faq-question .faq-mark {
  background-image: url("../../img/omks/board/faq-q.png");
}
.cms-omks--faq .faq-list .faq-answer {
  display: none;
  background-color: #EEF2F6;
}
.cms-omks--faq .faq-list .faq-answer .faq-mark {
  border-color: #086CDE;
  background-color: #086CDE;
  background-image: url("../../img/omks/board/faq-a.png");
}
.cms-omks--faq .faq-list .faq-mark {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  margin-right: 3em;
  box-sizing: border-box;
  border: 0.05em solid #D6D6D6;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .cms-omks--faq .faq-list .faq-mark {
    margin-right: 1.5em;
  }
}
.cms-omks--faq .faq-list .faq-contents {
  display: block;
  overflow: hidden;
}
.cms-omks--faq .faq-list .faq-category {
  display: block;
  margin-bottom: 0.5em;
  font-size: 0.8em;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0em;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-omks--faq .faq-list .faq-category {
    font-size: 0.9em;
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--faq .faq-list .faq-category {
    font-size: 1em;
  }
}
.cms-omks--faq .faq-list .faq-paragrap {
  font-size: 1em;
  font-weight: 400;
  color: #444444;
  word-break: keep-all;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .cms-omks--faq .faq-list .faq-paragrap {
    font-size: 1.1em;
  }
}
.cms-omks--faq .faq-list .faq-toggle {
  position: absolute;
  top: 1.5em;
  right: 0.75em;
  transform: rotateZ(180deg);
  width: 2.5em;
  height: 2.5em;
  border-radius: 0.25em;
  background-repeat: no-repeat;
  background-size: 1.6em auto;
  background-position: center;
  background-image: url("../../img/omks/board/faq-arrow.svg");
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
  transform-origin: center;
  transition: all 0.3s ease;
}
.cms-omks--faq .faq-list .faq-toggle:hover, .cms-omks--faq .faq-list .faq-toggle:focus {
  background-color: #f4f4f4;
}

.cms-omks--board-navigator .navigator-row {
  display: flex;
  border: 0.1rem solid #d6d6d6;
  border-radius: 0.3125em;
  overflow: hidden;
}
.cms-omks--board-navigator .navigator-row ~ .navigator-row {
  margin-top: 1rem;
}
.cms-omks--board-navigator .navigator-row .row-title {
  flex: 0 0 15rem;
  width: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 0.1rem solid #d6d6d6;
  background-color: #F8F8F8;
  font-size: 1em;
  font-weight: 400;
  color: #777;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-navigator .navigator-row .row-title {
    flex: 0 0 5em;
    width: -moz-max-content;
    width: max-content;
  }
}
.cms-omks--board-navigator .navigator-row .row-contents {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  min-height: 3.125em;
  box-sizing: border-box;
  padding: 1rem 3.125em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-navigator .navigator-row .row-contents {
    padding: 1rem 1.875em;
  }
}
.cms-omks--board-navigator .navigator-row .row-link {
  font-size: 1.0625em;
  font-weight: 400;
  color: #444;
  word-break: keep-all;
  line-height: 1.4;
  text-underline-offset: 0.2rem;
}
.cms-omks--board-navigator .navigator-row .row-link:hover, .cms-omks--board-navigator .navigator-row .row-link:focus {
  text-decoration: underline;
  color: #019aea;
}

.cms-omks--board-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.5em;
}
.cms-omks--board-pagination .pagi-arrow,
.cms-omks--board-pagination .pagi-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  border-radius: 0.25em;
  font-size: 0.95em;
  font-weight: 400;
  color: #444;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-pagination .pagi-arrow,
  .cms-omks--board-pagination .pagi-num {
    width: 2em;
    height: 2em;
    font-size: 1.2em;
  }
}
.cms-omks--board-pagination .pagi-arrow.is--now,
.cms-omks--board-pagination .pagi-num.is--now {
  font-weight: 500;
  color: #086CDE;
}
.cms-omks--board-pagination .pagi-arrow ~ .pagi-num,
.cms-omks--board-pagination .pagi-num ~ .pagi-num {
  margin-left: 0.5em;
}
.cms-omks--board-pagination .pagi-arrow ~ .pagi-arrow,
.cms-omks--board-pagination .pagi-num ~ .pagi-arrow {
  margin-left: 0.7em;
}
.cms-omks--board-pagination .pagi-arrow:hover,
.cms-omks--board-pagination .pagi-num:hover {
  background-color: #f4f4f4;
}
.cms-omks--board-pagination .pagi-arrow {
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.9em auto;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-pagination .pagi-arrow {
    background-size: 1.2em auto;
  }
}
.cms-omks--board-pagination .pagi-arrow + .pagi-num {
  margin-left: 0.7em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-pagination .pagi-arrow + .pagi-num {
    margin-left: 0.5em;
  }
}
.cms-omks--board-pagination .pagi-arrow.cfy--first {
  background-image: url("../../img/omks/board/pagi-arrow-first.svg");
}
.cms-omks--board-pagination .pagi-arrow.cfy--end {
  background-image: url("../../img/omks/board/pagi-arrow-end.svg");
}
.cms-omks--board-pagination .pagi-arrow.cfy--prev {
  background-image: url("../../img/omks/board/pagi-arrow-prev.svg");
}
.cms-omks--board-pagination .pagi-arrow.cfy--next {
  background-image: url("../../img/omks/board/pagi-arrow-next.svg");
}

.cms-omks--search {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .cms-omks--search {
    display: block;
  }
}
.cms-omks--search .ir--blind {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.cms-omks--search .search-filter select {
  max-width: 100%;
  height: 2.7em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-omks--search .search-filter select {
    height: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--search .search-filter select {
    height: 3.5em;
  }
}
.cms-omks--search .search-filter ~ .search-keywords {
  margin-left: 0.6em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--search .search-filter ~ .search-keywords {
    margin-left: 0;
    margin-top: 0.75em;
  }
}
.cms-omks--search .search-filter ~ .search-filter {
  margin-left: 0.6em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--search .search-filter ~ .search-filter {
    margin-left: 0;
    margin-top: 0.75em;
  }
}
.cms-omks--search .search-keywords {
  display: flex;
  width: 24em;
  max-width: 100%;
  height: 2.7em;
  box-sizing: border-box;
  border: 0.05em solid #D6D6D6;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-omks--search .search-keywords {
    height: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--search .search-keywords {
    width: 100%;
    height: 3.5em;
  }
}
.cms-omks--search .search-keywords input {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  border: none;
}
.cms-omks--search .search-keywords button.keywords-submit {
  flex: 0 0 1.7em;
  width: 1.7em;
  height: 100%;
  min-width: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../img/omks/board/keywords-submit.svg");
  background-size: 1.6em auto;
  text-indent: -9999px;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-omks--search .search-keywords button.keywords-submit {
    flex: 0 0 3em;
    width: 3em;
    background-size: 1.7em auto;
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--search .search-keywords button.keywords-submit {
    flex: 0 0 3.5em;
    width: 3.5em;
    background-size: 1.9em auto;
  }
}
.cms-omks--search .search-keywords button.keywords-submit:hover, .cms-omks--search .search-keywords button.keywords-submit:focus {
  background-color: #f4f4f4;
}

/* album */
.cms-omks--album .album-list {
  display: flex;
  flex-wrap: wrap;
  margin: -1em 0 0 -1em;
}
.cms-omks--album .album-item {
  position: relative;
  flex: 0 0 calc(25% - 1em);
  width: calc(25% - 1em);
  margin: 1em 0 0 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-omks--album .album-item {
    flex: 0 0 calc(33.33% - 1em);
    width: calc(33.33% - 1em);
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--album .album-item {
    flex: 0 0 calc(50% - 1em);
    width: calc(50% - 1em);
  }
}
.cms-omks--album .album-item:hover .album-thumb:before {
  opacity: 1;
}
.cms-omks--album .album-item:hover .album-title {
  text-decoration: underline;
}
.cms-omks--album .album-item.is--high-light {
  position: relative;
}
.cms-omks--album .album-item.is--high-light:before {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  z-index: 1;
  content: "공지";
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background-color: #086CDE;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../img/omks/board/album-list-alert.svg");
  background-size: cover;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
}
.cms-omks--album .album-thumb {
  position: relative;
  z-index: 0;
  width: 100%;
  padding-top: 66.67%;
  background-color: #f4f4f4;
  border-radius: 0.3125em;
  overflow: hidden;
}
.cms-omks--album .album-thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  height: 100%;
}
.cms-omks--album .album-thumb:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 0.3rem solid #000;
  border-radius: 0.3125em;
  opacity: 0;
  transition: all 0.3s ease;
}
.cms-omks--album .album-thumb.is--none img {
  display: none;
}
.cms-omks--album .album-thumb.is--none:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: " No Images";
  width: 22rem;
  font-size: 1.25em;
  font-weight: 400;
  color: #AEBFCF;
  line-height: 1.5;
  text-align: center;
  word-break: keep-all;
}
.cms-omks--album .album-contents {
  display: flex;
  align-items: center;
  height: 7rem;
  box-sizing: border-box;
  padding: 0 1.2rem;
}
.cms-omks--album .album-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  width: 100%;
  max-height: 70px;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
}
@media only screen and (min-width: 1280px) and (max-width: 1540px) {
  .cms-omks--album .album-title {
    max-height: 5.46875vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-omks--album .album-title {
    max-height: 6.4814814815vw;
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--album .album-title {
    max-height: 10.6666666667vw;
  }
}
.cms-omks--album .album-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
}

[class*=omks--icon-] {
  display: inline-flex;
  font-size: 1em;
  line-height: 1;
}
[class*=omks--icon-].style--size-s {
  font-size: 1em;
}
[class*=omks--icon-].style--size-l {
  font-size: 1.5em;
}
[class*=omks--icon-].style--size-extend {
  font-size: 1em;
}

.cms-omks--comment {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.cms-omks--comment .comment-row {
  padding: 1rem 0;
}
.cms-omks--comment .comment-row ~ .comment-row {
  border-top: 1px solid #ccc;
}
.cms-omks--comment .comment-head {
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: #ededed;
}
.cms-omks--comment .comment-body {
  padding: 1rem;
  background-color: #f4f4f4;
  font-size: 1em;
}
.cms-omks--comment .comment-foot {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
.cms-omks--comment .comment-writer {
  font-size: 1em;
}
.cms-omks--comment .comment-writer.style--recomment {
  font-size: 0.7em;
  color: #019aea;
}
.cms-omks--comment .comment-writer ~ * {
  margin-left: 1rem;
}
.cms-omks--comment .comment-date {
  font-size: 0.8em;
  font-weight: 400;
  color: #999;
}

/* 공통 */
.a11y--hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

/* Layout */
.manager--wrap {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  display: flex;
  min-width: 1620px;
  min-height: 100vh;
  box-sizing: border-box;
  padding-left: 300px;
}
.manager--wrap * {
  font-family: "Pretendard";
}
.manager--wrap input, .manager--wrap select, .manager--wrap textarea, .manager--wrap button, .manager--wrap a {
  font-weight: 300;
  /* 마우스, 터치로 버튼에 포커스 시 */
  /* 키보드로 버튼에 포커스 시 */
}
.manager--wrap input::-moz-placeholder, .manager--wrap select::-moz-placeholder, .manager--wrap textarea::-moz-placeholder, .manager--wrap button::-moz-placeholder, .manager--wrap a::-moz-placeholder {
  font-weight: 200;
}
.manager--wrap input::placeholder, .manager--wrap select::placeholder, .manager--wrap textarea::placeholder, .manager--wrap button::placeholder, .manager--wrap a::placeholder {
  font-weight: 200;
}
.manager--wrap input:focus:not(:focus-visible), .manager--wrap select:focus:not(:focus-visible), .manager--wrap textarea:focus:not(:focus-visible), .manager--wrap button:focus:not(:focus-visible), .manager--wrap a:focus:not(:focus-visible) {
  outline: none;
}
.manager--wrap input:focus-visible, .manager--wrap select:focus-visible, .manager--wrap textarea:focus-visible, .manager--wrap button:focus-visible, .manager--wrap a:focus-visible {
  outline-color: #3a609c;
}

.manager--header {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  display: flex;
  width: 320px;
}
.manager--header .header-inner {
  width: 100%;
  max-height: 100vh;
  overflow-y: auto;
}
.manager--header .header-inner::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.manager--header .header-inner::-webkit-scrollbar-track {
  background-color: none;
}
.manager--header .header-inner::-webkit-scrollbar-thumb {
  background-color: #3a609c;
  border-radius: 5px;
}
.manager--header .header-inner::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.manager--header .header-wrap {
  display: flex;
  flex-direction: column;
  width: 300px;
  min-height: 100vh;
  background-color: #1f2a3b;
}
.manager--header .header-wrap .header-head {
  flex: 0 0 70px;
}
.manager--header .header-wrap .header-body {
  flex: 1 1 auto;
}
.manager--header .header-wrap .header-foot {
  margin-top: auto;
}
.manager--header .header-head {
  display: flex;
  align-items: center;
  height: 70px;
  box-sizing: border-box;
  padding: 10px 20px;
}
.manager--header .header-logo {
  width: 100px;
}
.manager--header .header-lang {
  position: relative;
  display: flex;
  width: 80px;
  height: 24px;
  border-radius: 12px;
  background-color: #454f5d;
  margin-left: auto;
  font-size: 14px;
  color: #fff;
}
.manager--header .header-lang .lang-icon {
  display: flex;
  justify-content: center;
  position: absolute;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  left: 0;
  width: 24px;
}
.manager--header .header-lang .lang-icon [class^=omks--icon] {
  display: inline-flex;
  line-height: 1;
}
.manager--header .header-lang .cms-omks--select, .manager--header .header-lang select {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  border-radius: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("../../img/common/header/lang-arrow.svg");
  background-size: 18px auto;
  background-position: right 5px top 50%;
}
.manager--header .header-lang .cms-omks--select option, .manager--header .header-lang select option {
  color: #000;
}
.manager--header .header-copyright {
  padding: 10px;
  background-color: #0a1924;
  font-size: 14px;
  font-weight: 300;
  color: #666;
  text-align: center;
}
.manager--header .header-menu .menu-group .group-head {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 0;
  border-right: 0;
  padding: 0 10px 0 20px;
}
.manager--header .header-menu .menu-group .group-head .group-toggle {
  margin-left: auto;
}
.manager--header .header-menu .menu-group .group-title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #7f98c4;
}
.manager--header .header-menu .menu-group .group-title [class^=omks--icon] {
  display: inline-flex;
  line-height: 1;
  font-size: 1.2em;
  margin-right: 10px;
  transform: translateY(1px);
}
.manager--header .header-menu .menu-group .group-title ~ .group-button {
  margin-left: 10px;
}
.manager--header .header-menu .menu-group .group-button, .manager--header .header-menu .menu-group .group-toggle {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.manager--header .header-menu .menu-group .group-button:hover, .manager--header .header-menu .menu-group .group-button:focus, .manager--header .header-menu .menu-group .group-toggle:hover, .manager--header .header-menu .menu-group .group-toggle:focus {
  background-color: #fff;
  color: #3a609c;
}
.manager--header .header-menu .menu-group .group-button [class^=omks--icon], .manager--header .header-menu .menu-group .group-toggle [class^=omks--icon] {
  display: inline-flex;
  line-height: 1;
  font-size: 0.8em;
}
.manager--header .header-menu .menu-group .group-button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #454f5d;
  font-size: 16px;
  color: #a2a7ae;
}
.manager--header .header-menu .menu-group .group-button [class^=omks--icon] {
  font-size: 0.8em;
}
.manager--header .header-menu .menu-group .group-toggle {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: #454f5d;
  font-size: 16px;
  color: #a2a7ae;
}
.manager--header .header-menu .menu-group .group-toggle [class^=omks--icon] {
  font-size: 1em;
}
.manager--header .header-menu .menu-list .menu-item.is--on > .menu-list {
  display: block;
}
.manager--header .header-menu .menu-list .menu-item.is--on > .menu-name {
  font-weight: 400;
  color: #fff;
}
.manager--header .header-menu .menu-list .menu-item.is--on > .menu-name:before {
  content: "";
  visibility: visible;
  opacity: 1;
}
.manager--header .header-menu .menu-list .menu-item .menu-list {
  display: none;
  padding-left: 20px;
  background-color: #2c3645;
}
.manager--header .header-menu .menu-list .menu-item .menu-list .menu-item:hover .menu-name {
  background-color: transparent;
  font-weight: 400;
}
.manager--header .header-menu .menu-list .menu-item .menu-list .menu-item .menu-item .menu-name {
  font-weight: 300;
  color: #ececec;
}
.manager--header .header-menu .menu-list .menu-item .menu-list .menu-item.is--on > .menu-name {
  color: #89b2f2;
}
.manager--header .header-menu .menu-list .menu-item .menu-list .menu-item.is--on > .menu-name:before {
  content: none;
}
.manager--header .header-menu .menu-list .menu-item .menu-list.menu-depths {
  background: #f4f4f4;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 10px;
}
.manager--header .header-menu .menu-list .menu-item .menu-list.menu-depths .menu-item .menu-name {
  min-height: 35px;
  font-weight: 300;
  color: #666;
}
.manager--header .header-menu .menu-list .menu-item .menu-list.menu-depths .menu-item.is--on .menu-name {
  font-weight: 500;
  color: #3a609c;
}
.manager--header .header-menu .menu-list .menu-name {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 50px;
  box-sizing: border-box;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 300;
  color: #797d84;
  line-height: 1.2;
  transition: all 0.3s ease;
}
.manager--header .header-menu .menu-list .menu-name:hover {
  color: #fff;
  background-color: #3a609c;
}
.manager--header .header-menu .menu-list .menu-name:before {
  content: none;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
  width: calc(100% + 20px);
  height: 100%;
  border-radius: 10px;
  background-color: #3a609c;
  visibility: hidden;
  opacity: 0;
}
.manager--header .header-menu .menu-list .menu-name .name-text {
  position: relative;
  z-index: 1;
  transition: transform 0.2s ease;
}
.manager--header .header-menu .menu-list .menu-new {
  margin: 0 4px;
  padding: 1px 4px;
  border-radius: 5px;
  background-color: #d94851;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  line-height: 1;
  font-style: normal;
}

.manager--container {
  position: relative;
  z-index: 0;
  flex: 1 1 calc(100% - 320px);
  width: calc(100% - 320px);
  background-color: #fbfbfb;
}
.manager--container .container-head {
  padding-top: 20px;
  margin-bottom: 50px;
}
.manager--container .container-body {
  padding: 0 60px 60px;
}
.manager--container .container-inner {
  min-width: 1320px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 60px;
  margin: 0 auto;
}
.manager--container .container-nav .container-inner {
  display: flex;
}
.manager--container .container-nav ul, .manager--container .container-nav li {
  margin: 0;
  padding: 0;
}
.manager--container .container-nav ul {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.manager--container .container-nav ul li {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #444444;
  font-weight: 400;
}
.manager--container .container-nav ul li:hover {
  color: #3a609c;
}
.manager--container .container-nav ul li ~ li {
  margin-left: 20px;
}
.manager--container .container-nav a:hover {
  text-shadow: 0px 0px 1px #3a609c;
}
.manager--container .container-nav [class^=omks--icon] {
  display: inline-flex;
  line-height: 1;
  margin-right: 5px;
}
.manager--container .container-title {
  display: flex;
  align-items: center;
  height: 60px;
  box-sizing: border-box;
  border-bottom: 1px solid #cdd0d4;
}
.manager--container .container-title h2 {
  display: inline-flex;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}
.manager--container .container-depths {
  height: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #cdd0d4;
}
.manager--container .container-depths .depths-list {
  display: flex;
  padding: 0;
  margin: 0;
}
.manager--container .container-depths .depths-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.manager--container .container-depths .depths-list li ~ li {
  margin-left: 5px;
}
.manager--container .container-depths .depths-list li.is--on .depths-link {
  color: #436c8a;
  text-shadow: 0px 0px 1px #436c8a;
}
.manager--container .container-depths .depths-list li.is--on .depths-link:after {
  bottom: 0;
  background-color: #436c8a;
  opacity: 1;
  visibility: visible;
}
.manager--container .container-depths .depths-link {
  position: relative;
  display: flex;
  height: 50px;
  box-sizing: border-box;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 400;
  color: #777777;
}
.manager--container .container-depths .depths-link:after {
  position: absolute;
  bottom: -5%;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 50%;
  height: 3px;
  border-radius: 2px;
  background-color: #3a609c;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.manager--container .container-depths .depths-link:hover {
  color: #3a609c;
}
.manager--container .container-depths .depths-link:hover:after {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.manager--container .container-contents {
  max-width: 1600px;
}
.manager--container .container-card {
  padding: 1.875em;
  border-radius: 0.625em;
  border: 0.0625em solid #f2f2f2;
  background-color: #fff;
}
.manager--container .container-card ~ .container-card {
  margin-top: 1.875em;
}

/* CMS */
.manager--login {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  background-color: #0a1924;
  background-image: url("../../img/login/background.png");
  background-size: cover;
  background-repeat: no-repeat;
  overflow: auto;
  letter-spacing: 0;
}
.manager--login * {
  font-family: "Pretendard";
}
.manager--login .login-main {
  display: flex;
  width: 600px;
  min-height: 585px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.2);
}
.manager--login .login-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 100%;
  padding: 0 52px;
  background-color: #1f2a3b;
}
.manager--login .login-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 160px;
  margin-bottom: 50px;
}
.manager--login .login-logo {
  width: 100px;
}
.manager--login .login-logo img {
  max-width: 100%;
}
.manager--login .login-title {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.manager--login .login-title span, .manager--login .login-title strong {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  line-height: normal;
  font-weight: 400;
}
.manager--login .login-title span ~ *, .manager--login .login-title strong ~ * {
  margin-top: 10px;
}
.manager--login .login-title span {
  font-size: 22px;
  color: #436c8a;
  font-weight: 600;
  line-height: 1;
}
.manager--login .login-title strong {
  font-size: 56px;
  color: #9cb8c8;
  font-weight: 700;
  line-height: 1;
}
.manager--login .login-input {
  height: 50px;
  box-sizing: border-box;
  border-radius: 10px;
}
.manager--login .login-input input, .manager--login .login-input .input[type=text], .manager--login .login-input input[type=password] {
  margin: 0;
  padding: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: inherit;
  background-color: #333e4f;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
.manager--login .login-input input::-moz-placeholder, .manager--login .login-input .input[type=text]::-moz-placeholder, .manager--login .login-input input[type=password]::-moz-placeholder {
  font-weight: 300;
  color: #797d84;
}
.manager--login .login-input input::placeholder, .manager--login .login-input .input[type=text]::placeholder, .manager--login .login-input input[type=password]::placeholder {
  font-weight: 300;
  color: #797d84;
}
.manager--login .login-input input:hover, .manager--login .login-input .input[type=text]:hover, .manager--login .login-input input[type=password]:hover {
  opacity: 0.8;
  color: #fff;
}
.manager--login .login-input input:focus, .manager--login .login-input .input[type=text]:focus, .manager--login .login-input input[type=password]:focus {
  opacity: 1;
  color: #fff;
}
.manager--login .login-input ~ .login-input {
  margin-top: 20px;
}
.manager--login .login-submit {
  width: 100%;
  height: 50px;
  margin-top: 30px;
  background-color: #436c8a;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.manager--login .login-submit:hover {
  opacity: 0.8;
}
.manager--login .login-guide {
  margin-top: 25px;
  text-align: center;
}
.manager--login .login-guide p, .manager--login .login-guide strong {
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.manager--login .login-guide p {
  font-size: 18px;
  font-weight: 400;
  color: #777777;
  line-height: 1.6;
}
.manager--login .login-guide p strong {
  color: #6b8ea8;
  font-weight: 500;
}

/* Blocking */
.manager--blocking {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  font-size: 16px;
  font-family: "pretendard", "NanumSquare";
  overflow: hidden;
}
.manager--blocking .blocking-contents {
  display: flex;
  flex-direction: column;
}
.manager--blocking .blocking-icon {
  line-height: 1;
  margin-bottom: 3em;
  text-align: center;
}
.manager--blocking .blocking-title {
  margin-bottom: 0.75em;
  font-size: 2em;
  color: #333;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
.manager--blocking .blocking-title strong {
  margin: 0;
  padding: 0;
  font-weight: 600;
  color: #cb0e0e;
}
.manager--blocking .blocking-paragraph {
  font-size: 1.15em;
  line-height: 1.6;
  text-align: center;
}
.manager--blocking .blocking-manager {
  display: inline-flex;
  justify-content: center;
  margin-top: 1.5em;
  padding: 0.2em 0.4em;
  border-radius: 0.625em;
  font-size: 1.1em;
  background-color: #f4f4f4;
  text-align: center;
  font-weight: 300;
}
.manager--blocking .blocking-manager span {
  margin: 0 1em;
  padding: 0;
  color: #1036aa;
  font-weight: 400;
}

/* 메뉴관리 */
.contents--menu-mgmt .mgmt-body {
  display: flex;
}
.contents--menu-mgmt .mgmt-body .mgmt-tree {
  flex: 0 0 25em;
  width: 25em;
  box-sizing: border-box;
  padding: 1em;
  border: 0.0625em solid #c4c4c4;
  border-radius: 0.3125em;
  margin-right: 1.875em;
  background-color: #fff;
}
.contents--menu-mgmt .mgmt-body .mgmt-set {
  flex: 1 1 auto;
}
.contents--menu-mgmt .mgmt-manager {
  flex: 1 1 100%;
  width: 100%;
}
/* 일별통계 */
.contents--state {
  position: relative;
}
.contents--state .state-title {
  font-size: 18px;
  font-weight: 600;
  color: #3176dc;
  margin-bottom: 1.25em;
}
.contents--state .state-count {
  display: flex;
  margin-bottom: 1.875em;
}
.contents--state .state-count .count-col {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 100%;
  height: 5.625em;
  box-sizing: border-box;
  border-width: 1px;
  border-color: rgb(242, 242, 242);
  border-style: solid;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  box-shadow: inset 0px 3px 7px 0px rgba(31, 42, 59, 0.05);
  margin: 0 0.3125em;
}
.contents--state .state-count .count-col.style--col-1 {
  flex: 0 1 16.6666666667%;
}
.contents--state .state-count .count-col.style--col-2 {
  flex: 0 1 33.3333333333%;
}
.contents--state .state-count .count-col.style--col-3 {
  flex: 0 1 50%;
}
.contents--state .state-count .count-col.style--col-4 {
  flex: 0 1 66.6666666667%;
}
.contents--state .state-count .count-col.style--col-5 {
  flex: 0 1 83.3333333333%;
}
.contents--state .state-count .count-col.style--col-6 {
  flex: 0 1 100%;
}
.contents--state .state-count .count-rank {
  position: absolute;
  top: -5px;
  left: -5px;
  padding: 4px 5px;
  border-radius: 3px;
  background-color: #e8ecf7;
  border: 1px solid #3a609c;
  font-size: 13px;
  font-weight: 400;
  color: #3a609c;
  line-height: 1;
}
.contents--state .state-count .count-title {
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  line-height: 1.2;
  word-break: keep-all;
  text-align: center;
}
.contents--state .state-count .count-contents {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #3a609c;
  line-height: 1;
  word-break: keep-all;
}
.contents--state .state-print {
  position: absolute;
  top: 0;
  right: 0.3125em;
}
.contents--state .state-count-divide {
  display: flex;
  align-items: flex-start;
}
.contents--state .state-count-divide .divide-col {
  flex: 1 1 calc(50% - 0.625em);
  width: calc(50% - 0.625em);
  margin: 0.3125em;
  box-sizing: border-box;
  padding: 0.625em;
  border: 1px solid #ececec;
  border-radius: 0.3125em;
}
.contents--state .state-count-divide .divide-head {
  padding: 0 0.3125em;
  margin-bottom: 0;
}
.contents--state .state-count-divide .divide-title {
  font-size: 18px;
  font-weight: 600;
  color: #4e5765;
}
.contents--state .state-count-divide .divide-body .state-count {
  flex-wrap: wrap;
  margin-bottom: 0;
}
.contents--state .state-count-divide .divide-body .state-count .count-col {
  margin: 0.3125em;
  flex: 1 0 calc(20% - 0.625em);
  width: calc(20% - 0.625em);
}
.contents--state .state-count-divide .divide-body .state-count .count-col:has(.count-rank) {
  flex-grow: 0;
  flex: 0 0 calc(33.33% - 0.625em);
}
.contents--state .state-count-divide.style--hoz {
  flex-direction: column;
}
.contents--state .state-count-divide.style--hoz .divide-col {
  flex: none;
  width: 100%;
}

/* 수정이력 */
.contents--history .history-list {
  position: relative;
}
.contents--history .history-list:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 0.25em;
  height: 100%;
  box-sizing: border-box;
  border-left: 0.25em dashed #e0e0e0;
}
.contents--history .history-item {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  border: 0.0625em solid #c4c4c4;
  border-left: 0.25em solid #3a609c;
  border-radius: 0.3125em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0.9375em;
  padding-left: 1.5625em;
}
.contents--history .history-item:before {
  position: absolute;
  top: 50%;
  left: -0.125em;
  transform: translate(-50%, -50%);
  content: "";
  width: 0.9375em;
  height: 0.9375em;
  border-radius: 50%;
  background-color: #3a609c;
}
.contents--history .history-item ~ .history-item {
  margin-top: 3.125em;
}
.contents--history .history-item:last-child {
  border-left-color: #7e808b;
}
.contents--history .history-item:last-child:before {
  background-color: #7e808b;
}
.contents--history .history-item:last-child .history-version .version-date b {
  color: #7e808b;
}
.contents--history .history-version {
  position: relative;
  z-index: 1;
  flex: 0 0 9.375em;
  width: 9.375em;
}
.contents--history .history-version:before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  content: "";
  width: 0.1875em;
  height: 100%;
  box-sizing: border-box;
  border-left: 0.1875em dashed #e0e0e0;
}
.contents--history .history-version .version-title {
  margin-bottom: 0.715em;
  font-size: 0.875em;
  color: #444;
}
.contents--history .history-version .version-date {
  display: flex;
  flex-direction: column;
}
.contents--history .history-version .version-date b {
  font-size: 1.4em;
  font-weight: 600;
  color: #3a609c;
  line-height: 1.3;
  letter-spacing: -0.0625em;
}
.contents--history .history-version .version-date span {
  font-size: 0.875em;
  line-height: 1;
  color: #444444;
}
.contents--history .history-version .version-date span b {
  font-size: 1em;
  color: #3a609c;
}
.contents--history .history-contents {
  padding: 0 1.75em;
}
.contents--history .history-contents p {
  font-size: 0.875em;
  color: #444444;
}
.contents--history .history-funcs {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
.contents--history .history-funcs .funcs-button ~ .funcs-button {
  margin-top: 0.5em;
}

/* 콘텐츠 미리보기 */
/* 링크 첨부파일 합본 목록 */
.contents--attach-combine {
  width: 100%;
}
.contents--attach-combine ul, .contents--attach-combine li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.contents--attach-combine li {
  box-sizing: border-box;
  padding: 1em;
  border: 0.0625em solid #ededed;
  border-radius: 0.3125em;
  border-top: 0.3125em solid #3a609c;
}
.contents--attach-combine li ~ li {
  margin-top: 0.5em;
}
.contents--attach-combine .ac-title {
  display: flex;
  align-items: center;
  font-size: 0.875em;
  font-weight: 500;
  color: #3a609c;
}
.contents--attach-combine .ac-title [class*=omks--icon] {
  margin-right: 0.5em;
}
.contents--attach-combine .ac-head {
  display: flex;
  margin-bottom: 0.5em;
}
.contents--attach-combine .ac-head .ac-remove {
  margin-left: auto;
}
.contents--attach-combine .ac-body {
  display: flex;
}
.contents--attach-combine .ac-body .ac-name {
  flex: 0 0 30%;
  margin-right: 0.5em;
}
.contents--attach-combine .ac-body .ac-file, .contents--attach-combine .ac-body .ac-link {
  flex: 1 1 auto;
}
.contents--attach-combine .ac-body .cms-omks--input {
  width: 100%;
  font-size: 0.925em;
}
.contents--attach-combine .ac-file {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #f4f4f4;
}
.contents--attach-combine .ac-file .file-attach {
  position: relative;
  flex: 0 0 6.2em;
  width: 6.2em;
  height: 2.25em;
  margin-right: 1em;
  border-radius: 0.3125em;
  font-size: 0.925em;
}
.contents--attach-combine .ac-file .file-attach input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.contents--attach-combine .ac-file .file-upload {
  width: 100%;
  height: 100%;
  padding: 0 0.5em;
  border-radius: inherit;
  background-color: #4e5765;
  font-size: 0.875em;
  color: #fff;
}
.contents--attach-combine .ac-file .file-attached {
  display: flex;
  align-items: center;
  flex: 1 1 calc(100% - 7.2em);
  width: calc(100% - 7.2em);
  overflow: hidden;
  font-size: 0.925em;
}
.contents--attach-combine .ac-file .file-name {
  font-size: 0.925em;
  line-height: 1;
}
.contents--attach-combine .ac-file .file-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  color: #cb0e0e;
  font-size: 0.925em;
}
.contents--attach-combine .ac-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  color: #cb0e0e;
}

/* 체크박스 목록 */
.contents--choice-list {
  display: flex;
  flex-wrap: wrap;
  margin: -1em 0 0 -1em;
}
.contents--choice-list .cms-omks--choice {
  margin: 1em 0 0 1em;
}

/* 답변등록 */
.contents--answer-regi {
  max-width: 100%;
  width: 52em;
}

/* 사업별답변통계보기*/
/* color */
.complement {
  background: #848079;
}

.invert {
  background: #86827b;
}

:root {
  --test-color: hsla(120, 100%, 50%);
}

.test {
  color: var(--test-color);
}

/* 게시판 */
.cms-board--list-head {
  margin-bottom: 0.625em;
  font-size: 1em;
}
.cms-board--list-head .cms-omks--grid-col {
  display: flex;
  align-items: flex-end;
}
.cms-board--list-head .cms-omks--grid-col.style--justify-end {
  justify-content: flex-end;
}
.cms-board--list-head .list-data-count, .cms-board--list-head .list-page-count {
  margin-right: 1em;
  font-size: 0.9325em;
  font-weight: 300;
  white-space: nowrap;
  line-height: 1.2;
}
.cms-board--list-head .list-data-count b, .cms-board--list-head .list-page-count b {
  margin: 0;
  padding: 0;
  font-weight: 500;
  color: var(--basic-primary);
}
.cms-board--list-head .list-expose-count, .cms-board--list-head .list-sort {
  display: flex;
  align-items: center;
  margin-right: 1em;
  font-size: 0.75em;
  transform: skewY(-0.1deg);
}
.cms-board--list-head .list-expose-count [class^=omks--icon], .cms-board--list-head .list-sort [class^=omks--icon] {
  display: inline-flex;
  margin-right: 0.5em;
  font-size: 1.1em;
  line-height: 1;
}
.cms-board--list-head .list-view-type {
  display: flex;
  align-items: center;
  height: 2.4em;
  box-sizing: border-box;
  padding: 0 0.3em;
  background-color: #ededed;
  border-radius: 5px;
  font-size: 1em;
}
.cms-board--list-head .list-view-type .view-type-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.3em;
  height: 1.8em;
  border-radius: inherit;
  background-color: transparent;
  color: #7f7f7f;
}
.cms-board--list-head .list-view-type .view-type-button.is--on {
  background-color: #fff;
  color: #3a609c;
}
.cms-board--list-head .list-view-type ~ .cms-omks--button-group {
  margin-left: 0.5em;
}
.cms-board--list-head .list-more-link {
  display: inline-flex;
  align-items: center;
  height: 1.8em;
  font-size: 0.875em;
  font-weight: 400;
  color: #666;
  line-height: 1;
}
.cms-board--list-head .list-calc-buttons .cms-omks--button {
  position: relative;
}
.cms-board--list-head .list-calc-buttons .calc-count {
  position: absolute;
  right: 0;
  bottom: 100%;
  transform: translate(10%, 15%) skewY(-0.01deg);
  z-index: 1;
  padding: 0.3em;
  font-size: 0.875em;
  font-weight: 400;
  color: #000;
  line-height: 1;
  border-radius: 0.3571428571em;
  background-color: #e94245;
  color: #fff;
}
.cms-board--list-head .list-calc-buttons .calc-count.style--color-void {
  background-color: #adadad;
  color: #ffffff;
}
.cms-board--list-head .list-ref {
  font-size: 0.875em;
  line-height: 1.2;
  color: #e94245;
}
.cms-board--list-head .list-collection {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.cms-board--list-head .list-collection .collection-title {
  padding: 0 0.3em;
  margin-right: 0.4266666667em;
  font-size: 0.9375em;
}
.cms-board--list-head .list-collection .collection-type {
  display: inline-flex;
  padding: 0.4571428571em;
  border-radius: 0.3714285714em;
  background-color: #f2f2f2;
  font-size: 0.875em;
  line-height: 1;
}
.cms-board--list-head .list-collection .collection-type em {
  font-size: 1.1em;
  font-weight: 600;
  font-style: normal;
}
.cms-board--list-head .list-collection .collection-type ~ .collection-type {
  margin-left: 1em;
}
.cms-board--list-head .cms-omks--button-group ~ .cms-omks--button-group {
  margin-left: 2em;
}

.cms-board--card {
  margin: 0.625em 0;
  border: 0.0625em solid #f3f5f7;
  border-radius: 0.3125em;
  box-shadow: 0 0 0.2rem 0rem rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.cms-board--card .card-row {
  display: flex;
  align-items: center;
  padding: 0.625em 0.75em;
}
.cms-board--card .card-row ~ .card-row {
  border-top: 0.0625em solid #f3f5f7;
}
.cms-board--card .card-head {
  display: flex;
  align-items: center;
  padding: 0.625em 0.9375em;
  border-bottom: 0.0625em solid #f3f5f7;
}
@media only screen and (max-width: 767px) {
  .cms-board--card .card-head {
    flex-wrap: wrap;
  }
}
.cms-board--card .card-head .card-button {
  margin-left: auto;
}
.cms-board--card .card-body {
  padding: 0;
}
.cms-board--card .card-title {
  margin: 0;
  padding: 0.3125em 0.625em;
  font-size: 0.975em;
  font-weight: 600;
  color: #3a609c;
  line-height: 1.2;
}
.cms-board--card .card-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 5.625em;
  height: 1.875em;
  box-sizing: border-box;
  padding: 0 0.625em;
  background-color: #ededed;
  border-radius: 0.9375em;
  font-size: 0.875em;
}
.cms-board--card .card-info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: -0.5em;
}
.cms-board--card .card-info li {
  flex: 0 0 33.33%;
  margin-top: 0.625em;
  display: flex;
  font-size: 1em;
  flex-direction: column;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-board--card .card-info li {
    flex: 1 1 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .cms-board--card .card-info li {
    flex: 1 1 100%;
  }
}
@media only screen and (max-width: 767px) {
  .cms-board--card .card-info li {
    flex: 1 1 100%;
  }
}
.cms-board--card .card-info li .info-title {
  flex: none;
}
.cms-board--card .card-info li .info-title ~ .info-contents {
  flex: none;
  margin-top: 0.3125em;
}
@media only screen and (max-width: 767px) {
  .cms-board--card .card-info li .info-title ~ .info-contents {
    padding: 0 0.3125em;
  }
}
.cms-board--card .card-info li:last-child {
  flex-grow: 1;
}
@media only screen and (min-width: 1081px) {
  .cms-board--card .card-info.style--width-half li {
    flex: 0 0 50%;
  }
}
.cms-board--card .card-info .info-title,
.cms-board--card .card-info .info-contents {
  box-sizing: border-box;
  padding: 0 0.3125em;
}
.cms-board--card .card-info .info-title {
  position: relative;
  flex: 0 0 5em;
  box-sizing: border-box;
  font-size: 0.925em;
  color: #000;
  line-height: 1.3;
  font-weight: 500;
}
.cms-board--card .card-info .info-contents {
  flex: 1 1 auto;
  font-size: 0.9em;
  color: #444;
  line-height: 1.5;
  word-break: keep-all;
}
.cms-board--card .card-button {
  font-size: 0.8125em;
  background-color: #406090;
  color: #fff;
}

.cms-board--search-box {
  margin: 1em 0 2em 0;
  padding: 1em;
  border-top: 0.0625em solid #e7e6e6;
  background-color: #f2f2f2;
}
.cms-board--search-box .cms-omks--grid-row ~ .cms-omks--grid-row {
  margin-top: 1em;
}
.cms-board--search-box .cms-omks--grid-col {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1 1 8.3333333333%;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding: 0 0.25em;
}
.cms-board--search-box .cms-omks--grid-col.col-1 {
  flex: 0 1 8.3333333333%;
}
.cms-board--search-box .cms-omks--grid-col.col-2 {
  flex: 0 1 16.6666666667%;
}
.cms-board--search-box .cms-omks--grid-col.col-3 {
  flex: 0 1 25%;
}
.cms-board--search-box .cms-omks--grid-col.col-4 {
  flex: 0 1 33.3333333333%;
}
.cms-board--search-box .cms-omks--grid-col.col-5 {
  flex: 0 1 41.6666666667%;
}
.cms-board--search-box .cms-omks--grid-col.col-6 {
  flex: 0 1 50%;
}
.cms-board--search-box .cms-omks--grid-col.col-7 {
  flex: 0 1 58.3333333333%;
}
.cms-board--search-box .cms-omks--grid-col.col-8 {
  flex: 0 1 66.6666666667%;
}
.cms-board--search-box .cms-omks--grid-col.col-9 {
  flex: 0 1 75%;
}
.cms-board--search-box .cms-omks--grid-col.col-10 {
  flex: 0 1 83.3333333333%;
}
.cms-board--search-box .cms-omks--grid-col.col-11 {
  flex: 0 1 91.6666666667%;
}
.cms-board--search-box .search-label {
  margin-bottom: 0.5em;
  font-size: 1em;
  font-weight: 500;
  color: #444;
  line-height: 1.3;
}
.cms-board--search-box [class*=cms-omks--].style--width-full {
  flex: 1 1 100%;
  width: 100%;
}

.cms-board--accordion {
  margin: 1em 0;
}
.cms-board--accordion .accordion-item {
  border-radius: 0.325em;
  border: 0.0625em solid #ebedf5;
  overflow: hidden;
}
.cms-board--accordion .accordion-item ~ .accordion-item {
  margin-top: 0.75em;
}
.cms-board--accordion .accordion-item.is--on .accordion-body {
  display: block;
}
.cms-board--accordion .accordion-item.is--on .accordion-toggle {
  transform: rotateZ(180deg);
}
.cms-board--accordion .accordion-head {
  display: flex;
  align-items: center;
  height: 2.5em;
  box-sizing: border-box;
  background-color: #f8f9fd;
  border-bottom: 0.0625em solid #ebedf5;
}
.cms-board--accordion .accordion-body {
  display: none;
  padding: 1.25em;
}
.cms-board--accordion .accordion-title {
  display: flex;
  align-items: center;
  margin: 0 1.4285714286em;
  font-size: 0.875em;
  font-weight: 600;
  color: #333333;
}
.cms-board--accordion .accordion-title [class*=omks--icon-] {
  font-size: 1.2em;
  margin-right: 0.5em;
}
.cms-board--accordion .accordion-func-button {
  min-width: 6.25em;
  height: 2.2em;
  border-radius: 0.325em;
  background-color: #686868;
  font-size: 0.875em;
  color: #fff;
  white-space: nowrap;
}
.cms-board--accordion .accordion-func-button [class*=omks--icon-] {
  margin-right: 0.5em;
}
.cms-board--accordion .accordion-toggle {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  margin-left: auto;
  width: 3.375em;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url("../../img/board/accordion-toggle.svg");
  background-size: 2em auto;
  background-position: 50%;
  background-color: #405270;
  transform-origin: center;
}

.cms-board--table-list {
  position: relative;
  display: flex;
}
.cms-board--table-list table {
  width: 100%;
}
.cms-board--table-list table thead tr:first-child th:first-child {
  border-top-left-radius: 0.3125em;
  border-bottom-left-radius: 0.3125em;
}
.cms-board--table-list table thead tr:first-child th:last-child {
  border-top-right-radius: 0.3125em;
  border-bottom-right-radius: 0.3125em;
}
.cms-board--table-list table thead tr th {
  background-color: #e8ecf7;
  font-size: 1em;
  color: #444444;
  font-weight: 500;
}
.cms-board--table-list table thead tr:not(:last-child):not(tr + tr) {
  border-bottom: 0.0625em solid #d5d5d5;
}
.cms-board--table-list table thead tr:not(:last-child):not(tr + tr) th:first-child {
  border-bottom-left-radius: 0;
}
.cms-board--table-list table thead tr:not(:last-child):not(tr + tr) th:last-child {
  border-bottom-right-radius: 0;
}
.cms-board--table-list table thead tr ~ tr th:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0.3125em;
}
.cms-board--table-list table thead tr ~ tr th:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0.3125em;
}
.cms-board--table-list table tbody tr {
  position: relative;
  border-radius: 0.3125em;
}
.cms-board--table-list table tbody tr:nth-child(2n) th, .cms-board--table-list table tbody tr:nth-child(2n) td {
  background-color: #fafbff;
}
.cms-board--table-list table tbody tr:hover {
  z-index: 1;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  transition: all 0.3s ease;
}
.cms-board--table-list table tbody tr:hover:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 5px;
  height: 100%;
  background-color: #406090;
  border-top-left-radius: 0.3125em;
  border-bottom-left-radius: 0.3125em;
}
.cms-board--table-list table tbody tr th:first-child, .cms-board--table-list table tbody tr td:first-child {
  border-top-left-radius: 0.3125em;
  border-bottom-left-radius: 0.3125em;
}
.cms-board--table-list table tbody tr th:last-child, .cms-board--table-list table tbody tr td:last-child {
  border-top-right-radius: 0.3125em;
  border-bottom-right-radius: 0.3125em;
}
.cms-board--table-list table tbody tr th {
  background-color: #fbfbfb;
  font-weight: 400;
}
.cms-board--table-list table th, .cms-board--table-list table td {
  height: 3em;
  box-sizing: border-box;
  padding: 0.5em;
  vertical-align: middle;
  text-align: center;
  word-break: break-all;
  font-size: 0.925em;
  color: #444;
}
.cms-board--table-list table th.style--align-left, .cms-board--table-list table td.style--align-left {
  text-align: left;
}
.cms-board--table-list table th.style--align-right, .cms-board--table-list table td.style--align-right {
  text-align: right;
}
.cms-board--table-list table tr.is--high-light .table-list-order {
  display: inline-flex;
  width: 3.125em;
  overflow: visible;
  color: transparent;
  text-indent: -9999px;
}
@media only screen and (max-width: 767px) {
  .cms-board--table-list table tr.is--high-light .table-list-order {
    width: 3.75em;
  }
}
.cms-board--table-list table tr.is--high-light .table-list-order:after {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8125em;
  height: 1.875em;
  box-sizing: border-box;
  border: 0.0625em solid #0080E2;
  border-radius: 0.3rem;
  background: none;
  content: "공지";
  font-size: 0.9375em;
  color: #0080E2;
  font-weight: 500;
  text-indent: 0;
  line-height: 1;
}
.cms-board--table-list table .table-list-category {
  font-size: 0.85em;
  color: #0080E2;
}
@media only screen and (max-width: 767px) {
  .cms-board--table-list table .table-list-category {
    font-size: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .cms-board--table-list table .table-list-link {
    font-size: 1em;
  }
}
.cms-board--table-list table .table-list-link:hover {
  color: #0080E2;
  text-shadow: 0px 0px 1px #0080E2;
}
.cms-board--table-list table .table-list-new {
  position: relative;
  width: 1.5em;
  color: transparent;
  white-space: nowrap;
}
.cms-board--table-list table .table-list-new:after {
  position: absolute;
  top: calc(50% + 0.01rem);
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-repeat: no-repeat;
  background-image: url("../../img/board/list-new.png");
  background-size: 100% auto;
}
.cms-board--table-list table .table-list-lock {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  border-radius: 0.3125em;
  background-color: #eb445a;
  white-space: nowrap;
  text-indent: -9999px;
  font-size: 1em;
  color: #fff;
}
.cms-board--table-list table .table-list-lock [class^=omks--icon-] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  line-height: 1;
  text-indent: 0;
}
.cms-board--table-list table .table-list-block {
  display: inline;
  padding: 0.4rem 0.8rem;
  background-color: #0080E2;
  border-radius: 0.3rem;
  font-size: 0.875em;
  color: #fff;
  word-break: keep-all;
}
.cms-board--table-list table .table-list-block.style--reverse {
  background-color: #fff;
  color: #0080E2;
  border: 1px solid #0080E2;
}
.cms-board--table-list table .table-list-block.style--color-red {
  background-color: #eb445a;
  border-color: #eb445a;
  color: #fff;
}
.cms-board--table-list table .table-list-block.style--color-orange {
  background-color: #f39c12;
  border-color: #f39c12;
  color: #fff;
}
.cms-board--table-list table .table-list-block.style--color-yellow {
  background-color: #f4cf3d;
  border-color: #f4cf3d;
  color: #fff;
}
.cms-board--table-list table .table-list-block.style--color-green {
  background-color: #27ae60;
  border-color: #27ae60;
  color: #fff;
}
.cms-board--table-list table .table-list-block.style--color-blue {
  background-color: #0080E2;
  border-color: #0080E2;
  color: #fff;
}
.cms-board--table-list table .table-list-block.style--color-deepblue {
  background-color: #3a609c;
  border-color: #3a609c;
  color: #fff;
}
.cms-board--table-list table .table-list-block.style--color-purple {
  background-color: #906bff;
  border-color: #906bff;
  color: #fff;
}
.cms-board--table-list table .table-list-block.style--color-gray {
  background-color: #95a5a6;
  border-color: #95a5a6;
  color: #fff;
}
.cms-board--table-list table .table-list-block.style--size-s {
  padding: 0.2rem 0.4rem;
}
.cms-board--table-list table .table-list-attached {
  position: relative;
  display: inline-flex;
  font-size: 0;
}
.cms-board--table-list table .table-list-attached .attached-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0.3rem;
  font-size: 1em;
  color: #019aea;
}
.cms-board--table-list table .table-list-attached .attached-toggle [class^=omks--icon] {
  font-size: 1.2em;
}
.cms-board--table-list table .table-list-attached .attached-layer {
  position: absolute;
  top: -1rem;
  right: 0;
  transform: translateY(-100%);
  z-index: 1;
  max-width: 80vw;
  width: -moz-max-content;
  width: max-content;
  box-sizing: border-box;
  padding: 0.625em;
  background-color: #fff;
  border-radius: 0.3125em;
  box-shadow: 0 0.3rem 0.625em rgba(0, 0, 0, 0.16);
  font-size: 1em;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  top: 0;
  transition: all 0.2s ease;
}
.cms-board--table-list table .table-list-attached .attached-layer.is--on {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  top: -1rem;
}
.cms-board--table-list table .table-list-attached .attached-layer .cms-omks--file {
  font-size: 1em;
}
.cms-board--table-list table .table-list-attached .attached-layer .cms-omks--file .cms-omks--file-list {
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 0;
}
.cms-board--table-list table .table-list-attached .attached-layer .cms-omks--file .cms-omks--file-item {
  margin-top: 0;
}

.order-change-guide {
  position: relative;
  display: inline-flex;
  transform: translate(5px, -2px);
}
.order-change-guide .ocg-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #cf0f0f;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.order-change-guide .ocg-button:hover {
  opacity: 0.8;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
}
.order-change-guide .ocg-button:focus ~ .ocg-layer {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.order-change-guide .ocg-layer {
  position: absolute;
  top: -10px;
  transform: translateY(-100%);
  z-index: 1;
  right: 0;
  width: -moz-max-content;
  width: max-content;
  box-sizing: border-box;
  padding: 5px 12px;
  background-color: #fff;
  border: 1px solid #ef8d8d;
  border-radius: 5px;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.cms-board--search {
  position: relative;
  z-index: 2;
  margin: 1em 0;
}
.cms-board--search:first-child {
  margin-top: 0;
}
.cms-board--search .search-keywords {
  position: relative;
  display: flex;
  width: 48.75em;
  height: 3.125em;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 0.3125em;
}
.cms-board--search .search-keywords:focus-within {
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
.cms-board--search .search-keywords .keywords-filter,
.cms-board--search .search-keywords .keywords-input {
  border: none;
  outline: none;
  height: 100%;
}
.cms-board--search .search-keywords .keywords-filter {
  flex: 0 0 20%;
  width: 20%;
}
.cms-board--search .search-keywords .keywords-input {
  flex: 1 1 80%;
  width: 80%;
}
.cms-board--search .search-keywords .keywords-submit,
.cms-board--search .search-keywords .keywords-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25em;
  height: 2.25em;
  border-radius: 0.3125em;
  background-color: #fff;
}
.cms-board--search .search-keywords .keywords-submit:hover,
.cms-board--search .search-keywords .keywords-toggle:hover {
  border-color: #3a609c;
  background-color: #3a609c;
  color: #fff;
}
.cms-board--search .search-keywords .keywords-submit ~ *,
.cms-board--search .search-keywords .keywords-toggle ~ * {
  margin-left: 0.625em;
}
.cms-board--search .search-keywords .keywords-submit [class^=omks--icon],
.cms-board--search .search-keywords .keywords-toggle [class^=omks--icon] {
  display: inline-flex;
  line-height: 1;
}
.cms-board--search .search-keywords .keywords-submit {
  background-color: var(--basic-primary);
  color: #fff;
}
.cms-board--search .search-keywords .keywords-toggle {
  box-sizing: border-box;
  border: 0.0625em solid var(--basic-primary);
  color: #7789a6;
}
.cms-board--search .search-keywords .keywords-toggle.is--on {
  border-color: rgb(80, 111, 159);
  background-color: rgb(80, 111, 159);
  box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.cms-board--search .search-keywords .keywords-button-group {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: flex;
  align-items: center;
}
.cms-board--search .search-filtered {
  display: flex;
  flex-wrap: wrap;
  margin: 0.3125em 0 0 -0.625em;
}
.cms-board--search .search-filtered [class^=filtered-] {
  margin: 0.625em 0 0 0.625em;
}
.cms-board--search .search-filtered .filtered-option {
  display: flex;
  align-items: center;
  min-height: 2em;
  box-sizing: border-box;
  padding: 0.2em 0.5em;
  border-radius: 5px;
  background-color: #e8ecf7;
}
.cms-board--search .search-filtered .filtered-option:focus-within {
  outline: 0.125em solid;
  outline-color: #ff5000;
}
.cms-board--search .search-filtered .filtered-option .option-date-icon {
  margin-right: 0.5em;
  line-height: 1;
}
.cms-board--search .search-filtered .filtered-option .option-name {
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1;
  color: #757d93;
}
.cms-board--search .search-filtered .filtered-option .option-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  margin: 0;
  outline: none;
  color: #b81011;
}
.cms-board--search .search-filtered .filtered-option .option-remove [class^=omks--icon] {
  display: inline-flex;
  line-height: 1;
  font-size: 0.625em;
}
.cms-board--search .search-filtered .filtered-button-group {
  display: flex;
}
.cms-board--search .search-filtered .filtered-button-group [class^=filtered-] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  box-sizing: border-box;
  border-radius: 0.3125em;
  margin: 0;
}
.cms-board--search .search-filtered .filtered-button-group [class^=filtered-]:hover {
  border-color: #3a609c;
  background-color: #3a609c;
  color: #fff;
}
.cms-board--search .search-filtered .filtered-button-group [class^=filtered-] ~ * {
  margin-left: 0.625em;
}
.cms-board--search .search-filtered .filtered-add {
  background-color: var(--basic-primary);
  color: #fff;
}
.cms-board--search .search-filtered .filtered-reset {
  border: 0.0625em solid #ccc;
  background-color: #fff;
  color: #ccc;
}
.cms-board--search .search-filter-layer {
  position: absolute;
  top: 3.75em;
  left: 0;
  z-index: 1;
  width: 48.75em;
  box-sizing: border-box;
  border: 0.0625em solid #ccc;
  border-top: 0.3125em solid #3a609c;
  border-radius: 0.3125em;
  background-color: #fff;
  box-shadow: 0px 0.625em 0.625em 0px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease;
  transform: translateY(1em);
}
.cms-board--search .search-filter-layer.is--on {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  transform: translateY(0);
}
.cms-board--search .search-filter-layer .filter-foot {
  display: flex;
  padding: 0.5em;
  border-top: 0.0625em solid #ccc;
}
.cms-board--search .search-filter-layer .filter-row {
  display: flex;
}
.cms-board--search .search-filter-layer .filter-row ~ .filter-row {
  border-top: 0.0625em solid #ccc;
}
.cms-board--search .search-filter-layer .filter-row .filter-col {
  margin: 0;
  padding: 0;
  flex: 1 1 100%;
}
.cms-board--search .search-filter-layer .filter-row .filter-col ~ .filter-col {
  border-left: 0.0625em solid #ccc;
}
.cms-board--search .search-filter-layer .filter-row .filter-col.style--col-1 {
  flex: 0 1 16.6666666667%;
}
.cms-board--search .search-filter-layer .filter-row .filter-col.style--col-2 {
  flex: 0 1 33.3333333333%;
}
.cms-board--search .search-filter-layer .filter-row .filter-col.style--col-3 {
  flex: 0 1 50%;
}
.cms-board--search .search-filter-layer .filter-row .filter-col.style--col-4 {
  flex: 0 1 66.6666666667%;
}
.cms-board--search .search-filter-layer .filter-row .filter-col.style--col-5 {
  flex: 0 1 83.3333333333%;
}
.cms-board--search .search-filter-layer .filter-row .filter-col.style--col-6 {
  flex: 0 1 100%;
}
.cms-board--search .search-filter-layer .filter-select {
  display: flex;
  position: relative;
  width: 100%;
  height: 3.125em;
}
.cms-board--search .search-filter-layer .filter-select:focus-within .select-label {
  box-shadow: inset 0 0 5px rgba(79, 141, 255, 0.16);
  color: #10486f;
  text-shadow: 0px 0px 1px #10486f;
}
.cms-board--search .search-filter-layer .filter-select.is--selected .select-label {
  color: #10486f;
  text-shadow: 0px 0px 1px #10486f;
}
.cms-board--search .search-filter-layer .filter-select.is--disabled .select-label {
  background-color: #f4f4f4;
  color: #aaa;
}
.cms-board--search .search-filter-layer .filter-select select,
.cms-board--search .search-filter-layer .filter-select .cms-omks--select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin: 0;
  border: none;
  background: transparent !important;
  color: transparent !important;
  width: 100%;
  height: 100%;
  outline: none;
}
.cms-board--search .search-filter-layer .filter-select select option,
.cms-board--search .search-filter-layer .filter-select .cms-omks--select option {
  color: #444;
}
.cms-board--search .search-filter-layer .filter-select .select-label {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0.2em 0.875em;
  background-color: #fff;
  background-position: right 0.25em top 50%;
  background-image: url("../../img/omks/board/select-arrow.svg");
  background-repeat: no-repeat;
  background-size: 2em auto;
  font-size: 0.925em;
  font-weight: 500;
}
.cms-board--search .search-filter-layer .filter-select .select-label [class^=omks--icon] {
  font-size: 1.2em;
  margin-right: 0.5em;
}
.cms-board--search .search-filter-layer .filter-out {
  display: flex;
  flex-wrap: wrap;
  margin: -0.625em 0 0 -0.625em;
}
.cms-board--search .search-filter-layer .filter-out .out-option {
  display: flex;
  align-items: center;
  min-height: 2em;
  box-sizing: border-box;
  padding: 0.2em 0.5em;
  padding-right: 0.25em;
  margin: 0.625em 0 0 0.625em;
  border-radius: 5px;
  background-color: #e8ecf7;
}
.cms-board--search .search-filter-layer .filter-out .out-option:hover {
  opacity: 0.8;
}
.cms-board--search .search-filter-layer .filter-out .out-option:focus-within {
  outline: 0.125em solid;
  outline-color: #ff5000;
}
.cms-board--search .search-filter-layer .filter-out .out-option .option-date-icon {
  margin-right: 0.5em;
  line-height: 1;
}
.cms-board--search .search-filter-layer .filter-out .out-option .option-name {
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1;
  color: #757d93;
}
.cms-board--search .search-filter-layer .filter-out .out-option .option-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  margin: 0;
  outline: none;
  color: #b81011;
}
.cms-board--search .search-filter-layer .filter-out .out-option .option-remove [class^=omks--icon] {
  display: inline-flex;
  line-height: 1;
  font-size: 0.625em;
}
.cms-board--search .search-filter-layer .filter-out .out-option .option-date {
  display: inline-flex;
  width: 10em;
}
.cms-board--search .search-filter-layer .filter-out .out-option .option-date .cms-omks--input {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  height: 100%;
  outline: none;
  background: none;
  font-size: 0.875em;
}
.cms-board--search .search-filter-layer .filter-submit {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  flex: 0 0 25%;
}
.cms-board--search .search-filter-layer .filter-submit .submit-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2em;
  box-sizing: border-box;
  padding: 0.2em 0.5em;
  border: 0.0625em solid #506f9f;
  border-radius: 0.3125em;
}
.cms-board--search .search-filter-layer .filter-submit .submit-button .button-text {
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1;
  color: #506f9f;
}
.cms-board--search .search-filter-layer .filter-submit .submit-reset {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  margin-left: 0.5em;
  box-sizing: border-box;
  border: 0.0625em solid #ccc;
  border-radius: 0.3125em;
}
.cms-board--search .search-filter-layer .filter-keywords {
  display: flex;
  height: 2.5em;
}
.cms-board--search .search-filter-layer .filter-keywords:focus-within {
  background-color: #e2f5ff;
}
.cms-board--search .search-filter-layer .filter-keywords [class*=keywords-] {
  border: none;
  outline: none;
  background-color: transparent;
  border-radius: 0;
  width: 100%;
  height: 100%;
  font-size: 0.925em;
  font-weight: 500;
}
.cms-board--search .search-filter-layer .filter-keywords .keywords-filter {
  flex: 0 1 33.3333333333%;
  background-position: right 0.25em top 50%;
  background-image: url("../../img/omks/board/select-arrow.svg");
  background-repeat: no-repeat;
  background-size: 2em auto;
}
.cms-board--search .search-filter-layer .filter-keywords .keywords-input {
  flex: 0 1 50%;
  border-left: 1px solid #ccc;
}
.cms-board--search .search-filter-layer .filter-keywords .keywords-button {
  flex: 0 1 16.6666666667%;
  background-color: #3a609c;
  color: #fff;
}
.cms-board--search .search-filter-layer .filter-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  box-sizing: border-box;
  padding: 0.2em 0.875em;
}
.cms-board--search .search-filter-layer .filter-button [class^=omks--icon] {
  font-size: 1.2em;
  margin-left: 0.5em;
}
.cms-board--search .search-filter-layer .filter-button .button-icon {
  display: inline-flex;
}
.cms-board--search .search-filter-layer .filter-button .button-text {
  font-size: 0.925em;
  font-weight: 500;
  text-align: left;
}
.cms-board--search .search-filter-layer .filter-button:hover {
  background-color: #3a609c;
  color: #fff;
}

/* 동의 */
.terms-agree {
  font-size: 1em;
}
.terms-agree .agree-foot {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0.625em;
  font-size: 1.125em;
}
.terms-agree .board--accordion .accordion-title {
  font-size: 1.125em;
}
.terms-agree .board--accordion .accordion-title .omks--icon-paper-write {
  transform: translateY(-0.1rem);
}
.terms-agree .omks--choice .omks--choice-input:checked ~ .omks--choice-text {
  font-weight: 600;
}
.terms-agree .omks--paragraph ~ .omks--paragraph {
  margin-top: 1.25em;
}
.terms-agree .omks--paragraph .omks--stnc.style--title .omks--stnc-text span {
  font-weight: 400;
}

/* 검색 트리 */
.depths-tree {
  width: -moz-max-content;
  width: max-content;
  width: 100%;
  max-width: 100%;
}
.depths-tree .tree-filter {
  position: relative;
  margin-bottom: 0.625em;
  padding: 0.625em;
  background-color: #f4f4f4;
}
.depths-tree .tree-filter .filter-input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: #fff;
  width: 100%;
  height: 2.375em;
  box-sizing: border-box;
  padding: 0 0.875em;
  padding-right: 3.25em;
  font-size: 1em;
  font-weight: 400;
  color: #000;
}
.depths-tree .tree-filter .filter-input::-moz-placeholder {
  color: #aaa;
}
.depths-tree .tree-filter .filter-input::placeholder {
  color: #aaa;
}
.depths-tree .tree-filter .filter-submit {
  position: absolute;
  top: 0.625em;
  right: 0.625em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.375em;
  height: 2.375em;
  background-color: #0080E2;
  font-size: 1em;
  line-height: 1;
  color: #fff;
}
.depths-tree .tree-contents {
  display: flex;
  text-align: left;
}
.depths-tree .tree-tab {
  width: 20em;
  margin-right: 1em;
}
.depths-tree .tree-wrap {
  flex: 1 1 auto;
  min-width: -moz-max-content;
  min-width: max-content;
  width: 37.5em;
}
.depths-tree .tree-head {
  margin-bottom: 0.625em;
}
.depths-tree .tree-title {
  position: relative;
  padding: 0;
  margin: 0;
  padding-left: 0.875em;
  font-size: 1.0625em;
  font-weight: 500;
  line-height: 1.3;
}
.depths-tree .tree-title:before {
  position: absolute;
  top: 0.75rem;
  left: 0;
  transform: skewY(-0.01deg);
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #ff5000;
}
.depths-tree .tree-body {
  border: 0.3125em solid #f4f4f4;
  padding: 0.625em;
}
.depths-tree .tree-body > .tree-list {
  max-height: 50vh;
  overflow-y: auto;
}
.depths-tree .tree-item {
  background-color: #f4f4f4;
}
.depths-tree .tree-item ~ .tree-item {
  border-top: 0.0625em solid #ccc;
}
.depths-tree .tree-item .tree-list {
  display: none;
  position: relative;
  background-color: #ddd;
  padding: 0.625em;
  padding-left: 2.5em;
  padding-right: 0;
  border-left: 0.3125em solid #666;
}
.depths-tree .tree-item .tree-list .tree-list {
  background-color: #c4c4c4;
}
.depths-tree .tree-item .tree-list:before {
  content: "";
  position: absolute;
  top: 0.3125em;
  left: 0;
  z-index: 1;
  width: 2.5em;
  height: 2.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.875em;
  background-image: url("../../img/board/tree-depths.svg");
}
.depths-tree .tree-item.is--on > .tree-list {
  display: block;
}
.depths-tree .tree-subject {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.5em;
  padding: 0.3125em 0.625em;
  font-size: 1em;
}
.depths-tree .tree-subject [class^=omks--icon] {
  display: inline-flex;
  line-height: 1;
}
.depths-tree .tree-subject [class^=omks--icon]:first-child {
  margin-right: 0.3125em;
}
.depths-tree .tree-subject .tree-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
.depths-tree .tree-link {
  text-underline-offset: 0.2rem;
}
.depths-tree .tree-link:hover {
  text-decoration: underline;
}
.depths-tree .tree-toggle {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 2.5em;
  height: 2.5em;
  background-repeat: no-repeat;
  background-image: url("../../img/board/accordion-toggle.svg");
  background-size: 2em auto;
  background-position: 50%;
  background-color: #686868;
  transform-origin: center;
}

.order-align-button {
  position: relative;
  width: 1.5em;
  border-radius: 0.3125em;
  text-indent: -9999px;
}
.order-align-button:hover {
  background-color: #fff;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
}
.order-align-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.2em;
  height: 1.2em;
  background-repeat: no-repeat;
  background-image: url("../../img/board/align-arrows.svg");
  background-size: cover;
  background-position: center;
}
.order-align-button.is--up:after {
  background-image: url("../../img/board/align-arrows-up.svg");
}
.order-align-button.is--down:after {
  background-image: url("../../img/board/align-arrows-down.svg");
}

/* 비밀번호 확인 */
.password-confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 500px;
  margin: 0 auto;
  max-width: 100%;
  box-sizing: border-box;
  padding: 2em;
  background-color: #fafbff;
  border: 0.0625em solid #3a609c;
  border-top: 0.5em solid #3a609c;
  border-radius: 0.3125em;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.password-confirm .confirm-image {
  display: flex;
  margin-bottom: 20px;
  line-height: 1;
}
.password-confirm .confirm-guide {
  margin-bottom: 15px;
  font-size: 1em;
  font-weight: 400;
  color: #444444;
  line-height: 1;
}
.password-confirm .confirm-form {
  width: 300px;
  max-width: 100%;
  font-size: 16px;
}
.password-confirm .confirm-form .cms-omks--input {
  width: 100%;
  height: 2.625em;
  border-radius: 5px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  color: #444;
}
.password-confirm .confirm-form .cms-omks--input::-moz-placeholder {
  font-family: "NanumSquare";
}
.password-confirm .confirm-form .cms-omks--input::placeholder {
  font-family: "NanumSquare";
}

.cms-board--list-align {
  display: flex;
  margin: 0 1em;
}
.cms-board--list-align .align-item {
  display: flex;
  align-items: center;
}
.cms-board--list-align .align-item ~ .align-item {
  margin-left: 0.5em;
}
.cms-board--list-align .align-item .order-align-button {
  margin-left: 0.25em;
}
.cms-board--list-align .align-item .order-align-button:hover {
  background-color: transparent;
  box-shadow: none;
}
.cms-board--list-align .align-item:hover {
  color: #3176dc;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

/* 답변 */
.cms-omks--board-answer {
  border-bottom: 0.125em solid var(--omks-tableline);
  padding-bottom: 1em;
  margin-bottom: 2em;
}
.cms-omks--board-answer .answer-head {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 0.0625em solid var(--omks-tableline);
}
.cms-omks--board-answer .answer-head .head-row {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1em;
}
.cms-omks--board-answer .answer-body {
  padding: 1em 0;
}
.cms-omks--board-answer .answer-funcs {
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0;
  font-size: 1em;
  color: #444444;
}
.cms-omks--board-answer .answer-funcs .funcs-button-group {
  margin-left: auto;
}
.cms-omks--board-answer .answer-funcs .funcs-button .button-text {
  font-size: 1.0625em;
}
.cms-omks--board-answer .answer-funcs .funcs-button .button-icon {
  margin-left: 0.5em;
  font-size: 1.3em;
}
.cms-omks--board-answer .answer-funcs .cms-omks--stnc {
  font-size: 0.9375em;
}
.cms-omks--board-answer .answer-count {
  font-size: 1.125em;
  line-height: 1;
}
.cms-omks--board-answer .answer-count b {
  font-weight: 600;
}
.cms-omks--board-answer .answer-title {
  margin-bottom: 1.25em;
}
.cms-omks--board-answer .answer-title .title-paragraph {
  display: inline-flex;
  background-color: aliceblue;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.4;
}
.cms-omks--board-answer .answer-request ~ .answer-document {
  margin-top: 2em;
}
.cms-omks--board-answer .answer-request .request-toggle {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  box-sizing: border-box;
  padding: 1em 1.25em;
  background: #F4F5F9;
  border-radius: var(--omks-radius-2x);
  margin-bottom: 0.5em;
  text-align: left;
}
.cms-omks--board-answer .answer-request .request-toggle .button-text {
  display: inline-flex;
  padding-left: 1.25em;
  font-size: 1.0625em;
  word-break: break-word;
}
.cms-omks--board-answer .answer-request .request-toggle:after {
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
  transform-origin: center;
  content: "";
  width: 2em;
  height: 2em;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../img/board/toggle-arrow.svg");
  background-size: 2.4em auto;
}
.cms-omks--board-answer .answer-request .request-toggle.is--on:after {
  transform: translateY(-50%) rotateZ(-90deg);
}
.cms-omks--board-answer .answer-request .request-toggle.is--on ~ [class*=block-] {
  display: none;
}
.cms-omks--board-answer .answer-request .request-toggle.is--on ~ .answer-write {
  display: none;
}
.cms-omks--board-answer .answer-request:not(:has(.request-toggle)) {
  display: none;
}
.cms-omks--board-answer .answer-block ~ .answer-block {
  margin-top: 5em;
}
.cms-omks--board-answer .answer-block:first-child.d-none ~ .answer-block {
  margin-top: 0;
}
.cms-omks--board-answer .answer-block .block-head {
  position: relative;
  padding: 1em 1.25em;
  background: #F4F5F9;
  border-radius: var(--omks-radius-2x);
}
.cms-omks--board-answer .answer-block .block-head .head-row {
  display: flex;
  align-items: center;
}
.cms-omks--board-answer .answer-block .block-head .head-row ~ .head-row {
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 0.125em dashed var(--omks-outline);
}
.cms-omks--board-answer .answer-block .block-body {
  padding: 1.875em 1.25em;
  border-bottom: 0.0625em solid var(--omks-outline);
  margin-bottom: 1em;
  font-size: 1.0625em;
  font-weight: 400;
  color: #555;
  line-height: 1.6;
}
.cms-omks--board-answer .answer-block .block-foot {
  margin-bottom: 2em;
}
.cms-omks--board-answer .answer-block .block-notice {
  margin: 1em 0;
  padding: 0.875em 1em;
  background-color: #f6f9fe;
  border: 0.0625em solid #f0f0f0;
  border-radius: 0.3125em;
  line-height: 1.4;
}
.cms-omks--board-answer .answer-block .block-notice .cms-omks--stnc b {
  font-weight: 500;
}
.cms-omks--board-answer .answer-block .block-notice .cms-omks--text.style--color-emerald {
  color: var(--omks-color-emerald);
}
.cms-omks--board-answer .answer-block .block-notice .cms-omks--text.style--color-blue {
  color: var(--omks-primary-blue2);
}
.cms-omks--board-answer .answer-block .answer-state {
  position: absolute;
  top: 1em;
  right: 1em;
}
.cms-omks--board-answer .answer-block .answer-thumbs {
  position: relative;
  flex: 0 0 5em;
  width: 5em;
  box-sizing: border-box;
  aspect-ratio: 1/1;
  margin-right: 1em;
  border: 0.125em solid var(--omks-primary);
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden;
  display: none;
}
.cms-omks--board-answer .answer-block .answer-thumbs img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  max-width: 80%;
}
.cms-omks--board-answer .answer-block .answer-who {
  display: flex;
  align-items: center;
  padding-top: 0.5em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-answer .answer-block .answer-who {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cms-omks--board-answer .answer-block .answer-who .who-name {
  padding: 0 0.5em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
}
.cms-omks--board-answer .answer-block .answer-who .who-contact {
  display: flex;
  margin-left: 0.5em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-answer .answer-block .answer-who .who-contact {
    margin-top: 0.75em;
    margin-left: 0;
  }
}
.cms-omks--board-answer .answer-block .answer-who .who-contact .contact-item {
  padding: 0.2em 1em;
  background-color: #fff;
  border-radius: var(--omks-radius-3x);
  font-size: 0.9375em;
}
.cms-omks--board-answer .answer-block .answer-who .who-contact .contact-item ~ .contact-item {
  margin-left: 1em;
}
.cms-omks--board-answer .answer-block .answer-info .info-item {
  padding: 0 0.5em;
}
.cms-omks--board-answer .answer-block .answer-info .info-item ~ .info-item {
  margin-top: 0.5em;
}
.cms-omks--board-answer .answer-block .answer-info .info-item:after {
  content: "";
  display: block;
  clear: both;
}
.cms-omks--board-answer .answer-block .answer-info .info-item .item-ttl {
  position: relative;
  float: left;
  margin-right: 1em;
  padding-right: 1em;
}
.cms-omks--board-answer .answer-block .answer-info .info-item .item-ttl:after {
  position: absolute;
  top: 0;
  right: 0;
  transform: skewY(-0.01deg);
  content: "|";
}
.cms-omks--board-answer .answer-block .answer-info .info-item .item-cont {
  display: block;
  overflow: hidden;
}
.cms-omks--board-answer .answer-block .answer-attached {
  display: flex;
  flex-wrap: wrap;
}
.cms-omks--board-answer .answer-block .answer-attached .attached-file {
  position: relative;
  margin-right: 1.25em;
}
.cms-omks--board-answer .answer-block .answer-attached .attached-file:after {
  content: "";
  display: block;
  clear: both;
}
.cms-omks--board-answer .answer-block .answer-attached .attached-file .file-icon {
  position: relative;
  float: left;
  width: 22px;
  margin-right: 5px;
  text-indent: -9999px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-omks--board-answer .answer-block .answer-attached .attached-file .file-icon {
    width: 2.037037037vw;
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-answer .answer-block .answer-attached .attached-file .file-icon {
    width: 3.2vw;
    margin-right: 0.6666666667vw;
  }
}
.cms-omks--board-answer .answer-block .answer-attached .attached-file .file-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 1.125em;
  height: 1.125em;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/board/view-attached.svg");
  background-size: cover;
  background-position: center;
}
.cms-omks--board-answer .answer-block .answer-attached .attached-file .file-name {
  display: block;
  overflow: hidden;
  font-weight: 300;
  color: #555;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.cms-omks--board-answer .answer-block .answer-attached .attached-file .file-name:hover {
  color: var(--omks-primary-blue2);
}
.cms-omks--board-answer .answer-block .block-head {
  position: relative;
  border: 0.125em solid var(--omks-color-blue);
}
.cms-omks--board-answer .answer-block .block-head:after {
  position: absolute;
  top: 0;
  left: 1em;
  transform: translateY(-50%);
  display: flex;
  box-sizing: border-box;
  padding: 0.2em 0.8em;
  border-radius: var(--omks-radius-1x);
  content: "답변";
  background-color: var(--omks-color-blue);
  font-size: 1em;
  font-weight: 400;
  color: #fff;
}
.cms-omks--board-answer .answer-block.style--color-emerald .block-head {
  border-color: var(--omks-color-emerald);
}
.cms-omks--board-answer .answer-block.style--color-emerald .block-head:after {
  content: "이관";
  background-color: var(--omks-color-emerald);
}
.cms-omks--board-answer .answer-block.style--color-red .block-head {
  border-color: var(--omks-color-red);
}
.cms-omks--board-answer .answer-block.style--color-red .block-head:after {
  content: "타부서 답변요청";
  background-color: var(--omks-color-red);
}
.cms-omks--board-answer .answer-date {
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 0.9375em;
  font-weight: 300;
  line-height: 1.4;
  color: #999;
}
.cms-omks--board-answer .answer-align {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.cms-omks--board-answer .answer-align .align-button {
  display: flex;
  align-items: center;
  padding: 0 0.5em;
  color: #aaa;
}
.cms-omks--board-answer .answer-align .align-button .button-text {
  font-weight: 300;
}
.cms-omks--board-answer .answer-align .align-button .button-text:after {
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f309";
  font-size: 1.1em;
}
.cms-omks--board-answer .answer-align .align-button.is--on {
  color: #333;
}
.cms-omks--board-answer .answer-align .align-button.is--on .button-text {
  font-weight: 600;
}
.cms-omks--board-answer .answer-align .align-button.is--on .button-text:after {
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f30c";
  font-size: 1.1em;
}
.cms-omks--board-answer .answer-notice {
  display: flex;
  align-items: center;
  padding: 1em 1.75em;
  padding-right: 1.25em;
  background-color: #f6f9fe;
  border: 0.0625em solid #f0f0f0;
  border-radius: 0.3125em;
  margin-bottom: 2em;
  font-size: 1em;
  color: #444444;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-answer .answer-notice {
    flex-direction: column;
    align-items: flex-start;
    padding: 1em 1.25em;
  }
}
.cms-omks--board-answer .answer-notice .notice-button {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-answer .answer-notice .notice-button {
    margin-left: 0;
    margin-top: 0.75em;
  }
}
.cms-omks--board-answer .answer-notice .notice-button .button-icon {
  font-size: 1.2em;
  margin-right: 0.25em;
}
.cms-omks--board-answer .cms-omks--card {
  border-radius: 5px;
}

/* 목록 조회 조건 */
.list-request-option {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0 1em;
}
.list-request-option .lro-ttl {
  position: absolute;
  top: -0.1em;
  left: 0;
  z-index: 0;
  transform: translate(0.625em, -50%);
  display: inline-flex;
  align-items: center;
  height: 1.375em;
  padding: 0 0.4375em;
  margin-right: 0.625em;
  border-radius: var(--omks-radius-3x);
  background-color: #F7F9FC;
  font-size: 0.9375em;
  font-weight: 600;
  color: #15254B;
  white-space: nowrap;
  display: none;
}
.list-request-option .lro-cont {
  display: flex;
}
.list-request-option .lro-cont li {
  display: inline-flex;
}
.list-request-option .lro-cont li ~ li {
  position: relative;
  margin-left: 0.9375em;
  padding-left: 0.9375em;
}
.list-request-option .lro-cont li ~ li:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "|";
  color: #666;
}

/* 부서별 통계 */
.list-period-set {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.list-period-set .ps-ttl {
  margin: 0 1em 0 0.5em;
}
.list-period-set .ps-ttl .ttl-text {
  font-size: 1.3em;
}
.list-period-set .ps-calendar {
  position: relative;
}
.list-period-set .ps-calendar .calendar-btn {
  min-width: auto;
  padding: 0;
  width: 2.25em;
  height: 2.25em;
}
.list-period-set .ps-arrow-btn {
  min-width: auto;
  width: 2em;
  height: 2em;
  padding: 0;
  margin: 0 0.25em;
}

.cms-answer-filter .cms-omks--search {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .cms-answer-filter .cms-omks--search {
    display: block;
  }
}
.cms-answer-filter .cms-omks--search .search-filter select {
  max-width: 100%;
  height: 2.25em;
  color: var(--omks-outline-variant);
}
@media only screen and (max-width: 767px) {
  .cms-answer-filter .cms-omks--search .search-filter select {
    width: 100%;
  }
}
.cms-answer-filter .cms-omks--search .search-filter ~ [class^=search-] {
  margin-left: 0.625em;
}
@media only screen and (max-width: 767px) {
  .cms-answer-filter .cms-omks--search .search-filter ~ [class^=search-] {
    margin-left: 0;
    margin-top: 0.625em;
  }
}
.cms-answer-filter .cms-omks--search .search-filter .cms-omks--period {
  height: 2.25em;
}
.cms-answer-filter .cms-omks--search .search-filter .cms-omks--period .period-date {
  height: 100%;
}
.cms-answer-filter .cms-omks--search .search-filter .cms-omks--period .period-date .date-input {
  height: 100%;
  border-width: 1px;
  border-radius: 5px;
}
.cms-answer-filter .cms-omks--search .search-keywords {
  display: flex;
  flex: 0 0 400px;
  max-width: 100%;
  width: 400px;
  height: 2.25em;
  border: none;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .cms-answer-filter .cms-omks--search .search-keywords {
    width: 100%;
  }
}
.cms-answer-filter .cms-omks--search .search-keywords input {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}
.cms-answer-filter .cms-omks--search .search-keywords .cms-omks--input {
  border: 1px solid #ccc;
}
.cms-answer-filter .cms-omks--search .search-keywords .keywords-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2.25em;
  width: 2.25em;
  height: 100%;
  min-width: auto;
  padding: 0;
  margin-left: 0.625em;
  transition: all 0.3s ease;
}
.cms-answer-filter .cms-omks--search .search-keywords .keywords-button [class^=omks--icon] {
  font-size: 1.25em;
}
.cms-answer-filter .cms-omks--search .search-keywords .keywords-button.cfy--filter {
  background-color: #0e4382;
  color: #fff;
}
.cms-answer-filter .cms-omks--search .search-keywords .keywords-button.cfy--submit {
  background-color: var(--omks-secondary);
  color: #fff;
}
.cms-answer-filter .cms-omks--search .search-keywords .keywords-button.cfy--submit:hover {
  background-color: var(--omks-secondary-hover);
}
.cms-answer-filter .cms-omks--search .search-submit {
  flex: 0 0 2.25em;
  width: 2.25em;
  height: 2.25em;
}
@media only screen and (max-width: 767px) {
  .cms-answer-filter .cms-omks--search .search-submit {
    flex: none;
    width: 100%;
  }
}
.cms-answer-filter .cms-omks--search .search-submit .submit-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: auto;
  padding: 0;
  border-radius: var(--omks-radius-1x);
  transition: all 0.3s ease;
}
.cms-answer-filter .cms-omks--search .search-submit .submit-button [class^=omks--icon] {
  font-size: 1.25em;
}
.cms-answer-filter .cms-omks--search .search-submit .submit-button.cfy--filter {
  background-color: #0e4382;
  color: #fff;
}
.cms-answer-filter .cms-omks--search .search-submit .submit-button.cfy--submit {
  background-color: var(--omks-secondary);
  color: #fff;
}
.cms-answer-filter .cms-omks--search .search-submit .submit-button.cfy--submit:hover {
  background-color: var(--omks-secondary-hover);
}
.cms-answer-filter .cms-omks--search .cms-omks--period .period-date .date-input input {
  height: 100%;
}
.cms-answer-filter .cms-omks--search .cms-omks--period .period-date .date-input .input-icon {
  right: 5px;
  font-size: 24px;
}
.cms-answer-filter .cms-omks--search .search-filter select {
  width: 100%;
}

.cms-omks--button.style--icon {
  min-width: auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 3px 4px rgba(79, 141, 255, 0.16);
}
.cms-omks--button.style--icon i, .cms-omks--button.style--icon [class*=omks--icon] {
  font-size: 16px;
}

.cms-helper-set {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.cms-helper-set .cms-omks--button.style--icon {
  color: #fff;
}
.cms-helper-set .hs-text {
  margin-right: 8px;
}
.cms-helper-set .hs-layer {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
  box-sizing: border-box;
  padding: 5px 10px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.cms-helper-set .hs-stnc {
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}
.cms-helper-set .hs-stnc:after {
  content: "";
  display: block;
  clear: both;
}
.cms-helper-set .hs-stnc .stnc-icon {
  float: left;
  margin-right: 5px;
  font-weight: 600;
}
.cms-helper-set .hs-stnc .stnc-text {
  display: block;
  overflow: hidden;
}
.cms-helper-set:has(.hs-button.is--on) .hs-layer {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}

/* 모듈 커스텀 */
/* 커스텀 셀렉트 */
.cms-omks--custom-select {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: 0.3125em;
}
.cms-omks--custom-select.is--extend {
  z-index: 2;
}
.cms-omks--custom-select.is--extend .select-options {
  border-color: #3a609c;
}
.cms-omks--custom-select.is--extend .select-options .options-list {
  display: block;
}
.cms-omks--custom-select .select-field {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  height: 2.25em;
  box-sizing: border-box;
  padding-right: 2em;
  border-radius: inherit;
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/form/select-arrow.svg");
  background-size: 2em auto;
  background-position: 100% 50%;
}
.cms-omks--custom-select .select-field .selected-option-name {
  padding: 0 10px;
  font-size: 1em;
  font-weight: 400;
  color: #3a609c;
}
.cms-omks--custom-select .select-field .field-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6em;
  height: 1.6em;
  font-size: 1.25em;
  line-height: 1;
}
.cms-omks--custom-select .select-options {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  content: "";
  width: 100%;
  padding-top: 2.4em;
  box-sizing: border-box;
  border: 0.05em solid #ccc;
  border-radius: inherit;
  background-color: #fff;
}
.cms-omks--custom-select .select-options .options-list,
.cms-omks--custom-select .select-options .options-item {
  margin: 0;
  padding: 0;
}
.cms-omks--custom-select .select-options .options-list {
  display: none;
  border-radius: inherit;
  overflow: hidden;
}
.cms-omks--custom-select .select-options .options-item {
  padding: 0.3125em;
  border-color: #3a609c;
}
.cms-omks--custom-select .select-options .options-item:hover {
  background-color: #f4f4f4;
}
.cms-omks--custom-select .select-options .options-item.style--border-top {
  border-top-width: 0.05em;
  border-style: solid;
}
.cms-omks--custom-select .select-options .options-item button {
  width: 100%;
  height: 40px;
  border-radius: 0.3125em;
  font-size: 18px;
  font-weight: 400;
  color: #c8c8c8;
}
.cms-omks--custom-select .select-options .options-item button:hover, .cms-omks--custom-select .select-options .options-item button:focus {
  background-color: #3aa8e0;
  color: #fff;
}
.cms-omks--custom-select .select-options .options-period {
  padding: 10px 0;
}
.cms-omks--custom-select .select-options .options-period .period-title {
  padding-left: 8px;
  margin-bottom: 8px;
  font-size: 0.875rem;
  color: #3a609c;
  font-weight: 400;
  line-height: 1;
}
.cms-omks--custom-select .select-options .options-period .period-contents {
  display: flex;
  align-items: center;
}
.cms-omks--custom-select .select-options .options-period .period-set-button {
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  border-radius: 3px;
  background-color: #3aa8e0;
  color: #fff;
}
.cms-omks--custom-select .select-options .options-period .cms-omks--period-set {
  flex: 1 1 auto;
}

/* 테이블 */
.cms-omks--table {
  display: flex;
  overflow: hidden;
}
.cms-omks--table table {
  width: 100%;
}
.cms-omks--table table tr.style--color-extend {
  background-color: #f4f4f4;
}
.cms-omks--table table th, .cms-omks--table table td {
  padding: 0.5em;
  border: 0.05em solid #ececec;
  vertical-align: middle;
  text-align: center;
  word-break: break-all;
  font-size: 0.875em;
  color: #444;
}
.cms-omks--table table th.style--align-left, .cms-omks--table table td.style--align-left {
  text-align: left;
}
.cms-omks--table table th.style--align-right, .cms-omks--table table td.style--align-right {
  text-align: right;
}
.cms-omks--table table th.style--hl-cell, .cms-omks--table table td.style--hl-cell {
  background-color: #f3f3f3;
}
.cms-omks--table table thead {
  background-color: #f8f9fd;
}
.cms-omks--table table thead th {
  border-color: #e9e9e9;
  color: #444444;
  font-weight: 400;
}
.cms-omks--table table tbody tr {
  position: relative;
  background-color: #fff;
}
.cms-omks--table table tbody th {
  background-color: #fbfbfb;
  font-weight: 400;
}
.cms-omks--table.style--fixed {
  overflow: auto;
}
.cms-omks--table.style--fixed::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.cms-omks--table.style--fixed::-webkit-scrollbar-track {
  background-color: #f3f5f7;
}
.cms-omks--table.style--fixed::-webkit-scrollbar-thumb {
  background-color: #c8c8c8;
}
.cms-omks--table.style--fixed::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.cms-omks--table.style--fixed table {
  border-spacing: 0;
  border-collapse: separate;
}
.cms-omks--table.style--fixed table th {
  font-weight: 400;
  text-align: center;
  word-break: keep-all;
}
.cms-omks--table.style--fixed table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.cms-omks--table.style--fixed table thead th.style--sticky {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #3c3c42;
}
.cms-omks--table.style--fixed table tbody th {
  background-color: #fafafa;
  font-weight: 400;
}
.cms-omks--table.style--fixed table tbody th[scope=row] {
  position: sticky;
  left: 0;
  z-index: 1;
}
.cms-omks--table.style--fixed table tbody td {
  white-space: nowrap;
  word-break: normal;
}
.cms-omks--table .table-text-nowrap {
  white-space: nowrap;
}
.cms-omks--table .table-text-link {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.cms-omks--table .table-order-align {
  display: inline-flex;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.cms-omks--table .add-column {
  position: relative;
  padding: 0 1.4em 0 0;
}
.cms-omks--table .add-column .column-remove {
  position: absolute;
  top: 0.15em;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
  height: auto;
  padding: 0.15em;
  margin: 0;
  background: #e94245;
  border-radius: 0.325em;
  font-size: 1em;
  color: #fff;
  line-height: 1;
}
.cms-omks--table .add-column .column-remove [class*=omks--icon-] {
  margin: 0;
  font-size: 1em;
}
.cms-omks--table .cms-omks--button-group {
  display: inline-flex;
  gap: 0.3125em;
}
.cms-omks--table .cms-omks--button-group .cms-omks--button {
  margin: 0;
}
/* 목록 */
.cms-omks--table-list {
  position: relative;
  display: flex;
  overflow: hidden;
}
.cms-omks--table-list table thead {
  background-color: #f8f9fd;
}
.cms-omks--table-list table thead tr:first-child th:first-child {
  border-top-left-radius: 0.3125em;
}
.cms-omks--table-list table thead th {
  border-color: #e9e9e9;
  color: #444444;
  font-weight: 400;
}
.cms-omks--table-list table tbody tr {
  background-color: #fff;
}
.cms-omks--table-list table tbody th {
  background-color: #fbfbfb;
  font-weight: 400;
}
.cms-omks--table-list table th, .cms-omks--table-list table td {
  padding: 0.5em;
  border: 0.05em solid #ececec;
  vertical-align: middle;
  text-align: center;
  word-break: break-all;
  font-size: 0.875em;
  color: #444;
}
.cms-omks--table-list table tr.is--high-light .table-list-order {
  position: relative;
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  width: 3.125em;
  overflow: visible;
  color: transparent;
}
@media only screen and (max-width: 767px) {
  .cms-omks--table-list table tr.is--high-light .table-list-order {
    width: 3.75em;
  }
}
.cms-omks--table-list table tr.is--high-light .table-list-order:after {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 1.875em;
  box-sizing: border-box;
  border: 0.1rem solid #0080E2;
  border-radius: 0.3rem;
  background: none;
  content: "공지";
  font-size: 0.9375em;
  color: #0080E2;
  font-weight: 500;
  text-indent: 0;
  line-height: 1;
}
.cms-omks--table-list table .table-list-category {
  font-size: 0.85em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--table-list table .table-list-category {
    font-size: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--table-list table .table-list-link {
    font-size: 1em;
  }
}
.cms-omks--table-list table .table-list-link:hover {
  color: #0080E2;
  text-shadow: 0px 0px 1px #0080E2;
}
.cms-omks--table-list table .table-list-new {
  position: relative;
  width: 1.5em;
  color: transparent;
  white-space: nowrap;
}
.cms-omks--table-list table .table-list-new:after {
  position: absolute;
  top: calc(50% + 0.01rem);
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-repeat: no-repeat;
  background-image: url("../../img/board/list-new.png");
  background-size: 100% auto;
}
.cms-omks--table-list table .table-list-lock {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  border-radius: 0.3125em;
  background-color: #e94245;
  white-space: nowrap;
  text-indent: -9999px;
  font-size: 1em;
}
.cms-omks--table-list table .table-list-lock [class^=omks--icon-] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  line-height: 1;
  text-indent: 0;
  color: #fff;
}
.cms-omks--table-list table .table-list-block {
  display: inline;
  padding: 0.4rem 0.8rem;
  background-color: #0080E2;
  border-radius: 0.3rem;
  font-size: 0.875em;
  color: #fff;
  word-break: keep-all;
}
.cms-omks--table-list table .table-list-attached {
  position: relative;
  display: inline-flex;
  font-size: 0;
}
.cms-omks--table-list table .table-list-attached .attached-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0.3rem;
  font-size: 1em;
  color: #019aea;
}
.cms-omks--table-list table .table-list-attached .attached-toggle [class^=omks--icon] {
  font-size: 1.2em;
}
.cms-omks--table-list table .table-list-attached .attached-layer {
  position: absolute;
  top: -1rem;
  right: 0;
  transform: translateY(-100%);
  z-index: 1;
  max-width: 80vw;
  width: -moz-max-content;
  width: max-content;
  box-sizing: border-box;
  padding: 1rem;
  background-color: #fff;
  border-radius: 0.3125em;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.16);
  font-size: 1em;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  top: 0;
  transition: all 0.2s ease;
}
.cms-omks--table-list table .table-list-attached .attached-layer.is--on {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  top: -1rem;
}
.cms-omks--table-list table .table-list-attached .attached-layer .cms-omks--file {
  font-size: 1em;
}
.cms-omks--table-list table .table-list-attached .attached-layer .cms-omks--file .cms-omks--file-list {
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 0;
}
.cms-omks--table-list table .table-list-attached .attached-layer .cms-omks--file .cms-omks--file-item {
  margin-top: 0;
}
.cms-omks--table-list table .cms-omks--button {
  display: inline-flex;
  min-width: 4em;
  width: auto;
  height: auto;
  padding: 0.4rem 0.8rem;
  border-radius: 0.3rem;
  font-size: 0.875em;
  color: #fff;
  word-break: keep-all;
}

/* 캘린더 인풋 */
.cms-omks--input-calendar {
  display: inline-flex;
  position: relative;
  height: 2.25em;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
}
.cms-omks--input-calendar > * {
  border-radius: inherit;
}
.cms-omks--input-calendar .cms-omks--input[type=text] {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 40px;
  border: none;
  border-radius: inherit;
  font-size: 1em;
}
.cms-omks--input-calendar .calendar-icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 100%;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

/* 기간 선택 */
.cms-omks--period-set {
  position: relative;
  display: inline-block;
  border: none;
  font-size: 1em;
  border-radius: 0.325em;
}
.cms-omks--period-set .period-form {
  display: flex;
  align-items: center;
}
.cms-omks--period-set .period-icon {
  position: absolute;
  right: 0.4166666667em;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  font-size: 1.2em;
}
.cms-omks--period-set .period-input {
  flex: 1 1 50%;
  width: 100%;
}
.cms-omks--period-set .period-input img {
  width: 1em;
  height: 1em;
}
.cms-omks--period-set .period-tilde {
  margin: 0 0.25em;
}

/* 체크, 라디오 */
.cms-omks--choice {
  display: inline-flex;
  align-items: center;
}
.cms-omks--choice input[type=checkbox] ~ .cms-omks--choice-icon {
  border-radius: 0.25em;
}
.cms-omks--choice input[type=checkbox]:checked ~ .cms-omks--choice-icon {
  background-color: #0075b0;
  border-color: #0075b0;
}
.cms-omks--choice input[type=checkbox]:checked ~ .cms-omks--choice-icon:before {
  border-color: #fff;
}
.cms-omks--choice input[type=checkbox]:disabled ~ .cms-omks--choice-icon {
  background-color: #ddd;
}
.cms-omks--choice input[type=radio]:checked ~ .cms-omks--choice-icon {
  border-color: #0075b0;
}
.cms-omks--choice input[type=radio]:checked ~ .cms-omks--choice-icon:before {
  background-color: #0075b0;
}
.cms-omks--choice input[type=radio]:disabled ~ .cms-omks--choice-icon {
  background-color: #ddd;
}
.cms-omks--choice .cms-omks--choice-icon {
  flex: 0 0 1.4em;
  width: 1.4em;
  height: 1.4em;
  background-color: #fff;
  border: 2px solid #afb0c7;
}
.cms-omks--choice .cms-omks--choice-text {
  font-size: 1em;
}

/* 셀렉트 */
.cms-omks--select {
  height: 2.25em;
  border-radius: 0.3125em;
}
.cms-omks--select:invalid {
  color: #aaa;
  font-weight: 200;
}
.cms-omks--select:disabled {
  background-color: #f5f5f5 !important;
  border-color: #ccc !important;
  color: #666 !important;
}

/* 인풋 */
.cms-omks--input {
  height: 2.25em;
  border-radius: 0.3125em;
}
.cms-omks--input:-moz-read-only {
  background: #f5f5f5 !important;
  border-color: #ccc !important;
  color: #666 !important;
}
.cms-omks--input:read-only {
  background: #f5f5f5 !important;
  border-color: #ccc !important;
  color: #666 !important;
}
.cms-omks--input::-moz-placeholder {
  font-weight: 200;
}
.cms-omks--input::placeholder {
  font-weight: 200;
}

/* 텍스트 에어리어 */
.cms-omks--textarea {
  border-radius: 0.3125em;
}

/* 버튼 */
.cms-omks--button {
  min-width: 4em;
  height: 2.25em;
  border-radius: 0.3125em;
  font-weight: 300;
  word-break: keep-all;
  gap: 0.3125em;
}
.cms-omks--button.style--color-sleep {
  background-color: #f4f4f4;
  color: #aaa;
}
.cms-omks--button.style--color-sleep.style--reverse {
  background-color: #fff;
  border: 0.05em solid #aaa;
  color: #aaa;
}
.cms-omks--button.style--color-system {
  background-color: #4e5765;
  color: #fff;
}
.cms-omks--button.style--color-system.style--reverse {
  background-color: #fff;
  border: 0.05em solid #4e5765;
  color: #4e5765;
}
.cms-omks--button.style--color-primary {
  background-color: #3a609c;
  color: #fff;
}
.cms-omks--button.style--color-primary.style--reverse {
  background-color: #fff;
  border: 0.05em solid #3a609c;
  color: #3a609c;
}
.cms-omks--button.style--color-warning {
  background-color: #f78e27;
  color: #fff;
}
.cms-omks--button.style--color-warning.style--reverse {
  background-color: #fff;
  border: 0.05em solid #f78e27;
  color: #f78e27;
}
.cms-omks--button.style--color-positive {
  background-color: var(--basic-primary);
  color: #fff;
}
.cms-omks--button.style--color-positive.style--reverse {
  background-color: #fff;
  border: 0.05em solid var(--basic-primary);
  color: var(--basic-primary);
}
.cms-omks--button.style--color-negative {
  background-color: #e95b5b;
  color: #fff;
}
.cms-omks--button.style--color-negative.style--reverse {
  background-color: #fff;
  border: 0.05em solid #e95b5b;
  color: #e95b5b;
}
.cms-omks--button.style--color-void {
  background-color: #ededed;
  color: #adadad;
}
.cms-omks--button.style--color-void.style--reverse {
  background-color: #fff;
  border: 0.05em solid #ededed;
  color: #ededed;
}
.cms-omks--button.style--color-file {
  background-color: #3da16d;
  color: #fff;
}
.cms-omks--button.style--color-file.style--reverse {
  background-color: #fff;
  border: 0.05em solid #3da16d;
  color: #3da16d;
}
.cms-omks--button.style--color-transparent {
  height: auto;
  padding: 0;
  border-color: transparent;
  background-color: transparent;
  color: #444;
  font-weight: 400;
  line-height: 1.1;
}
.cms-omks--button.style--color-transparent:hover {
  color: #10486f;
  text-shadow: 0px 0px 1px #10486f;
}
.cms-omks--button.style--color-deepblue {
  background-color: #3a609c;
  border-color: #3a609c;
  color: #fff;
}
.cms-omks--button [class*=omks--icon-] {
  margin: 0 0.2em;
}
.cms-omks--button [class*=omks--icon-]:last-child {
  margin-right: 0;
}
.cms-omks--button .button-ico, .cms-omks--button .button-txt {
  display: inline-flex;
}

/* 레이어 */
.cms-omks--layer {
  font-family: "pretendard", "NanumSquare";
  font-size: 16px;
}
.cms-omks--layer .cms-omks--layer-contents {
  min-width: 680px;
  min-width: 840px;
  max-width: 1800px;
  width: -moz-min-content;
  width: min-content;
  padding: 0;
  text-align: left;
  font-size: 1em;
}
.cms-omks--layer .cms-omks--layer-contents.style--fit {
  min-width: -moz-min-content;
  min-width: min-content;
}
.cms-omks--layer .layer-head {
  display: flex;
  align-items: center;
  min-height: 3em;
  box-sizing: border-box;
  border-bottom: 1px solid #ededed;
  padding: 0 1.25em;
}
.cms-omks--layer .layer-head .layer-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateX(0.5em);
  width: 2em;
  height: 2em;
  font-size: 1em;
  line-height: 1;
  margin-left: auto;
}
.cms-omks--layer .layer-body, .cms-omks--layer .layer-foot {
  padding: 1.25em;
}
.cms-omks--layer .layer-foot {
  padding-top: 0;
}
.cms-omks--layer .layer-title {
  font-size: 20px;
  font-weight: 600;
  color: #1f2020;
  line-height: 1.3;
}
.cms-omks--layer .layer-guide {
  display: flex;
  padding: 1.75em;
  margin-bottom: 1em;
  border-radius: 0.3125em;
  background-color: #f3f5f7;
}
.cms-omks--layer .layer-guide .guide-visual {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 7.5em;
}
.cms-omks--layer .layer-guide .guide-paragraph {
  flex: 1 1 auto;
  margin-left: 1em;
}
.cms-omks--layer .layer-guide .guide-paragraph p {
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  font-weight: 400;
  color: #686868;
  word-break: keep-all;
  line-height: 1.3;
}
.cms-omks--layer .layer-guide .guide-paragraph p ~ p {
  margin-top: 0.2em;
}
.cms-omks--layer .layer-guide .guide-paragraph em {
  font-weight: 500;
  color: #333;
  font-style: normal;
}
.cms-omks--layer .layer-guide .guide-title {
  margin-bottom: 0.5em;
  font-size: 1em;
  font-weight: 500;
  color: #333;
  line-height: 1.3;
}
.cms-omks--layer .cms-omks--card {
  border: none;
  padding: 1.25em;
  border: 0.0625em solid #ededed;
  border-left: 0.625em solid #dce4ef;
  border-radius: 0.325em;
}
.cms-omks--layer .cms-omks--card:focus-within {
  border-left-color: #3a609c;
}
.cms-omks--layer .cms-omks--card:focus-within .cms-omks--form .form-label {
  color: #222;
}
.cms-omks--layer .cms-omks--card:focus-within .cms-omks--form input[type=text][class*=cms-omks--], .cms-omks--layer .cms-omks--card:focus-within .cms-omks--form input[type=password][class*=cms-omks--], .cms-omks--layer .cms-omks--card:focus-within .cms-omks--form textarea[class*=cms-omks--], .cms-omks--layer .cms-omks--card:focus-within .cms-omks--form select[class*=cms-omks--] {
  background-color: #f7faff;
  border-color: #e5edfb;
}
.cms-omks--layer .cms-omks--card .cms-omks--card-head {
  display: flex;
  align-items: flex-end;
  color: #777;
}
.cms-omks--layer .cms-omks--card .cms-omks--card-head ~ .cms-omks--card-body {
  margin-top: 1.25em;
}
.cms-omks--layer .cms-omks--card .cms-omks--card-title {
  font-size: 1em;
}
.cms-omks--layer .cms-omks--tab {
  font-size: 1em;
  border-bottom: 0.0625em solid #e7e6e6;
}
.cms-omks--layer .cms-omks--tab:first-child {
  margin-top: 0;
}
.cms-omks--layer .cms-omks--tab .cms-omks--tab-button {
  flex: none;
  min-width: 5.625em;
  width: auto;
  box-sizing: border-box;
  padding: 0 1.25em;
  background: none;
  border: none;
  color: #777777;
}
.cms-omks--layer .cms-omks--tab .cms-omks--tab-button:after {
  border: none;
  content: "";
  width: 100%;
  height: 0.1875em;
  background-color: #0080E2;
}
.cms-omks--layer .cms-omks--tab .cms-omks--tab-button.is--on {
  font-weight: 700;
  color: #3474ed;
  box-shadow: none;
}
.cms-omks--layer .cms-board--accordion .accordion-body {
  padding: 0.75em 1em;
}
.cms-omks--layer .cms-omks--form .cms-omks--switch {
  font-size: 0.8em;
}
.cms-omks--layer .cms-omks--grid .cms-omks--grid-row.style--card {
  border: 0.0625em solid #ededed;
  border-top: 0.3125em solid #3a609c;
  border-radius: 0.3125em;
  padding: 1.25em 1em;
}
.cms-omks--layer .cms-omks--grid .cms-omks--grid-row.style--card .form-label {
  color: #3a609c;
}

/* 페이지네이션 */
.cms-omks--board-pagination {
  margin-top: 1.875em;
}
.cms-omks--board-pagination.style--justify-end {
  justify-content: flex-end;
}
.cms-omks--board-pagination .pagi-num,
.cms-omks--board-pagination .pagi-arrow {
  min-width: 1.875em;
  width: auto;
  height: 1.875em;
  border-radius: 0.3125em;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.cms-omks--board-pagination .pagi-num ~ .pagi-num, .cms-omks--board-pagination .pagi-num ~ .pagi-arrow,
.cms-omks--board-pagination .pagi-arrow ~ .pagi-num,
.cms-omks--board-pagination .pagi-arrow ~ .pagi-arrow {
  margin-left: 0.625em;
}
.cms-omks--board-pagination .pagi-num.is--now,
.cms-omks--board-pagination .pagi-arrow.is--now {
  background-color: #3a609c;
  color: #fff;
}
.cms-omks--board-pagination .pagi-num {
  font-size: 0.875em;
}
.cms-omks--board-pagination .pagi-arrow + .pagi-arrow {
  margin-left: 0;
}

/* 파일 드랍 */
.cms-omks--drop {
  position: relative;
  width: 100%;
  padding-top: 42.86%;
}
.cms-omks--drop .drop-upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px dashed #3aa8e0;
  background-color: #fff;
  cursor: pointer;
}
.cms-omks--drop .drop-upload ~ .file-drop-list {
  margin-top: 1em;
}
.cms-omks--drop .drop-guide {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  color: #3aa8e0;
}
.cms-omks--drop .drop-icon {
  font-size: 1.8em;
  line-height: 1;
}
.cms-omks--drop .drop-text {
  margin-top: 0.5em;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.5;
}
.cms-omks--drop ~ .cms-omks--file {
  margin-top: 1em;
}

/* 텍스트 */
.cms-omks--text.style--weight-bold {
  font-weight: 500;
}
.cms-omks--text.style--color-green {
  color: #50c18f;
}
.cms-omks--text.style--color-blue {
  color: #5f85cd;
}
.cms-omks--text.style--color-red {
  color: #e94245;
}
.cms-omks--text.style--color-orange {
  color: #ff5000;
}
.cms-omks--text.style--color-purple {
  color: #8000FF;
}
.cms-omks--text.style--color-gray {
  color: gray;
}

/* 컨텐츠 박스 */
.cms-omks--box {
  display: flex;
  font-size: 1em;
}
.cms-omks--box.style--direction-column {
  flex-direction: column;
}
.cms-omks--box.style--direction-column .box-title {
  flex: none;
}
.cms-omks--box.style--direction-column .box-title ~ .box-contents {
  flex: none;
  padding: 0;
  margin-top: 0.875em;
}
.cms-omks--box .box-title {
  flex: 0 0 5.7142857143em;
  font-size: 0.875em;
  color: #7f7f7f;
  line-height: 1.3;
}
.cms-omks--box .box-contents {
  flex: 1 1 auto;
  padding: 0 0.5em;
  font-size: 0.875em;
  color: #3a609c;
  line-height: 1.3;
  word-break: keep-all;
}

/* 텝 커스텀 */
.cms-omks--tab {
  margin: 1em 0 2em 0;
  border: none;
}
.cms-omks--tab-frame {
  border: none;
}
.cms-omks--tab-button {
  position: relative;
  flex: 0 0 9.2em;
  width: 9.2em;
  height: 2.8em;
  background-color: #fff;
  font-size: 1em;
  font-weight: 400;
  color: #c4c4c4;
  border: 0.05em solid #c4c4c4;
}
.cms-omks--tab-button:first-child {
  border-radius: 0.325em 0 0 0.325em;
}
.cms-omks--tab-button:last-child {
  border-radius: 0 0.325em 0.325em 0;
}
.cms-omks--tab-button:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 60%;
  height: 0.375em;
  border-radius: 0.5em;
  background-color: #3aa8e0;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  content: none;
}
.cms-omks--tab-button:after {
  position: absolute;
  bottom: -0.15625em;
  left: 50%;
  transform: translate(-50%, 100%) rotate(180deg);
  bottom: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 6px 6.9px 6px;
  border-color: transparent transparent #3aa8e0 transparent;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}
.cms-omks--tab-button ~ .cms-omks--tab-button {
  margin-left: 0;
  border-left-width: 0;
}
.cms-omks--tab-button:hover {
  background-color: #fff;
  color: var(--basic-primary);
}
.cms-omks--tab-button.is--on {
  background-color: #fff;
  border-color: var(--basic-primary);
  border-bottom: 0;
  color: #3aa8e0;
  font-weight: 500;
  background-color: var(--basic-primary);
  color: #fff;
  box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}
.cms-omks--tab-button.is--on:before, .cms-omks--tab-button.is--on:after {
  visibility: visible;
  z-index: 0;
  opacity: 1;
}

/* 범위 (텍스트) */
.cms-omks--range {
  position: relative;
  display: inline-block;
  border: none;
  font-size: 1em;
  background-color: #fff;
  border-radius: 0.325em;
}
.cms-omks--range .range-form {
  display: flex;
  align-items: center;
  position: relative;
  height: 2.25em;
  box-sizing: border-box;
  padding: 0 0.5em;
  border: 1px solid #ccc;
  border-radius: inherit;
}
.cms-omks--range .range-input {
  flex: 1 1 50%;
  width: 100%;
  height: 1.4em;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  text-align: center;
  border-radius: 0;
  font-size: 1em;
}
.cms-omks--range .range-input::-moz-placeholder {
  color: #aaa;
}
.cms-omks--range .range-input::placeholder {
  color: #aaa;
}
.cms-omks--range .range-tilde {
  margin: 0 0.25em;
}

/* 스위치 */
.cms-omks--switch {
  display: flex;
  justify-content: center;
  position: relative;
}
.cms-omks--switch input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: 0;
  width: 1px;
  height: 1px;
}
.cms-omks--switch input[type=checkbox]:focus ~ .cms-omks--switch-button {
  border-color: #0075b0;
  outline: 0.0625rem solid #3a609c;
}
.cms-omks--switch input[type=checkbox]:checked ~ .cms-omks--switch-button {
  background-color: #0075b0;
  border-color: #0075b0;
}
.cms-omks--switch input[type=checkbox]:checked ~ .cms-omks--switch-button:before {
  transform: translate(100%, -50%);
  background-color: #fff;
}
.cms-omks--switch .cms-omks--switch-button {
  position: relative;
  width: 3em;
  height: 1.8em;
  border: 0.1em solid #cdcdcd;
  border-radius: 1.5em;
  background-color: #fff;
}
.cms-omks--switch .cms-omks--switch-button:before {
  position: absolute;
  top: 50%;
  left: 0.2em;
  transform: translateY(-50%);
  content: "";
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  background-color: #cdcdcd;
  transition: all 0.2s ease;
}

/* 태그 목록 */
.cms-omks--tag {
  font-size: 1em;
  overflow: hidden;
}
.cms-omks--tag .tag-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -0.25em;
}
.cms-omks--tag .tag-item {
  padding: 0.25em;
}
.cms-omks--tag .tag-block {
  display: flex;
  align-items: center;
  padding: 0.3em 0.4em 0.3em 0.4em;
  border: 0.0625em solid #ededed;
  border-radius: 0.325em;
  background-color: #fff;
}
.cms-omks--tag .tag-name {
  margin-right: auto;
  display: inline-block;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.3;
  transform: skewY(-0.01deg);
}
.cms-omks--tag .tag-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.2em;
  width: 1.2em;
  height: 1.2em;
  min-width: auto;
  padding: 0;
  border-radius: 50%;
  margin-left: 1em;
  font-size: 1em;
}
.cms-omks--tag .tag-button ~ .tag-button {
  margin-left: 0.5em;
}
.cms-omks--tag .tag-button.cms-omks--button {
  border-width: 0;
}
.cms-omks--tag .tag-button.cms-omks--button:hover {
  border-width: 0.0625em;
}
.cms-omks--tag .tag-button [class*=omks--icon-] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 1em;
  line-height: 1;
}

.cms-omks--combine {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.cms-omks--combine > * {
  flex: 1 1 10%;
  width: 100%;
}
.cms-omks--combine > *.col-1 {
  flex: 0 1 calc(10% - 0.5em);
}
.cms-omks--combine > *.col-2 {
  flex: 0 1 calc(20% - 0.5em);
}
.cms-omks--combine > *.col-3 {
  flex: 0 1 calc(30% - 0.5em);
}
.cms-omks--combine > *.col-4 {
  flex: 0 1 calc(40% - 0.5em);
}
.cms-omks--combine > *.col-5 {
  flex: 0 1 calc(50% - 0.5em);
}
.cms-omks--combine > *.col-6 {
  flex: 0 1 calc(60% - 0.5em);
}
.cms-omks--combine > *.col-7 {
  flex: 0 1 calc(70% - 0.5em);
}
.cms-omks--combine > *.col-8 {
  flex: 0 1 calc(80% - 0.5em);
}
.cms-omks--combine > *.col-9 {
  flex: 0 1 calc(90% - 0.5em);
}
.cms-omks--combine > * ~ * {
  margin-left: 0.5em;
}
.cms-omks--combine > div[class*=col-] {
  max-width: none;
  padding: 0;
}

.cms-omks--form {
  font-size: 1em;
  text-align: left;
}
.cms-omks--form .cms-omks--grid-row ~ .cms-omks--grid-row {
  margin-top: 1.25em;
}
.cms-omks--form .cms-omks--grid-col {
  padding: 0 0.325em;
}
.cms-omks--form .form-label {
  display: flex;
  align-items: center;
  margin-bottom: 0.85em;
  font-size: 0.875em;
  color: #444;
  line-height: 1.3;
  font-weight: 500;
}
.cms-omks--form .form-label.is--essential:after {
  content: "*필수";
  display: inline-block;
  transform: skewY(-0.1deg);
  margin-left: 0.5em;
  font-size: 0.875em;
  color: #e94245;
  font-weight: 400;
}
.cms-omks--form .form-label .label-ref {
  display: inline-block;
  transform: skewY(-0.1deg);
  margin-left: 0.5em;
  font-size: 0.875em;
  color: #e94245;
  font-weight: 400;
}
.cms-omks--form .form-contents {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1em;
  color: #1f2a3b;
}
.cms-omks--form .form-contents.style--column {
  flex-direction: column;
  align-items: normal;
}
.cms-omks--form .form-contents *.style--width-full {
  flex: 1 1 100%;
  width: 100%;
}

/* 첨부파일 */
.cms-omks--file .cms-omks--file-ref {
  position: relative;
}
.cms-omks--file .cms-omks--file-ref .file-ref-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ddd;
  font-size: 16px;
  line-height: 1;
  color: #444;
}
.cms-omks--file .cms-omks--file-ref .file-ref-mark:focus ~ .file-ref-layer {
  z-index: 1;
  visibility: visible;
  opacity: 1;
}
.cms-omks--file .cms-omks--file-ref .file-ref-layer {
  position: absolute;
  bottom: calc(100% + 0.3125em);
  left: 1rem;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
  max-width: 50vw;
  box-sizing: border-box;
  padding: 1rem;
  border-radius: 0.3125em;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 0.9375em;
  line-height: 1.3;
  word-break: keep-all;
  background-color: #f4f4f4;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.2s ease;
}
.cms-omks--file .file-list {
  display: flex;
  flex-wrap: wrap;
  margin: -1.25em 0 0 -1.25em;
}
.cms-omks--file .file-list.style--direction-column {
  margin-left: 0;
  flex-direction: column;
}
.cms-omks--file .file-list.style--direction-column .file-item {
  flex: none;
  width: 100%;
  margin-left: 0;
}
.cms-omks--file .file-list.style--flex-free .file-item {
  flex: none;
}
.cms-omks--file .file-item {
  flex: 0 0 calc(50% - 1.25em);
  margin: 1.25em 0 0 1.25em;
}
.cms-omks--file .file-item .file-box {
  height: 100%;
}
.cms-omks--file .file-box {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 4.375em;
  box-sizing: border-box;
  padding: 1em 1.25em;
  border: 0.05em solid #c8c8c8;
  border-radius: 0.325em;
  font-size: 1em;
  text-align: left;
}
.cms-omks--file .file-box ~ .file-drop-file {
  margin-top: 0.625em;
}
.cms-omks--file .file-box:hover {
  border-color: #3aa8e0;
  box-shadow: 0 0.18em 0.3em rgba(0, 0, 0, 0.16);
}
.cms-omks--file .file-type {
  position: absolute;
  left: 0.5em;
  top: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 7.5em;
  height: 1.5em;
  box-sizing: border-box;
  border: 0.1em solid #3aa8e0;
  border-radius: 0.9375em;
  background-color: #fff;
}
.cms-omks--file .file-type .cms-omks--text {
  font-size: 0.8em;
  transform: skewY(-0.1deg);
}
.cms-omks--file .file-icon {
  font-size: 1.8em;
  color: #3aa8e0;
  line-height: 1;
}
.cms-omks--file .file-main {
  padding: 0 1em;
}
.cms-omks--file .file-name {
  font-size: 0.875em;
  line-height: 1.3;
  word-break: break-all;
}
.cms-omks--file .file-info {
  display: flex;
  margin-top: 0.25em;
}
.cms-omks--file .file-info > * {
  margin-right: 0.25em;
  font-size: 0.75em;
  line-height: 1;
  transform: skewY(-0.1deg);
}
.cms-omks--file .file-size ~ .file-date::before {
  content: "/";
  margin: 0 0.25em;
}
.cms-omks--file .file-funcs {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
.cms-omks--file .file-funcs .cms-omks--button-group {
  justify-content: flex-end;
  font-size: 0.875em;
}
.cms-omks--file .file-funcs .cms-omks--button {
  min-width: auto;
  padding: 0.5em;
  border-width: 0.1em;
  font-weight: 500;
  white-space: nowrap;
}
.cms-omks--file .file-funcs .cms-omks--button [class*=omks--icon-] {
  font-size: 1.2em;
}
.cms-omks--file .file-remove {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5625em;
  height: 1.5625em;
  border-radius: 50%;
  background-color: #3aa8e0;
  color: #fff;
  margin-left: auto;
  font-size: 1em;
}
.cms-omks--file .file-remove [class*=omks--icon-] {
  font-size: 0.75em;
}
.cms-omks--file .file-remove:hover {
  background-color: #e94245;
}
.cms-omks--file .file-share {
  margin-left: 0.5em;
}
.cms-omks--file .file-share .cms-omks--button-group {
  font-size: 0.875em;
}
.cms-omks--file .file-share .cms-omks--button {
  white-space: nowrap;
}
.cms-omks--file .file-share .cms-omks--button:hover, .cms-omks--file .file-share .cms-omks--button:focus {
  opacity: 1;
}

.cms-omks--ref {
  font-size: 0.8em;
  font-weight: 400;
  transform: skewY(-0.1deg);
}
.cms-omks--ref.style--box {
  padding: 0.75em 1.5em;
  background-color: #e45c75;
  border-radius: 0.38em;
  color: #fff;
}

.cms-omks--block {
  display: inline-flex;
  justify-content: center;
  min-width: 5em;
  box-sizing: border-box;
  padding: 0.4em;
  border-radius: 0.15em;
  background-color: #f4f4f4;
  line-height: 1;
}

/* 설문조사 */
.cms-omks--survey {
  overflow: hidden;
  background-color: #fff;
}
.cms-omks--survey .survey-head {
  border: 1px solid #ededed;
  border-left: 0.625em solid #dce4ef;
  border-radius: 0.3125em;
}
.cms-omks--survey .survey-head ~ .survey-body {
  margin-top: 10px;
}
.cms-omks--survey .survey-add {
  display: flex;
  align-items: center;
  padding: 10px 18px;
}
.cms-omks--survey .survey-add-title {
  font-size: 15px;
  font-weight: 500;
}
.cms-omks--survey .survey-add-category {
  margin: 0 10px;
}
.cms-omks--survey .survey-add-button {
  margin-left: auto;
}
.cms-omks--survey .survey-qa {
  border: 1px solid #ccc;
  border-top: 5px solid #3a609c;
  border-radius: 5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16);
}
.cms-omks--survey .survey-qa ~ .survey-qa {
  margin-top: 20px;
}
.cms-omks--survey .survey-qa-head {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  padding: 10px 18px;
}
.cms-omks--survey .survey-qa-body {
  padding: 10px 18px;
}
.cms-omks--survey .survey-qa-funcs {
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  margin-left: auto;
}
.cms-omks--survey .survey-qa-require {
  display: flex;
  align-items: center;
  margin: 0 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
}
.cms-omks--survey .survey-qa-require .require-title {
  margin-right: 5px;
}
.cms-omks--survey .survey-qa-require .cms-omks--switch {
  font-size: 0.875em;
}
.cms-omks--survey .survey-qa-copy,
.cms-omks--survey .survey-qa-remove,
.cms-omks--survey .survey-qa-order {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.cms-omks--survey .survey-qa-copy:hover,
.cms-omks--survey .survey-qa-remove:hover,
.cms-omks--survey .survey-qa-order:hover {
  background-color: #f4f4f4;
}
.cms-omks--survey .survey-qa-category {
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.cms-omks--survey .survey-qa-category.style--multi {
  position: relative;
  padding-left: 34px;
}
.cms-omks--survey .survey-qa-category.style--multi:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../img/survey/multi.svg");
  background-size: cover;
}
.cms-omks--survey .survey-qa-category.style--short {
  position: relative;
  padding-left: 34px;
}
.cms-omks--survey .survey-qa-category.style--short:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../img/survey/short.svg");
  background-size: cover;
}
.cms-omks--survey .survey-qa-question {
  display: flex;
  align-items: center;
}
.cms-omks--survey .survey-qa-question ~ .survey-qa-answer {
  margin-top: 10px;
}
.cms-omks--survey .survey-qa-question .cms-omks--input, .cms-omks--survey .survey-qa-question input[type=text] {
  width: 100%;
}
.cms-omks--survey .survey-qa-question .question-mark {
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  margin-right: 10px;
  line-height: 1;
  background-color: #0075b0;
  font-weight: 600;
  color: #fff;
}
.cms-omks--survey .survey-qa-answer {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.cms-omks--survey .survey-qa-answer .answer-mark {
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid #3a609c;
  border-radius: 5px;
  margin-right: 10px;
  line-height: 1;
  background-color: #f8f8f8;
  color: #3a609c;
  font-weight: 600;
}
.cms-omks--survey .survey-qa-answer .answer-short {
  flex: 1 1 auto;
}
.cms-omks--survey .survey-qa-answer .answer-multi, .cms-omks--survey .survey-qa-answer .answer-multi li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cms-omks--survey .survey-qa-answer .answer-multi {
  flex: 1 1 auto;
}
.cms-omks--survey .survey-qa-answer .answer-multi li {
  display: flex;
  align-items: center;
}
.cms-omks--survey .survey-qa-answer .answer-multi li ~ li {
  margin-top: 10px;
}
.cms-omks--survey .survey-qa-answer .answer-order,
.cms-omks--survey .survey-qa-answer .answer-remove {
  flex: 0 0 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0 10px;
  border-radius: 50%;
  font-size: 18px;
  line-height: 1;
  opacity: 0.6;
  transition: all 0.3s ease;
}
.cms-omks--survey .survey-qa-answer .answer-order:hover, .cms-omks--survey .survey-qa-answer .answer-order:focus,
.cms-omks--survey .survey-qa-answer .answer-remove:hover,
.cms-omks--survey .survey-qa-answer .answer-remove:focus {
  opacity: 1;
}
.cms-omks--survey .survey-qa-answer .answer-input {
  flex: 1 1 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #aaa;
  font-size: 15px;
  font-weight: 300;
}
.cms-omks--survey .survey-qa-answer .answer-input::-moz-placeholder {
  color: #aaa;
}
.cms-omks--survey .survey-qa-answer .answer-input::placeholder {
  color: #aaa;
}
.cms-omks--survey .survey-qa-answer .answer-order {
  background-color: #3c3c42;
  background: none;
  color: #3c3c42;
}
.cms-omks--survey .survey-qa-answer .answer-remove {
  color: #f14747;
}
.cms-omks--survey .survey-qa-answer .answer-add {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  box-sizing: border-box;
  margin-top: 10px;
  background-color: #3a609c;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  cursor: pointer;
}
.cms-omks--survey .survey-qa-expose {
  font-size: 15px;
}
.cms-omks--survey .survey-qa-multi {
  display: flex;
  align-items: center;
  margin: 0 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
}
.cms-omks--survey .survey-qa-multi .multi-title {
  margin-right: 5px;
}
.cms-omks--survey .survey-qa-sort {
  position: relative;
  margin-left: 10px;
}
.cms-omks--survey .survey-qa-sort .sort-button {
  font-size: 14px;
  background: none;
}
.cms-omks--survey .survey-qa-sort .sort-button [class^=omks--icon] {
  font-size: 1.3em;
}
.cms-omks--survey .survey-qa-sort .sort-layer {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  width: -moz-max-content;
  width: max-content;
  box-sizing: border-box;
  border-radius: 5px;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.cms-omks--survey .survey-qa-sort .sort-layer .sort-button {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 18px;
}
.cms-omks--survey .survey-qa-sort .sort-layer .sort-button ~ .sort-button {
  border-top: 1px solid #ccc;
}
.cms-omks--survey .survey-qa-sort .sort-layer .sort-button:hover {
  opacity: 0.6;
}
.cms-omks--survey .survey-qa-sort .sort-layer.is--on {
  z-index: 1;
  visibility: visible;
  opacity: 1;
}
.cms-omks--survey .survey-qa-total {
  margin: 0 10px;
  padding: 2px 10px;
  background-color: #f4f4f4;
  border-radius: 15px;
  font-size: 14px;
}
.cms-omks--survey .survey-qa-change {
  font-size: 14px;
}
.cms-omks--survey .survey-qa-change.style--bar, .cms-omks--survey .survey-qa-change.style--pi {
  position: relative;
  padding-left: 38px;
}
.cms-omks--survey .survey-qa-change.style--bar:before, .cms-omks--survey .survey-qa-change.style--pi:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url("../../img/survey/graph-pi.svg");
  background-size: cover;
  background-position: center;
}
.cms-omks--survey .survey-qa-change.style--bar:before {
  background-image: url("../../img/survey/graph-bar.svg");
}
.cms-omks--survey .survey-info {
  border: 1px solid #ccc;
  border-left: 0.625em solid #dce4ef;
  border-radius: 5px;
  margin-bottom: 20px;
}
.cms-omks--survey .survey-info .info-head {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 10px 18px;
  border-bottom: 1px solid #ccc;
}
.cms-omks--survey .survey-info .info-body {
  padding: 18px;
}
.cms-omks--survey .survey-info .info-title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}
.cms-omks--survey .survey-info .info-date {
  display: flex;
  align-items: center;
}
.cms-omks--survey .survey-info .info-date .date-title {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 300;
}
.cms-omks--survey .survey-info .info-date .date-period {
  font-size: 16px;
  font-weight: 500;
}
.cms-omks--survey .survey-info .info-people {
  display: flex;
  margin: 0;
  padding: 0;
}
.cms-omks--survey .survey-info .info-people li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.cms-omks--survey .survey-info .info-people li ~ li {
  margin-left: auto;
}
.cms-omks--survey .survey-info .info-people .people-title {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 300;
}
.cms-omks--survey .survey-info .info-people .people-contents {
  font-size: 15px;
  font-weight: 500;
}
.cms-omks--survey .survey-info .info-list {
  overflow: hidden;
}
.cms-omks--survey .survey-info .info-list ul {
  margin: 0;
  padding: 0;
  margin: -10px 0 0 -10px;
}
.cms-omks--survey .survey-info .info-list ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  margin: 10px 0 0 10px;
  overflow: hidden;
}
.cms-omks--survey .survey-info .info-list ul li.style--clear {
  clear: both;
}
.cms-omks--survey .survey-info .info-list .item-title {
  float: left;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 300;
}
.cms-omks--survey .survey-info .info-list .item-contents {
  display: block;
  overflow: hidden;
  font-size: 15px;
  font-weight: 500;
}
.cms-omks--survey .survey-state {
  padding: 0;
}

/* 앨범형 */
.cms-omks--album .album-item.is--high-light:before {
  background-color: #fff;
  background-image: url("../../img/board/album-list-alert.svg");
}
.cms-omks--album .album-item .item-category {
  margin-bottom: 0.3125em;
  font-size: 0.9375em;
  font-weight: 400;
}
.cms-omks--album .album-item .item-category .category-block {
  display: inline;
  padding: 0.4rem 0.8rem;
  background-color: #0080E2;
  border-radius: 0.3rem;
  font-size: 0.875em;
  color: #fff;
  word-break: keep-all;
}
.cms-omks--album .album-item .item-category .category-field {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.cms-omks--album .album-item .item-category .category-field li {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.3;
}
.cms-omks--album .album-item .item-category .category-field li ~ li:before {
  content: "→";
  margin: 0 0.3rem;
}
.cms-omks--album .album-item .item-date {
  display: block;
  margin-top: auto;
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1;
}
.cms-omks--album .album-item .item-frame {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 14.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.9375em 1.2rem;
  transform: translateZ(0);
  transition: height 0.2s ease, padding-top 0.2s ease;
}
.cms-omks--album .album-item .item-new {
  display: flex;
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  z-index: 1;
  border-radius: 0.3125em;
  background-color: #0152a5;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.16);
  padding: 0.6rem;
  font-size: 0.9375em;
  line-height: 1;
  color: #fff;
}
.cms-omks--album .album-item:hover .item-frame {
  height: 16.5rem;
  padding-top: 2.8rem;
  background-color: #0152a5;
}
.cms-omks--album .album-item:hover .item-frame * {
  color: #fff;
}
.cms-omks--album .album-item:hover .album-link {
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.28);
}
.cms-omks--album .album-item:hover .album-title {
  text-decoration: none;
  text-shadow: 0px 0.1rem 0.1rem #fff;
}
.cms-omks--album .album-thumb {
  border-radius: 0;
  padding-top: 56.25%;
}
.cms-omks--album .album-thumb:before {
  content: none;
  border-radius: inherit;
}
.cms-omks--album .album-thumb.is--none:after {
  content: "";
  width: 10.5rem;
  height: 10.5rem;
  background-repeat: no-repeat;
  background-image: url("../../img/board/default.svg");
  background-size: 100% auto;
  background-position: center;
  font-size: 1em;
  opacity: 0.1;
}
.cms-omks--album .album-contents {
  position: relative;
  height: 14.5rem;
  border-top: 0.2rem solid #ccc;
}
.cms-omks--album .album-title {
  font-size: 1.125em;
  line-height: 2.8rem;
  max-height: 5.6rem;
}
.cms-omks--album .album-link {
  border: 0.2rem solid #ccc;
  transition: all 0.2s ease;
}
.cms-omks--album .album-download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.5em;
  box-sizing: border-box;
  padding: 0 1.2rem;
  border-top: 0.2rem solid #ccc;
  background-color: #f4f4f4;
  font-size: 1em;
}
.cms-omks--album .album-download [class^=omks--icon] {
  display: inline-flex;
  font-size: 1.1em;
  line-height: 1;
}
.cms-omks--album .album-download [class^=omks--icon-export] {
  font-size: 1.4em;
}
.cms-omks--album .album-download [class^=omks--icon-outside] {
  transform: translateY(-0.2rem);
}

/* 보기 */
.cms-omks--board-view .view-body,
.cms-omks--board-view .view-template {
  border-top: 0.1rem solid #D6D6D6;
}
.cms-omks--board-view .view-head {
  position: relative;
}
.cms-omks--board-view .view-head .head-row {
  display: flex;
  padding: 1rem 0.875em;
}
.cms-omks--board-view .view-head .head-row ~ .head-row {
  border-top: 0.1rem solid #D6D6D6;
}
.cms-omks--board-view .view-head .head-row .row-item {
  font-size: 1em;
  font-weight: 400;
  color: #777777;
}
.cms-omks--board-view .view-head .head-row .row-item ~ .row-item {
  margin-left: 0.9375em;
}
.cms-omks--board-view .view-head .head-row .row-item:after {
  content: "";
  display: block;
  clear: both;
}
.cms-omks--board-view .view-head .head-row .row-item .item-title {
  float: left;
  margin-right: 1rem;
  font-weight: 500;
  letter-spacing: -0.1rem;
}
.cms-omks--board-view .view-head .head-row .row-item .item-contents {
  display: block;
  overflow: hidden;
  font-weight: 300;
}
.cms-omks--board-view .view-body,
.cms-omks--board-view .view-template {
  padding: 1.125em 0.875em;
  font-size: 1.125em;
  font-weight: 400;
  color: #444444;
  line-height: 1.5;
  word-break: keep-all;
}
.cms-omks--board-view .view-body img,
.cms-omks--board-view .view-template img {
  max-width: 100% !important;
}
.cms-omks--board-view .view-answer {
  padding: 0.875em;
  background-color: #f9f9f9;
  border-radius: 0.3125em;
  border: 0.0625em solid #ddd;
}
.cms-omks--board-view .view-answer .answer-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 1.875em;
  padding: 0.3125em 0.3125em 0.3125em 4.5rem;
  margin-bottom: 1rem;
  background-repeat: no-repeat;
  background-image: url("../../img/board/answer.svg");
  background-size: 1.875em auto;
  background-position: 0 0;
}
.cms-omks--board-view .view-answer .answer-body {
  padding: 1.125em;
  background-color: #fff;
  border: 0.0625em solid #ccc;
  border-radius: 0.3125em;
  font-size: 1.125em;
  font-weight: 400;
  color: #222;
  line-height: 1.5;
  word-break: keep-all;
}
.cms-omks--board-view .view-answer .answer-foot {
  margin-top: 1rem;
}
.cms-omks--board-view .view-answer .answer-attached {
  padding: 0.875em;
  margin-bottom: 1rem;
  background-color: #fff;
  border: 0.0625em solid #ccc;
  border-radius: 0.3125em;
}
.cms-omks--board-view .view-answer .answer-attached .attached-title {
  float: left;
  margin-right: 1em;
  font-size: 1em;
  font-weight: 500;
  color: #444;
}
.cms-omks--board-view .view-answer .answer-attached .view-attached {
  overflow: hidden;
}
.cms-omks--board-view .view-answer .answer-info {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.9375em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-view .view-answer .answer-info {
    flex-direction: column;
    padding: 0.875em 1.125em;
    border-top: 1rem solid #0080E2;
    background-color: #fff;
    border-radius: 0.3125em;
  }
}
.cms-omks--board-view .view-answer .answer-info .info-item {
  display: flex;
  font-size: 1.0625em;
  font-weight: 400;
  color: #666;
}
.cms-omks--board-view .view-answer .answer-info .info-item ~ .info-item {
  position: relative;
  padding-left: 1rem;
  margin-left: 1rem;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-view .view-answer .answer-info .info-item ~ .info-item {
    margin: 0;
    padding: 0;
    margin-top: 0.3125em;
  }
}
.cms-omks--board-view .view-answer .answer-info .info-item ~ .info-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 0.1rem;
  height: 1rem;
  background-color: #000;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-view .view-answer .answer-info .info-item ~ .info-item:before {
    content: none;
  }
}
.cms-omks--board-view .view-answer .answer-info .info-item .item-title {
  margin-right: 1rem;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-view .view-answer .answer-info .info-item .item-title {
    flex: 0 0 3.75em;
  }
}
.cms-omks--board-view .view-answer .answer-info .info-item .item-contents {
  color: #000;
  font-weight: 500;
}
.cms-omks--board-view .view-answer .answer-block {
  display: inline;
  padding: 0.4rem 0.8rem;
  background-color: #0080E2;
  border-radius: 0.3rem;
  font-size: 0.875em;
  color: #fff;
  word-break: keep-all;
}
.cms-omks--board-view .view-answer .answer-title {
  font-size: 1.125em;
  font-weight: 500;
  color: #000;
  word-break: keep-all;
}
.cms-omks--board-view .view-answer .answer-title .answer-block {
  margin-right: 1rem;
}
.cms-omks--board-view .view-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 5em;
  box-sizing: border-box;
  padding: 1rem 1.125em;
  border-radius: 0.3125em;
  background-color: #F2F8FF;
  border: 0.0625em solid #ddd;
}
.cms-omks--board-view .view-title .title-category {
  display: flex;
  align-items: center;
  margin-bottom: 0.3125em;
  font-size: 1.125em;
  font-weight: 400;
  color: #086CDE;
  line-height: 1;
}
.cms-omks--board-view .view-title .title-category .title-block {
  border-radius: 5px;
  font-size: 1em;
}
.cms-omks--board-view .view-title .title-name {
  font-size: 1.25em;
  font-weight: 600;
  color: #0B0B0B;
  word-break: keep-all;
  line-height: 1.4;
}
.cms-omks--board-view .view-title .title-block {
  display: inline;
  padding: 0.4rem 0.8rem;
  background-color: #0080E2;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  word-break: keep-all;
}
.cms-omks--board-view .view-title .title-block.style--size-s {
  padding: 0.2rem 0.4rem;
}
.cms-omks--board-view .view-title .title-block.style--color-red {
  background-color: #eb445a;
  border-color: #eb445a;
  color: #fff;
}
.cms-omks--board-view .view-title .title-block.style--color-orange {
  background-color: #f39c12;
  border-color: #f39c12;
  color: #fff;
}
.cms-omks--board-view .view-title .title-block.style--color-yellow {
  background-color: #f4cf3d;
  border-color: #f4cf3d;
  color: #fff;
}
.cms-omks--board-view .view-title .title-block.style--color-green {
  background-color: #27ae60;
  border-color: #27ae60;
  color: #fff;
}
.cms-omks--board-view .view-title .title-block.style--color-blue {
  background-color: #0080E2;
  border-color: #0080E2;
  color: #fff;
}
.cms-omks--board-view .view-title .title-block.style--color-blue.style--reverse {
  background-color: #fff;
  border: 1px solid #0080E2;
  color: #0080E2;
}
.cms-omks--board-view .view-title .title-block.style--color-deepblue {
  background-color: #3a609c;
  border-color: #3a609c;
  color: #fff;
}
.cms-omks--board-view .view-title .title-block.style--color-purple {
  background-color: #906bff;
  border-color: #906bff;
  color: #fff;
}
.cms-omks--board-view .view-title .title-block.style--color-gray {
  background-color: #95a5a6;
  border-color: #95a5a6;
  color: #fff;
}
.cms-omks--board-view .view-attached {
  display: flex;
  flex-wrap: wrap;
}
.cms-omks--board-view .view-attached .attached-file {
  position: relative;
  margin-right: 1.25em;
}
.cms-omks--board-view .view-attached .attached-file:after {
  content: "";
  display: block;
  clear: both;
}
.cms-omks--board-view .view-attached .attached-file .file-icon {
  position: relative;
  float: left;
  width: 22px;
  margin-right: 5px;
  text-indent: -9999px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-omks--board-view .view-attached .attached-file .file-icon {
    width: 2.037037037vw;
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-view .view-attached .attached-file .file-icon {
    width: 3.2vw;
    margin-right: 0.6666666667vw;
  }
}
.cms-omks--board-view .view-attached .attached-file .file-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 1.125em;
  height: 1.125em;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/board/view-attached.svg");
  background-size: cover;
  background-position: center;
}
.cms-omks--board-view .view-attached .attached-file .file-name {
  display: block;
  overflow: hidden;
  font-weight: 300;
  color: #777777;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.cms-omks--board-view .view-attached .attached-file .file-name:hover {
  color: #019aea;
}
.cms-omks--board-view .view-banner {
  border-top: 0.1rem solid #D6D6D6;
  padding: 2.8rem;
  font-size: 1em;
  font-weight: 400;
  color: #444444;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-view .view-banner {
    padding: 1.25em;
  }
}
.cms-omks--board-view .view-banner .banner-frame {
  width: 1030px;
  max-width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-omks--board-view .view-banner .banner-frame {
    width: 95.3703703704vw;
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-view .view-banner .banner-frame {
    width: 100%;
  }
}
.cms-omks--board-view .view-banner .banner-image {
  position: relative;
  width: 100%;
  border-radius: 0.3125em;
  background-color: #F2F6FA;
  background-color: #f4f4f4;
  overflow: hidden;
}
.cms-omks--board-view .view-banner .banner-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}
.cms-omks--board-view .view-banner .banner-image.is--none img {
  display: none;
}
.cms-omks--board-view .view-banner .banner-image.is--none:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: " No Images";
  width: 22rem;
  font-size: 1.25em;
  font-weight: 400;
  color: #AEBFCF;
  line-height: 1.3;
  text-align: center;
  word-break: keep-all;
}
.cms-omks--board-view .view-banner .banner-photos {
  position: relative;
}
.cms-omks--board-view .view-banner .banner-photos .banner-image {
  padding-top: 58.25%;
}
.cms-omks--board-view .view-banner .banner-photos ~ .banner-thumbs {
  margin-top: 1.5625em;
}
.cms-omks--board-view .view-banner .banner-photos .banner-pagi {
  position: absolute;
  bottom: 0;
  left: initial;
  right: 0;
  z-index: 2;
  min-width: 3.75em;
  width: auto;
  padding: 0.3125em 1rem;
  background: rgba(0, 0, 0, 0.16);
  text-align: center;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.2rem;
}
.cms-omks--board-view .view-banner .banner-thumbs {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0 7rem;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-view .view-banner .banner-thumbs {
    padding: 0 4.5rem;
  }
}
.cms-omks--board-view .view-banner .banner-thumbs .banner-slide {
  opacity: 0.7;
}
.cms-omks--board-view .view-banner .banner-thumbs .banner-slide.swiper-slide-thumb-active, .cms-omks--board-view .view-banner .banner-thumbs .banner-slide.is--on {
  opacity: 1;
}
.cms-omks--board-view .view-banner .banner-thumbs .banner-image {
  padding-top: 56.9%;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-view .view-banner .banner-thumbs .banner-image.is--none:after {
    width: auto;
  }
}
.cms-omks--board-view .view-banner .banner-navi .navi-prev, .cms-omks--board-view .view-banner .banner-navi .navi-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 7rem;
  height: 7rem;
  background-repeat: no-repeat;
  background-size: 3.125em auto;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-view .view-banner .banner-navi .navi-prev, .cms-omks--board-view .view-banner .banner-navi .navi-next {
    width: 2.5em;
    height: 2.5em;
    box-sizing: border-box;
    border: 0.1rem solid #000;
    border-radius: 0.3125em;
    background-size: 1.5625em auto;
  }
}
.cms-omks--board-view .view-banner .banner-navi .navi-prev.is--disabled, .cms-omks--board-view .view-banner .banner-navi .navi-next.is--disabled {
  opacity: 0.3;
  cursor: default;
}
.cms-omks--board-view .view-banner .banner-navi .navi-prev {
  left: 0;
  background-image: url("../../img/omks/board/banner-prev.svg");
}
.cms-omks--board-view .view-banner .banner-navi .navi-next {
  right: 0;
  background-image: url("../../img/omks/board/banner-next.svg");
}
.cms-omks--board-view .view-print {
  position: absolute;
  top: 1.5625em;
  right: 1.875em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875em;
  height: 1.875em;
  box-sizing: border-box;
  border: 1px solid #777;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 1em;
  line-height: 1;
  color: #777;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .cms-omks--board-view .view-print {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .cms-omks--board-view .view-print {
    display: none;
  }
}
.cms-omks--board-view .view-print:hover {
  border-color: #3a609c;
  color: #3a609c;
}
.cms-omks--board-view .view-print [class^=omks--icon] {
  display: inline-flex;
  line-height: 1;
  font-size: 1.25em;
  transform: translateY(0.05rem);
}
.cms-omks--board-view .view-template .cms-board--card {
  border-color: #e4e4e4;
  overflow: hidden;
  box-shadow: none;
}
.cms-omks--board-view .view-template .cms-board--card .card-head {
  justify-content: center;
  text-align: center;
  background-color: var(--basic-primary);
}
.cms-omks--board-view .view-template .cms-board--card .card-body {
  padding: 2em 0;
}
.cms-omks--board-view .view-template .cms-board--card .card-title {
  font-size: 1em;
  color: #fff;
}
.cms-omks--board-view .view-template .cms-board--card .card-row {
  padding: 0.5em 2.1875em;
}
.cms-omks--board-view .view-template .cms-board--card .card-row ~ .card-row {
  border-top: 0;
}
.cms-omks--board-view .view-template .cms-board--card .card-info li {
  flex-direction: row;
  align-items: flex-start;
}
.cms-omks--board-view .view-template .cms-board--card .card-info .info-title,
.cms-omks--board-view .view-template .cms-board--card .card-info .info-contents {
  font-size: 1em;
  line-height: 1.5;
}
.cms-omks--board-view .view-template .cms-board--card .card-info .info-title {
  position: relative;
  flex: 0 0 15%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3em 0.5em;
  border-radius: 0.3125em;
  margin-right: 2em;
  background-color: #e5edfb;
}
.cms-omks--board-view .view-template .cms-board--card .card-info .info-title ~ .info-contents {
  flex: 1 1 auto;
  margin-top: 0;
  padding-top: 0.3em;
}

/* 이미지 미리보기 */
.cms-omks--image-preview {
  border: 0.0625em solid #ccc;
  border-radius: 0.325em;
  overflow: hidden;
}
.cms-omks--image-preview .preview-caption {
  display: flex;
  padding: 0.4em 0.8em;
  background-color: #4e5765;
  font-size: 1em;
  color: #fff;
  font-weight: 400;
}
.cms-omks--image-preview .preview-figure {
  font-size: 0;
}
.cms-omks--image-preview .preview-figure img {
  max-width: 100%;
}

/* 모듈 공통 클래스 */
[class^=cms-omks--].style--indent {
  padding-left: 0.9375em;
}
[class^=cms-omks--].style--indent-2x {
  padding-left: 1.875em;
}
[class^=cms-omks--].style--indent-3x {
  padding-left: 4.5rem;
}
[class^=cms-omks--].style--ml-1x {
  margin-left: 1rem;
}
[class^=cms-omks--].style--ml-2x {
  margin-left: 1.25em;
}
[class^=cms-omks--].style--ml-3x {
  margin-left: 1.875em;
}
[class^=cms-omks--].style--mr-1x {
  margin-right: 1rem;
}
[class^=cms-omks--].style--mr-2x {
  margin-right: 1.25em;
}
[class^=cms-omks--].style--mr-3x {
  margin-right: 1.875em;
}
[class^=cms-omks--].style--mt-1x {
  margin-top: 1rem;
}
[class^=cms-omks--].style--mt-2x {
  margin-top: 1.25em;
}
[class^=cms-omks--].style--mt-3x {
  margin-top: 1.875em;
}
[class^=cms-omks--].style--mb-1x {
  margin-bottom: 1rem;
}
[class^=cms-omks--].style--mb-2x {
  margin-bottom: 1.25em;
}
[class^=cms-omks--].style--mb-3x {
  margin-bottom: 1.875em;
}

.cms-omks--card ~ .cms-omks--card {
  margin-top: 1.5625em;
}
.cms-omks--card.style--theme-1 {
  padding: 0 1.875em;
  border: none;
  border-top: 0.625em solid #dce4ef;
  border-radius: 0.3125em;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  transition: all 0.3s ease;
}
.cms-omks--card.style--theme-1:focus-within {
  border-top-color: #3a609c;
}
.cms-omks--card.style--theme-1:focus-within .cms-omks--form .form-label {
  color: #222;
}
.cms-omks--card.style--theme-1:focus-within .cms-omks--form input[type=text][class*=cms-omks--], .cms-omks--card.style--theme-1:focus-within .cms-omks--form input[type=password][class*=cms-omks--], .cms-omks--card.style--theme-1:focus-within .cms-omks--form textarea[class*=cms-omks--], .cms-omks--card.style--theme-1:focus-within .cms-omks--form select[class*=cms-omks--] {
  background-color: #f7faff;
  border-color: #e5edfb;
}
.cms-omks--card.style--theme-1 .cms-omks--card-head {
  display: flex;
  align-items: center;
  height: 3.75em;
  border-bottom: 0.0625em dashed #ccc;
}
.cms-omks--card.style--theme-1 .cms-omks--card-head ~ .cms-omks--card-body {
  margin-top: 1.25em;
}
.cms-omks--card.style--theme-1 .cms-omks--card-body {
  padding-bottom: 1.875em;
}

.cms-omks--period {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1em;
}
.cms-omks--period .period-date {
  flex: 1 1 calc(50% - 1.875em);
  width: calc(50% - 1.875em);
  position: relative;
  display: inline-block;
  border: none;
}
.cms-omks--period .period-date .date-label {
  position: absolute;
  top: 0;
  left: 1rem;
  transform: translateY(-60%);
  z-index: 1;
  background-color: #fff;
  padding: 0 0.3125em;
  font-size: 0.8em;
  line-height: 1;
}
.cms-omks--period .period-date .date-input {
  position: relative;
  border: 0.1rem solid #ccc;
}
.cms-omks--period .period-date .date-input input {
  margin: 0;
  width: 100%;
  height: 2.25em;
  padding: 0 1rem;
  padding-right: 2.25em;
  border-radius: inherit;
}
.cms-omks--period .period-date .date-input .input-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  font-size: 2.4rem;
}
.cms-omks--period .period-tilde {
  margin: 0 1rem;
}

/* 안내 상자 */
.cms-omks--guide-box {
  padding: 0.875em 2.8rem;
  border: 0.1rem solid #ccc;
  border-radius: 0.3125em;
  font-size: 1em;
}
.cms-omks--guide-box .omks--stnc .omks--stnc-icon [class^=omks--icon] {
  transform: translateY(0.1em);
}

/* 텍스트에어리어 */
.cms-omks--textarea-box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 1.875rem;
}
.cms-omks--textarea-box .cms-omks--textarea {
  padding-bottom: 4.8rem;
}
.cms-omks--textarea-box .box-foot {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 1.875em;
  box-sizing: border-box;
  padding: 0 1rem;
}

.cms-omks--textarea-limit {
  font-size: 0.75em;
  font-weight: 400;
  transform: skewY(-0.1deg);
}

/* 댓글 */
.cms-omks--comment {
  margin: 1.5em 0;
  border: none;
}
.cms-omks--comment .comment-form {
  display: flex;
  flex-wrap: wrap;
}
.cms-omks--comment .comment-form .comment-writer {
  order: 1;
  display: flex;
  align-items: center;
}
.cms-omks--comment .comment-form .comment-writer ~ * {
  margin-left: 0;
}
.cms-omks--comment .comment-form .comment-writer .comment-writer-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.3em;
  height: 2.3em;
  border-radius: 50%;
  background-color: #0152a5;
  margin-right: 0.5em;
  font-size: 1em;
  color: #fff;
  line-height: 1;
}
.cms-omks--comment .comment-form .comment-writer .comment-writer-icon [class^=omks--icon-] {
  display: inline-flex;
  font-size: 1.6em;
  line-height: 1;
}
.cms-omks--comment .comment-form .comment-writer .omks--input {
  width: 8.4375em;
  min-width: auto;
  height: 2.25em;
  border-radius: 0.3125em;
}
.cms-omks--comment .comment-form .comment-writer .omks--input:-moz-read-only {
  background-color: #f1f1f1;
  color: #a8a8a8;
  cursor: default;
}
.cms-omks--comment .comment-form .comment-writer .omks--input:read-only {
  background-color: #f1f1f1;
  color: #a8a8a8;
  cursor: default;
}
.cms-omks--comment .comment-form .comment-writer .omks--input ~ .omks--input {
  margin-left: 0.5em;
}
.cms-omks--comment .comment-form .comment-textarea {
  order: 3;
  flex: 1 1 100%;
  margin-top: 1rem;
}
.cms-omks--comment .comment-form .comment-textarea .cms-omks--textarea {
  height: 6.25em;
  border-radius: 0.325em;
  word-break: keep-all;
}
.cms-omks--comment .comment-form .comment-textarea .cms-omks--textarea::-moz-placeholder {
  font-size: 1em;
}
.cms-omks--comment .comment-form .comment-textarea .cms-omks--textarea::placeholder {
  font-size: 1em;
}
.cms-omks--comment .comment-form .comment-submit {
  order: 2;
  margin-left: auto;
}
.cms-omks--comment .comment-row {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.875em 1.75em;
  background-color: #f6f6f6;
  font-size: 1em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--comment .comment-row {
    padding: 1rem;
  }
}
.cms-omks--comment .comment-row:hover {
  background-color: #fff8f1;
}
.cms-omks--comment .comment-row ~ .comment-row {
  margin-top: 0.625em;
  border: none;
}
.cms-omks--comment .comment-row .comment-head,
.cms-omks--comment .comment-row .comment-body {
  padding: 0;
  background: none;
}
.cms-omks--comment .comment-row .comment-head ~ .comment-body,
.cms-omks--comment .comment-row .comment-body ~ .comment-body {
  margin-top: 0.5em;
}
.cms-omks--comment .comment-writer-ip {
  font-size: 0.875em;
  transform: skewY(-0.02deg);
  color: #aaa;
}
.cms-omks--comment .comment-date {
  font-size: 0.875em;
  transform: skewY(-0.02deg);
}
.cms-omks--comment .comment-edit {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  display: flex;
  align-items: center;
}
.cms-omks--comment .comment-edit .omks--button-group {
  margin-top: 0;
}
.cms-omks--comment .comment-edit .omks--button {
  font-size: 0.875em;
}
.cms-omks--comment .comment-edit .edit-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.4rem;
  height: 3.4rem;
  box-sizing: border-box;
  border-radius: 0.3125em;
  background-color: #aeaeae;
  font-size: 1.125em;
  color: #fff;
}
.cms-omks--comment .comment-edit .edit-button ~ .edit-button {
  margin-left: 0.3125em;
}
.cms-omks--comment .comment-edit .edit-button.style--color-primary {
  background-color: #3a609c;
  color: #fff;
}
.cms-omks--comment .comment-edit .edit-button.style--color-secondary {
  background-color: #0152a5;
  color: #fff;
}

/* 테이블 그룹 */
.cms-omks--table-group {
  display: flex;
}
.cms-omks--table-group .table-group-box {
  flex: 1 1 auto;
}
.cms-omks--table-group .table-group-box ~ .table-group-box {
  margin-left: 1.25em;
}
.cms-omks--table-group .table-group-title {
  font-size: 1.125em;
  font-weight: 500;
  color: #000;
}

/* 날짜 필터링 */
.date-filter {
  display: flex;
  align-items: center;
  padding: 0.9375em 1.25em;
  margin: 1rem 0;
  background-color: #f5f5f5;
  border-radius: 0.3125em;
}
.date-filter [class^=df-] {
  flex: 1 1 auto;
}
.date-filter [class^=df-] ~ [class^=df-] {
  margin-left: 0.625em;
}
.date-filter .df-ttl {
  font-size: 1em;
  font-weight: 500;
  color: #222;
}
.date-filter .df-select .cms-omks--select {
  width: 100%;
}
.date-filter .df-period {
  display: flex;
  align-items: center;
  height: 2.25em;
  border: 1px solid #ccc;
  padding: 0 1.125em;
  border-radius: 0.3125em;
  background-color: #fff;
}
.date-filter .df-period .period-input {
  display: block;
}
.date-filter .df-period .period-input .df-input {
  width: 100%;
  text-align: center;
}
.date-filter .df-period .period-tilde {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 0.9375em;
  font-size: 1em;
}
.date-filter .df-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}

/* 대쉬보드 */
.cms-omks--dashboard {
  position: relative;
}
.cms-omks--dashboard .db--issue {
  position: absolute;
  top: -45px;
  right: 0;
}
.cms-omks--dashboard .db--issue .issue-frame {
  position: relative;
}
.cms-omks--dashboard .db--issue .issue-open {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 250px;
  height: 90px;
  box-sizing: border-box;
  border-radius: 15px;
  padding-left: 25px;
  transition: all 0.2s ease;
}
.cms-omks--dashboard .db--issue .issue-open:hover {
  background-color: #f7f7f7;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.09) inset;
}
.cms-omks--dashboard .db--issue .issue-open .open-title {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}
.cms-omks--dashboard .db--issue .issue-open .open-title-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-left: 15px;
  border-radius: 50%;
  background-color: #e53c38;
  transform: translateY(-2.5px);
  font-size: 16px;
  color: #fff;
}
.cms-omks--dashboard .db--issue .issue-open .open-text {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #7f7f7f;
}
.cms-omks--dashboard .db--issue .issue-open .open-text:hover {
  color: #333;
}
.cms-omks--dashboard .db--issue .issue-open .open-text [class*=omks--icon-] {
  margin-left: 5px;
  font-size: 13px;
}
.cms-omks--dashboard .db--issue .issue-layer {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 101;
  transform: translateY(20px);
  width: 500px;
}
.cms-omks--dashboard .db--issue .issue-layer.is--on {
  display: block;
}
.cms-omks--dashboard .db--issue .issue-layer.is--on ~ .issue-layer-drop {
  display: block;
}
.cms-omks--dashboard .db--issue .issue-layer .il-frame {
  position: relative;
}
.cms-omks--dashboard .db--issue .issue-layer .il-head {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 28px;
  background-color: #998eff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cms-omks--dashboard .db--issue .issue-layer .il-head:before {
  position: absolute;
  bottom: 100%;
  right: 20%;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10.9px 10px;
  border-color: transparent transparent #998eff transparent;
}
.cms-omks--dashboard .db--issue .issue-layer .il-body {
  max-height: 400px;
  overflow-y: auto;
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cms-omks--dashboard .db--issue .issue-layer .il-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
}
.cms-omks--dashboard .db--issue .issue-layer .il-title {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
.cms-omks--dashboard .db--issue .issue-layer .il-count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: 15px;
  border-radius: 50%;
  background-color: #fff;
  color: #7067cb;
}
.cms-omks--dashboard .db--issue .issue-layer .il-list {
  border-radius: inherit;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item {
  position: relative;
  overflow: hidden;
  padding: 0 15px 0 30px;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 12px;
  height: 100%;
  background-color: #dcdcdc;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item:last-child {
  border-radius: inherit;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item:hover {
  background-color: #ededed;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item:hover .item-icon {
  background-color: #fff;
  border-color: #e3e3e3;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item ~ .il-item {
  border-top: 1px solid #f2f2f2;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item.is--notyet:before {
  background-color: #f14747;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item .item-link {
  display: flex;
  align-items: center;
  height: 80px;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item .item-title {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  color: #3a609c;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item .item-title .title-ref {
  font-size: 14px;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item .item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 50%;
  font-size: 18px;
  color: #998eff;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item .item-funcs {
  position: relative;
  margin-left: auto;
  padding-bottom: 25px;
}
.cms-omks--dashboard .db--issue .issue-layer .il-item .item-date {
  position: absolute;
  bottom: 0;
  right: 0;
  white-space: nowrap;
  font-size: 14px;
}
.cms-omks--dashboard .db--issue .issue-layer-drop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.cms-omks--dashboard .db--tab {
  display: flex;
  margin-bottom: 8px;
}
.cms-omks--dashboard .db--tab .tab-select {
  display: flex;
  justify-content: center;
  min-width: 200px;
  height: 48px;
  background-color: #f7f7f7;
}
.cms-omks--dashboard .db--tab .tab-select ~ .tab-select {
  margin-left: 8px;
}
.cms-omks--dashboard .db--tab .tab-select:first-child {
  border-top-left-radius: 15px;
}
.cms-omks--dashboard .db--tab .tab-select:last-child {
  border-top-right-radius: 15px;
}
.cms-omks--dashboard .db--tab .tab-select select {
  width: auto;
  height: 100%;
  min-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 20px;
  padding-right: 58px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/form/select-arrow.svg");
  background-position: right 10px top 50%;
  background-size: 40px auto;
  border-radius: inherit;
  -moz-text-align-last: center;
       text-align-last: center;
  font-size: 18px;
  font-weight: 500;
  color: #3a609c;
}
.cms-omks--dashboard .db--tab .tab-select select::-ms-expand {
  display: none;
}
.cms-omks--dashboard .db--main {
  display: flex;
  flex-wrap: wrap;
  padding: 40px;
  border-radius: 15px;
  border-top-left-radius: 0;
  background-color: #f7f7f7;
}
.cms-omks--dashboard .db--atc-title {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  min-height: 30px;
  font-size: 22px;
  font-weight: 600;
  color: #333333;
  line-height: 1;
}
.cms-omks--dashboard .db--lcard {
  position: relative;
  border-radius: 15px;
  box-shadow: 0px 2px 8.5px 1.5px rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.cms-omks--dashboard .db--lcard .lcard-head {
  display: flex;
  height: 60px;
  box-sizing: border-box;
  padding: 10px 20px;
  border-bottom: 1px solid #ededed;
}
.cms-omks--dashboard .db--lcard .lcard-body {
  height: calc(100% - 60px);
  min-height: 100px;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.cms-omks--dashboard .db--progress {
  flex: 1 1 100%;
  margin-bottom: 30px;
  overflow: hidden;
}
.cms-omks--dashboard .db--progress .db--atc-title {
  margin-bottom: 20px;
}
.cms-omks--dashboard .db--progress .progress-list {
  display: flex;
  flex-wrap: wrap;
  margin: -20px 0 0 -20px;
}
.cms-omks--dashboard .db--progress .progress-item {
  display: flex;
  align-items: center;
  margin: 20px 0 0 20px;
}
.cms-omks--dashboard .db--progress .progress-item .item-name {
  margin-right: 10px;
  font-size: 14px;
  color: #7f7f7f;
  line-height: 1.2;
}
.cms-omks--dashboard .db--progress .progress-item .item-count {
  display: flex;
  align-items: center;
  height: 30px;
  box-sizing: border-box;
  padding: 4px 10px;
  transform: skewY(-0.01deg);
  background-color: #fff;
  border-radius: 25px;
  font-size: 12px;
  line-height: 1;
  color: #5a5a5a;
}
.cms-omks--dashboard .db--progress .progress-item .item-count .count-num {
  margin-right: 3px;
  font-size: 14px;
  font-weight: 600;
}
.cms-omks--dashboard .db--request {
  flex: 0 0 490px;
  margin-right: 30px;
}
.cms-omks--dashboard .db--request .request-graph {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.cms-omks--dashboard .db--result {
  flex: 1 1 calc(100% - 520px);
  width: calc(100% - 520px);
}
.cms-omks--dashboard .db--result .result-banner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.cms-omks--dashboard .db--result .result-banner .banner-funcs {
  position: absolute;
  top: -14px;
  right: 20px;
  transform: translateY(-100%);
  display: flex;
  align-items: center;
}
.cms-omks--dashboard .db--result .result-banner .banner-pagi {
  margin: 0 20px;
  font-size: 14px;
}
.cms-omks--dashboard .db--result .result-banner .banner-pagi .pagi-count {
  color: #798ced;
}
.cms-omks--dashboard .db--result .result-banner .banner-navi {
  display: flex;
}
.cms-omks--dashboard .db--result .result-banner .banner-navi .navi-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 50%;
  color: #ccc;
}
.cms-omks--dashboard .db--result .result-banner .banner-navi .navi-button ~ .navi-button {
  margin-left: 10px;
}
.cms-omks--dashboard .db--result .result-banner .banner-navi .navi-button.is--disabled {
  border-color: #ededed;
  color: #ededed;
}
.cms-omks--dashboard .db--result .result-banner .banner-navi .navi-button.banner-more {
  border-color: #ccc;
  color: #ccc;
}
.cms-omks--dashboard .db--result .result-banner .banner-navi .navi-button:hover {
  border-color: #798ced;
  color: #798ced;
}
.cms-omks--dashboard .db--result .result-banner .banner-list {
  border-radius: inherit;
  overflow: hidden;
}
.cms-omks--dashboard .db--result .result-banner .banner-item ~ .banner-item .result-item {
  border-left: 1px solid #ededed;
}
.cms-omks--dashboard .db--result .result-item {
  display: flex;
  flex-direction: column;
  height: 405px;
  transition: all 0.2s ease;
}
.cms-omks--dashboard .db--result .result-item:hover {
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05) inset;
}
.cms-omks--dashboard .db--result .result-item .item-head {
  display: flex;
  align-items: center;
  height: 60px;
  box-sizing: border-box;
  padding: 10px 14px;
}
.cms-omks--dashboard .db--result .result-item .item-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: 14px;
  border-radius: inherit;
}
.cms-omks--dashboard .db--result .result-item .item-foot {
  margin-top: auto;
  border-top: 1px solid #ededed;
}
.cms-omks--dashboard .db--result .result-item .item-title {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 1;
}
.cms-omks--dashboard .db--result .result-item .item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #7f7f7f;
  transition: all 0.2s ease;
}
.cms-omks--dashboard .db--result .result-item .item-link [class*=omks--icon-] {
  margin-left: 5px;
}
.cms-omks--dashboard .db--result .result-item .item-link:hover {
  background-color: #0075b0;
  font-weight: 600;
  color: #fff;
}
.cms-omks--dashboard .db--result .result-item .item-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  height: 30px;
  border-radius: 25px;
  margin-left: auto;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}
.cms-omks--dashboard .db--result .result-item .item-state.style--color-green {
  background-color: #50c18f;
  color: #fff;
}
.cms-omks--dashboard .db--result .result-item .item-state.style--color-blue {
  background-color: #5f85cd;
  color: #fff;
}
.cms-omks--dashboard .db--result .result-item .item-state.style--color-orange {
  background-color: #ff5000;
  color: #fff;
}
.cms-omks--dashboard .db--result .result-item .item-info .info-row {
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}
.cms-omks--dashboard .db--result .result-item .item-info .info-row ~ .info-row {
  margin-top: 8px;
}
.cms-omks--dashboard .db--result .result-item .item-info .info-title {
  flex: 0 0 100px;
  width: 100px;
  color: #7f7f7f;
}
.cms-omks--dashboard .db--result .result-item .item-info .info-contents {
  flex: 1 1 auto;
  width: calc(100% - 100px);
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cms-omks--dashboard .db--result .result-item .item-files {
  margin-top: auto;
}
.cms-omks--dashboard .db--result .result-item .item-files:after {
  content: "";
  display: block;
  clear: both;
}
.cms-omks--dashboard .db--result .result-item .item-files .files-list {
  display: flex;
  flex-wrap: wrap;
  margin: -12px 0 0 -12px;
}
.cms-omks--dashboard .db--result .result-item .item-files .files-item {
  margin: 12px 0 0 12px;
  flex: 0 0 calc(50% - 12px);
  width: calc(50% - 12px);
}
.cms-omks--dashboard .db--result .result-item .item-files .files-box {
  position: relative;
  box-sizing: border-box;
  border: 1px solid #58a6e8;
  border-radius: 5px;
}
.cms-omks--dashboard .db--result .result-item .item-files .files-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 62px;
  box-sizing: border-box;
  padding: 0 14px;
  transition: all 0.2s ease;
}
.cms-omks--dashboard .db--result .result-item .item-files .files-link:hover {
  background-color: #58a6e8;
}
.cms-omks--dashboard .db--result .result-item .item-files .files-link:hover .files-name,
.cms-omks--dashboard .db--result .result-item .item-files .files-link:hover .files-type {
  color: #fff;
}
.cms-omks--dashboard .db--result .result-item .item-files .files-name,
.cms-omks--dashboard .db--result .result-item .item-files .files-type {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.cms-omks--dashboard .db--result .result-item .item-files .files-name {
  color: #0075b0;
}
.cms-omks--dashboard .db--result .result-item .item-files .files-type {
  color: #c8c8c8;
}
.cms-omks--dashboard .db--result .result-item .item-files .files-count {
  position: absolute;
  top: 3px;
  right: 6px;
  transform: translate(50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #e53c38;
  font-size: 14px;
  color: #ffffff;
}
.cms-omks--dashboard .db--result .result-item .item-more {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 500;
  color: #333;
}
.cms-omks--dashboard .db--result .result-item .item-more [class*=omks--icon-] {
  margin-left: 5px;
}
.cms-omks--dashboard .db--result .result-item .item-none {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 500;
  color: #ccc;
  flex-direction: column;
}
.cms-omks--dashboard .db--result .result-item .item-none .none-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin-bottom: 20px;
  font-size: 28px;
  color: #ccc;
}
.cms-omks--dashboard .db--analysis {
  flex: 1 1 100%;
  margin-top: 30px;
}
.cms-omks--dashboard .db--analysis .analysis-banner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-funcs {
  position: absolute;
  top: -14px;
  right: 20px;
  transform: translateY(-100%);
  display: flex;
  align-items: center;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-pagi {
  margin: 0 20px;
  font-size: 14px;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-pagi .pagi-count {
  color: #58a6e8;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-navi {
  display: flex;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-navi .navi-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 50%;
  color: #ccc;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-navi .navi-button.is--disabled {
  border-color: #ededed;
  color: #ededed;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-navi .navi-button.banner-more {
  border-color: #ccc;
  color: #ccc;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-navi .navi-button ~ .navi-button {
  margin-left: 10px;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-navi .navi-button:hover {
  border-color: #58a6e8;
  color: #58a6e8;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-list {
  height: 300px;
  border-radius: inherit;
  overflow: hidden;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-item {
  position: relative;
  transition: all 0.2s ease;
  border-bottom: 1px solid #f4f4f4;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-item:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 10px;
  height: 100%;
  background-color: #0075b0;
  opacity: 0;
  transition: all 0.2s ease;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-item:hover {
  background-color: #f3f5f7;
}
.cms-omks--dashboard .db--analysis .analysis-banner .banner-item:hover:before {
  opacity: 1;
}
.cms-omks--dashboard .db--analysis .analysis-item {
  display: flex;
  align-items: center;
  min-height: 100px;
  box-sizing: border-box;
  padding: 10px 40px;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-title {
  flex: 0 0 135px;
  font-size: 18px;
  font-weight: 600;
  color: #3a609c;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info {
  flex: 1 1 auto;
  margin: 0 20px;
  font-size: 14px;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul, .cms-omks--dashboard .db--analysis .analysis-item .item-info li {
  padding: 0;
  margin: 0;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul {
  display: flex;
  flex: 1 1 8.3333333333%;
  width: 100%;
  max-width: none;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul li {
  box-sizing: border-box;
  padding: 0 10px;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul li.col-1 {
  flex: 0 1 8.3333333333%;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul li.col-2 {
  flex: 0 1 16.6666666667%;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul li.col-3 {
  flex: 0 1 25%;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul li.col-4 {
  flex: 0 1 33.3333333333%;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul li.col-5 {
  flex: 0 1 41.6666666667%;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul li.col-6 {
  flex: 0 1 50%;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul li.col-7 {
  flex: 0 1 58.3333333333%;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul li.col-8 {
  flex: 0 1 66.6666666667%;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul li.col-9 {
  flex: 0 1 75%;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul li.col-10 {
  flex: 0 1 83.3333333333%;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info ul li.col-11 {
  flex: 0 1 91.6666666667%;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info .info-title {
  margin-bottom: 8px;
  color: #7f7f7f;
  line-height: 1;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-info .info-contents {
  word-break: break-word;
  line-height: 1.3;
  color: #333;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process {
  margin-left: auto;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail {
  display: flex;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail li {
  position: relative;
  display: flex;
  justify-content: center;
  width: 3.75em;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail li:before {
  position: absolute;
  top: 50%;
  left: 0.9375em;
  transform: translate(-100%, -50%);
  content: "";
  width: 4.6875em;
  height: 0.3125em;
  background-color: #6f98df;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail li ~ li {
  margin-left: 0.9375em;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail li.is--now .process-order {
  box-shadow: -5px 0px 8.5px rgba(0, 0, 0, 0.2);
  animation: processOrderOn 0.5s infinite linear;
  animation-direction: alternate;
  animation-fill-mode: both;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail li.is--now .process-order .order-icon {
  background-color: #415db4;
  border-color: #415db4;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail li.is--now .process-order .order-icon .order-icon-success {
  display: none;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail li.is--now .process-order .order-num {
  position: relative;
  z-index: 1;
  font-weight: 600;
  color: #fff;
}
@keyframes processOrderOn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail li.is--now .process-name {
  font-weight: 600;
  color: #5a5a5a;
  text-shadow: -5px 0px 8.5px rgba(0, 0, 0, 0.2);
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail li.is--fail .process-order .order-icon {
  z-index: 2;
  background-color: #f14747;
  border-color: #f14747;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail li.is--fail .process-order .order-icon .order-icon-success {
  display: none;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail li.is--fail .process-order .order-icon .order-icon-fail {
  display: inline-flex;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-detail li.is--fail .process-name {
  color: #f14747;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-order {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875em;
  height: 1.875em;
  border-radius: 50%;
  background-color: #fff;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-order .order-num {
  font-size: 0.875em;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-order .order-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 101%;
  height: 101%;
  box-sizing: border-box;
  border: 0.05em solid #6f98df;
  background-color: #6f98df;
  border-radius: inherit;
  color: #fff;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-order .order-icon .order-icon-fail {
  display: none;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-name {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0.5em);
  font-size: 0.875em;
  font-weight: 400;
  color: #7f7f7f;
  line-height: 1.2;
  word-break: keep-all;
  text-align: center;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-list {
  display: flex;
  padding-bottom: 2em;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item {
  display: flex;
  flex-direction: column;
  flex: 0 0 3.75em;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item[class*=col-] {
  max-width: none;
  padding: 0;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item.col-1 {
  flex: 0 0 3.75em;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item.col-2 {
  flex: 0 0 7.5em;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item.col-3 {
  flex: 0 0 11.25em;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item:first-child .process-detail li:first-child:before {
  content: none;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item ~ .process-item {
  margin-left: 0.9375em;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item.is--now .process-step {
  border-color: #7067cb;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item.is--now .process-detail li {
  position: relative;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item.is--now .process-detail li.is--now ~ li:before {
  background-color: #dfdfdf;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item.is--now .process-detail li.is--now ~ li .process-order .order-icon {
  background-color: #dfdfdf;
  border-color: transparent;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item.is--now .process-detail li.is--now ~ li .process-order .order-icon .omks--icon-check {
  display: none;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item.is--now ~ .process-item .process-order .order-icon {
  background-color: #dfdfdf;
  border-color: transparent;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-process .process-item.is--now ~ .process-item .process-detail li:before {
  background-color: #dfdfdf;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-more {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 500;
  color: #333;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-more [class*=omks--icon-] {
  margin-left: 5px;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-none {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 500;
  color: #ccc;
}
.cms-omks--dashboard .db--analysis .analysis-item .item-none .none-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin-right: 20px;
  color: #ccc;
}

/* 로딩 회전 이미지 애니메이션 추가 */
@keyframes rotate_image {
  from {
    transform: rotate(0deg); /* 회전 시작 각도 */
  }
  to {
    transform: rotate(360deg); /* 회전 종료 각도 */
  }
}
/* 클라이언트 컨텐츠 부분 */
*.a11y-hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.0625em;
  height: 0.0625em;
  overflow: hidden;
  opacity: 0;
}

.cms-contents {
  width: 1200px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0.625em;
  font-size: 1em;
}
.cms-contents .omks--card ~ .omks--card {
  margin-top: 3.75em;
}

/* 텍스트 불릿 아이콘 */
.blt-icon {
  display: inline-flex;
  width: 1em;
  background-repeat: no-repeat;
  background-position: right 0em center;
  background-size: 1em auto;
  color: transparent;
  transform: skewY(-0.01deg);
}
.blt-icon.blt-icon-hole {
  width: 1.25em;
  background-image: url("../../img/contents/icon/blt-hole.svg");
  background-size: 1.25em auto;
}
.blt-icon.blt-icon-circle {
  width: 0.3125em;
  background-image: url("../../img/contents/icon/blt-circle.svg");
  background-size: 0.3125em auto;
}
.blt-icon.blt-icon-play {
  width: 0.9375em;
  background-image: url("../../img/contents/icon/blt-play.svg");
  background-size: 0.9375em auto;
}

/* 콘텐츠 담당자 */
.respons {
  display: flex;
  flex-wrap: wrap;
  padding: 1.5625em 3.125em;
  margin-top: 3.125em;
  border: 0.0625em solid #f1f1f1;
  border-radius: 1.25em;
  position: relative;
  overflow: hidden;
  padding-top: 2.1875em;
}
@media only screen and (max-width: 767px) {
  .respons {
    flex-direction: column;
    padding: 1.5625em;
  }
}
.respons ~ .saftisfy {
  margin-top: 1.5625em;
}
.respons:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.625em;
  background-color: #114d07;
}
.respons strong {
  margin: 0;
  padding: 0;
  font-size: 1.125em;
  font-weight: 600;
  color: #000;
}
.respons .in-charge {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .respons .in-charge {
    margin: 0.625em 0 0 0;
  }
}
.respons .in-charge ul, .respons .in-charge li {
  margin: 0;
  padding: 0;
}
.respons .in-charge ul {
  display: flex;
}
.respons .in-charge ul ~ ul {
  margin-top: 0.625em;
}
.respons .in-charge ul li {
  font-size: 1em;
  font-weight: 600;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .respons .in-charge ul li {
    display: flex;
    flex-direction: column;
    text-align: left;
  }
}
.respons .in-charge ul li ~ li {
  position: relative;
  margin-left: 0.9375em;
  padding-left: 0.9375em;
}
.respons .in-charge ul li ~ li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  width: 0.625em;
  height: 0.875em;
  background-color: #000;
}
@media only screen and (max-width: 767px) {
  .respons .in-charge ul li ~ li:before {
    content: none;
  }
}
.respons .in-charge ul li span {
  margin-left: 0.625em;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .respons .in-charge ul li span {
    margin-left: 0;
  }
}

/* 콘텐츠 만족도 평가 */
.saftisfy {
  display: flex;
  flex-wrap: wrap;
  padding: 1.5625em 3.125em;
  margin-top: 3.125em;
  border: 0.0625em solid #f1f1f1;
  border-radius: 0.3125em;
}
@media only screen and (max-width: 767px) {
  .saftisfy {
    padding: 1.5625em;
  }
}
.saftisfy .deco-image {
  flex: 0 0 5em;
  width: 5em;
  margin-right: 1.875em;
}
.saftisfy .deco-image img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .saftisfy .deco-image {
    flex: 0 0 3em;
    width: 3em;
    margin-right: 1em;
  }
}
.saftisfy .evaluation {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: calc(100% - 6.875em);
  padding-top: 0.46875em;
}
@media only screen and (max-width: 767px) {
  .saftisfy .evaluation {
    width: calc(100% - 4em);
  }
}
.saftisfy .evaluation strong,
.saftisfy .evaluation p {
  margin: 0;
  padding: 0;
}
.saftisfy .evaluation strong {
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
}
.saftisfy .evaluation p {
  margin-top: 0.9375em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
  word-break: keep-all;
}
.saftisfy .evaluation p ~ p {
  margin-top: 0.4em;
}
.saftisfy .radio-group {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin: -0.625em 0 0 -1.5625em;
  margin-top: auto;
}
.saftisfy .radio-group > li {
  margin: 0;
  padding: 0;
  margin: 0.625em 0 0 1.5625em;
  font-size: 1em;
  line-height: 1;
}
@media only screen and (max-width: 414px) {
  .saftisfy .radio-group > li {
    flex: 0 0 calc(50% - 1.5625em);
    width: calc(50% - 1.5625em);
  }
}
.saftisfy .opinion {
  display: flex;
  flex: 1 1 100%;
  margin-top: 1.5625em;
}
.saftisfy .opinion .omks--input, .saftisfy .opinion input[type=text] {
  flex: 1 1 auto;
  width: calc(100% - 10.625em);
  height: 2.625em;
  box-sizing: border-box;
  padding: 0 1.25em;
  border: 0.0625em solid #eeeeee;
  border-radius: 0.3125em;
  font-size: 1em;
  font-weight: 400;
  color: #777;
}
.saftisfy .opinion .omks--button, .saftisfy .opinion button {
  flex: 0 0 6.25em;
  margin-left: 0.625em;
  height: 2.625em;
  border-radius: 0.3125em;
  background-color: #114d07;
  font-size: 1em;
  font-weight: 400;
  color: #fff;
}

/* 마이페이지 */
.mypage {
  margin: 0;
  padding: 0;
}
.mypage .mypage-withdrawal {
  display: flex;
  justify-content: flex-end;
  margin-top: 1em;
}
.mypage .mypage-withdrawal .withdrawal-link {
  display: inline-flex;
  font-size: 0.875em;
  color: #aaa;
  line-height: 1;
}
.mypage .mypage-withdrawal .withdrawal-link .link-text {
  text-underline-offset: 0.2em;
}
.mypage .mypage-withdrawal .withdrawal-link .link-text ~ [class*=omks--icon] {
  margin-left: 0.4em;
  font-size: 0.9325em;
}
.mypage .mypage-withdrawal .withdrawal-link:hover {
  color: #007f85;
}
.mypage .mypage-withdrawal .withdrawal-link:hover .link-text {
  text-decoration: underline;
}
.mypage .mypage-set {
  display: flex;
  margin-left: -1.25em;
}
@media only screen and (max-width: 767px) {
  .mypage .mypage-set {
    flex-wrap: wrap;
    margin: -1em 0 0 -1em;
  }
}
.mypage .mypage-set .set-box {
  position: relative;
  flex: 1 1 calc(25% - 1.25em);
  width: calc(25% - 1.25em);
  height: 7.1875em;
  box-sizing: border-box;
  margin-left: 1.25em;
  padding: 1.25em;
  border: 0.0625em solid #e3e3e3;
  border-radius: 0.3125em;
}
@media only screen and (max-width: 767px) {
  .mypage .mypage-set .set-box {
    flex: 1 1 calc(50% - 1.25em);
    width: calc(50% - 1.25em);
    margin: 1em 0 0 1em;
  }
}
.mypage .mypage-set .set-box:hover .box-title {
  color: #007f85;
}
.mypage .mypage-set .set-box .box-title {
  font-size: 1em;
  font-weight: 500;
  color: #444444;
  line-height: 1.2;
  word-break: keep-all;
}
.mypage .mypage-set .set-box .box-description {
  margin-top: 0.25em;
  max-width: 80%;
  font-size: 0.875em;
  font-weight: 400;
  color: #777777;
  line-height: 1.3;
  word-break: keep-all;
}
.mypage .mypage-set .set-box .box-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  border: 0.125em solid transparent;
  text-indent: -9999px;
  overflow: hidden;
  color: #777777;
}
.mypage .mypage-set .set-box .box-link:hover {
  border-color: #3aa6ab;
  color: #3aa6ab;
}
.mypage .mypage-set .set-box .box-link:hover .link-arrow {
  text-shadow: 0 0 1px #007f85;
}
.mypage .mypage-set .set-box .box-link .link-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  font-size: 1.2em;
  text-indent: 0;
  color: inherit;
}

/* 로그인 */
.login {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 3.125em 1.875em;
  border: 0.0625em solid #eeeeee;
  border-radius: 0.3125em;
}
.login .login-wrap {
  width: 31.25em;
  max-width: 100%;
  margin: 0 auto;
}
.login .login-head ~ .login-body {
  margin-top: 3.75em;
}
.login .login-head ~ .login-foot {
  margin-top: 3em;
}
.login .login-form .form-input {
  position: relative;
  width: 100%;
  height: 3.75em;
  box-sizing: border-box;
  padding-left: 3.75em;
  border: 0.0625em solid #eeeeee;
  border-radius: 0.3125em;
  overflow: hidden;
}
.login .login-form .form-input:focus-within {
  outline: 0.125em solid #43709a;
}
.login .login-form .form-input:focus-within .input-icon {
  color: #43709a;
  text-shadow: 0 0 #43709a;
}
.login .login-form .form-input ~ .form-input {
  margin-top: 0.8em;
}
.login .login-form .form-input .omks--input {
  width: 100%;
  height: 100%;
  padding-left: 0;
  border: none;
  font-size: 1.125em;
  outline: none;
}
.login .login-form .form-input .input-icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.75em;
  height: 3.75em;
  color: #999999;
}
.login .login-form .form-input .input-icon [class*=omks--icon] {
  font-size: 1.2em;
}
.login .login-form .form-link-group {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.8em;
}
.login .login-form .form-link-group a {
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  font-weight: 400;
  color: #777777;
  line-height: 1;
  text-underline-offset: 0.2em;
}
.login .login-form .form-link-group a:hover {
  text-decoration: underline;
  color: #43709a;
}
.login .login-form .form-link-group a ~ a {
  margin-left: 1.25em;
}
.login .login-form .form-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.75em;
  margin-top: 3.125em;
  border-radius: 0.3125em;
  background-color: #f4f4f4;
}
.login .login-form .form-button ~ .form-button {
  margin-top: 0.8em;
}
.login .login-form .form-button.style--color-primary {
  background-color: #43709a;
  color: #fff;
}
.login .login-form .form-button.style--color-secondary {
  background-color: #69a132;
  color: #fff;
}
.login .login-form .form-button .button-text {
  font-size: 1.25em;
  font-weight: 500;
}
.login .login-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login .login-title .title-image {
  width: 6.25em;
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 1;
}
.login .login-title .title-image img {
  width: 100%;
}
.login .login-title .title-text {
  font-size: 2em;
  font-weight: 600;
  color: #43709a;
  line-height: 1;
}
.login .login-guide {
  border-radius: 0.3125em;
  background-color: #f7f7f7;
}
.login .login-guide .guide-box {
  padding: 1.75em;
}
.login .login-guide .guide-box ~ .guide-box {
  border-top: 0.0625em solid #fff;
}
.login .login-guide .guide-box .box-title {
  font-size: 1em;
  font-weight: 600;
  color: #444444;
  line-height: 1;
  margin-bottom: 0.625em;
}
.login .login-guide .guide-box .box-paragraph {
  font-size: 0.875em;
  font-weight: 400;
  color: #444444;
  word-break: keep-all;
  line-height: 1.4;
}
.login .login-guide .guide-box .box-paragraph ~ .box-paragraph {
  margin-top: 0.3em;
}
.login .login-guide .guide-box .box-paragraph strong {
  font-weight: 400;
  color: #0034c8;
}
.login .login-guide .guide-box .box-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18.75em;
  height: 2.5em;
  max-width: 100%;
  margin-top: 1.25em;
  border: 0.0625em solid #c6c6c6;
  border-radius: 0.3125em;
  background-color: #fff;
  font-size: 1em;
  font-weight: 400;
  color: #777777;
}

/* 사전정보공표 */
.publication .publication-tab {
  display: flex;
  margin: -1.25em 0 0 -1.25em;
  margin-bottom: 3.4375em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .publication .publication-tab {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .publication .publication-tab {
    flex-wrap: wrap;
  }
}
.publication .publication-tab .tab-button {
  flex: 1 1 calc(16.6% - 1.25em);
  width: calc(16.6% - 1.25em);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 6.25em;
  border: 0.0625em solid #f0f0f0;
  border-radius: 0.3125em;
  margin: 1.25em 0 0 1.25em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .publication .publication-tab .tab-button {
    flex: 1 1 calc(33.33% - 1.25em);
    width: calc(33.33% - 1.25em);
  }
}
@media only screen and (max-width: 767px) {
  .publication .publication-tab .tab-button {
    flex: 1 1 calc(33.33% - 1.25em);
    width: calc(33.33% - 1.25em);
  }
}
.publication .publication-tab .tab-button:hover {
  background-color: #43709a;
  border-color: #43709a;
}
.publication .publication-tab .tab-button:hover .tab-name {
  color: #fff;
}
.publication .publication-tab .tab-button.is--on {
  background-color: #43709a;
  border-color: #43709a;
}
.publication .publication-tab .tab-button.is--on .tab-name {
  color: #fff;
}
.publication .publication-tab .tab-image {
  line-height: 1;
}
.publication .publication-tab .tab-image img {
  max-width: 100%;
}
.publication .publication-tab .tab-name {
  font-size: 1em;
  font-weight: 500;
  color: #444444;
  line-height: 1.2;
  word-break: keep-all;
}
.publication .publication-table .table-head {
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .publication .publication-table .table-head {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 414px) {
  .publication .publication-table .table-head {
    align-items: flex-start;
    flex-direction: column;
  }
}
.publication .publication-table .table-head ~ .table-body {
  margin-top: 1.25em;
}
.publication .publication-table .table-title {
  font-size: 1.4em;
  font-weight: 600;
}
.publication .publication-table .table-search {
  position: relative;
  margin-left: auto;
  width: 21.25em;
  height: 2.625em;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 2.625em;
  border: 0.0625em solid #f0f0f0;
  border-radius: 0.3125em;
  overflow: hidden;
}
@media only screen and (max-width: 414px) {
  .publication .publication-table .table-search {
    width: 100%;
    margin: 0.3125em 0 0 0;
  }
}
.publication .publication-table .table-search:focus-within {
  outline: 0.125em solid #43709a;
}
.publication .publication-table .table-search input[type=text], .publication .publication-table .table-search .omks--input {
  margin: 0;
  border: none;
  background: none;
  outline: none;
  width: 100%;
  height: 100%;
}
.publication .publication-table .table-search .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.625em;
  height: 100%;
  background-color: #43709a;
  outline: none;
  color: #fff;
}
.publication .publication-table .table-search .search-submit [class*=omks--icon] {
  font-size: 1.2em;
}
.publication .publication-table .table-search .search-submit:focus {
  background-color: #23405b;
}
.publication .publication-table .table-set table {
  width: 100%;
}
.publication .publication-table .table-set table th, .publication .publication-table .table-set table td {
  height: 3.125em;
  vertical-align: middle;
}
.publication .publication-table .table-set table thead th {
  border: 0.0625em solid #ffffff;
  background-color: #43709a;
  font-size: 1em;
  font-weight: 400;
  color: #ffffff;
}
.publication .publication-table .table-set table thead th:first-child {
  border-top-left-radius: 0.3125em;
  border-bottom-left-radius: 0.3125em;
}
.publication .publication-table .table-set table thead th:last-child {
  border-top-right-radius: 0.3125em;
  border-bottom-right-radius: 0.3125em;
}
.publication .publication-table .table-set table tbody tr:last-child td {
  border-bottom: 0;
}
.publication .publication-table .table-set table tbody tr td:first-child {
  border-left: 0;
}
.publication .publication-table .table-set table tbody tr td:last-child {
  border-right: 0;
}
.publication .publication-table .table-set table tbody td {
  border: 0.0625em solid #f0f0f0;
  font-size: 1em;
  color: #777777;
  text-align: center;
}
.publication .publication-table .table-set .table-icon-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 0.3125em;
  line-height: 1;
}
.publication .publication-table .table-set .table-icon-link:hover {
  background-color: #eff7ff;
}
.publication .publication-table .table-set .table-icon-link img {
  width: 1.25em;
}
.publication .publication-table .table-set.style--fixed {
  overflow: initial;
}
.publication .publication-table .table-set.style--fixed::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.publication .publication-table .table-set.style--fixed::-webkit-scrollbar-track {
  background-color: #f3f5f7;
}
.publication .publication-table .table-set.style--fixed::-webkit-scrollbar-thumb {
  background-color: #c8c8c8;
}
.publication .publication-table .table-set.style--fixed::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.publication .publication-table .table-set.style--fixed table {
  border-spacing: 0;
  border-collapse: separate;
}
.publication .publication-table .table-set.style--fixed table th {
  text-align: center;
  word-break: keep-all;
}
.publication .publication-table .table-set.style--fixed table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.publication .publication-table .table-set.style--fixed table thead th {
  font-weight: 500;
}
.publication .publication-table .table-set.style--fixed table thead th.style--sticky {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #3c3c42;
}
.publication .publication-table .table-set.style--fixed table tbody th {
  background-color: #fafafa;
  font-weight: 400;
}
.publication .publication-table .table-set.style--fixed table tbody th[scope=row] {
  position: sticky;
  left: 0;
  z-index: 1;
}
.publication .publication-table .table-set.style--fixed table tbody td {
  white-space: nowrap;
  word-break: normal;
}
.publication .publication-table .table-set.style--fixed table tfoot td {
  word-break: keep-all;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .publication .publication-table .table-set.style--mobile-table {
    width: 100%;
    overflow-y: auto;
    max-height: 50vh;
  }
}
@media only screen and (max-width: 767px) {
  .publication .publication-table .table-set.style--mobile-table {
    width: 100%;
    overflow-y: auto;
    max-height: 50vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .publication .publication-table .table-set.style--mobile-table .omks--table {
    width: auto;
    width: -moz-max-content;
    width: max-content;
    width: -moz-fit-content;
    width: fit-content;
    width: 100%;
    border-right-width: 0;
  }
}
@media only screen and (max-width: 767px) {
  .publication .publication-table .table-set.style--mobile-table .omks--table {
    width: auto;
    width: -moz-max-content;
    width: max-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

/* 통합검색 */
.total-search {
  font-size: 16px;
}
@media only screen and (min-width: 1280px) and (max-width: 1540px) {
  .total-search {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .total-search {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .total-search {
    font-size: 15px;
  }
}
.total-search .search-head {
  padding: 6.25em 1.25em 3.75em;
  background-color: #44719a;
}
.total-search .search-head .head-title {
  margin-bottom: 4.6875em;
  text-align: center;
  word-break: keep-all;
}
.total-search .search-head .head-title h2 {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 1.5em;
  font-weight: 500;
  color: #fff;
  line-height: 1;
}
.total-search .search-head .head-title p {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-head .head-title p {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-head .head-title p {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.total-search .search-head .head-title p span {
  margin: 0;
  padding: 0;
}
.total-search .search-match {
  font-weight: 700 !important;
  color: #026bcd !important;
}
.total-search .search-form {
  position: relative;
  width: 61.875em;
  max-width: 100%;
  margin: 0 auto;
}
.total-search .search-form:focus-within .keywords {
  border-bottom-color: #fff;
}
.total-search .search-form .keywords {
  position: relative;
  height: 3em;
  box-sizing: border-box;
  padding-left: 3em;
  border-bottom: 0.125em solid #9ab2c8;
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords {
    padding: 0 1.25em;
    padding-right: 3em;
  }
}
.total-search .search-form .keywords input[type=text], .total-search .search-form .keywords .omks--input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 1.3em;
  color: #fff;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords input[type=text], .total-search .search-form .keywords .omks--input {
    padding: 0;
  }
}
.total-search .search-form .keywords input[type=text]::-moz-placeholder, .total-search .search-form .keywords .omks--input::-moz-placeholder {
  font-size: 0.875em;
  font-weight: 300;
  color: #9db8d1;
}
.total-search .search-form .keywords input[type=text]::placeholder, .total-search .search-form .keywords .omks--input::placeholder {
  font-size: 0.875em;
  font-weight: 300;
  color: #9db8d1;
}
.total-search .search-form .keywords .keywords-submit {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 3em;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords .keywords-submit {
    right: 0;
    left: initial;
    width: 2.375em;
    height: 2.375em;
    justify-content: center;
    padding: 0;
    border-radius: 0.3125em;
    background-color: #0034c8;
  }
}
.total-search .search-form .keywords .keywords-submit [class*=omks--icon] {
  font-size: 1.2em;
}
.total-search .search-form .keywords .filter-toggle {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords .filter-toggle {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    z-index: 1;
  }
}
.total-search .search-form .keywords .filter-toggle .toggle-button {
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  padding: 0 1em;
  border-radius: 0.5em;
  font-size: 1em;
  font-weight: 300;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords .filter-toggle .toggle-button {
    width: 2.375em;
    height: 2.375em;
    justify-content: center;
    padding: 0;
    border-radius: 0.3125em;
    background-color: #0034c8;
  }
}
.total-search .search-form .keywords .filter-toggle .toggle-button .button-text {
  margin-left: 0.5em;
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords .filter-toggle .toggle-button .button-text {
    margin: 0;
    text-indent: -9999px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords .filter-toggle.is--on {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }
}
.total-search .search-form .recent-words {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin: -0.9375em 0 0 -1.875em;
  padding: 0 5.625em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-form .recent-words {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .recent-words {
    display: none;
  }
}
.total-search .search-form .recent-words li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  margin: 1.875em 0 0 1.875em;
  color: #fff;
}
.total-search .search-form .recent-words .word-name {
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1;
  text-underline-offset: 0.24em;
}
.total-search .search-form .recent-words .word-name:hover {
  text-decoration: underline;
}
.total-search .search-form .recent-words .word-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #fff;
  color: #d36363;
}
.total-search .search-form .recent-words .word-remove [class*=omks--icon] {
  display: inline-flex;
  line-height: 1;
  font-size: 0.5em;
}
.total-search .search-form .hot-rank {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 1.25em;
  border-radius: 0.3125em;
  background-color: #fff;
  position: absolute;
  z-index: -1;
  opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-form .hot-rank {
    position: relative;
    z-index: 0;
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .hot-rank {
    position: relative;
    z-index: 0;
    opacity: 1;
  }
}
.total-search .search-form .hot-rank .rank-title {
  position: relative;
  display: flex;
  justify-content: center;
  flex: 0 0 6.875em;
  width: 6.25em;
  font-size: 1em;
  font-weight: 500;
  text-align: center;
  line-height: 1;
}
.total-search .search-form .hot-rank .rank-title:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  content: "";
  width: 0.125em;
  height: 0.875em;
  background-color: #000;
}
.total-search .search-form .hot-rank .rank-banner {
  position: relative;
  flex: 1 1 calc(100% - 6.875em);
  width: calc(100% - 6.875em);
  box-sizing: border-box;
  padding: 0 1.25em;
  overflow: hidden;
}
.total-search .search-form .hot-rank .rank-banner .banner-frame {
  height: 3em;
}
.total-search .search-form .hot-rank .rank-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 3em;
}
.total-search .search-form .hot-rank .rank-item .item-order {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.4em;
  width: 1.4em;
  height: 1.4em;
  margin-right: 0.5em;
  border-radius: 50%;
  background-color: #43709a;
  font-size: 0.875em;
  color: #fff;
}
.total-search .search-form .hot-rank .rank-item .item-order ~ .keywords-name {
  flex: 1 1 calc(100% - 1.4em);
  width: calc(100% - 1.4em);
}
.total-search .search-form .hot-rank .rank-item .item-name {
  font-size: 1em;
  color: #444444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.total-search .search-form .hot-rank .rank-more {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right 1em top 50%;
  background-image: url("../../img/contents/search/toggle-arrow.svg");
  background-size: 1.75em auto;
  text-indent: -9999px;
  overflow: hidden;
}
.total-search .search-form .hot-rank .rank-layer {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  transform: translateY(0.625em);
  width: 100%;
  background-color: #fff;
  border-radius: 0.3125em;
  box-shadow: 0px 5px 4.25px 0.75px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.total-search .search-form .hot-rank .rank-layer.is--on {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.total-search .search-form .hot-rank .rank-layer .keywords-list {
  margin: 0;
  padding: 0;
}
.total-search .search-form .hot-rank .rank-layer .keywords-list li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  height: 3.125em;
  box-sizing: border-box;
  padding: 0 1em;
}
.total-search .search-form .hot-rank .rank-layer .keywords-list li ~ li {
  border-top: 0.0625em solid #eaeaea;
}
.total-search .search-form .hot-rank .rank-layer .keywords-list li:nth-child(-n+3) .keywords-order {
  background-color: #003d77;
}
.total-search .search-form .hot-rank .rank-layer .keywords-list .keywords-order {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.4em;
  width: 1.4em;
  height: 1.4em;
  margin-right: 0.5em;
  border-radius: 50%;
  background-color: #43709a;
  font-size: 0.875em;
  color: #fff;
  transform: translateY(0.05em);
}
.total-search .search-form .hot-rank .rank-layer .keywords-list .keywords-order ~ .keywords-name {
  flex: 1 1 calc(100% - 1.4em);
  width: calc(100% - 1.4em);
}
.total-search .search-form .hot-rank .rank-layer .keywords-list .keywords-name {
  font-size: 1em;
  color: #444444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  text-underline-offset: 0.2em;
}
.total-search .search-form .hot-rank .rank-layer .keywords-list .keywords-name:hover {
  text-decoration: underline;
  color: #43709a;
}
.total-search .search-form .keywords-filter {
  position: absolute;
  top: 3.125em;
  left: 0;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  padding: 0.75em 0.125em;
  border-radius: 0.3125em;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #43709a;
  box-shadow: 0px 5px 4.25px 0.75px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transform: translateY(0.5em);
}
.total-search .search-form .keywords-filter.is--on {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transform: translateY(0em);
}
.total-search .search-form .keywords-filter .filter-row {
  display: flex;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords-filter .filter-row {
    flex-direction: column;
  }
}
.total-search .search-form .keywords-filter .filter-row ~ .filter-row {
  border-top: 0.125em solid #43709a;
}
.total-search .search-form .keywords-filter .filter-row .filter-col {
  flex: 1 1 50%;
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords-filter .filter-row .filter-col {
    flex: none;
  }
}
.total-search .search-form .keywords-filter .filter-col {
  padding: 0.875em;
}
.total-search .search-form .keywords-filter .filter-col ~ .filter-col {
  border-left: 0.125em solid #43709a;
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords-filter .filter-col ~ .filter-col {
    border-left: none;
    border-top: 0.125em solid #43709a;
  }
}
.total-search .search-form .keywords-filter .filter-col .col-title {
  font-size: 0.875em;
  font-weight: 500;
  color: #444444;
  line-height: 1.3;
}
.total-search .search-form .keywords-filter .filter-col .col-title ~ .col-contents {
  margin-top: 0.625em;
}
.total-search .search-form .keywords-filter .filter-col .col-contents .omks--input {
  height: 3.125em;
  border-radius: 0.3125em;
  font-size: 0.875em;
}
.total-search .search-form .keywords-filter .filter-col .col-contents .omks--select {
  height: 3.125em;
  border-radius: 0.3125em;
  font-size: 0.875em;
}
.total-search .search-form .keywords-filter .filter-col .col-contents .omks--select option {
  color: #000;
}
.total-search .search-form .keywords-filter .filter-col .col-contents .omks-calendar-input {
  height: 3.125em;
  font-size: 0.875em;
}
.total-search .search-form .keywords-filter .filter-col .col-contents .omks-calendar-input .input-icon {
  width: 3.125em;
}
.total-search .search-form .keywords-filter .filter-col .col-contents .omks-calendar-input .omks--input {
  height: 100%;
  padding-left: 3.125em;
  font-size: 1em;
}
.total-search .search-form .keywords-filter .filter-col .col-contents .omks--choice .omks--choice-text {
  font-size: 0.875em;
  color: #777;
}
.total-search .search-form .keywords-filter .filter-files {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin: -0.75em 0 0 -0.75em;
}
.total-search .search-form .keywords-filter .filter-files li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  margin: 0.75em 0 0 0.75em;
}
.total-search .search-form .keywords-filter .filter-combine {
  display: flex;
}
.total-search .search-form .keywords-filter .filter-combine [class*=combine-col] {
  flex: 1 1 auto;
}
.total-search .search-form .keywords-filter .filter-combine [class*=combine-col] ~ [class*=combine-col] {
  margin-left: 0.5em;
}
.total-search .search-form .keywords-filter .filter-combine .combine-col-1 {
  flex: 0 0 25%;
  width: 25%;
}
.total-search .search-form .keywords-filter .filter-words {
  display: none;
  padding: 1.25em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-form .keywords-filter .filter-words {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords-filter .filter-words {
    display: block;
  }
}
.total-search .search-form .keywords-filter .filter-words .words-row ~ .words-row {
  margin-top: 1em;
}
.total-search .search-form .keywords-filter .filter-words .words-col .col-title {
  font-size: 0.925em;
  font-weight: 600;
  color: #86accf;
}
.total-search .search-form .keywords-filter .filter-words .words-col .col-contents {
  margin-top: 0.5em;
}
.total-search .search-form .keywords-filter .filter-words .words-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin: -0.5em 0 0 -1em;
}
.total-search .search-form .keywords-filter .filter-words .words-list li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0.5em 0 0 1em;
  color: #fff;
}
.total-search .search-form .keywords-filter .filter-words .words-list .word-icon {
  display: inline-flex;
  flex: 0 0 1.25em;
  width: 1.25em;
  margin-right: 0.25em;
}
.total-search .search-form .keywords-filter .filter-words .words-list .word-icon [class*=omks--icon] {
  font-size: 1em;
}
.total-search .search-form .keywords-filter .filter-words .words-list .word-icon ~ .word-name {
  flex: 1 1 calc(100% - 1.3em);
  width: calc(100% - 1.3em);
}
.total-search .search-form .keywords-filter .filter-words .words-list .word-name {
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1;
  text-underline-offset: 0.24em;
}
.total-search .search-form .keywords-filter .filter-words .words-list .word-name:hover {
  text-decoration: underline;
}
.total-search .search-form .keywords-filter .filter-words .words-list .word-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #fff;
  color: #d36363;
}
.total-search .search-form .keywords-filter .filter-words .words-list .word-remove [class*=omks--icon] {
  display: inline-flex;
  line-height: 1;
  font-size: 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-body {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-body {
    flex-direction: column;
  }
}
.total-search .search-body .re-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 1.875em;
}
@media only screen and (max-width: 767px) {
  .total-search .search-body .re-search {
    justify-content: flex-start;
  }
}
.total-search .search-body .re-search .re-search-title {
  margin-right: 1em;
  font-size: 1em;
  font-weight: 400;
  color: #444444;
}
.total-search .search-body .re-search .keywords {
  position: relative;
  width: 21.25em;
  height: 2.625em;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 2.625em;
  border: 0.0625em solid #f0f0f0;
  border-radius: 0.3125em;
  overflow: hidden;
}
@media only screen and (max-width: 414px) {
  .total-search .search-body .re-search .keywords {
    width: 100%;
    margin: 0.3125em 0 0 0;
  }
}
.total-search .search-body .re-search .keywords:focus-within {
  outline: 0.125em solid #43709a;
}
.total-search .search-body .re-search .keywords input[type=text], .total-search .search-body .re-search .keywords .omks--input {
  margin: 0;
  border: none;
  background: none;
  outline: none;
  width: 100%;
  height: 100%;
}
.total-search .search-body .re-search .keywords .keywords-submit {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.625em;
  height: 100%;
  background-color: #43709a;
  outline: none;
  color: #fff;
}
.total-search .search-body .re-search .keywords .keywords-submit [class*=omks--icon] {
  font-size: 1.2em;
}
.total-search .search-body .re-search .keywords .keywords-submit:focus {
  background-color: #23405b;
}
.total-search .search-result {
  overflow: hidden;
}
.total-search .search-result .result-group .group-head {
  display: flex;
  align-items: flex-end;
  padding-bottom: 1.25em;
  border-bottom: 0.0625em solid #8a8a8a;
}
.total-search .search-result .result-group .group-title {
  display: flex;
  align-items: center;
  font-size: 1.125em;
  font-weight: 400;
  color: #444444;
  line-height: 1;
}
.total-search .search-result .result-group .group-title .title-category,
.total-search .search-result .result-group .group-title .title-count {
  font-weight: 600;
}
.total-search .search-result .result-group .group-more {
  margin: 0.625em;
  font-size: 0.9375em;
  color: #43709a;
  line-height: 1;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.total-search .search-result .result-group .group-more [class*=omks--icon] {
  font-size: 0.75em;
}
.total-search .search-result .result-group .group-align {
  display: flex;
  margin-left: auto;
}
.total-search .search-result .result-group .group-align .align-button {
  width: 4.6875em;
  height: 2em;
  box-sizing: border-box;
  border: 0.0625em solid #d2d2d2;
  background-color: #fff;
  color: #a5a5a5;
}
.total-search .search-result .result-group .group-align .align-button:first-child {
  border-top-left-radius: 0.3125em;
  border-bottom-left-radius: 0.3125em;
}
.total-search .search-result .result-group .group-align .align-button:last-child {
  border-top-right-radius: 0.3125em;
  border-bottom-right-radius: 0.3125em;
}
.total-search .search-result .result-group .group-align .align-button .button-text {
  font-size: 0.9375em;
  font-weight: 300;
}
.total-search .search-result .result-group .group-align .align-button.is--on {
  background-color: #43709a;
  border-color: #43709a;
  color: #fff;
}
.total-search .search-result .result-item {
  padding: 1.5625em 0;
  border-bottom: 0.0625em solid #eaeaea;
}
.total-search .search-result .result-state {
  display: flex;
  margin-bottom: 0.8em;
}
.total-search .search-result .result-state .state-block {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 5em;
  height: 2em;
  box-sizing: border-box;
  padding: 0.625em;
  border: 0.0625em solid #ccc;
  background-color: #f4f4f4;
  border-radius: 0.3125em;
  margin-right: 0.7em;
}
.total-search .search-result .result-state .state-block .block-text {
  font-size: 0.875em;
}
.total-search .search-result .result-state .state-block [class*=omks--icon] {
  font-size: 0.9375em;
}
.total-search .search-result .result-state .state-block.style--color-primary {
  background-color: #43709a;
  border-color: #43709a;
  color: #43709a;
}
.total-search .search-result .result-state .state-block.style--color-primary.style--reverse {
  background-color: #fff;
  color: #43709a;
}
.total-search .search-result .result-state .state-block.style--color-red {
  background-color: #eb445a;
  border-color: #eb445a;
  color: #fff;
}
.total-search .search-result .result-state .state-block.style--color-orange {
  background-color: #f39c12;
  border-color: #f39c12;
  color: #fff;
}
.total-search .search-result .result-state .state-block.style--color-yellow {
  background-color: #f4cf3d;
  border-color: #f4cf3d;
  color: #fff;
}
.total-search .search-result .result-state .state-block.style--color-green {
  background-color: #27ae60;
  border-color: #27ae60;
  color: #fff;
}
.total-search .search-result .result-state .state-block.style--color-blue {
  background-color: #0080E2;
  border-color: #0080E2;
  color: #fff;
}
.total-search .search-result .result-state .state-block.style--color-deepblue {
  background-color: #3a609c;
  border-color: #3a609c;
  color: #fff;
}
.total-search .search-result .result-state .state-block.style--color-purple {
  background-color: #906bff;
  border-color: #906bff;
  color: #fff;
}
.total-search .search-result .result-state .state-block.style--color-gray {
  background-color: #95a5a6;
  border-color: #95a5a6;
  color: #fff;
}
.total-search .search-result .result-title .title-category {
  padding: 0.4em 0.6em;
  margin-right: 0.5em;
  border-radius: 0.3125em;
  background-color: #026bcd;
  font-size: 0.875em;
  color: #fff;
  line-height: 1;
}
.total-search .search-result .result-title .title-name {
  font-size: 1.0625em;
  font-weight: 500;
  color: #444444;
}
.total-search .search-result .result-title .out-link {
  display: inline-flex;
  align-items: center;
  margin: 0 0.5em;
  color: #43709a;
}
.total-search .search-result .result-title .out-link .link-text {
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1;
}
.total-search .search-result .result-title .out-link:hoveR .link-text {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.total-search .search-result .result-title .out-link [class*=omks--icon] {
  display: inline-flex;
  margin-right: 0.5em;
  font-size: 1em;
}
.total-search .search-result .result-title .file-link {
  font-size: 1.0625em;
}
.total-search .search-result .result-title .file-link [class*=omks--icon] {
  font-size: 1.2em;
}
.total-search .search-result .result-title .file-link [class*=omks--icon]:before {
  transform: translateY(0.2em);
}
.total-search .search-result .result-title .file-link a {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.total-search .search-result .result-title .file-link:hover {
  color: var(--basic-primary);
}
.total-search .search-result .result-bread-crumb {
  display: flex;
  align-items: flex-start;
  margin-top: 0.5em;
}
.total-search .search-result .result-bread-crumb .bread-crumb-text {
  font-size: 0.9375em;
  color: #026bcd;
  font-weight: 400;
}
.total-search .search-result .result-bread-crumb .bread-crumb-more {
  position: relative;
  display: inline-flex;
  margin: 0 0.5em;
}
.total-search .search-result .result-bread-crumb .bread-crumb-more .more-button {
  display: inline-flex;
  align-items: center;
  height: 1.375em;
  box-sizing: border-box;
  padding: 0 0.4em;
  border-radius: 0.3125em;
  border: 0.0625em solid #c1c1c1;
  background-color: #efefef;
  color: #777;
}
.total-search .search-result .result-bread-crumb .bread-crumb-more .more-button:hover {
  border-color: #026bcd;
  color: #026bcd;
}
.total-search .search-result .result-bread-crumb .bread-crumb-more .more-button .button-text {
  font-size: 0.8125em;
  white-space: nowrap;
}
.total-search .search-result .result-bread-crumb .bread-crumb-more .more-button:focus ~ .more-layer {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}
.total-search .search-result .result-bread-crumb .bread-crumb-more .more-layer {
  position: absolute;
  top: calc(100% + 0.5em);
  left: 0;
  display: flex;
  flex-direction: column;
  width: -moz-max-content;
  width: max-content;
  max-width: 50vw;
  box-sizing: border-box;
  padding: 0.625em 0.9375em;
  background-color: #f9f9f9;
  border: 0.0625em solid #c1c1c1;
  border-radius: 0.3125em;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}
@media only screen and (max-width: 767px) {
  .total-search .search-result .result-bread-crumb .bread-crumb-more .more-layer {
    right: 0;
    left: initial;
  }
}
.total-search .search-result .result-bread-crumb .bread-crumb-more .more-layer > * ~ * {
  margin-top: 0.25em;
}
.total-search .search-result .result-preview {
  margin-top: 1em;
  font-size: 0.9375em;
  font-weight: 400;
  color: #777777;
  line-height: 1.5;
}
.total-search .search-result .result-info {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin-top: 1em;
}
.total-search .search-result .result-info li {
  position: relative;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-right: 0.625em;
  padding-right: 0.625em;
}
.total-search .search-result .result-info li:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 0.0625em;
  height: 0.625em;
  background-color: #777;
}
.total-search .search-result .result-info li:last-child {
  margin: 0;
  padding: 0;
}
.total-search .search-result .result-info li:last-child:after {
  content: none;
}
.total-search .search-result .result-info .info-text {
  font-size: 0.875em;
  font-weight: 300;
  color: #777777;
  line-height: 1.2;
}
.total-search .search-keywords,
.total-search .search-tab {
  position: sticky;
  top: 0;
  flex: 0 0 15.625em;
  width: 15.625em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-keywords {
    position: relative;
    top: initial;
    flex: none;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-keywords {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-keywords {
    display: none;
  }
}
.total-search .search-keywords .keywords-group {
  border: 0.0625em solid #eaeaea;
  border-radius: 0.3125em;
  overflow: hidden;
}
.total-search .search-keywords .keywords-group ~ .keywords-group {
  margin-top: 0.8em;
}
.total-search .search-keywords .keywords-group .group-head {
  display: flex;
  align-items: center;
  height: 3.125em;
  box-sizing: border-box;
  padding: 0 1.25em;
  background-color: #43709a;
}
.total-search .search-keywords .keywords-group .group-title {
  font-size: 1em;
  font-weight: 500;
  color: #fff;
}
.total-search .search-keywords .keywords-group .group-tab {
  display: flex;
  margin-left: auto;
  padding: 0.25em 0.3125em;
  border-radius: 1em;
  background-color: #fff;
}
.total-search .search-keywords .keywords-group .group-tab .tab-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.625em;
  height: 1.5625em;
  border-radius: 0.75em;
  background-color: #fff;
  color: #a5a5a5;
  font-weight: 400;
}
.total-search .search-keywords .keywords-group .group-tab .tab-button ~ .tab-button {
  margin-left: 0.25em;
}
.total-search .search-keywords .keywords-group .group-tab .tab-button .button-text {
  font-size: 0.9375em;
}
.total-search .search-keywords .keywords-group .group-tab .tab-button.is--on {
  background-color: #43709a;
  color: #fff;
  font-weight: 500;
}
.total-search .search-keywords .keywords-group .group-tab .tab-button:not(.is--on):hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  font-weight: 500;
  color: #43709a;
}
.total-search .search-keywords .keywords-group.style--recommend .group-head {
  background-color: #003d77;
}
.total-search .search-keywords .keywords-list {
  margin: 0;
  padding: 0;
}
.total-search .search-keywords .keywords-list li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  height: 3.125em;
  box-sizing: border-box;
  padding: 0 1.25em;
}
.total-search .search-keywords .keywords-list li ~ li {
  border-top: 0.0625em solid #eaeaea;
}
.total-search .search-keywords .keywords-list li:nth-child(-n+3) .keywords-order {
  background-color: #003d77;
}
.total-search .search-keywords .keywords-list .keywords-recommend {
  display: inline-flex;
  flex: 0 0 1.25em;
  width: 1.25em;
  margin-right: 0.25em;
}
.total-search .search-keywords .keywords-list .keywords-recommend [class*=omks--icon] {
  font-size: 1em;
}
.total-search .search-keywords .keywords-list .keywords-recommend ~ .keywords-name {
  flex: 1 1 calc(100% - 1.3em);
  width: calc(100% - 1.3em);
}
.total-search .search-keywords .keywords-list .keywords-order {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.4em;
  width: 1.4em;
  height: 1.4em;
  margin-right: 0.5em;
  border-radius: 50%;
  background-color: #43709a;
  font-size: 0.875em;
  color: #fff;
  transform: translateY(0.05em);
}
.total-search .search-keywords .keywords-list .keywords-order ~ .keywords-name {
  flex: 1 1 calc(100% - 1.4em);
  width: calc(100% - 1.4em);
}
.total-search .search-keywords .keywords-list .keywords-name {
  font-size: 1em;
  color: #444444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  text-underline-offset: 0.2em;
}
.total-search .search-keywords .keywords-list .keywords-name:hover {
  text-decoration: underline;
  color: #43709a;
}
.total-search .search-keywords .search-scroll-top {
  width: 100%;
  height: 2.5em;
  border-radius: 0.3125em;
  background-color: #43709a;
  margin-top: 1.75em;
}
.total-search .search-keywords .search-scroll-top .button-text {
  font-size: 0.9375em;
  font-weight: 500;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-tab {
    position: relative;
    top: initial;
    width: 100%;
    flex: none;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-tab {
    position: relative;
    top: initial;
    width: 100%;
    flex: none;
  }
}
.total-search .search-tab .tab-group {
  border: 0.0625em solid #eaeaea;
  border-radius: 0.3125em;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-tab .tab-group {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-tab .tab-group {
    display: flex;
    flex-wrap: wrap;
  }
}
.total-search .search-tab .tab-button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.4375em;
  box-sizing: border-box;
  padding: 0 1.25em;
  font-weight: 400;
  color: #999999;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-tab .tab-button {
    flex: 1 1 25%;
    height: 3.5em;
    padding: 0 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-tab .tab-button {
    flex: 1 1 33.33%;
    height: 3.5em;
    padding: 0 0.5em;
    letter-spacing: -0.0625em;
  }
}
.total-search .search-tab .tab-button:first-child {
  background-color: #f4f4f4;
  height: 4.0625em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-tab .tab-button:first-child {
    flex: 1 1 100%;
    height: 3.5em;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-tab .tab-button:first-child {
    height: 3.5em;
  }
}
.total-search .search-tab .tab-button:first-child .button-text {
  font-size: 1.125em;
}
.total-search .search-tab .tab-button ~ .tab-button {
  border-top: 0.0625em solid #eaeaea;
}
.total-search .search-tab .tab-button .button-text {
  line-height: 1.2;
  text-underline-offset: 0.2em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-tab .tab-button .button-text {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-tab .tab-button .button-text {
    width: 100%;
  }
}
.total-search .search-tab .tab-button:hover .button-text {
  text-decoration: underline;
}
.total-search .search-tab .tab-button:not(.is--on):hover .button-text {
  color: #43709a;
}
.total-search .search-tab .tab-button.is--on {
  background-color: #43709a;
  font-weight: 600;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-tab .tab-count {
    font-size: 0.875em;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-tab .tab-count {
    font-size: 0.875em;
  }
}
.total-search .search-body {
  display: flex;
  align-items: flex-start;
  position: relative;
  width: 115em;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 1.25em 6.25em;
}
.total-search .search-body > [class*=search-] {
  padding-top: 3.125em;
}
.total-search .search-result {
  flex: 1 1 calc(100% - 15.625em);
  margin: 0 3.125em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .total-search .search-result {
    flex: none;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .total-search .search-result {
    flex: none;
    margin: 0;
  }
}

/* 사업안내 */
.business-introd {
  position: relative;
  display: flex;
}
.business-introd .introd-tree {
  flex: 0 0 17.5em;
  width: 17.5em;
  box-sizing: border-box;
  padding: 1em 0;
  margin-right: 1.25em;
  border: 0.0625em solid #ccc;
  border-radius: 0.3125em;
  background-color: #fff;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-introd .introd-tree {
    position: absolute;
    z-index: 1;
    transform: translateX(0%);
    flex: none;
    max-width: 90vw;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-tree {
    position: absolute;
    z-index: 1;
    transform: translateX(0%);
    flex: none;
    max-width: 90vw;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-introd .introd-tree.is--hidden {
    transform: translate(-102%);
  }
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-tree.is--hidden {
    transform: translate(-102%);
  }
}
.business-introd .introd-tree.is--hidden .tree-toggle {
  opacity: 0.5;
}
.business-introd .introd-tree.is--hidden .tree-toggle .button-text:after {
  content: "펼치기";
}
.business-introd .introd-tree .tree-list {
  position: relative;
}
.business-introd .introd-tree .tree-item {
  position: relative;
  padding: 0.625em 0;
  line-height: 1.3;
  overflow: hidden;
}
.business-introd .introd-tree .tree-item:first-child:before {
  top: 1.5em;
}
.business-introd .introd-tree .tree-item:last-child:before {
  top: initial;
  bottom: 2.75em;
  height: calc(100% - 5.125em);
}
.business-introd .introd-tree .tree-item:last-child:not(.business-introd .introd-tree .tree-item:first-child):before {
  top: initial;
  bottom: 2.75em;
  height: calc(100% - 1.5em);
  transform: translate(-50%, 0);
}
.business-introd .introd-tree .tree-item:before {
  position: absolute;
  top: 0;
  left: 1.5em;
  transform: translateX(-50%);
  content: "";
  width: 0.125em;
  height: 100%;
  border-left: 0.125em dashed #ccc;
}
.business-introd .introd-tree .tree-item .item-block {
  display: flex;
  width: 100%;
}
.business-introd .introd-tree .tree-item .item-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 3em;
  width: 3em;
}
.business-introd .introd-tree .tree-item .item-button:hover .button-icon {
  background-color: red;
}
.business-introd .introd-tree .tree-item .item-button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-100%, -50%);
  width: 50%;
  height: 0.125em;
  border-top: 0.125em dashed #ccc;
}
.business-introd .introd-tree .tree-item .item-button .button-icon {
  position: relative;
  z-index: 1;
  width: 1.375em;
  height: 1.375em;
  border-radius: 0.3125em;
  background-color: #ddd;
}
.business-introd .introd-tree .tree-item .item-button .button-icon .style--circle {
  box-sizing: border-box;
  border-radius: 50%;
  border: 0.0625em solid #ccc;
  background-color: #fff;
}
.business-introd .introd-tree .tree-item .item-category {
  flex: 1 1 calc(100% - 3em);
  position: relative;
  display: flex;
  align-items: center;
  height: 3em;
  box-sizing: border-box;
  padding: 0 1.875em;
  border-radius: 0.3125em;
  background-color: #f4f4f4;
  cursor: pointer;
}
.business-introd .introd-tree .tree-item .item-category:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 0.0625em solid #ccc;
  border-radius: inherit;
}
.business-introd .introd-tree .tree-item .item-category .category-name {
  font-size: 1em;
  font-weight: 400;
}
.business-introd .introd-tree .tree-item .item-category .category-count {
  margin-left: 0.5em;
  padding: 0.1em 0.5em;
  border-radius: 0.9375em;
  background-color: #ccc;
  white-space: nowrap;
  line-height: 1;
}
.business-introd .introd-tree .tree-item .item-category.is--on:after {
  border-width: 0.125em;
  border-color: var(--basic-primary);
}
.business-introd .introd-tree .tree-item .tree-list {
  display: none;
  padding-left: 1.5em;
}
.business-introd .introd-tree .tree-item .tree-list .item-button:before {
  content: "";
}
.business-introd .introd-tree .tree-item .tree-list .tree-item:before {
  content: none;
}
.business-introd .introd-tree .tree-item .tree-list .tree-item.is--on:before {
  content: "";
  height: calc(100% - 4.25em);
}
.business-introd .introd-tree .tree-item .tree-list .tree-item > .tree-list .tree-item:before {
  left: 2.5em;
}
.business-introd .introd-tree .tree-item .tree-list .tree-item > .tree-list .tree-item .item-button {
  padding-left: 1em;
  flex: 0 0 4em;
  width: 4em;
}
.business-introd .introd-tree .tree-item .tree-list .tree-item > .tree-list .tree-item .item-button .button-icon {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  box-sizing: border-box;
  border: 0.0625em solid #ccc;
  background-color: #fff;
}
.business-introd .introd-tree .tree-item.is--on > .item-block .item-category {
  background-color: #9ab2c8;
}
.business-introd .introd-tree .tree-item.is--on > .tree-list {
  display: block;
}
.business-introd .introd-tree .tree-button-group {
  display: flex;
  justify-content: flex-end;
}
.business-introd .introd-tree .tree-button-group .tree-button ~ .tree-button {
  margin-left: 0.9375em;
}
.business-introd .introd-tree .tree-button {
  width: 6em;
  height: 2.5em;
  border-radius: 0.3125em;
  background-color: #f4f4f4;
}
.business-introd .introd-tree .tree-button .button-text {
  font-size: 0.9325em;
}
.business-introd .introd-tree .tree-button.style--color-primary {
  background-color: #003d77;
  color: #fff;
}
.business-introd .introd-tree .tree-wrap {
  position: relative;
}
.business-introd .introd-tree .tree-body {
  padding-right: 1em;
}
.business-introd .introd-tree .tree-foot {
  padding: 0 1em;
}
.business-introd .introd-tree .tree-toggle {
  display: none;
  position: absolute;
  top: 30%;
  right: 0;
  transform: translate(50%, -50%) rotateZ(90deg);
  transform-origin: center bottom;
  height: 2em;
  box-sizing: border-box;
  padding: 0 0.5em;
  border: 0.0625em solid #ccc;
  border-bottom: 0;
  border-top-right-radius: 0.3125em;
  border-top-left-radius: 0.3125em;
  background-color: #f4f4f4;
  opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-introd .introd-tree .tree-toggle {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-tree .tree-toggle {
    display: block;
  }
}
.business-introd .introd-tree .tree-toggle .button-text {
  font-size: 0.875em;
}
.business-introd .introd-tree .tree-toggle .button-text:after {
  margin-left: 0.2em;
  content: "접기";
}
.business-introd .introd-conts {
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(100% - 18.75em);
  width: calc(100% - 18.75em);
  box-sizing: border-box;
  padding: 1.125em 1.875em;
  border: 0.0625em solid #ccc;
  border-radius: 0.3125em;
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-conts {
    padding: 1.125em 1em;
  }
}
.business-introd .introd-conts .conts-head {
  display: flex;
  align-items: center;
  height: 4em;
  box-sizing: border-box;
}
.business-introd .introd-conts .conts-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 1.25em 0;
  border-top: 0.0625em solid #ccc;
}
.business-introd .introd-conts .conts-body .conts-document {
  flex: 1 1 auto;
}
.business-introd .introd-conts .conts-title {
  font-size: 1.15em;
  font-weight: 600;
  color: #000;
  line-height: 1.3;
}
.business-introd .introd-conts .conts-tab {
  display: flex;
  margin: -1.25em 0 1.25em -1.25em;
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-conts .conts-tab {
    margin: -0.75em 0 0.75em -0.75em;
  }
}
.business-introd .introd-conts .conts-tab .tab-button {
  flex: 0 0 calc(20% - 1.25em);
  width: calc(20% - 1.25em);
  height: 2.5em;
  margin: 1.25em 0 0 1.25em;
  box-sizing: border-box;
  position: relative;
  border-radius: 0.3125em;
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-conts .conts-tab .tab-button {
    flex: 0 0 calc(20% - 0.75em);
    width: calc(20% - 0.75em);
    margin: 0.75em 0 0 0.75em;
  }
}
.business-introd .introd-conts .conts-tab .tab-button:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 0.0625em solid #ccc;
  border-radius: inherit;
  content: "";
}
.business-introd .introd-conts .conts-tab .tab-button .button-text {
  font-size: 0.875em;
  font-weight: 500;
}
.business-introd .introd-conts .conts-tab .tab-button.is--on:after {
  border-width: 0.125em;
  border-color: var(--basic-primary);
}
.business-introd .introd-conts .conts-tab .tab-button.is--on .button-text {
  font-weight: 600;
  color: var(--basic-primary);
}
.business-introd .introd-conts .conts-document {
  position: relative;
  padding: 0 1.25em 4em;
  background-color: #f4f4f4;
}
.business-introd .introd-conts .conts-document .document-edit {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 1;
}
.business-introd .introd-conts .conts-document .document-edit .edit-button {
  height: 1.75em;
  padding: 0 0.75em;
  border-radius: 0.3125em;
  background-color: var(--basic-primary);
  color: #fff;
  line-height: 1;
}
.business-introd .introd-conts .conts-document .document-edit .edit-button:hover {
  background-color: #0034c8;
}
.business-introd .introd-conts .conts-document .document-edit .edit-button .button-text {
  display: inline-block;
  font-size: 0.875em;
  transform: translateY(-0.075em);
}

.business-search {
  padding: 1em;
  margin-bottom: 2.5em;
  background-color: #F4F5F9;
  border: 0.0625em solid #DEDEDE;
  border-radius: var(--omks-radius-2x);
}
.business-search .search-head {
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .business-search .search-head {
    flex-direction: column;
  }
}
.business-search .search-head:not(:has(.search-tab)) .search-keywords {
  flex: 1 1 auto;
}
.business-search .search-tab {
  display: flex;
  flex: 1 1 40%;
}
@media only screen and (max-width: 767px) {
  .business-search .search-tab {
    order: 2;
    flex: none;
  }
}
.business-search .search-tab .tab-button {
  flex: 1 1 50%;
  height: 3em;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0 1.25em;
  text-align: left;
  color: #aaa;
}
.business-search .search-tab .tab-button .button-text {
  font-size: 1.125em;
}
.business-search .search-tab .tab-button ~ .tab-button {
  border-left: 0.0625em solid #c6c6c6;
}
.business-search .search-tab .tab-button.is--on {
  background-color: var(--omks-primary);
  color: #fff;
}
.business-search .search-tab ~ .search-keywords {
  border-left: 0.0625em solid #c6c6c6;
}
@media only screen and (max-width: 767px) {
  .business-search .search-tab ~ .search-keywords {
    border-left: 0;
    border-bottom: 0.0625em solid #c6c6c6;
  }
}
.business-search .search-keywords {
  position: relative;
  flex: 0 0 50%;
  height: 3.125em;
  box-sizing: border-box;
  padding-right: 3em;
}
.business-search .search-keywords:has(.keywords-buttons) {
  padding-right: 7.3125em;
}
@media only screen and (max-width: 767px) {
  .business-search .search-keywords {
    order: 1;
    flex: none;
  }
}
.business-search .search-keywords .keywords-input {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 1.75em;
  outline: none;
}
.business-search .search-keywords .keywords-filter,
.business-search .search-keywords .keywords-submit {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125em;
  height: 100%;
  border-radius: var(--omks-radius-1x);
  background-color: #f4f4f4;
}
.business-search .search-keywords .keywords-submit {
  background-color: var(--omks-secondary-darkgray);
  color: #fff;
}
.business-search .search-keywords .keywords-filter {
  background-color: #11264E;
  color: #fff;
}
.business-search .search-keywords .keywords-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.business-search .search-keywords .keywords-buttons .keywords-filter,
.business-search .search-keywords .keywords-buttons .keywords-submit {
  position: relative;
}
.business-search .search-keywords .keywords-buttons .keywords-filter ~ .keywords-filter,
.business-search .search-keywords .keywords-buttons .keywords-submit ~ .keywords-filter {
  margin-left: 0.4375em;
}
.business-search .search-body {
  display: none;
  position: relative;
  z-index: 1;
  margin-top: 1.5625em;
  border: 0.0625em solid #c6c6c6;
}
.business-search .search-body.is--on {
  display: block;
  border-width: 0.125em;
  border-color: var(--basic-primary);
}
.business-search .search-body.is--on ~ .search-foot {
  border-width: 0.125em;
  border-color: var(--basic-primary);
}
.business-search .search-foot {
  display: flex;
  margin-top: 1em;
}
.business-search .search-foot:not(:has(.seleted-tag)) {
  display: none;
}
.business-search .search-selected {
  display: flex;
  flex: 1 1 100%;
}
@media only screen and (max-width: 767px) {
  .business-search .search-selected {
    flex-direction: column;
  }
}
.business-search .search-selected .seleted-buttons {
  display: flex;
  align-items: flex-start;
  margin-left: auto;
}
.business-search .search-selected .seleted-reset {
  margin: 0 1em;
  text-underline-offset: 0.2em;
  color: #B7B8BB;
  white-space: nowrap;
}
.business-search .search-selected .seleted-reset .reset-icon {
  margin-right: 0.25em;
}
.business-search .search-selected .seleted-reset .reset-icon img {
  width: 1.25em;
}
.business-search .search-selected .seleted-reset .button-text {
  font-size: 1em;
}
.business-search .search-selected .seleted-reset:hover {
  text-decoration: underline;
}
.business-search .search-selected .seleted-submit {
  width: 10em;
  height: 3em;
  border-radius: 0.3125em;
  background-color: #2F68C2;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  line-height: 1.2;
  color: #fff;
}
.business-search .search-selected .seleted-submit .button-text {
  word-break: keep-all;
  font-size: 1.0625em;
  font-weight: 600;
}
.business-search .search-selected .seleted-tags {
  margin: 0;
  padding: 0;
}
.business-search .search-selected .seleted-tags:has(li) {
  margin: -1em 0 0 -1em;
}
.business-search .search-selected .seleted-tag {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  align-items: center;
  margin: 1em 0 0 1em;
  min-height: 2.375em;
  padding-left: 1em;
  box-sizing: border-box;
  border-radius: var(--omks-radius-3x);
  border: 0.0625em solid #DBDBDB;
  color: #333333;
  line-height: 1.4;
}
.business-search .search-selected .seleted-tag .tag-name {
  font-size: 0.9375em;
}
.business-search .search-selected .seleted-tag .tag-name ~ .tag-remove {
  margin-left: 0.25em;
}
.business-search .search-selected .seleted-tag .tag-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.375em;
  height: 2.375em;
}
.business-search .search-selected .seleted-tag .tag-remove [class^=omks--icon] {
  font-size: 1em;
  transform: translateY(-0.075em);
}
.business-search .search-category .category-match {
  display: inline-flex;
  max-width: 100%;
  box-sizing: border-box;
  padding: 1em;
}
.business-search .search-category .category-match .match-wrap {
  position: relative;
  width: 30em;
  max-width: 100%;
}
.business-search .search-category .category-match .match-form {
  position: relative;
  height: 2.5em;
  box-sizing: border-box;
  padding-right: 3.125em;
  overflow: hidden;
}
.business-search .search-category .category-match .match-input {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 1.25em;
  border: 0.0625em solid #c8c8c8;
  border-radius: 0.3125em;
}
.business-search .search-category .category-match .match-submit {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 100%;
  background-color: var(--omks-secondary-darkgray);
  border-radius: 0.3125em;
  color: #fff;
}
.business-search .search-category .category-match .match-layer {
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(0.625em);
  width: 100%;
  box-sizing: border-box;
  border: 0.0625em solid #c6c6c6;
  border-radius: var(--omks-radius-1x);
  background-color: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.business-search .search-category .category-match .match-layer.is--on {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.business-search .search-category .category-match .match-options {
  margin: 0;
  padding: 0 0.8em;
  max-height: 9em;
  overflow-y: auto;
}
.business-search .search-category .category-match .match-options::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.business-search .search-category .category-match .match-options::-webkit-scrollbar-track {
  background-color: #f3f5f7;
}
.business-search .search-category .category-match .match-options::-webkit-scrollbar-thumb {
  background-color: #c8c8c8;
}
.business-search .search-category .category-match .match-options::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.business-search .search-category .category-match .match-options li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  height: 3em;
  align-items: center;
}
.business-search .search-category .category-match .match-options li ~ li {
  border-top: 0.0625em solid #c8c8c8;
}
.business-search .search-category .category-match .match-end {
  position: relative;
  display: flex;
  align-items: center;
  height: 2.25em;
  box-sizing: border-box;
  padding: 0 0.8em;
  border-top: 0.0625em solid #c8c8c8;
  background-color: #F4F5F9;
}
.business-search .search-category .category-match .match-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 1.6em;
  background-color: #888CA0;
}
.business-search .search-category .category-match .match-confirm .button-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875em;
  color: #fff;
}
.business-search .search-category .category-tree {
  display: flex;
  border-top: 0.0625em solid #c6c6c6;
}
@media only screen and (max-width: 767px) {
  .business-search .search-category .category-tree {
    flex-direction: column;
  }
}
.business-search .search-category .category-tree .tree-root {
  display: flex;
  flex-direction: column;
  flex: 1 0 33.33%;
  box-sizing: border-box;
  padding: 0 1.25em;
}
@media only screen and (max-width: 767px) {
  .business-search .search-category .category-tree .tree-root {
    flex: none;
  }
}
.business-search .search-category .category-tree .tree-root ~ .tree-root {
  border-left: 0.0625em solid #c6c6c6;
}
@media only screen and (max-width: 767px) {
  .business-search .search-category .category-tree .tree-root ~ .tree-root {
    display: none;
    border-left: 0;
    border-top: 0.0625em solid #c6c6c6;
  }
}
@media only screen and (max-width: 767px) {
  .business-search .search-category .category-tree .tree-root.is--mobile-on + .tree-root {
    display: block;
  }
}
.business-search .search-category .category-tree .tree-root .root-head {
  display: flex;
  align-items: center;
  height: 3em;
  box-sizing: border-box;
  border-bottom: 0.0625em solid #c6c6c6;
  flex: 0 0 3em;
}
.business-search .search-category .category-tree .tree-root .root-title {
  display: flex;
  align-items: center;
}
.business-search .search-category .category-tree .tree-root .root-title .title-order {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.3714285714em;
  height: 1.3714285714em;
  box-sizing: border-box;
  margin-right: 0.5714285714em;
  border: 0.0714285714em solid #c6c6c6;
  border-radius: 0.3571428571em;
  font-size: 0.875em;
}
.business-search .search-category .category-tree .tree-root .root-title .title-name {
  font-size: 1em;
  font-weight: 500;
}
.business-search .search-category .category-tree .tree-root .root-body {
  position: relative;
  flex: 1 1 auto;
  min-height: 10.5em;
  max-height: 28em;
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  .business-search .search-category .category-tree .tree-root .root-body {
    height: auto;
    max-height: 9em;
  }
}
.business-search .search-category .category-tree .tree-root .root-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.business-search .search-category .category-tree .tree-root .root-body::-webkit-scrollbar-track {
  background-color: #f3f5f7;
}
.business-search .search-category .category-tree .tree-root .root-body::-webkit-scrollbar-thumb {
  background-color: #c8c8c8;
  border-radius: var(--omks-radius-3x);
}
.business-search .search-category .category-tree .tree-root .root-body::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.business-search .search-category .category-tree .tree-root .root-none {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 1em;
  font-size: 1em;
  font-weight: 300;
  color: #888CA0;
  word-break: keep-all;
  text-align: center;
}
.business-search .search-category .category-tree .tree-brench {
  margin: 0;
  padding: 0;
}
.business-search .search-category .category-tree .tree-brench li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: flex;
  align-items: center;
  height: 3.5em;
  box-sizing: border-box;
  border-bottom: 0.0625em solid #c6c6c6;
}
.business-search .search-category .category-tree .tree-brench li:last-child:not(.business-search .search-category .category-tree .tree-brench li:first-child) {
  border-bottom: 0;
}
.business-search .search-category .category-tree .tree-brench li.is--on {
  background-color: #eef7ff;
}
.business-search .search-category .category-tree .tree-brench li.is--on .brench-button {
  background-color: #5288e6;
  background-image: url("../../img/business/arrow-right--white.svg");
}
.business-search .search-category .category-tree .tree-brench .brench-option {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: 0 1.25em;
}
.business-search .search-category .category-tree .tree-brench .brench-option .omks--choice {
  line-height: 1.4;
}
.business-search .search-category .category-tree .tree-brench .brench-option .omks--choice .omks--choice-icon {
  margin-top: 0.1em;
}
.business-search .search-category .category-tree .tree-brench .brench-button {
  flex: 0 0 3em;
  width: 3em;
  height: 100%;
  background-color: #f4f4f4;
  background-repeat: no-repeat;
  background-image: url("../../img/business/arrow-right.svg");
  background-position: center;
  background-size: 1em auto;
}
.business-search .search-options {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .business-search .search-options {
    flex-direction: column;
  }
}
.business-search .search-options .options-column {
  display: flex;
  flex-direction: column;
  flex: 1 1 50%;
}
@media only screen and (max-width: 767px) {
  .business-search .search-options .options-column {
    flex: none;
  }
}
.business-search .search-options .options-column ~ .options-column {
  box-sizing: border-box;
  border-left: 0.0625em solid var(--basic-primary);
}
@media only screen and (max-width: 767px) {
  .business-search .search-options .options-column ~ .options-column {
    border-left: 0;
  }
}
.business-search .search-options .options-column .column-row {
  display: flex;
  flex: 1 1 auto;
}
.business-search .search-options .options-column .column-row ~ .column-row {
  border-top: 0.0625em solid #c6c6c6;
}
.business-search .search-options .options-column .column-row .row-title {
  flex: 0 0 8.75em;
  width: 8.75em;
  box-sizing: border-box;
  padding: 1em;
  line-height: 1.3;
}
.business-search .search-options .options-column .column-row .row-title .title-text {
  font-size: 1.05em;
  font-weight: 500;
  word-break: keep-all;
}
.business-search .search-options .options-column .column-row .row-contents {
  flex: 1 1 calc(100% - 8.75em);
  width: calc(100% - 8.75em);
  box-sizing: border-box;
  padding: 1em;
  border-left: 0.0625em solid #c6c6c6;
}
.business-search .search-options .option-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin: -1em 0 0 -1em;
}
.business-search .search-options .option-list li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  margin: 1em 0 0 1em;
  flex: 0 0 calc(25% - 1em);
  width: calc(25% - 1em);
}
@media only screen and (max-width: 767px) {
  .business-search .search-options .option-list li {
    flex: none;
    width: auto;
  }
}
.business-search .search-panel {
  background-color: #fff;
  border-top: 0.125em solid var(--basic-primary);
}
.business-search .search-panel.search-category {
  display: none;
}
.business-search .search-panel.search-category.is--on {
  display: block;
}
.business-search .search-panel.search-options {
  display: none;
}
.business-search .search-panel.search-options.is--on {
  display: flex;
}
.business-search .search-period {
  position: relative;
}
.business-search .search-period .period-filter {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .business-search .search-period .period-filter {
    flex-direction: column;
    align-items: flex-start;
  }
}
.business-search .search-period .period-filter [class*=filter-] ~ [class*=filter-] {
  margin-left: 1em;
}
@media only screen and (max-width: 767px) {
  .business-search .search-period .period-filter [class*=filter-] ~ [class*=filter-] {
    margin-top: 0.5em;
    margin-left: 0;
  }
}
.business-search .search-period .period-filter .filter-select {
  flex: 0 0 9.6875em;
}
@media only screen and (max-width: 767px) {
  .business-search .search-period .period-filter .filter-select {
    flex: none;
  }
}
.business-search .search-period .period-filter .filter-select .omks-select, .business-search .search-period .period-filter .filter-select select {
  width: 100%;
}
.business-search .search-period .period-filter .filter-period {
  display: flex;
  align-items: center;
}
.business-search .search-period .period-filter .filter-period .period-input {
  flex: 1 1 calc(50% - 7.5em);
  width: calc(50% - 7.5em);
}
.business-search .search-period .period-filter .filter-period .period-input .omks--calendar-input {
  height: 2.5em;
}
.business-search .search-period .period-filter .filter-period .period-tilde {
  display: inline-flex;
  justify-content: center;
  flex: 0 0 2em;
  width: 2em;
}
.business-search .search-period .period-filter .filter-period .period-submit {
  margin-left: 0.5em;
  flex: 0 0 5em;
}
.business-search .search-period .period-filter .filter-period .period-submit .submit-button {
  min-width: auto;
  width: 5em;
}

.announcement-funcs {
  width: 100%;
}
.announcement-funcs .af-option {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.25em;
}
.announcement-funcs .af-load {
  display: flex;
  flex-direction: column;
}
.announcement-funcs .af-load .load-cont {
  position: relative;
}
.announcement-funcs .af-load .load-label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translate(0.625em, -50%);
  display: inline-flex;
  align-items: center;
  height: 1.375em;
  padding: 0 0.4375em;
  margin-right: 0.625em;
  border-radius: var(--omks-radius-3x);
  background-color: #F7F9FC;
  font-size: 0.9375em;
  font-weight: 600;
  color: #15254B;
  white-space: nowrap;
}
.announcement-funcs .af-load .load-select {
  position: relative;
}
.announcement-funcs .af-load .load-select input[type=text], .announcement-funcs .af-load .load-select .cms-omks--input {
  width: 100%;
}
.announcement-funcs .af-load .load-select input[type=text]:-moz-read-only, .announcement-funcs .af-load .load-select .cms-omks--input:-moz-read-only {
  background-color: #fff;
}
.announcement-funcs .af-load .load-select input[type=text]:read-only, .announcement-funcs .af-load .load-select .cms-omks--input:read-only {
  background-color: #fff;
}
.announcement-funcs .af-load .load-select .select-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/board/select-arrow.svg");
  background-size: 1.8em auto;
  background-position: right 1em top 50%;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: var(--omks-radius-1x);
  border: 0.125em solid transparent;
}
.announcement-funcs .af-load .load-select .select-button.is--on {
  border-color: var(--omks-primary-blue2);
}
.announcement-funcs .af-load .load-select:has(.select-button.is--on) ~ .load-layer {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.announcement-funcs .af-load .load-layer {
  position: absolute;
  top: calc(100% + 0.5em);
  left: 0;
  z-index: 1;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  border: 0.0625em solid #c8c8c8;
  padding: 1em;
  overflow: hidden;
  border-radius: var(--omks-radius-1x);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.announcement-funcs .af-load .load-layer .load-table {
  width: 100%;
  height: 100%;
  max-height: 18.75em;
  overflow: auto;
  border: none;
  background-color: #fff;
}
.announcement-funcs .af-load .load-layer .load-table::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.announcement-funcs .af-load .load-layer .load-table::-webkit-scrollbar-track {
  background-color: #f3f5f7;
}
.announcement-funcs .af-load .load-layer .load-table::-webkit-scrollbar-thumb {
  background-color: #949494;
  border-radius: 8px;
}
.announcement-funcs .af-load .load-layer .load-table::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.announcement-funcs .af-load .load-layer .load-table table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  overflow: initial;
}
.announcement-funcs .af-load .load-layer .load-table table th, .announcement-funcs .af-load .load-layer .load-table table td {
  height: 2.25em;
  box-sizing: border-box;
  padding: 0.25em 0.5em;
  border: 0.0625em solid #E1E1E1;
  vertical-align: middle;
  word-break: keep-all;
  font-size: 0.875em;
}
.announcement-funcs .af-load .load-layer .load-table table th.style--align-left, .announcement-funcs .af-load .load-layer .load-table table td.style--align-left {
  text-align: left;
}
.announcement-funcs .af-load .load-layer .load-table table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.announcement-funcs .af-load .load-layer .load-table table thead th, .announcement-funcs .af-load .load-layer .load-table table thead td {
  background-color: #F5F6FA;
  font-weight: 500;
  color: #000;
  line-height: 1.3;
}
.announcement-funcs .af-load .load-layer .load-table table tbody td {
  font-weight: 400;
  color: #333;
  text-align: center;
  word-break: normal;
  background-color: #fff;
}

.cms-business-public-notice .public-notice-view {
  margin-bottom: 3em;
  overflow: hidden;
}
.cms-business-public-notice .public-notice-view .public-notice-block {
  padding: 1.5em;
}
.cms-business-public-notice .public-notice-view .public-notice-block .pnb-state .state-block.cfy--date {
  margin-left: 0;
}
.cms-business-public-notice .public-notice-view .view-row ~ .view-row {
  margin-top: 3em;
}
.cms-business-public-notice .public-notice-view .view-row .row-head {
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  border-bottom: 0.125em solid var(--omks-outline);
}
.cms-business-public-notice .public-notice-view .view-row .row-title {
  font-size: 1.25em;
  font-weight: 500;
}
.cms-business-public-notice .public-notice-head {
  display: flex;
  align-items: flex-end;
  margin: 1.25em 0 0.5em;
}
@media only screen and (max-width: 767px) {
  .cms-business-public-notice .public-notice-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .cms-business-public-notice .public-notice-head .public-notice-align {
    margin-top: 0.75em;
  }
}
.cms-business-public-notice .public-notice-head .public-notice-align {
  margin-left: auto;
}
.cms-business-public-notice .public-notice-head:not(:has(.public-notice-tab)) {
  position: relative;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .cms-business-public-notice .public-notice-head:not(:has(.public-notice-tab)) {
    margin: 1.25em 0 0.5em;
  }
}
.cms-business-public-notice .public-notice-head:not(:has(.public-notice-tab)) .public-notice-align {
  position: absolute;
  top: -0.5em;
  right: 0;
  transform: translateY(-100%) skewY(-0.01deg);
}
@media only screen and (max-width: 767px) {
  .cms-business-public-notice .public-notice-head:not(:has(.public-notice-tab)) .public-notice-align {
    position: relative;
    transform: none;
  }
}
.cms-business-public-notice .public-notice-tab {
  display: flex;
  align-items: center;
}
.cms-business-public-notice .public-notice-tab .tab-item ~ .tab-item {
  position: relative;
  padding-left: 1em;
  margin-left: 1em;
}
.cms-business-public-notice .public-notice-tab .tab-item ~ .tab-item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  width: 0.0625em;
  height: 1em;
  background-color: #c8c8c8;
}
.cms-business-public-notice .public-notice-tab .tab-button {
  margin: 0;
  padding: 0 1.25em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #a9a9a9;
}
@media only screen and (max-width: 767px) {
  .cms-business-public-notice .public-notice-tab .tab-button {
    padding: 0;
  }
}
.cms-business-public-notice .public-notice-tab .tab-button .button-icon {
  display: inline-flex;
  transform: translateY(0.1em);
  margin-right: 0.25em;
  font-size: 1.2em;
}
.cms-business-public-notice .public-notice-tab .tab-button .button-text {
  font-size: 1.0625em;
}
.cms-business-public-notice .public-notice-tab .tab-button:hover {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  color: var(--omks-primary-blue2);
}
.cms-business-public-notice .public-notice-tab .tab-button.is--on {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  font-weight: 600;
  color: var(--omks-primary-blue2);
}
.cms-business-public-notice .public-notice-align {
  display: flex;
}
.cms-business-public-notice .public-notice-align .align-button {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 0.5em;
  color: #a5a5a5;
  cursor: pointer;
}
.cms-business-public-notice .public-notice-align .align-button .button-text {
  font-size: 1em;
  font-weight: 600;
  color: #555;
}
.cms-business-public-notice .public-notice-align .align-button .button-text:after {
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f30c";
  font-size: 1.125em;
  color: var(--omks-primary-blue2);
}
.cms-business-public-notice .public-notice-align .align-button.is--on .button-text:after {
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f309";
  font-size: 1.125em;
  color: #EE2E5B;
}

/* 개발서버 API 관련 수정 */
.select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  height: 2.25em;
  border-width: 0.0625em;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/form/select-arrow.svg");
  background-size: 2em auto;
  background-position: 100% 50%;
}

.select2-container--default .select2-selection--single {
  border-radius: 0.3125em;
}

.select2-selection__arrow {
  opacity: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 14px;
  padding-right: 2em;
}

/* OMKS Root */
:root {
  --omks-primary: #014099;
  --omks-on-primary: #ffffff;
  --omks-primary-hover: #1254ca;
  --omks-primary-blue2: #0064DD;
  --omks-primary-darkblue: #15254B;
  --omks-secondary: #4A506B;
  --omks-secondary-hover: #35394d;
  --omks-secondary-darkgray: #4A506B;
  /* 크기 */
  --omks-size-1x: 0.875em;
  --omks-size-2x: 0.9375em;
  --omks-size-3x: 1em;
  --omks-size-4x: 1.125em;
  --omks-size-5x: 1.25em;
  /* 라운딩 */
  --omks-radius-1x: 0.3125em;
  --omks-radius-2x: 0.625em;
  --omks-radius-3x: 1.5625em;
  /* 테두리 색상 */
  --omks-outline: #E8E8E8;
  --omks-outline-variant: #555555;
  --omks-tableline: #C5C9D6;
  /* 색상 7종 */
  --omks-color-blue: #2F68C2;
  --omks-color-deep-blue: #1B3C88;
  --omks-color-deep-gray: #888CA0;
  --omks-color-red: #EC6C61;
  --omks-color-black: #31323C;
  --omks-color-emerald: #019BA1;
  --basic-primary: #0071BC;
  --basic-on-primary: #fff;
}

/*

    lighten($color: #ff5000, $amount: 1%); // 명암 밝게
    darken // 명암 어둡게
    adjust-hue // 색조 변경
    saturate // 채도 높게
    desaturate // 채도 낮게


    // 원색 정의 (hex)
    $primary-color: #e8ecf7;

    // 원색을 HSL로 변환
    $primary-hue: hue($primary-color);
    $primary-saturation: saturation($primary-color);
    $primary-lightness: lightness($primary-color);

    // 보조색 정의 (명도 10% 증가)
    $secondary-color: hsl($primary-hue, $primary-saturation, $primary-lightness + 10%);

*/