@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)
*/
@import url("../font/icons/css/style.css");
*,
::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;
}

/* 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;
}

/* OMKS Module */
input, select, textarea, button {
  outline-offset: -0.09375em;
  outline-color: #000;
}
input:focus, select:focus, textarea:focus, button:focus {
  outline-width: 1px;
  outline-style: dashed;
}

a {
  outline-color: #000;
}
a:focus {
  outline-width: 1px;
  outline-style: dashed;
}

.omks--grid-row {
  display: flex;
}
.omks--grid-row.style--justify-between {
  justify-content: space-between;
}
.omks--grid-row.style--justify-end {
  justify-content: flex-end;
}
.omks--grid-col {
  flex: 1 1 16.6666666667%;
}
.omks--grid-col.col-1 {
  flex: 0 0 16.6666666667%;
}
.omks--grid-col.col-2 {
  flex: 0 0 33.3333333333%;
}
.omks--grid-col.col-4 {
  flex: 0 0 66.6666666667%;
}
.omks--grid-col.style--justify-between {
  justify-content: space-between;
}
.omks--grid-col.style--justify-end {
  justify-content: flex-end;
}

.omks--card {
  padding: 20px;
  border: 1px solid var(--omks-outline);
}
.omks--card-head ~ .omks--card-body {
  margin-top: 10px;
}
.omks--card-title {
  font-size: 1.375em;
  color: #222;
  font-weight: 600;
}
.omks--card.style--border-none {
  border-width: 0;
}
.omks--card.style--shadow {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.omks--card.style--radius {
  border-radius: 10px;
}

.omks--list-item ~ .omks--list-item {
  padding-top: 0.625em;
  margin-top: 0.625em;
}
.omks--list.style--hoz .omks--list-frame {
  margin: -0.625em 0 0 -0.625em;
}
.omks--list.style--hoz .omks--list-item {
  float: left;
  display: flex;
  margin: 0.625em 0 0 0.625em;
}
.omks--list.style--hoz .omks--list-item ~ .omks--list-item {
  border: none;
  margin-top: 0.625em;
  padding-top: 0;
}

.omks--tab-frame {
  display: flex;
  border: 1px solid var(--omks-outline);
}
.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: 40px;
  box-sizing: border-box;
  background-color: #F4F5F9;
}
.omks--tab-button ~ .omks--tab-button {
  border-left: 1px solid var(--omks-outline);
}
.omks--tab-button.style--width-auto {
  flex: 0 0 auto;
}
.omks--tab-button:hover {
  background-color: #f9f9f9;
}
.omks--tab-button.is--on {
  background-color: #ddd;
}

.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;
  gap: 0.25em;
  min-width: 6.25em;
  width: auto;
  height: 2.5em;
  box-sizing: border-box;
  border: 0.0625em solid transparent;
  border-radius: 0.3125em;
  padding: 0.5em 0.75em;
  background-color: #F4F5F9;
}
.omks--button.style--size-xl {
  min-width: 8.3em;
  height: 2.8em;
  border-radius: 0.28em;
  font-size: 1.125em;
}
@media only screen and (max-width: 767px) {
  .omks--button.style--size-xl {
    min-width: 6.25em;
  }
}
.omks--button.style--size-l {
  font-size: 1.125em;
}
.omks--button.style--size-m {
  font-size: 0.925em;
}
.omks--button.style--size-s {
  font-size: 0.875em;
}
.omks--button.style--color-sleep {
  background-color: #F4F5F9;
  color: #aaa;
}
.omks--button.style--color-sleep.style--reverse {
  background-color: #fff;
  border: 1px solid #aaa;
  color: #aaa;
}
.omks--button.style--color-primary {
  background-color: var(--omks-primary);
  color: var(--omks-on-primary);
}
.omks--button.style--color-warning {
  background-color: #ffc409;
  color: #222;
}
.omks--button.style--color-positive {
  background-color: #5c8fdf;
  color: #fff;
}
.omks--button.style--color-positive.style--reverse {
  background-color: #fff;
  border: 1px solid #5c8fdf;
  color: #5c8fdf;
}
.omks--button.style--color-negative {
  background-color: #eb445a;
  color: #fff;
}
.omks--button.style--color-void {
  background-color: #dedede;
  color: #828282;
}
.omks--button.style--color-void.style--reverse {
  background-color: #fff;
  border: 1px solid #ededed;
  color: #ededed;
}
.omks--button.style--color-system {
  background-color: #4e5765;
  color: #fff;
}
.omks--button.style--color-system.style--reverse {
  background-color: #fff;
  border: 1px solid #4e5765;
  color: #4e5765;
}
.omks--button.style--color-transparent {
  height: auto;
  padding: 0;
  border-color: transparent;
  background-color: transparent;
  color: #444;
  font-weight: 400;
  line-height: 1.1;
}
.omks--button.style--color-transparent:hover {
  color: #10486f;
  text-shadow: 0px 0px 1px #10486f;
}
.omks--button.style--color-blue {
  background-color: var(--omks-color-blue);
  color: #fff;
}
.omks--button.style--color-blue.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-blue);
  color: var(--omks-color-blue);
}
.omks--button.style--color-deep-blue {
  background-color: var(--omks-color-deep-blue);
  color: #fff;
}
.omks--button.style--color-deep-blue.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-deep-blue);
  color: var(--omks-color-deep-blue);
}
.omks--button.style--color-deep-gray {
  background-color: var(--omks-color-deep-gray);
  color: #fff;
}
.omks--button.style--color-deep-gray.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-deep-gray);
  color: var(--omks-color-deep-gray);
}
.omks--button.style--color-emerald {
  background-color: var(--omks-color-emerald);
  color: #fff;
}
.omks--button.style--color-emerald.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-emerald);
  color: var(--omks-color-emerald);
}
.omks--button.style--color-red {
  background-color: var(--omks-color-red);
  color: #fff;
}
.omks--button.style--color-red.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-red);
  color: var(--omks-color-red);
}
.omks--button.style--fit {
  min-width: auto;
  padding: 0;
}
.omks--button:hover {
  opacity: 0.92;
}

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

.omks--stnc {
  font-size: 1.0625em;
  line-height: 1.5;
}
.omks--stnc:after {
  content: "";
  display: block;
  clear: both;
}
.omks--stnc .omks--stnc-icon {
  float: left;
  font-style: normal;
  margin-right: 5px;
}
.omks--stnc .omks--stnc-text {
  display: block;
  overflow: hidden;
}
.omks--stnc.style--indent {
  padding-left: 15px;
}
.omks--stnc.style--size-l {
  font-size: 1.125em;
}
.omks--stnc.style--size-s {
  font-size: 0.875em;
}
.omks--stnc.style--color-primary {
  color: #5c8fdf;
}
.omks--stnc.style--color-warning {
  color: #ffc409;
}
.omks--stnc.style--color-positive {
  color: #2dd36f;
}
.omks--stnc.style--color-negative {
  color: #eb445a;
}
.omks--stnc.style--color-void {
  color: #92949c;
}

.omks--paragraph ~ .omks--paragraph {
  margin-top: 30px;
}
.omks--paragraph.style--card {
  padding: 1em;
  background-color: #f6f9fe;
  border: 0.0625em solid #f1f2f3;
  border-radius: 0.3125em;
}
.omks--paragraph .omks--stnc.style--title {
  display: block;
  margin-bottom: 10px;
  font-size: 1.1em;
  font-weight: 600;
  color: #000;
  line-height: 1.5;
}
.omks--paragraph .omks--stnc.style--title ~ .omks--stnc.style--title {
  margin-top: 2em;
}

.omks--layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 20px;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.3s ease;
}
.omks--layer.is--on {
  visibility: visible;
  opacity: 1;
  z-index: 999;
}
.omks--layer.style--location {
  position: absolute;
}
.omks--layer.style--blur-none {
  background-color: none;
}
.omks--layer.style--fit {
  width: auto;
  height: auto;
  padding: 0;
  background: none;
}
.omks--layer .omks--layer-table {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}
.omks--layer .omks--layer-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--layer .omks--layer-cell {
    padding-top: 10vh;
    vertical-align: baseline;
  }
}
@media only screen and (max-width: 767px) {
  .omks--layer .omks--layer-cell {
    padding-top: 10vh;
    vertical-align: baseline;
  }
}
.omks--layer .omks--layer-contents {
  display: inline-block;
  width: -moz-min-content;
  width: min-content;
  min-width: 840px;
  max-width: 100%;
  padding: 0;
  background: none;
  border-radius: 0.3125em;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--layer .omks--layer-contents {
    min-width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .omks--layer .omks--layer-contents {
    min-width: auto;
    width: 100%;
  }
}
.omks--layer .omks--layer-contents.style--remove {
  padding: 0;
  background: none;
  border-radius: 0.3125em;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}

.omks--choice {
  position: relative;
  display: inline-block;
  font-size: 1em;
  line-height: 1.2em;
  cursor: pointer;
}
.omks--choice input[type=checkbox],
.omks--choice input[type=radio],
.omks--choice .omks--choice-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.omks--choice input[type=checkbox]:checked[type=checkbox] ~ .omks--choice-icon,
.omks--choice input[type=radio]:checked[type=checkbox] ~ .omks--choice-icon,
.omks--choice .omks--choice-input:checked[type=checkbox] ~ .omks--choice-icon {
  background-color: var(--omks-primary-blue2);
  border-color: var(--omks-primary-blue2);
}
.omks--choice input[type=checkbox]:checked ~ .omks--choice-icon:before,
.omks--choice input[type=radio]:checked ~ .omks--choice-icon:before,
.omks--choice .omks--choice-input:checked ~ .omks--choice-icon:before {
  visibility: visible;
  opacity: 1;
}
.omks--choice input[type=checkbox]:checked ~ .omks--choice-text,
.omks--choice input[type=radio]:checked ~ .omks--choice-text,
.omks--choice .omks--choice-input:checked ~ .omks--choice-text {
  color: var(--omks-primary-blue2);
}
.omks--choice input[type=checkbox]:focus ~ .omks--choice-icon,
.omks--choice input[type=radio]:focus ~ .omks--choice-icon,
.omks--choice .omks--choice-input:focus ~ .omks--choice-icon {
  outline: 1px solid #000;
  outline-offset: -0.1em;
}
.omks--choice input[type=checkbox]:focus ~ .omks--choice-text,
.omks--choice input[type=radio]:focus ~ .omks--choice-text,
.omks--choice .omks--choice-input:focus ~ .omks--choice-text {
  color: initial;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.omks--choice input[type=checkbox] ~ .omks--choice-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5em;
  height: 0.6em;
  box-sizing: border-box;
  border-bottom: 0.15em solid #fff;
  border-right: 0.15em solid #fff;
  transform-origin: right bottom;
  transform: rotateZ(45deg) translate(-120%, 20%) skewY(-0.01deg);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.omks--choice input[type=radio] ~ .omks--choice-icon {
  border-radius: 50%;
}
.omks--choice input[type=radio] ~ .omks--choice-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  background-color: #0152a5;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.omks--choice .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;
  background-color: #fff;
  border: 0.0625em solid #bfbfbf;
  border-radius: 0.25em;
  text-align: left;
  text-indent: -9999px;
}
.omks--choice .omks--choice-text {
  display: block;
  overflow: hidden;
  word-break: keep-all;
}

.omks--select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0 0.9375em;
  padding-right: 2.25em;
  height: 2.5em;
  border: 0.0625em solid var(--omks-outline);
  border-radius: 0.3125em;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/form/select-arrow.svg");
  background-size: 1.8em auto;
  background-position: 100% 50%;
  font-size: 1em;
}
.omks--select::-ms-expand {
  display: none;
}
.omks--select:invalid {
  color: #aaa;
  font-weight: 200;
}

.omks--input {
  margin: 0;
  padding: 0 0.9375em;
  height: 2.5em;
  border: 0.0625em solid var(--omks-outline);
  border-radius: 0.3125em;
  font-size: 1em;
}
.omks--input::-moz-placeholder {
  color: #aaa;
}
.omks--input::placeholder {
  color: #aaa;
}

.omks--textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 1.125em;
  resize: vertical;
  background-color: #fff;
  border: 0.0625em solid var(--omks-outline);
  border-radius: 0.3125em;
  font-size: 1em;
  line-height: 1.5;
}
.omks--textarea::-moz-placeholder {
  color: #aaa;
}
.omks--textarea::placeholder {
  color: #aaa;
}

.omks--file-upload {
  display: flex;
  align-items: center;
}
.omks--file-upload button {
  background-color: #92949c;
  background-color: #777;
  font-size: 1em;
  color: #fff;
  white-space: nowrap;
}
.omks--file-upload ~ .omks--file-list {
  margin-top: 0;
}
.omks--file-ref {
  margin: 0.625em;
  font-size: 0.7em;
  word-break: keep-all;
}
.omks--file-list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.625em 0 0 -0.625em;
}
.omks--file-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.1875em;
  padding-left: 1.5em;
  margin-left: 0.625em;
  margin-top: 0.625em;
}
.omks--file-item:before {
  position: absolute;
  top: 0.25em;
  left: 0;
  content: "";
  width: 1.2em;
  height: 1.2em;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../img/omks/form/file-clip.svg");
  background-size: cover;
}
.omks--file-name {
  font-size: 0.925em;
  font-weight: 400;
}
.omks--file-name:hover {
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
.omks--file-name ~ .omks--file-remove {
  margin-left: 0.3125em;
}
.omks--file-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.375em;
  height: 1.375em;
  box-sizing: border-box;
  border: 0.0625em solid transparent;
  border-radius: 0.3125em;
  color: #9d9d9d;
}
.omks--file-remove [class*=omks--icon] {
  font-size: 0.625em;
  line-height: 1;
}
.omks--file-remove:hover {
  border-color: #dd7e7e;
  color: #dd7e7e;
}

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

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

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

.omks--table-list table {
  width: 100%;
}
.omks--table-list table th, .omks--table-list table td {
  height: 3.75em;
  box-sizing: border-box;
  padding: 0.5em 1em;
  border-bottom: 1px solid #C5C9D6;
  vertical-align: middle;
  font-size: 1em;
  font-weight: 400;
  color: #5D5D5D;
  text-align: center;
  word-break: keep-all;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--table-list table th, .omks--table-list table td {
    padding: 0.5em 1.4em;
  }
}
@media only screen and (max-width: 767px) {
  .omks--table-list table th, .omks--table-list table td {
    padding: 0.5em;
  }
}
.omks--table-list table th.style--align-left, .omks--table-list table td.style--align-left {
  text-align: left;
}
.omks--table-list table thead th {
  height: 4.375em;
  border-top: 0.125em solid #4A506B;
  font-weight: 500;
  white-space: nowrap;
  color: #444444;
  font-size: 1em;
}
.omks--table-list table tr.is--high-light th, .omks--table-list table tr.is--high-light td {
  background-color: #F5F7FB;
}
.omks--table-list table tr.is--high-light .table-list-order {
  position: relative;
  display: inline-block;
  width: 2.25em;
  height: 2.25em;
  border-radius: 50%;
  background-color: #15254B;
  text-indent: -9999px;
  overflow: hidden;
}
.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: 14px auto;
}
.omks--table-list .table-list-link {
  color: #2D2D2D;
  word-break: break-word;
}
.omks--table-list .table-list-link:hover {
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
.omks--table-list .table-list-date {
  white-space: nowrap;
}
.omks--table-list .table-list-attached img {
  transform: translate(5px, 3px);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--table-list .table-list-attached img {
    width: 1.9444444444vw;
    transform: translate(4px, 2px);
  }
}
@media only screen and (max-width: 767px) {
  .omks--table-list .table-list-attached img {
    width: 3.2vw;
    transform: translate(3px, 1px);
  }
}

.omks--album .album-list {
  display: flex;
  flex-wrap: wrap;
  margin: -1em 0 0 -1em;
}
.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) {
  .omks--album .album-item {
    flex: 0 0 calc(33.33% - 1em);
    width: calc(33.33% - 1em);
  }
}
@media only screen and (max-width: 767px) {
  .omks--album .album-item {
    flex: 0 0 calc(50% - 1em);
    width: calc(50% - 1em);
  }
}
@media only screen and (max-width: 480px) {
  .omks--album .album-item {
    flex: 0 0 calc(100% - 1em);
    width: calc(100% - 1em);
  }
}
.omks--album .album-item:hover .album-thumb:before {
  opacity: 1;
}
.omks--album .album-item:hover:has(.album-link) .album-title {
  text-decoration: underline;
}
.omks--album .album-item.is--high-light {
  position: relative;
}
.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;
}
.omks--album .album-thumb {
  position: relative;
  z-index: 0;
  width: 100%;
  padding-top: 66.67%;
  background-color: #fff;
  border-radius: 0.3125em;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../../img/board/logo-default.svg");
  background-size: 7em auto;
  background-position: center;
}
.omks--album .album-thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  height: auto;
  min-height: 100%;
  width: 100%;
}
.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.1875em solid #000;
  border-radius: 0.3125em;
  opacity: 0;
  transition: all 0.3s ease;
}
.omks--album .album-thumb.is--none img {
  display: none;
}
.omks--album .album-thumb.is--none:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: " No Images";
  width: 13.75em;
  font-size: 1.25em;
  font-weight: 400;
  color: #AEBFCF;
  line-height: 1.5;
  text-align: center;
  word-break: keep-all;
}
.omks--album .album-contents {
  display: flex;
  align-items: center;
  height: 4.375em;
  box-sizing: border-box;
  padding: 0 0.75em;
}
.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: 1366px) and (max-width: 1600px) {
  .omks--album .album-title {
    max-height: 5.46875vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--album .album-title {
    max-height: 6.4814814815vw;
  }
}
@media only screen and (max-width: 767px) {
  .omks--album .album-title {
    max-height: 10.6666666667vw;
  }
}
.omks--album .album-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
}

.omks--board-view .view-head,
.omks--board-view .view-body,
.omks--board-view .view-template {
  border-top: 0.0625em solid var(--omks-outline);
}
.omks--board-view .view-head {
  position: relative;
}
.omks--board-view .view-head .head-row {
  display: flex;
  padding: 0.625em 0.875em;
  border-top: 0.0625em solid var(--omks-outline);
}
.omks--board-view .view-head .head-row .row-item {
  font-size: 1em;
  font-weight: 400;
  color: #444444;
}
.omks--board-view .view-head .head-row .row-item ~ .row-item {
  margin-left: 0.9375em;
}
.omks--board-view .view-head .head-row .row-item:after {
  content: "";
  display: block;
  clear: both;
}
.omks--board-view .view-head .head-row .row-item .item-title {
  float: left;
  margin-right: 0.625em;
  font-weight: 500;
  letter-spacing: -0.0625em;
}
.omks--board-view .view-head .head-row .row-item .item-contents {
  display: block;
  overflow: hidden;
  font-weight: 300;
}
.omks--board-view .view-body,
.omks--board-view .view-template {
  padding: 1.125em 0.875em;
  font-size: 1.0625em;
  font-weight: 400;
  color: #444444;
  line-height: 1.5;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.omks--board-view .view-body img,
.omks--board-view .view-template img {
  max-width: 100% !important;
}
.omks--board-view .view-body {
  padding-bottom: 6.25em;
}
.omks--board-view .view-answer {
  padding: 0.875em 1.5em;
  border-top: 0.0625em solid var(--omks-outline);
  background-color: #f9f9f9;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-answer {
    padding: 0.5em 1em;
  }
}
.omks--board-view .view-answer .answer-head {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 1.875em;
  padding: 0.3125em 0.3125em 0.3125em 2.8125em;
  padding-right: 5em;
  margin-bottom: 0.625em;
  background-repeat: no-repeat;
  background-image: url("../../img/board/answer.svg");
  background-size: 1.875em auto;
  background-position: 0 0;
}
.omks--board-view .view-answer .answer-body {
  padding: 1.125em;
  background-color: #fff;
  border-radius: 0.3125em;
  font-size: 1.125em;
  font-weight: 400;
  color: #222;
  line-height: 1.5;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-answer .answer-body {
    font-size: 1em;
  }
}
.omks--board-view .view-answer .answer-foot {
  margin-top: 0.625em;
}
.omks--board-view .view-answer .answer-attached {
  padding: 0.875em;
  margin-bottom: 0.625em;
  background-color: #fff;
  border-radius: 0.3125em;
}
.omks--board-view .view-answer .answer-attached .attached-title {
  float: left;
  margin-right: 1em;
  font-size: 1em;
  font-weight: 500;
  color: #444;
}
.omks--board-view .view-answer .answer-attached .view-attached {
  overflow: hidden;
}
.omks--board-view .view-answer .answer-info {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.9375em;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-answer .answer-info {
    flex-direction: column;
    padding: 0.875em 1.125em;
    background-color: #fff;
    border-radius: 0.3125em;
  }
}
.omks--board-view .view-answer .answer-info .info-item {
  display: flex;
  font-size: 1em;
  font-weight: 400;
  color: #666;
}
.omks--board-view .view-answer .answer-info .info-item ~ .info-item {
  position: relative;
  padding-left: 0.625em;
  margin-left: 0.625em;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-answer .answer-info .info-item ~ .info-item {
    margin: 0;
    padding: 0;
    margin-top: 0.3125em;
  }
}
.omks--board-view .view-answer .answer-info .info-item ~ .info-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  width: 0.625em;
  height: 0.625em;
  background-color: #000;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-answer .answer-info .info-item ~ .info-item:before {
    content: none;
  }
}
.omks--board-view .view-answer .answer-info .info-item .item-title {
  margin-right: 0.625em;
  color: #000;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-answer .answer-info .info-item .item-title {
    flex: 0 0 3.75em;
  }
}
.omks--board-view .view-answer .answer-block {
  display: inline;
  padding: 0.25em 0.625em;
  background-color: #0152a5;
  border-radius: 0.1875em;
  font-size: 0.875em;
  color: #fff;
  word-break: keep-all;
}
.omks--board-view .view-answer .answer-title {
  font-size: 1.25em;
  font-weight: 500;
  color: #444444;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-answer .answer-title {
    font-size: 1em;
  }
}
.omks--board-view .view-answer .answer-title .answer-block {
  margin-right: 0.625em;
}
.omks--board-view .view-answer .answer-edit {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
}
.omks--board-view .view-answer .answer-edit .omks--button-group {
  margin-top: 0;
}
.omks--board-view .view-answer .answer-edit .omks--button {
  font-size: 0.875em;
}
.omks--board-view .view-answer .answer-edit .edit-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8888888889em;
  height: 1.8888888889em;
  box-sizing: border-box;
  border-radius: 0.3125em;
  background-color: #fff;
  font-size: 1.125em;
  color: #777;
}
.omks--board-view .view-answer .answer-edit .edit-button ~ .edit-button {
  margin-left: 0.3125em;
}
.omks--board-view .view-answer .answer-edit .edit-button.style--color-primary {
  background-color: #0152a5;
  color: #fff;
}
.omks--board-view .view-answer .answer-edit .edit-button.style--color-secondary {
  background-color: #aeaeae;
  color: #fff;
}
.omks--board-view .view-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 5em;
  box-sizing: border-box;
  padding: 2.1875em 1.1875em;
  background-color: #F2F8FF;
  background-color: #f9f9f9;
}
.omks--board-view .view-title .title-category {
  display: flex;
  align-items: center;
  margin-bottom: 0.3125em;
  font-size: 1.25em;
  font-weight: 500;
  color: var(--omks-primary-blue2);
  line-height: 1;
}
.omks--board-view .view-title .title-name {
  font-size: 1.25em;
  font-weight: 600;
  color: #0B0B0B;
  word-break: break-word;
  line-height: 1.5;
}
.omks--board-view .view-title .title-name .title-block:first-child {
  margin-right: 0.5em;
}
.omks--board-view .view-title .title-block {
  display: inline;
  padding: 0.25em 0.5em;
  background-color: #5c8fdf;
  border-radius: 0.1875em;
  font-size: 0.875em;
  color: #fff;
  word-break: keep-all;
}
.omks--board-view .view-title .title-block.style--color-blue {
  background-color: var(--omks-color-blue);
  color: #fff;
}
.omks--board-view .view-title .title-block.style--color-blue.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-blue);
  color: var(--omks-color-blue);
}
.omks--board-view .view-title .title-block.style--color-deep-blue {
  background-color: var(--omks-color-deep-blue);
  color: #fff;
}
.omks--board-view .view-title .title-block.style--color-deep-blue.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-deep-blue);
  color: var(--omks-color-deep-blue);
}
.omks--board-view .view-title .title-block.style--color-deep-gray {
  background-color: var(--omks-color-deep-gray);
  color: #fff;
}
.omks--board-view .view-title .title-block.style--color-deep-gray.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-deep-gray);
  color: var(--omks-color-deep-gray);
}
.omks--board-view .view-title .title-block.style--color-emerald {
  background-color: var(--omks-color-emerald);
  color: #fff;
}
.omks--board-view .view-title .title-block.style--color-emerald.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-emerald);
  color: var(--omks-color-emerald);
}
.omks--board-view .view-title .title-block.style--color-red {
  background-color: var(--omks-color-red);
  color: #fff;
}
.omks--board-view .view-title .title-block.style--color-red.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-red);
  color: var(--omks-color-red);
}
.omks--board-view .view-attached {
  display: flex;
  flex-wrap: wrap;
}
.omks--board-view .view-attached .attached-file {
  position: relative;
  margin-right: 1.25em;
}
.omks--board-view .view-attached .attached-file:after {
  content: "";
  display: block;
  clear: both;
}
.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) {
  .omks--board-view .view-attached .attached-file .file-icon {
    width: 2.037037037vw;
  }
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-attached .attached-file .file-icon {
    width: 3.2vw;
    margin-right: 0.6666666667vw;
  }
}
.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;
}
.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;
}
.omks--board-view .view-attached .attached-file .file-name:hover {
  color: #5c8fdf;
}
.omks--board-view .view-banner {
  border-top: 0.0625em solid var(--omks-outline);
  padding: 1.75em;
  font-size: 1em;
  font-weight: 400;
  color: #444444;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-banner {
    padding: 1.25em;
  }
}
.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) {
  .omks--board-view .view-banner .banner-frame {
    width: 95.3703703704vw;
  }
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-banner .banner-frame {
    width: 100%;
  }
}
.omks--board-view .view-banner .banner-image {
  position: relative;
  width: 100%;
  border-radius: 0.3125em;
  background-color: #F2F6FA;
  background-color: #F4F5F9;
  overflow: hidden;
}
.omks--board-view .view-banner .banner-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}
.omks--board-view .view-banner .banner-image.is--none img {
  display: none;
}
.omks--board-view .view-banner .banner-image.is--none:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: " No Images";
  width: 13.75em;
  font-size: 1.25em;
  font-weight: 400;
  color: #AEBFCF;
  line-height: 1.3;
  text-align: center;
  word-break: keep-all;
}
.omks--board-view .view-banner .banner-photos {
  position: relative;
}
.omks--board-view .view-banner .banner-photos .banner-image {
  padding-top: 58.25%;
}
.omks--board-view .view-banner .banner-photos ~ .banner-thumbs {
  margin-top: 1.5625em;
}
.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 0.625em;
  background: rgba(0, 0, 0, 0.16);
  text-align: center;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.125em;
}
.omks--board-view .view-banner .banner-thumbs {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0 4.375em;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-banner .banner-thumbs {
    padding: 0 2.8125em;
  }
}
.omks--board-view .view-banner .banner-thumbs .banner-slide {
  opacity: 0.7;
}
.omks--board-view .view-banner .banner-thumbs .banner-slide.swiper-slide-thumb-active, .omks--board-view .view-banner .banner-thumbs .banner-slide.is--on {
  opacity: 1;
}
.omks--board-view .view-banner .banner-thumbs .banner-image {
  padding-top: 56.9%;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-banner .banner-thumbs .banner-image.is--none:after {
    width: auto;
  }
}
.omks--board-view .view-banner .banner-navi .navi-prev, .omks--board-view .view-banner .banner-navi .navi-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 4.375em;
  height: 4.375em;
  background-repeat: no-repeat;
  background-size: 3.125em auto;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-banner .banner-navi .navi-prev, .omks--board-view .view-banner .banner-navi .navi-next {
    width: 2.5em;
    height: 2.5em;
    box-sizing: border-box;
    border: 0.0625em solid #000;
    border-radius: 0.3125em;
    background-size: 1.5625em auto;
  }
}
.omks--board-view .view-banner .banner-navi .navi-prev.is--disabled, .omks--board-view .view-banner .banner-navi .navi-next.is--disabled {
  opacity: 0.3;
  cursor: default;
}
.omks--board-view .view-banner .banner-navi .navi-prev {
  left: 0;
  background-image: url("../../img/omks/board/banner-prev.svg");
}
.omks--board-view .view-banner .banner-navi .navi-next {
  right: 0;
  background-image: url("../../img/omks/board/banner-next.svg");
}
.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: 0.0625em solid #cbcbcb;
  border-radius: 50%;
  background-color: #fff;
  line-height: 1;
  color: #2f2f2f;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--board-view .view-print {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-print {
    display: none;
  }
}
.omks--board-view .view-print:hover {
  border-color: #3c73ff;
  color: #3c73ff;
}
.omks--board-view .view-print [class^=omks--icon] {
  display: inline-flex;
  line-height: 1;
  font-size: 1.25em;
  transform: translateY(0.03125em);
}
.omks--board-view .view-template .board--card {
  border-radius: 0.3125em;
  overflow: hidden;
}
.omks--board-view .view-template .board--card .card-head {
  justify-content: center;
  background-color: #5c8fdf;
}
.omks--board-view .view-template .board--card .card-head .card-title {
  color: #fff;
}
.omks--board-view .view-template .board--card .card-head .card-state {
  background-color: #143575;
  color: #fff;
}
.omks--board-view .view-template .board--card .card-row {
  padding: 2em;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-template .board--card .card-row {
    padding: 1em;
  }
}
.omks--board-view .view-template .board--card .card-info {
  flex-wrap: none;
  flex-direction: column;
}
.omks--board-view .view-template .board--card .card-info li {
  align-items: flex-start;
  flex-direction: row;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-template .board--card .card-info li {
    padding: 0;
    flex-direction: column;
  }
}
.omks--board-view .view-template .board--card .card-info li ~ li {
  margin-top: 1em;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-template .board--card .card-info li ~ li {
    margin-top: 2em;
  }
}
.omks--board-view .view-template .board--card .card-info .info-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 20%;
  min-width: 9.375em;
  font-size: 1em;
  font-weight: 600;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-template .board--card .card-info .info-title {
    padding: 0;
    margin-bottom: 0.625em;
    flex: none;
  }
}
.omks--board-view .view-template .board--card .card-info .info-title:after {
  content: ":";
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-template .board--card .card-info .info-title:after {
    content: none;
  }
}
.omks--board-view .view-template .board--card .card-info .info-title .title-text {
  position: relative;
  display: inline-flex;
  line-height: 1;
}
.omks--board-view .view-template .board--card .card-info .info-title .title-text:before {
  position: absolute;
  top: 0.5em;
  left: -0.3125em;
  z-index: -1;
  content: "";
  width: calc(100% + 1em);
  height: 0.8125em;
  background-color: #eaf2ff;
}
.omks--board-view .view-template .board--card .card-info .info-contents {
  flex: 1 1 auto;
  margin: 0;
  padding-left: 2em;
  font-size: 1em;
}
@media only screen and (max-width: 767px) {
  .omks--board-view .view-template .board--card .card-info .info-contents {
    padding: 0;
  }
}

.omks--board-write .write-form {
  border: 0.0625em solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .omks--board-write .write-form {
    border: none;
  }
}
.omks--board-write .write-form .form-row {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .omks--board-write .write-form .form-row {
    display: block;
    border: 0.0625em solid #d6d6d6;
    border-radius: 0.3125em;
  }
}
.omks--board-write .write-form .form-row ~ .form-row {
  border-top: 0.0625em solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .omks--board-write .write-form .form-row ~ .form-row {
    margin-top: 1.25em;
  }
}
.omks--board-write .write-form .form-title {
  flex: 0 0 12.5em;
  width: 12.5em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.625em 1.25em;
  background-color: #F8F8F8;
  border-right: 0.0625em solid #d6d6d6;
  font-size: 1em;
  font-weight: 500;
  color: #444444;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .omks--board-write .write-form .form-title {
    flex: 0 0 10em;
    width: 10em;
    padding: 0.625em 0.875em;
  }
}
@media only screen and (max-width: 767px) {
  .omks--board-write .write-form .form-title {
    flex: none;
    display: block;
    width: 100%;
    padding: 0.625em 0.875em;
    border-right: 0;
    border-bottom: 0.0625em solid #d6d6d6;
    text-align: initial;
  }
}
.omks--board-write .write-form .form-title.is--require:before {
  content: "*";
  margin-right: 0.3125em;
  color: #eb445a;
}
.omks--board-write .write-form .form-contents {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 4.25em;
  box-sizing: border-box;
  padding: 0.625em 1.25em;
}
@media only screen and (max-width: 767px) {
  .omks--board-write .write-form .form-contents {
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 0.875em;
  }
}
.omks--board-write .write-form .form-contents .style--flex-clear {
  flex: 1 1 100%;
  margin: 0.3125em 0;
}
.omks--board-write .write-form .form-contents .style--flex-clear:first-child {
  margin-top: 0;
}
.omks--board-write .write-form .form-editor {
  display: flex;
  flex: 1 1 auto;
}

.omks--faq .faq-list {
  border-top: 0.0625em solid #D6D6D6;
  border-bottom: 0.0625em solid #D6D6D6;
}
@media only screen and (max-width: 767px) {
  .omks--faq .faq-list .faq-item {
    position: relative;
  }
  .omks--faq .faq-list .faq-item:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 3.75em;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, #fff 100%);
  }
}
.omks--faq .faq-list .faq-item ~ .faq-item {
  border-top: 0.0625em solid #D6D6D6;
}
.omks--faq .faq-list .faq-item.is--on .faq-question {
  background-color: #f9fafd;
}
.omks--faq .faq-list .faq-item.is--on .faq-question .faq-mark {
  background-color: #3c73ff;
  border-color: #3c73ff;
}
.omks--faq .faq-list .faq-item.is--on .faq-answer {
  display: block;
}
@media only screen and (max-width: 767px) {
  .omks--faq .faq-list .faq-item.is--on .faq-contents {
    height: auto;
    overflow: initial;
  }
  .omks--faq .faq-list .faq-item.is--on:after {
    content: none;
  }
}
.omks--faq .faq-list .faq-question,
.omks--faq .faq-list .faq-answer {
  position: relative;
  padding: 1.25em;
  padding-right: 4.375em;
}
@media only screen and (max-width: 767px) {
  .omks--faq .faq-list .faq-question,
  .omks--faq .faq-list .faq-answer {
    padding-right: 1.25em;
  }
}
.omks--faq .faq-list .faq-question:after,
.omks--faq .faq-list .faq-answer:after {
  content: "";
  display: block;
  clear: both;
}
.omks--faq .faq-list .faq-question .faq-mark {
  background-color: #7ea8e8;
  border-color: #7ea8e8;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .omks--faq .faq-list .faq-question .faq-contents {
    height: 6.25em;
  }
}
.omks--faq .faq-list .faq-answer {
  display: none;
  background-color: #fff;
}
.omks--faq .faq-list .faq-answer .faq-mark {
  border-color: #3c73ff;
  background-color: #fff;
  color: #3c73ff;
}
.omks--faq .faq-list .faq-mark {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.9230769231em;
  height: 1.9230769231em;
  margin-right: 1.1538461538em;
  box-sizing: border-box;
  border: 0.0384615385em solid #D6D6D6;
  border-radius: 50%;
  overflow: hidden;
  font-size: 1.625em;
  font-weight: 600;
  line-height: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .omks--faq .faq-list .faq-mark {
    width: 1.5384615385em;
    height: 1.5384615385em;
    margin-right: 0.5769230769em;
  }
}
.omks--faq .faq-list .faq-contents {
  display: block;
  overflow: hidden;
}
.omks--faq .faq-list .faq-bread-crumbs {
  font-size: 0.9325em;
  font-weight: 400;
  color: #3c73ff;
}
.omks--faq .faq-list .faq-category {
  display: block;
  margin-bottom: 0.5em;
  font-size: 1.0625em;
  font-weight: 500;
  color: var(--omks-primary-blue2);
  line-height: 1;
}
.omks--faq .faq-list .faq-block {
  display: inline-flex;
  box-sizing: border-box;
  padding: 0.25em 1em;
  margin-right: 0.5em;
  border-radius: 0.3125em;
  border: 0.0625em solid #C8C8C8;
  font-size: 0.875em;
  color: #888CA0;
  font-weight: 600;
}
.omks--faq .faq-list .faq-paragrap {
  font-size: 1.125em;
  font-weight: 400;
  color: #444444;
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.5;
}
.omks--faq .faq-list .faq-paragrap .omks--file {
  margin-top: 1em;
  overflow: hidden;
}
.omks--faq .faq-list .faq-paragrap .omks--file .omks--file-name {
  color: var(--omks-primary-blue2);
  text-underline-offset: 0.2em;
  text-decoration: underline;
}
.omks--faq .faq-list .faq-toggle {
  position: absolute;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: 1.75em auto;
  background-position: right 1.25em top 50%;
  background-image: url("../../img/omks/board/faq-arrow.svg");
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .omks--faq .faq-list .faq-toggle {
    top: 0;
    right: inherit;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: none;
  }
  .omks--faq .faq-list .faq-toggle:hover, .omks--faq .faq-list .faq-toggle:focus {
    background-color: transparent;
  }
}

.omks--board-navigator {
  margin-top: 1.875em;
  border: 0.0625em solid var(--omks-outline);
  border-left: 0;
  border-right: 0;
}
.omks--board-navigator .navigator-row {
  display: flex;
  overflow: hidden;
}
.omks--board-navigator .navigator-row ~ .navigator-row {
  border-top: 0.0625em solid var(--omks-outline);
}
.omks--board-navigator .navigator-row .row-title {
  flex: 0 0 9.375em;
  width: 9.375em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 0.0625em solid var(--omks-outline);
  background-color: #f7f7f7;
  font-size: 1em;
  font-weight: 400;
  color: #777;
}
@media only screen and (max-width: 767px) {
  .omks--board-navigator .navigator-row .row-title {
    flex: 0 0 5em;
    width: -moz-max-content;
    width: max-content;
  }
}
.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: 0.625em 3.125em;
}
@media only screen and (max-width: 767px) {
  .omks--board-navigator .navigator-row .row-contents {
    padding: 0.625em;
  }
}
.omks--board-navigator .navigator-row .row-link {
  font-size: 1em;
  font-weight: 400;
  color: #444;
  word-break: break-word;
  line-height: 1.5;
  text-underline-offset: 0.125em;
}
.omks--board-navigator .navigator-row .row-link:hover, .omks--board-navigator .navigator-row .row-link:focus {
  text-decoration: underline;
  color: #5c8fdf;
}

.omks--board-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.omks--board-pagination .pagi-arrow,
.omks--board-pagination .pagi-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  border-radius: 0.3125em;
  font-size: 1em;
  font-weight: 400;
  color: #444;
}
.omks--board-pagination .pagi-arrow.is--now,
.omks--board-pagination .pagi-num.is--now {
  font-weight: 500;
  color: #086CDE;
}
.omks--board-pagination .pagi-arrow ~ .pagi-num,
.omks--board-pagination .pagi-num ~ .pagi-num {
  margin-left: 0.625em;
}
.omks--board-pagination .pagi-arrow ~ .pagi-arrow,
.omks--board-pagination .pagi-num ~ .pagi-arrow {
  margin-left: 0.875em;
}
@media only screen and (max-width: 767px) {
  .omks--board-pagination .pagi-arrow ~ .pagi-arrow,
  .omks--board-pagination .pagi-num ~ .pagi-arrow {
    margin-left: 0.625em;
  }
}
.omks--board-pagination .pagi-arrow:hover,
.omks--board-pagination .pagi-num:hover {
  background-color: #F4F5F9;
}
.omks--board-pagination .pagi-arrow {
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  box-sizing: border-box;
  border: 0.0625em solid #C5C9D6;
  border-radius: 0.3125em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.125em auto;
}
.omks--board-pagination .pagi-arrow + .pagi-num {
  margin-left: 0.875em;
}
.omks--board-pagination .pagi-arrow.cfy--first {
  background-image: url("../../img/omks/board/pagi-arrow-first.svg");
}
.omks--board-pagination .pagi-arrow.cfy--end {
  background-image: url("../../img/omks/board/pagi-arrow-end.svg");
}
.omks--board-pagination .pagi-arrow.cfy--prev {
  background-image: url("../../img/omks/board/pagi-arrow-prev.svg");
}
.omks--board-pagination .pagi-arrow.cfy--next {
  background-image: url("../../img/omks/board/pagi-arrow-next.svg");
}

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

.omks--comment {
  border-top: 1px solid var(--omks-outline);
  border-bottom: 1px solid var(--omks-outline);
}
.omks--comment .comment-row {
  padding: 0.625em 0;
}
.omks--comment .comment-row ~ .comment-row {
  border-top: 1px solid var(--omks-outline);
}
.omks--comment .comment-head {
  display: flex;
  align-items: center;
  padding: 0.625em;
  background-color: #ededed;
}
.omks--comment .comment-body {
  padding: 0.625em;
  background-color: #F4F5F9;
  font-size: 1em;
  line-height: 1.5;
}
.omks--comment .comment-foot {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.625em;
}
.omks--comment .comment-writer {
  font-size: 1em;
}
.omks--comment .comment-writer.style--recomment {
  font-size: 0.7em;
  color: #5c8fdf;
}
.omks--comment .comment-writer ~ * {
  margin-left: 0.625em;
}
.omks--comment .comment-date {
  font-size: 0.8em;
  font-weight: 400;
  color: #999;
}

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

/* 임시 추가 부분 */
.omks--filter {
  position: relative;
  display: inline-block;
  border: none;
}
.omks--filter .filter-title {
  position: absolute;
  top: 0;
  left: 10px;
  transform: translateY(-60%);
  z-index: 1;
  background-color: #fff;
  padding: 0 5px;
  font-size: 0.8em;
  line-height: 1;
}
.omks--filter .filter-select {
  position: relative;
  z-index: 0;
  border: 1px solid var(--omks-outline);
  border-radius: 5px;
  overflow: hidden;
}
.omks--filter .omks--select {
  position: relative;
  z-index: 1;
  height: 2.5em;
  box-sizing: border-box;
  border-radius: inherit;
}
.omks--filter .omks--select option[value=""][disabled] {
  display: none;
}

.omks--cart-filter {
  width: 400px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  position: relative;
  height: 48px;
  box-sizing: border-box;
  padding: 0 10px;
  padding-right: 38px;
  padding-right: 2em;
  border: 1px solid var(--omks-outline);
  border-radius: 5px;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/form/select-arrow.svg");
  background-size: 2em auto;
  background-position: 100% 50%;
}
.omks--cart-filter .filter-frame {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.omks--cart-filter .filter-count {
  padding: 8px 10px;
  border-radius: 15px;
  background-color: #5c8fdf;
  font-size: 0.65em;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  letter-spacing: 0;
}
.omks--cart-filter .filter-layer {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid var(--omks-outline);
  border-radius: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.omks--cart-filter .filter-find {
  position: relative;
  width: 100%;
  height: 38px;
  box-sizing: border-box;
  border: 1px solid var(--omks-outline);
  border-radius: 25px;
}
.omks--cart-filter .filter-find .find-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 20px;
}
.omks--cart-filter .filter-find .find-icon .omks--icon-search {
  height: 20px;
}
.omks--cart-filter .filter-find input[type=text] {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  padding-left: 50px;
  background: none;
  border: none;
  border-radius: inherit;
  font-size: 0.75em;
}
.omks--cart-filter .filter-find .find-title {
  position: absolute;
  top: 0;
  left: 15px;
  transform: translateY(-60%);
  background-color: #fff;
  padding: 0 5px;
  font-size: 0.7em;
  line-height: 1;
}
.omks--cart-filter .filter-option {
  margin-top: 10px;
}
.omks--cart-filter .filter-option .option-list {
  max-height: 200px;
  overflow-y: auto;
}
.omks--cart-filter .filter-option .option-item {
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 14px;
  line-height: 1;
}
.omks--cart-filter .filter-option .option-item:hover {
  background-color: #F4F5F9;
}

.omks--tag-filter .tag-filter-row ~ .tag-filter-row {
  margin-top: 10px;
}
.omks--tag-filter .filter-select {
  display: inline-block;
  position: relative;
  border: 1px solid var(--omks-outline);
  border-radius: 5px;
  font-size: 16px;
}
.omks--tag-filter .filter-select .filter-title {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 10px;
  border-radius: inherit;
  padding-right: 38px;
  padding-right: 2em;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/form/select-arrow.svg");
  background-size: 2em auto;
  background-position: 100% 50%;
  background-color: #fff;
  font-size: 1em;
  pointer-events: none;
}
.omks--tag-filter .filter-select select {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.omks--tag-filter .filter-select.is--selected .filter-title {
  background-color: #000;
  color: #fff;
}
.omks--tag-filter .filter-option .option-item {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
  padding: 0 10px;
  border-radius: 15px;
  background-color: #F4F5F9;
  font-size: 14px;
}
.omks--tag-filter .filter-option .option-name {
  font-size: 14px;
}
.omks--tag-filter .filter-option .option-remove {
  display: inline-flex;
  margin-left: 20px;
  font-size: 13px;
  line-height: 1;
  color: #ff5000;
  opacity: 0.7;
}
.omks--tag-filter .filter-option .option-remove:hover {
  opacity: 1;
}

.omks--period {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1em;
}
.omks--period .period-date {
  flex: 1 1 calc(50% - 1.875em);
  width: calc(50% - 1.875em);
  position: relative;
  display: inline-block;
  border: none;
}
.omks--period .period-date .date-label {
  position: absolute;
  top: 0;
  left: 0.78125em;
  transform: translateY(-60%);
  z-index: 1;
  background-color: #fff;
  padding: 0 0.390625em;
  font-size: 0.8em;
  line-height: 1;
}
.omks--period .period-date .date-input {
  position: relative;
  border-radius: 0.3125em;
}
.omks--period .period-date .date-input input {
  margin: 0;
  width: 100%;
  height: 2.5em;
  box-sizing: border-box;
  padding: 0.625em;
  padding-right: 2.25em;
  border-radius: inherit;
  border: 0.0625em solid var(--omks-outline);
}
.omks--period .period-date .date-input .input-icon {
  position: absolute;
  right: 0.4166666667em;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  font-size: 1.5em;
}
.omks--period .period-tilde {
  margin: 0 0.625em;
}

/* 문장 */
.omks--stnc {
  word-break: keep-all;
  overflow-wrap: break-word;
  text-align: left;
}
.omks--stnc .omks--stnc-icon {
  margin-right: 0.5em;
}
.omks--stnc .omks--stnc-text a {
  font-weight: 500;
  outline-color: orange;
  text-underline-offset: 0.1875em;
}
.omks--stnc ~ .omks--stnc {
  margin-top: 0.25em;
}
.omks--stnc.style--size-m {
  font-size: 0.9375em;
}
.omks--stnc b {
  font-weight: 600;
}

/* 문단 */
.omks--paragraph .omks--stnc ~ .omks--stnc {
  margin-top: 0.4em;
}
.omks--paragraph .omks--stnc.style--indent-2x {
  color: #434343;
}
.omks--paragraph .omks--stnc.style--indent-2x ~ .style--indent {
  margin-top: 0.625em;
}

/* 카드 */
.omks--card {
  padding: 0;
  border: none;
}
.omks--card-body.style--indent {
  padding-left: 0.9375em;
}
.omks--card-body.style--indent-2x {
  padding-left: 1.875em;
}
.omks--card-body.style--indent-3x {
  padding-left: 2.8125em;
}

/* 테이블 */
.omks--table {
  overflow: hidden;
  border-top: 0.125em solid #4A506B;
  border-top-color: #4A506B;
  overflow: hidden;
  font-size: 1em;
}
.omks--table table {
  width: 100%;
  border-spacing: 0;
}
.omks--table table tr.style--color-extend {
  background-color: #F4F5F9;
}
.omks--table table th, .omks--table table td {
  padding: 0.5em;
  border: 1px solid #c4c4c4;
  font-size: 1em;
  font-weight: 400;
  color: #444;
  vertical-align: middle;
  text-align: center;
  word-break: break-all;
}
.omks--table table th.style--align-left, .omks--table table td.style--align-left {
  text-align: left;
}
.omks--table table th.style--align-right, .omks--table table td.style--align-right {
  text-align: right;
}
.omks--table table th.style--hl-cell, .omks--table table td.style--hl-cell {
  background-color: #f3f3f3;
}
.omks--table table thead {
  background-color: #f8f9fd;
}
.omks--table table thead th {
  border-color: #c4c4c4;
  color: #2D2D2D;
  font-weight: 500;
}
.omks--table table tbody th {
  background-color: #F4F5F9;
  word-break: keep-all;
}
.omks--table table tbody td {
  font-weight: 400;
  color: #444;
}
.omks--table table tfoot th {
  background-color: #686868;
  color: #fff;
  font-weight: 400;
}
.omks--table table tfoot td {
  background-color: #F4F5F9;
}
.omks--table.style--fixed {
  overflow: initial;
}
.omks--table.style--fixed::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.omks--table.style--fixed::-webkit-scrollbar-track {
  background-color: #f3f5f7;
}
.omks--table.style--fixed::-webkit-scrollbar-thumb {
  background-color: #2f68c2;
}
.omks--table.style--fixed::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.omks--table.style--fixed table {
  border-spacing: 0;
}
.omks--table.style--fixed table th {
  text-align: center;
  word-break: keep-all;
}
.omks--table.style--fixed table thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.omks--table.style--fixed table thead th {
  font-weight: 500;
}
.omks--table.style--fixed table thead th.style--sticky {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #3c3c42;
}
.omks--table.style--fixed table tbody th {
  background-color: #fafafa;
  font-weight: 400;
}
.omks--table.style--fixed table tbody th[scope=row] {
  position: sticky;
  left: 0;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--table.style--fixed table tbody td {
    white-space: nowrap;
    word-break: normal;
  }
}
@media only screen and (max-width: 767px) {
  .omks--table.style--fixed table tbody td {
    white-space: nowrap;
    word-break: normal;
  }
}
.omks--table.style--fixed table tfoot td {
  word-break: keep-all;
}
.omks--table .table-text-nowrap {
  white-space: nowrap;
}
.omks--table .table-text-link {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.omks--table .table-order-align {
  display: inline-flex;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.omks--table .add-column {
  position: relative;
  padding: 0 1.4em 0 0;
}
.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;
}
.omks--table .add-column .column-remove [class*=omks--icon-] {
  margin: 0;
  font-size: 1em;
}
.omks--table .omks--file {
  padding: 1em;
}

/* 레이아웃 박스 */
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--box.style--mobile-table {
    width: 100%;
    overflow-y: auto;
    max-height: 50vh;
  }
}
@media only screen and (max-width: 767px) {
  .omks--box.style--mobile-table {
    width: 100%;
    overflow-y: auto;
    max-height: 50vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--box.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) {
  .omks--box.style--mobile-table .omks--table {
    width: auto;
    width: -moz-max-content;
    width: max-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.omks--box.style--image {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DDDDDD;
  border-radius: 0.625em;
  padding: 2.5em;
}
@media only screen and (max-width: 767px) {
  .omks--box.style--image {
    padding: 1.25em;
  }
}

/* 레이어 */
.omks--layer {
  padding: 0.625em;
  font-size: 1em;
}

/* 첨부파일 */
.omks--file .omks--file-ref {
  position: relative;
}
.omks--file .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;
}
.omks--file .omks--file-ref .file-ref-mark:focus ~ .file-ref-layer {
  z-index: 1;
  visibility: visible;
  opacity: 1;
}
.omks--file .omks--file-ref .file-ref-layer {
  position: absolute;
  bottom: calc(100% + 0.3125em);
  left: 0.625em;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
  max-width: 50vw;
  box-sizing: border-box;
  padding: 0.625em;
  border-radius: 0.3125em;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  font-size: 1.2em;
  line-height: 1.3;
  word-break: keep-all;
  background-color: #F4F5F9;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.2s ease;
}

/* 태그 목록 */
.omks--tag {
  font-size: 1em;
  overflow: hidden;
}
.omks--tag:not(:has(.tag-item)) {
  display: none;
}
.omks--tag:has(.tag-item) {
  display: block;
}
.omks--tag .tag-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -0.25em;
}
.omks--tag .tag-item {
  padding: 0.25em;
}
.omks--tag .tag-block {
  display: flex;
  align-items: center;
  padding: 0.3em 0.4em 0.3em 0.8em;
  border: 1px solid #DBDBDB;
  border-radius: var(--omks-radius-3x);
  background-color: #fff;
}
.omks--tag .tag-name {
  margin-right: auto;
  display: inline-block;
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.3;
  color: #767676;
  transform: skewY(-0.01deg);
}
.omks--tag .tag-name b {
  font-weight: 600;
}
.omks--tag .tag-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.4em;
  width: 1.4em;
  height: 1.4em;
  min-width: auto;
  padding: 0;
  margin-left: 0.625em;
  border-radius: 50%;
  background-color: transparent;
  font-size: 1em;
  color: #555;
}
.omks--tag .tag-button ~ .tag-button {
  margin-left: 0.5em;
}
.omks--tag .tag-button [class*=omks--icon-] {
  font-size: 0.875em;
}
.omks--tag .tag-button:hover {
  color: #de1717;
}
.omks--tag .tag-block .omks--input {
  width: 7em;
  height: 2em;
  padding: 0 0.3125em;
  margin: 0 0.3125em;
  border-radius: 0.3125em;
  font-size: 1em;
  text-align: center;
}
.omks--tag .tag-block .omks--input ~ .tag-button {
  margin-left: 0;
}

/* 텍스트 */
.omks--text.style--weight-bold {
  font-weight: 600;
}
.omks--text.style--color-green {
  color: #50c18f;
}
.omks--text.style--color-blue {
  color: #2B50B8;
}
.omks--text.style--color-red {
  color: #e94245;
}
.omks--text.style--color-orange {
  color: #ff5000;
}
.omks--text.style--color-purple {
  color: #8000FF;
}

/* 래퍼런스 텍스트 */
.omks--ref {
  font-size: 0.875em;
  font-weight: 300;
  transform: skewY(-0.1deg);
}

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

/* 작성 */
.omks--board-write {
  /* 카드 */
}
.omks--board-write .omks--input, .omks--board-write .omks--select {
  border-radius: 0.3125em;
}
.omks--board-write .board--card {
  flex: 1 1 100%;
}

/* 게시판 상단 */
.omks--board-head {
  width: 100%;
  margin-bottom: 0.625em;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .omks--board-head {
    flex-direction: column;
    align-items: flex-start;
    justify-content: stretch;
  }
}
.omks--board-head.style--direction-column {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.omks--board-head.style--direction-column .head-row {
  flex: 1 1 auto;
  width: 100%;
}
.omks--board-head .head-row {
  font-size: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--board-head .head-row {
    font-size: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .omks--board-head .head-row {
    width: 100%;
    font-size: 1em;
  }
}
.omks--board-head .head-row.row-state {
  display: flex;
  align-items: flex-end;
  width: 100%;
  margin-top: 1em;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .omks--board-head .head-row.row-state {
    flex-wrap: wrap;
    order: 2;
    margin-top: 2.6666666667vw;
  }
}
.omks--board-head .head-row.row-state .state-group {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .omks--board-head .head-row.row-state .state-group {
    order: 2;
    flex: 1 1 100%;
  }
}
@media only screen and (max-width: 767px) {
  .omks--board-head .head-row.row-state .state-group ~ .head-button-group {
    order: 1;
    margin: 1em 0;
  }
}
@media only screen and (max-width: 767px) {
  .omks--board-head .head-row.row-state .state-group ~ .head-button-group .omks--button-group {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .omks--board-head .head-row.row-state .state-group ~ .head-button-group .omks--button-group .omks--button {
    min-width: auto;
    justify-content: flex-start;
    margin: 0;
  }
  .omks--board-head .head-row.row-state .state-group ~ .head-button-group .omks--button-group .omks--button ~ .omks--button {
    margin: 0.5em 0 0 0;
  }
}
.omks--board-head .head-row.row-state .state-write,
.omks--board-head .head-row.row-state .state-page {
  font-size: 0.9375em;
  transform: skewY(-0.02deg);
  margin-right: 0.55em;
}
.omks--board-head .head-row.row-state .state-write b,
.omks--board-head .head-row.row-state .state-page b {
  font-weight: 400;
  color: #2f68c2;
}
.omks--board-head .head-row.row-state .state-sort {
  display: flex;
  align-items: flex-end;
  margin-left: auto;
}
.omks--board-head .head-row.row-state .state-sort .sort-filter {
  font-size: 0.9375em;
}
.omks--board-head .head-row.row-state .state-sort .sort-filter .omks--select {
  height: 2.25em;
}
.omks--board-head .head-row.row-state .state-sort .sort-filter .filter-button {
  position: relative;
  height: 2.25em;
  padding-left: 0.1875em;
  text-underline-offset: 0.125em;
}
.omks--board-head .head-row.row-state .state-sort .sort-filter .filter-button:hover {
  text-decoration: underline;
}
.omks--board-head .head-row.row-state .state-sort .sort-filter .filter-button:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-repeat: no-repeat;
  background-image: url("../../img/board/sort.svg");
  background-size: cover;
}
.omks--board-head .head-row.row-state .state-sort .sort-filter .filter-button.is--on {
  color: #0080E2;
}
.omks--board-head .head-row.row-state .state-sort .sort-filter .filter-button.is--on:before {
  background-image: url("../../img/board/sort-checked.svg");
}
.omks--board-head .head-row.row-state .state-expose {
  margin-left: 0.625em;
  font-size: 0.875em;
}
@media only screen and (max-width: 767px) {
  .omks--board-head .head-row.row-state .state-expose {
    display: none;
  }
}
.omks--board-head .head-row.row-state .state-filter {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  margin: 1.5em 0;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--board-head .head-row.row-state .state-filter {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .omks--board-head .head-row.row-state .state-filter {
    flex-wrap: wrap;
  }
}
.omks--board-head .head-row.row-state .state-filter .filter-form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 calc(100% - 8.125em);
  width: calc(100% - 8.125em);
  margin: -1.25em 0 0 -0.625em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--board-head .head-row.row-state .state-filter .filter-form {
    flex: 1 1 auto;
    flex-wrap: wrap;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .omks--board-head .head-row.row-state .state-filter .filter-form {
    flex: 1 1 auto;
    flex-wrap: wrap;
    width: auto;
  }
}
.omks--board-head .head-row.row-state .state-filter .filter-option {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 12.5em;
  max-width: 100%;
  height: 3.125em;
  flex: 0 0 calc(25% - 0.625em);
  width: calc(25% - 0.625em);
  margin: 1.25em 0 0 0.625em;
}
@media only screen and (max-width: 767px) {
  .omks--board-head .head-row.row-state .state-filter .filter-option {
    flex: 1 1 calc(50% - 0.625em);
    width: calc(50% - 0.625em);
  }
}
.omks--board-head .head-row.row-state .state-filter .filter-option > b {
  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;
}
.omks--board-head .head-row.row-state .state-filter .filter-option ~ .filter-option {
  margin-left: 0.625em;
}
.omks--board-head .head-row.row-state .state-filter .filter-option:focus-within .filter-select .select-button {
  outline-offset: -0.1em;
  outline: 1px solid #3c73ff;
}
.omks--board-head .head-row.row-state .state-filter .filter-submit {
  flex: 0 0 7.5em;
  width: 7.5em;
  height: 3.125em;
  box-sizing: border-box;
  margin-left: 0.625em;
  background-color: #e4e4e4;
  border-radius: var(--omks-radius-1x);
  background-color: var(--omks-primary);
  font-size: 1em;
  font-weight: 500;
  color: var(--omks-on-primary);
}
@media only screen and (max-width: 767px) {
  .omks--board-head .head-row.row-state .state-filter .filter-submit {
    margin-left: 0;
    margin-top: 0.625em;
    flex: 1 1 100%;
    width: 100%;
  }
}
.omks--board-head .head-row.row-state .state-filter .filter-combine {
  display: flex;
}
.omks--board-head .head-row.row-state .state-filter .filter-select {
  flex: 1 1 auto;
  width: 100%;
  position: relative;
}
.omks--board-head .head-row.row-state .state-filter .filter-select .select-button {
  min-width: 7.5em;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0.9375em;
  padding-right: 2.25em;
  border: 0.0625em solid #e8e8e8;
  border-radius: var(--omks-radius-1x);
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url("../../img/omks/form/select-arrow.svg");
  background-size: 1.8em auto;
  background-position: 100% 50%;
  font-size: 0.9375em;
  color: #777;
  text-align: left;
}
.omks--board-head .head-row.row-state .state-filter .filter-select .select-button b {
  margin: 0;
  font-weight: 500;
  color: #3c73ff;
}
.omks--board-head .head-row.row-state .state-filter .filter-select ul, .omks--board-head .head-row.row-state .state-filter .filter-select li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.omks--board-head .head-row.row-state .state-filter .filter-select .select-layer {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(0.625em);
  z-index: 2;
  width: 14.0625em;
  width: 100%;
  box-sizing: border-box;
  border: 0.0625em solid var(--omks-primary-darkblue);
  border-radius: var(--omks-radius-1x);
  background-color: #fff;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
}
.omks--board-head .head-row.row-state .state-filter .filter-select .select-layer.is--on {
  display: block;
}
.omks--board-head .head-row.row-state .state-filter .filter-select .select-option {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0.625em 0.875em;
  font-size: 1em;
  line-height: 1.3;
  color: #444;
}
.omks--board-head .head-row.row-state .state-filter .filter-select .select-option ~ .select-option {
  border-top: 0.0625em solid #e8e8e8;
}
.omks--board-head .head-row.row-state .state-filter .omks--select {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  border-color: #E8E8E8;
  font-size: 0.9375em;
}
.omks--board-head .head-row.row-state .state-reset {
  margin-left: 0.5em;
  font-size: 0.9375em;
}
.omks--board-head .head-row.row-state .state-reset .reset-button {
  display: flex;
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 2.25em;
  box-sizing: border-box;
  padding: 0 0.4em;
  font-weight: 300;
  color: #a9a9a9;
}
.omks--board-head .head-row.row-state .state-reset .reset-button:hover {
  color: #555;
}
.omks--board-head .head-row.row-state .state-reset .reset-button:hover .button-text {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.omks--board-head .head-row.row-state .state-reset .reset-button .button-icon {
  display: inline-flex;
}
.omks--board-head .head-row.row-state .state-reset .reset-button .button-icon [class*=omks--icon] {
  font-size: 1em;
}
.omks--board-head .head-row.row-state .state-reset .reset-button .button-text {
  font-size: 1em;
}
.omks--board-head .head-row.row-state .state-reset .reset-button .button-text ~ .button-icon {
  margin-left: 0.4em;
}
.omks--board-head .head-button-group {
  margin-left: auto;
}
.omks--board-head .head-button-group .omks--button-group {
  margin: -0.5em 0 0 -0.5em;
}
.omks--board-head .head-button-group .omks--button-group .omks--button {
  margin: 0.5em 0 0 0.5em;
}

/* 목록 */
.omks--table-list table .table-list-category {
  font-size: 1em;
  font-weight: 500;
  color: var(--omks-primary-blue2);
}
@media only screen and (max-width: 767px) {
  .omks--table-list table .table-list-category {
    font-size: 1em;
  }
}
.omks--table-list table .table-list-link {
  font-size: 1.125em;
}
@media only screen and (max-width: 767px) {
  .omks--table-list table .table-list-link {
    font-size: 1em;
  }
}
.omks--table-list table .table-list-link:hover {
  color: var(--omks-primary-blue2);
}
.omks--table-list table .table-list-new {
  display: inline-flex;
  align-items: center;
  height: 1.5em;
  transform: translateY(-0.125em);
  margin: 0 0.5em;
  font-size: 0.875em;
  font-weight: 400;
  color: #EE2E5B;
}
.omks--table-list table .table-list-lock {
  position: relative;
  display: inline-flex;
  width: 1.5625em;
  white-space: nowrap;
  text-indent: -9999px;
}
.omks--table-list table .table-list-lock [class^=omks--icon-] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  width: 1.5625em;
  height: 1.5625em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3125em;
  background-color: #de1717;
  font-size: 1em;
  line-height: 1;
  text-indent: 0;
  color: #fff;
}
.omks--table-list table .table-list-block {
  display: inline;
  padding: 0.4em 0.5em;
  background-color: #5c8fdf;
  border-radius: 0.3125em;
  font-size: 1em;
  color: #fff;
  word-break: keep-all;
  overflow-wrap: break-word;
  font-weight: 300;
  white-space: nowrap;
}
.omks--table-list table .table-list-block.style--only {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5em;
  box-sizing: border-box;
}
.omks--table-list table .table-list-block.style--color-blue {
  background-color: var(--omks-color-blue);
  color: #fff;
}
.omks--table-list table .table-list-block.style--color-blue.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-blue);
  color: var(--omks-color-blue);
}
.omks--table-list table .table-list-block.style--color-deep-blue {
  background-color: var(--omks-color-deep-blue);
  color: #fff;
}
.omks--table-list table .table-list-block.style--color-deep-blue.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-deep-blue);
  color: var(--omks-color-deep-blue);
}
.omks--table-list table .table-list-block.style--color-deep-gray {
  background-color: var(--omks-color-deep-gray);
  color: #fff;
}
.omks--table-list table .table-list-block.style--color-deep-gray.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-deep-gray);
  color: var(--omks-color-deep-gray);
}
.omks--table-list table .table-list-block.style--color-emerald {
  background-color: var(--omks-color-emerald);
  color: #fff;
}
.omks--table-list table .table-list-block.style--color-emerald.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-emerald);
  color: var(--omks-color-emerald);
}
.omks--table-list table .table-list-block.style--color-red {
  background-color: var(--omks-color-red);
  color: #fff;
}
.omks--table-list table .table-list-block.style--color-red.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-red);
  color: var(--omks-color-red);
}
.omks--table-list table .table-list-attached {
  position: relative;
  display: inline-flex;
}
.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;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  font-size: 1em;
  color: #aaa;
}
.omks--table-list table .table-list-attached .attached-toggle [class^=omks--icon] {
  font-size: 1.5em;
}
.omks--table-list table .table-list-attached .attached-toggle .attached-count {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -25%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.54em;
  height: 1.54em;
  border-radius: 50%;
  background-color: var(--omks-secondary);
  font-size: 0.8125em;
  color: #fff;
  line-height: 1;
}
.omks--table-list table .table-list-attached .attached-layer {
  position: absolute;
  top: -0.625em;
  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: 0.0625em solid var(--omks-primary-blue2);
  border-radius: 0.3125em;
  box-shadow: 0 0.1875em 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;
}
.omks--table-list table .table-list-attached .attached-layer.is--on {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  top: -0.625em;
}
.omks--table-list table .table-list-attached .attached-layer .omks--file {
  font-size: 1em;
}
.omks--table-list table .table-list-attached .attached-layer .omks--file .omks--file-list {
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 0;
}
.omks--table-list table .table-list-attached .attached-layer .omks--file .omks--file-item {
  margin-top: 0;
  color: var(--omks-primary-blue2);
}
.omks--table-list table .omks--button {
  display: inline-flex;
  min-width: 4em;
  width: auto;
  height: auto;
  padding: 0.25em 0.5em;
  border-radius: 0.1875em;
  font-size: 0.875em;
  color: #fff;
  word-break: keep-all;
}
.omks--table-list table .table-list-hierarchy {
  display: block;
  text-align: left;
  white-space: nowrap;
}
.omks--table-list table .table-list-hierarchy .hierarchy-text {
  position: relative;
  display: inline-flex;
}
.omks--table-list table .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;
}
.omks--table-list table .table-list-hierarchy.style--depths-1x .hierarchy-text {
  padding-left: 1.3em;
}
.omks--table-list table .table-list-hierarchy.style--depths-1x .hierarchy-text:before {
  content: "";
}
.omks--table-list table .table-list-hierarchy.style--depths-2x {
  padding-left: 1.3em;
}
.omks--table-list table .table-list-hierarchy.style--depths-2x .hierarchy-text {
  padding-left: 1.3em;
}
.omks--table-list table .table-list-hierarchy.style--depths-2x .hierarchy-text:before {
  content: "";
}
.omks--table-list.style--scroll {
  width: 100%;
  overflow-x: auto;
}
.omks--table-list.style--scroll table {
  width: -moz-min-content;
  width: min-content;
}

/* 페이지네이션 */
.omks--board-pagination {
  margin: 3.125em 0 1.25em 0;
  font-size: 1em;
}
.omks--board-pagination .pagi-arrow:hover,
.omks--board-pagination .pagi-num:hover {
  background-color: #fff;
  border: 0.0625em solid #e7e7e7;
  border-color: #0152a5;
}
@media only screen and (max-width: 767px) {
  .omks--board-pagination .pagi-num {
    display: none;
  }
}
.omks--board-pagination .pagi-num.is--now {
  color: #0152a5;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  border: none;
}
@media only screen and (max-width: 767px) {
  .omks--board-pagination .pagi-arrow {
    display: none;
  }
}
.omks--board-pagination .pagi-arrow.cfy--mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .omks--board-pagination .pagi-arrow.cfy--mobile {
    display: flex;
    border: 0.0625em solid #e7e7e7;
  }
}
.omks--board-pagination .pagi-mobile-num {
  display: none;
  margin: 0 0.5em;
  font-size: 1em;
}
@media only screen and (max-width: 767px) {
  .omks--board-pagination .pagi-mobile-num {
    display: block;
    font-size: 1.3em;
  }
}
.omks--board-pagination .pagi-mobile-num .mobile-num-now {
  margin-right: 0.4em;
  font-weight: 600;
  color: #3c73ff;
}
.omks--board-pagination .pagi-mobile-num .mobile-num-total {
  margin-left: 0.4em;
}
.omks--board-pagination .pagi-mobile-set {
  display: none;
  align-items: center;
  justify-content: center;
  margin-right: 0.625em;
}
@media only screen and (max-width: 767px) {
  .omks--board-pagination .pagi-mobile-set {
    display: flex;
  }
}
.omks--board-pagination .pagi-mobile-set .pagi-nums {
  display: flex;
  align-items: center;
  margin-right: 1em;
}
.omks--board-pagination .pagi-mobile-set .pagi-nums .omks--input, .omks--board-pagination .pagi-mobile-set .pagi-nums input[type=text] {
  width: 3.5em;
  height: 2.25em;
  min-width: auto;
  padding: 0;
  text-align: center;
}
.omks--board-pagination .pagi-mobile-set .pagi-nums .nums-total {
  position: relative;
  display: inline-flex;
  color: #0080E2;
}
.omks--board-pagination .pagi-mobile-set .pagi-nums .nums-total:before {
  content: "/";
  margin: 0 0.5em;
  color: #434343;
}
.omks--board-pagination .pagi-mobile-set .pagi-submit .omks--button {
  width: auto;
  min-width: auto;
  height: 2.25em;
}
@media only screen and (max-width: 767px) {
  .omks--board-pagination:has(.pagi-mobile-set) {
    flex-wrap: wrap;
    gap: 0.625em;
  }
  .omks--board-pagination:has(.pagi-mobile-set) .pagi-mobile-set {
    order: 2;
    flex: 1 1 100%;
  }
}

/* 검색 */
.omks--search {
  position: relative;
  justify-content: flex-end;
  width: 100%;
}
.omks--search .search-label {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #000;
}
.omks--search .search-layer {
  position: absolute;
  top: 0.625em;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 80%;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

/* 댓글 */
.omks--comment {
  margin: 1.5em 0;
  border: none;
}
.omks--comment .comment-form {
  display: flex;
  flex-wrap: wrap;
  padding: 1em;
  border-radius: var(--omks-radius-2x);
  background-color: #F4F5F9;
}
.omks--comment .comment-form .comment-writer {
  order: 1;
  display: flex;
  align-items: center;
  font-size: 1em;
}
.omks--comment .comment-form .comment-writer ~ * {
  margin-left: 0;
}
.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.75em;
  font-size: 1em;
  color: #fff;
  line-height: 1;
}
.omks--comment .comment-form .comment-writer .comment-writer-icon [class^=omks--icon-], .omks--comment .comment-form .comment-writer .comment-writer-icon i {
  display: inline-flex;
  font-size: 1.5em;
  line-height: 1;
}
.omks--comment .comment-form .comment-writer .omks--input {
  width: 8.4375em;
  min-width: auto;
  height: 2.25em;
  border-radius: 0.3125em;
}
.omks--comment .comment-form .comment-writer .omks--input:-moz-read-only {
  background-color: #f1f1f1;
  color: #a8a8a8;
  cursor: default;
}
.omks--comment .comment-form .comment-writer .omks--input:read-only {
  background-color: #f1f1f1;
  color: #a8a8a8;
  cursor: default;
}
.omks--comment .comment-form .comment-writer .omks--input ~ .omks--input {
  margin-left: 0.5em;
}
.omks--comment .comment-form .comment-writer .writer-name {
  font-size: 1.0625em;
}
.omks--comment .comment-form .comment-textarea {
  order: 3;
  flex: 1 1 100%;
  margin-top: 0.625em;
}
.omks--comment .comment-form .comment-textarea .omks--textarea {
  height: 6.25em;
  border-radius: 0.325em;
  word-break: keep-all;
}
.omks--comment .comment-form .comment-textarea .omks--textarea::-moz-placeholder {
  font-size: 1em;
}
.omks--comment .comment-form .comment-textarea .omks--textarea::placeholder {
  font-size: 1em;
}
.omks--comment .comment-form .comment-submit {
  order: 2;
  margin-left: auto;
}
.omks--comment .comment-row {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.875em 1.75em;
  margin-top: 0.625em;
  font-size: 1em;
}
@media only screen and (max-width: 767px) {
  .omks--comment .comment-row {
    padding: 0.625em;
  }
}
.omks--comment .comment-row .comment-head,
.omks--comment .comment-row .comment-body {
  padding: 0;
  background: none;
}
.omks--comment .comment-row .comment-head ~ .comment-body,
.omks--comment .comment-row .comment-body ~ .comment-body {
  margin-top: 0.5em;
}
.omks--comment .comment-row:last-child {
  padding-bottom: 2.45em;
  border-bottom: 0.125em solid var(--omks-tableline);
}
.omks--comment .comment-writer {
  font-size: 1.0625em;
  font-weight: 500;
}
.omks--comment .comment-writer-ip {
  font-size: 0.875em;
  transform: skewY(-0.02deg);
  color: #aaa;
}
.omks--comment .comment-date {
  font-size: 0.875em;
  transform: skewY(-0.02deg);
}
.omks--comment .comment-edit {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  display: flex;
  align-items: center;
}
.omks--comment .comment-edit .omks--button-group {
  margin-top: 0;
}
.omks--comment .comment-edit .omks--button {
  font-size: 0.875em;
}
.omks--comment .comment-edit .edit-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8888888889em;
  height: 1.8888888889em;
  box-sizing: border-box;
  border-radius: 0.3125em;
  background-color: #fff;
  font-size: 1.125em;
  color: #777;
}
.omks--comment .comment-edit .edit-button ~ .edit-button {
  margin-left: 0.3125em;
}
.omks--comment .comment-edit .edit-button.style--color-primary {
  background-color: #0152a5;
  color: #fff;
}
.omks--comment .comment-edit .edit-button.style--color-secondary {
  background-color: #aeaeae;
  color: #fff;
}

/* FAQ */
.omks--faq .list-none {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5em 1.25em;
  background-color: #F4F5F9;
  border: 0.0625em solid #E8E8E8;
  border-radius: var(--omks-radius-2x);
}
.omks--faq .list-none p {
  font-size: 1.3em;
  font-weight: 500;
  color: #7A7B7D;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.omks--faq .faq-list .faq-mark {
  border-radius: 0.3125em;
}
.omks--faq .faq-list .faq-answer {
  padding-right: 1.25em;
  border-top: 0.0625em solid var(--omks-outline);
}
.omks--faq .faq-list .faq-toggle {
  transform: none;
  transition: none;
  background-image: url("../../img/board/faq-plus.svg");
}
@media only screen and (max-width: 767px) {
  .omks--faq .faq-list .faq-toggle {
    background: none;
  }
}
.omks--faq .faq-list .faq-item {
  position: relative;
}
.omks--faq .faq-list .faq-item.is--on .faq-toggle {
  background-image: url("../../img/board/faq-minus.svg");
}
@media only screen and (max-width: 767px) {
  .omks--faq .faq-list .faq-item.is--on .faq-toggle {
    background: none;
  }
}
.omks--faq .faq-list-new {
  display: inline-flex;
  align-items: center;
  height: 1.5em;
  transform: translateY(-0.125em);
  margin: 0 0.5em;
  font-size: 0.875em;
  font-weight: 400;
  color: #EE2E5B;
}
.omks--faq .faq-alert {
  display: inline-flex;
  position: relative;
  width: 1.5625em;
  margin-right: 0.3125em;
  white-space: nowrap;
  text-indent: -9999px;
}
.omks--faq .faq-alert:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "N";
  width: 1.5625em;
  height: 1.25em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em auto;
  background-image: url("../../img/board/table-list-alert.svg");
}
.omks--faq .faq-edit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0.3125em 0;
}
.omks--faq .faq-edit .omks--button-group {
  margin-top: 0;
}
.omks--faq .faq-edit .edit-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.125em;
  height: 2.125em;
  box-sizing: border-box;
  border-radius: 0.3125em;
  background-color: #fff;
  font-size: 1.25em;
  color: #777;
}
.omks--faq .faq-edit .edit-button ~ .edit-button {
  margin-left: 0.625em;
}
.omks--faq .faq-edit .edit-button.style--color-primary {
  background-color: #0152a5;
  color: #fff;
}
.omks--faq .faq-edit .edit-button.style--color-secondary {
  background-color: #aeaeae;
  color: #fff;
}

/* Album */
.omks--album .album-item {
  display: flex;
  flex-direction: column;
  border: 0.0625em solid var(--omks-tableline);
  border-radius: var(--omks-radius-2x);
  overflow: hidden;
}
.omks--album .album-item.is--high-light:before {
  left: 0.625em;
  top: 0.875em;
  right: initial;
  width: 2.25em;
  height: 2.25em;
  box-sizing: border-box;
  background-color: #15254B;
  background-image: url("../../img/board/album-list-alert.svg");
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2117647059);
}
.omks--album .album-item .item-category {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 0.9375em;
}
.omks--album .album-item .item-category .category-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.3em;
  height: 2.25em;
  box-sizing: border-box;
  padding: 0 1em;
  background-color: var(--omks-primary-blue2);
  border-radius: 0.1875em;
  font-size: 0.9375em;
  color: var(--omks-on-primary);
  word-break: keep-all;
  overflow-wrap: break-word;
  font-weight: 600;
  line-height: 1;
}
.omks--album .album-item .item-category .category-block ~ .category-field {
  margin-top: 0.21875em;
}
.omks--album .album-item .item-category .category-field {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.omks--album .album-item .item-category .category-field li {
  margin: 0;
  padding: 0;
  font-size: 0.9375em;
}
.omks--album .album-item .item-category .category-field li ~ li:before {
  content: "→";
  margin: 0 0.1875em;
}
.omks--album .album-item .item-date {
  display: flex;
  width: 100%;
  margin-top: auto;
  padding-top: 1.25em;
  border-top: 0.1em dashed #D9D9D9;
  font-size: 1em;
  font-weight: 300;
  color: #5D5D5D;
  line-height: 1;
}
.omks--album .album-item .item-frame {
  position: relative;
  bottom: initial;
  top: initial;
  left: initial;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 1.25em 0.625em;
  transform: translateZ(0);
  transition: height 0.2s ease, padding-top 0.2s ease, background-color 0.5s ease;
}
.omks--album .album-item .item-new {
  display: flex;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  z-index: 1;
  border-radius: 0.3125em;
  background-color: #5c8fdf;
  padding: 0.375em;
  font-size: 0.9375em;
  line-height: 1;
  color: #fff;
  display: none;
}
.omks--album .album-item:hover {
  border-color: var(--omks-primary-darkblue);
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
.omks--album .album-item:hover .album-download {
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
.omks--album .album-thumb {
  border-radius: 0;
  padding: 0;
  aspect-ratio: 1.75/1;
}
.omks--album .album-thumb:before {
  content: none;
  border-radius: inherit;
}
.omks--album .album-thumb.is--none:after {
  content: "";
  width: 6.5625em;
  height: 6.5625em;
  background-repeat: no-repeat;
  background-image: url("../../img/board/logo-default.svg");
  background-size: 100% auto;
  background-position: center;
  font-size: 1em;
}
.omks--album .album-contents {
  flex: 1 1 auto;
  position: relative;
  height: auto;
  box-sizing: border-box;
  border-top: 0.0625em solid var(--omks-tableline);
}
.omks--album .album-title {
  max-height: none;
  margin-bottom: 1em;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.4em;
  text-underline-offset: 0.2em;
  transform: skewY(-0.01deg);
}
.omks--album .album-link {
  transition: all 0.2s ease;
}
.omks--album .album-download {
  position: absolute;
  z-index: 2;
  bottom: 1.8em;
  right: 1.25em;
  transform: translateY(50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  box-sizing: border-box;
  padding: 0;
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--omks-primary);
  font-size: 1em;
  color: #fff;
}
.omks--album .album-download:hover {
  background-color: var(--omks-primary-hover);
}
.omks--album .album-download img {
  width: 1.1em;
  max-width: 100%;
}
.omks--album .album-download [class^=omks--icon] {
  display: inline-flex;
  font-size: 1.3em;
  line-height: 1;
}
.omks--album.style--vertical .album-thumb {
  aspect-ratio: 1/1.2;
}

/* 섬네일 */
.omks--thumb .thumb-list {
  border-top: 0.125em solid #4A506B;
}
.omks--thumb .thumb-item {
  display: flex;
  padding: 2.5em 1.25em 2.5em 0;
  border-bottom: 1px solid var(--omks-outline);
}
@media only screen and (max-width: 767px) {
  .omks--thumb .thumb-item {
    flex-direction: column;
  }
}
.omks--thumb .thumb-item .item-thumb {
  flex: 0 0 18.4375em;
  width: 18.5em;
  margin-right: 1.25em;
}
@media only screen and (max-width: 767px) {
  .omks--thumb .thumb-item .item-thumb {
    flex: none;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 1.25em;
  }
}
.omks--thumb .thumb-item .item-thumb .thumb-image {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  aspect-ratio: 16/9;
  border: 0.0625em solid #e4e4e4;
  border-radius: 0.3125em;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url("../../img/board/logo-default.svg");
  background-size: 5em auto;
  background-position: center;
  overflow: hidden;
}
.omks--thumb .thumb-item .item-thumb .thumb-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.omks--thumb .thumb-item .item-thumb .thumb-image.is--none:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  content: "";
  width: 5em;
  height: 5em;
  background-repeat: no-repeat;
  background-image: url("../../img/board/logo-default.svg");
  background-size: 100% auto;
  background-position: center;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .omks--thumb .thumb-item .item-thumb .thumb-image.is--none:after {
    width: 3em;
    height: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .omks--thumb .thumb-item .item-thumb .thumb-image.is--none:after {
    width: 2em;
    height: 2em;
  }
}
.omks--thumb .thumb-item .item-contents {
  flex: 1 1 calc(100% - 19.75em);
  width: calc(100% - 19.75em);
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .omks--thumb .thumb-item .item-contents {
    flex: none;
    width: 100%;
  }
}
.omks--thumb .thumb-item .item-category {
  display: block;
  margin-bottom: 0.5em;
  font-size: 1em;
  font-weight: 500;
  color: var(--omks-primary-blue2);
  line-height: 1;
}
.omks--thumb .thumb-item .item-title {
  margin-bottom: 0.5em;
  font-size: 1.3125em;
  font-weight: 500;
  line-height: 1.4;
  color: #444;
  text-underline-offset: 0.2em;
}
.omks--thumb .thumb-item .item-title .title-block {
  display: inline;
  padding: 0.25em 0.5em;
  background-color: #5c8fdf;
  border-radius: 0.1875em;
  font-size: 0.875em;
  color: #fff;
  word-break: keep-all;
}
.omks--thumb .thumb-item .item-title .title-block.style--color-blue {
  background-color: var(--omks-color-blue);
  color: #fff;
}
.omks--thumb .thumb-item .item-title .title-block.style--color-blue.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-blue);
  color: var(--omks-color-blue);
}
.omks--thumb .thumb-item .item-title .title-block.style--color-deep-blue {
  background-color: var(--omks-color-deep-blue);
  color: #fff;
}
.omks--thumb .thumb-item .item-title .title-block.style--color-deep-blue.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-deep-blue);
  color: var(--omks-color-deep-blue);
}
.omks--thumb .thumb-item .item-title .title-block.style--color-deep-gray {
  background-color: var(--omks-color-deep-gray);
  color: #fff;
}
.omks--thumb .thumb-item .item-title .title-block.style--color-deep-gray.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-deep-gray);
  color: var(--omks-color-deep-gray);
}
.omks--thumb .thumb-item .item-title .title-block.style--color-emerald {
  background-color: var(--omks-color-emerald);
  color: #fff;
}
.omks--thumb .thumb-item .item-title .title-block.style--color-emerald.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-emerald);
  color: var(--omks-color-emerald);
}
.omks--thumb .thumb-item .item-title .title-block.style--color-red {
  background-color: var(--omks-color-red);
  color: #fff;
}
.omks--thumb .thumb-item .item-title .title-block.style--color-red.style--reverse {
  background-color: #fff;
  border-color: var(--omks-color-red);
  color: var(--omks-color-red);
}
.omks--thumb .thumb-item .item-title a:hover {
  color: var(--omks-primary-blue2);
  text-decoration: underline;
}
.omks--thumb .thumb-item .item-preview {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 0.625em;
  font-size: 1.0625em;
  font-weight: 300;
  color: #777;
  line-height: 1.4;
}
.omks--thumb .thumb-item .item-new {
  display: inline-flex;
  align-items: center;
  height: 1.5em;
  transform: translateY(-0.125em);
  margin: 0 0.5em;
  font-size: 0.875em;
  font-weight: 400;
  color: #EE2E5B;
}
.omks--thumb .thumb-item .item-foot {
  display: flex;
  align-items: flex-start;
  margin-top: auto;
}
.omks--thumb .thumb-item .item-foot .item-attached {
  margin-left: auto;
}
.omks--thumb .thumb-item .item-info {
  display: flex;
  padding: 0;
  margin: 0;
}
.omks--thumb .thumb-item .item-info li {
  padding: 0;
  margin: 0;
  font-size: 1em;
  font-weight: 400;
  color: #666;
}
.omks--thumb .thumb-item .item-info li b {
  margin-right: 0.75em;
  font-weight: 600;
  color: #444444;
}
.omks--thumb .thumb-item .item-info li ~ li {
  position: relative;
  margin-left: 0.8em;
  padding-left: 0.8em;
}
.omks--thumb .thumb-item .item-info li ~ li:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  width: 0.625em;
  height: 0.75em;
  background-color: #666;
}
.omks--thumb .thumb-item .item-attached {
  position: relative;
}
.omks--thumb .thumb-item .item-attached .attached-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  margin: 0;
  padding: 0;
}
.omks--thumb .thumb-item .item-attached .attached-toggle [class^=omks--icon] {
  font-size: 1.5em;
  color: #aaa;
}
.omks--thumb .thumb-item .item-attached .attached-toggle .attached-count {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -25%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.54em;
  height: 1.54em;
  border-radius: 50%;
  background-color: var(--omks-secondary);
  font-size: 0.8125em;
  color: #fff;
  line-height: 1;
}
.omks--thumb .thumb-item .item-attached .attached-layer {
  position: absolute;
  top: -0.625em;
  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;
  border: 0.0625em solid var(--omks-primary-blue2);
  box-shadow: 0 0.1875em 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;
}
.omks--thumb .thumb-item .item-attached .attached-layer.is--on {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  top: -0.625em;
}
.omks--thumb .thumb-item .item-attached .attached-layer .omks--file {
  font-size: 1em;
}
.omks--thumb .thumb-item .item-attached .attached-layer .omks--file .omks--file-list {
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 0;
}
.omks--thumb .thumb-item .item-attached .attached-layer .omks--file .omks--file-item {
  margin-top: 0;
  color: var(--omks-primary-blue2);
}
.omks--thumb .thumb-item.is--high-light {
  position: relative;
}
.omks--thumb .thumb-item.is--high-light:before {
  position: absolute;
  top: 3.4375em;
  left: 0.625em;
  z-index: 1;
  content: "공지";
  width: 2.25em;
  height: 2.25em;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../img/board/album-list-alert.svg");
  background-size: 14px auto;
  background-color: #15254B;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2117647059);
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
}

/* 안내 상자 */
.omks--guide-box {
  padding: 1.25em 1.75em;
  background-color: #f6f9fe;
  border: 0.0625em solid #f0f0f0;
  border-radius: 0.3125em;
  font-size: 1em;
  color: #444444;
}
.omks--guide-box .omks--stnc .omks--stnc-icon [class^=omks--icon] {
  transform: translateY(0.1em);
}
.omks--guide-box .omks--button.style--color-primary.style--color-reverse {
  border-color: #5b84ab;
  background-color: #fff;
  color: #5b84ab;
}

/* 텍스트에어리어 */
.omks--textarea-box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.omks--textarea-box .omks--textarea {
  padding-bottom: 3em;
}
.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.625em;
  background-color: #F4F5F9;
  border: 0.0625em solid var(--omks-outline);
}

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

/* 레이어 팝업 */
.omks--layer .layer-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #1e3555;
  color: #fff;
  padding: 0.625em 1.25em;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  height: 5em;
  box-sizing: border-box;
  padding: 0.625em 2.8125em;
}
@media only screen and (max-width: 767px) {
  .omks--layer .layer-head {
    height: auto;
    padding: 0.625em 1.25em;
  }
}
.omks--layer .layer-head .layer-close {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  transform: translateX(0.625em);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  box-sizing: border-box;
}
.omks--layer .layer-head .layer-close [class*=omks--icon], .omks--layer .layer-head .layer-close img {
  font-size: 2em;
}
.omks--layer .layer-head .layer-close:hover {
  border-color: var(--omks-outline);
}
@media only screen and (max-width: 767px) {
  .omks--layer .layer-head .layer-close {
    width: 2.125em;
    height: 2.125em;
  }
}
.omks--layer .layer-head .layer-close {
  margin-left: auto;
}
.omks--layer .layer-body {
  padding: 1.25em;
  background-color: #fff;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  padding: 2.5em 2.8125em;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .omks--layer .layer-body {
    padding: 1.25em;
  }
}
.omks--layer .layer-title {
  font-size: 1.875em;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .omks--layer .layer-title {
    font-size: 1.25em;
  }
}

/* 스위치 */
.omks--switch {
  display: inline-flex;
  justify-content: center;
  position: relative;
}
.omks--switch input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: 0;
  width: 1px;
  height: 1px;
}
.omks--switch input[type=checkbox]:focus ~ .omks--switch-button {
  border-color: #0075b0;
}
.omks--switch input[type=checkbox]:checked ~ .omks--switch-button {
  background-color: var(--omks-primary-blue2);
  border-color: var(--omks-primary-blue2);
}
.omks--switch input[type=checkbox]:checked ~ .omks--switch-button:before {
  transform: translate(100%, -50%);
  background-color: #fff;
}
.omks--switch .omks--switch-button {
  position: relative;
  width: 3em;
  height: 1.8em;
  border: 0.1em solid #cdcdcd;
  border-radius: 1.5em;
  background-color: #fff;
}
.omks--switch .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;
}

/* 캘린더 인풋 */
.omks--calendar-input {
  display: inline-flex;
  position: relative;
  height: 2.25em;
  font-size: 1em;
}
.omks--calendar-input .input-icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  font-size: 1em;
  line-height: 1;
}
.omks--calendar-input .input-icon [class*=omks--icon] {
  display: inline-flex;
  font-size: 1.5em;
}
.omks--calendar-input .omks--input {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 2.5em;
  font-size: 1em;
}

/* 캘린더 인풋 */
.omks--input-calendar {
  display: inline-flex;
  position: relative;
  height: 2.25em;
  box-sizing: border-box;
  border: 1px solid var(--omks-outline);
  background-color: #fff;
  border-radius: 5px;
}
.omks--input-calendar > * {
  border-radius: inherit;
}
.omks--input-calendar .omks--input[type=text] {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 40px;
  border: none;
  border-radius: inherit;
  font-size: 1em;
}
.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;
}

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

/* 모듈 공통 클래스 */
[class^=omks--].style--indent {
  padding-left: 0.9375em;
}
[class^=omks--].style--indent-2x {
  padding-left: 1.875em;
}
[class^=omks--].style--indent-3x {
  padding-left: 2.8125em;
}
[class^=omks--].style--mt-1x {
  margin-top: 0.625em;
}
[class^=omks--].style--mt-2x {
  margin-top: 1.25em;
}
[class^=omks--].style--mt-3x {
  margin-top: 1.875em;
}
[class^=omks--].style--mt-4x {
  margin-top: 2.5em;
}
[class^=omks--].style--mt-5x {
  margin-top: 3.125em;
}
[class^=omks--].style--mt-6x {
  margin-top: 3.75em;
}
[class^=omks--].style--mb-1x {
  margin-bottom: 0.625em;
}
[class^=omks--].style--mb-2x {
  margin-bottom: 1.25em;
}
[class^=omks--].style--mb-3x {
  margin-bottom: 1.875em;
}

html, body {
  font-size: 16px;
  font-family: "Pretendard", "NotoSansRN";
  /* 사이트맵 오픈 체크 */
  /* 모바일 메뉴 체크 */
  /* 레이어 체크 */
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  html, body {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  html, body {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  html, body {
    font-size: 14px;
  }
}
@media only screen and (max-width: 480px) {
  html, body {
    font-size: 13px;
  }
}
@media only screen and (max-width: 399px) {
  html, body {
    font-size: 12px;
  }
}
html:has(.sitemap-button.is--on), body:has(.sitemap-button.is--on) {
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  html:has(.sitemap-button.is--on), body:has(.sitemap-button.is--on) {
    overflow: inherit;
  }
}
@media only screen and (max-width: 767px) {
  html:has(.sitemap-button.is--on), body:has(.sitemap-button.is--on) {
    overflow: inherit;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  html:has(.mobile-menu.is--on), body:has(.mobile-menu.is--on) {
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  html:has(.mobile-menu.is--on), body:has(.mobile-menu.is--on) {
    overflow: hidden;
  }
}
html:has(.omks--layer.is--on), body:has(.omks--layer.is--on) {
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  html:has(.omks--layer.is--on), body:has(.omks--layer.is--on) {
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  html:has(.omks--layer.is--on), body:has(.omks--layer.is--on) {
    overflow: hidden;
  }
}

.a11y-hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.0625em;
  height: 0.0625em;
  overflow: hidden;
  opacity: 0;
}

.common-wrap {
  position: relative;
  width: 100%;
  min-height: 100vh;
  font-family: "Pretendard", "NotoSansRN";
}
.common-wrap a {
  text-decoration: none; /* 기본적인 밑줄 제거 */
  -webkit-text-decoration: none; /* 웹킷 기반 브라우저용 */
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none; /* 밑줄이 텍스트에 겹치지 않게 */
}
.common-wrap a[href^="tel:"] {
  text-decoration: none; /* 기본적인 밑줄 제거 */
  -webkit-text-decoration: none; /* 웹킷 기반 브라우저용 */
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none; /* 밑줄이 텍스트에 겹치지 않게 */
}

/* header */
.common-header {
  position: relative;
  z-index: 3;
  z-index: 10;
  height: 140px;
  /* 사이트맵 오픈 체크 */
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-header {
    height: 4.6875em;
  }
}
@media only screen and (max-width: 767px) {
  .common-header {
    height: 4.6875em;
  }
}
.common-header .header-inner {
  width: 1440px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .common-header .header-inner {
    padding: 0 14px;
  }
}
.common-header .header-gnb {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-header .header-gnb {
    border-bottom: 1px solid #ececec;
  }
}
@media only screen and (max-width: 767px) {
  .common-header .header-gnb {
    border-bottom: 1px solid #ececec;
  }
}
.common-header .header-gnb.style--hide {
  transform: translateY(-100%);
}
.common-header .header-gnb.style--shadow {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.common-header .header-gnb .gnb-nav {
  background: #11264E;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-header .header-gnb .gnb-nav {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .common-header .header-gnb .gnb-nav {
    display: none;
  }
}
.common-header .header-gnb .gnb-nav .header-util {
  display: flex;
  align-items: center;
  width: 1440px;
  max-width: 100%;
  height: 50px;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto;
}
.common-header .header-gnb .gnb-nav .header-util .util-links {
  display: flex;
  margin: 0;
  padding: 0;
  margin-left: auto;
}
.common-header .header-gnb .gnb-nav .header-util .util-links li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.common-header .header-gnb .gnb-nav .header-util .util-links li ~ li {
  position: relative;
  margin-left: 20px;
  padding-left: 20px;
}
.common-header .header-gnb .gnb-nav .header-util .util-links li ~ li:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  transform: translate(-50%, -50%) skewY(-0.01deg);
  width: 1px;
  height: 16px;
  background-color: #C1C1C1;
}
.common-header .header-gnb .gnb-nav .header-util .util-links .util-link {
  display: flex;
  align-items: center;
  color: #CFD4DC;
}
.common-header .header-gnb .gnb-nav .header-util .util-links .util-link .link-icon {
  display: inline-flex;
  margin-right: 8px;
}
.common-header .header-gnb .gnb-nav .header-util .util-links .util-link .link-icon img {
  width: 24px;
  height: 24px;
}
.common-header .header-gnb .gnb-nav .header-util .util-links .util-link .link-text {
  font-size: 15px;
  font-weight: 300;
}
.common-header .header-gnb .gnb-nav .header-util .util-links .util-link:hover .link-text {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.common-header .header-gnb .gnb-nav .header-util .util-funcs {
  display: flex;
}
.common-header .header-gnb .gnb-nav .header-util .util-funcs .util-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  height: 50px;
  background-color: #2F68C2;
}
.common-header .header-gnb .gnb-nav .header-util .util-funcs .util-link.cfy--popup {
  background-color: #344668;
}
.common-header .header-gnb .gnb-nav .header-util .util-funcs .util-link .link-icon {
  display: inline-flex;
  margin-right: 8px;
}
.common-header .header-gnb .gnb-nav .header-util .util-funcs .util-link .link-icon img {
  width: 24px;
  height: 24px;
}
.common-header .header-gnb .gnb-nav .header-util .util-funcs .util-link .link-text {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.common-header .header-gnb .gnb-main {
  position: relative;
  background-color: #fff;
}
.common-header .header-gnb .gnb-main .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-header .header-gnb .gnb-main .header-inner {
    height: 4.6875em;
  }
}
@media only screen and (max-width: 767px) {
  .common-header .header-gnb .gnb-main .header-inner {
    height: 4.6875em;
    padding: 0 1.25em;
  }
}
.common-header .header-gnb .gnb-main .header-logo {
  display: inline-flex;
}
.common-header .header-gnb .gnb-main .header-logo a {
  display: inline-flex;
}
.common-header .header-gnb .gnb-main .header-logo img {
  width: 8.75em;
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-header .header-gnb .gnb-main .header-menu {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .common-header .header-gnb .gnb-main .header-menu {
    display: none;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-list {
  display: flex;
  align-items: center;
}
.common-header .header-gnb .gnb-main .header-menu .menu-name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 90px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu .menu-name {
    width: 11.0294117647vw;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-name .name-text {
  position: relative;
  display: inline-flex;
  font-size: 20px;
  font-weight: 600;
  color: #1D1D1D;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu .menu-name .name-text {
    font-size: 1.5197568389vw;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-name .name-text:before {
  position: absolute;
  top: 0;
  right: -5px;
  transform: translate(100%, 0) skewY(-0.01deg) scale(0);
  content: "";
  width: 8px;
  height: 8px;
  background-color: #2F68C2;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.2s ease;
}
.common-header .header-gnb .gnb-main .header-menu .menu-name:hover .name-text, .common-header .header-gnb .gnb-main .header-menu .menu-name:focus .name-text {
  color: var(--omks-primary-blue2);
}
.common-header .header-gnb .gnb-main .header-menu .menu-name:hover .name-text:before, .common-header .header-gnb .gnb-main .header-menu .menu-name:focus .name-text:before {
  opacity: 1;
  transform: translate(100%, 0) skewY(-0.01deg) scale(1);
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #E5E5E5;
  background-color: #fff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.16);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: all 0.2s ease;
  max-height: 80vh;
  overflow-y: auto;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths.is--on {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-inner {
  display: flex;
  width: 1440px;
  max-width: 100%;
  min-height: 400px;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-inner {
    padding: 0 1.4705882353vw;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-title {
  position: relative;
  flex: 0 0 225px;
  width: 225px;
  box-sizing: border-box;
  padding-top: 50px;
  color: #fff;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-title {
    flex: 0 0 16.5441176471vw;
    width: 16.5441176471vw;
    padding-top: 3.6764705882vw;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-title:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 100vw;
  height: 100%;
  background-color: #2F68C2;
  background-repeat: no-repeat;
  background-image: url("../../img/common/header/menu-background.svg");
  background-position: right 0 bottom -50px;
  background-size: 250px auto;
  background-color: #2F68C2;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-title:before {
    background-position: right 0 bottom-3.6764705882px;
    background-size: 18.3823529412vw auto;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-title .title-name {
  position: relative;
  z-index: 1;
  display: flex;
  margin-bottom: 30px;
  font-family: "SCDream";
  font-size: 35px;
  font-weight: 800;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-title .title-name {
    margin-bottom: 2.2058823529vw;
    font-size: 2.5735294118vw;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-title .title-name:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 34px;
  height: 2px;
  background-color: #fff;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-title .title-description {
  position: relative;
  z-index: 1;
  display: flex;
  padding-right: 40px;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-title .title-description {
    padding-right: 2.9411764706vw;
    font-size: 1.25vw;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-contents {
  flex: 1 1 auto;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group {
  margin: 0;
  padding: 0;
  padding: 20px 40px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group {
    padding: 1.4705882353vw 2.9411764706vw;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .group-item {
  flex: 0 0 25%;
  box-sizing: border-box;
  padding: 20px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .group-item {
    padding: 0.7352941176vw;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .group-item:hover .group-name, .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .group-item:focus-within .group-name {
  border-color: #2F68C2;
  color: #2F68C2;
  text-shadow: 0px 0px 1px #2F68C2;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.19);
  transition: all 0.3s ease;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .group-item.is--on .group-name {
  background: #2F68C2;
  border-color: #2F68C2;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.19);
  font-weight: 500;
  color: #fff;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .group-name {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  padding: 5px 20px;
  border: 1px solid #C9C9C9;
  border-radius: 5px;
  font-size: 17px;
  font-weight: 400;
  color: #222;
  cursor: pointer;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .group-name {
    height: 3.6764705882vw;
    padding: 5px 1.4705882353vw;
    font-size: 1.25vw;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .group-name:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f107";
  font-size: 15px;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  padding: 15px 20px 20px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-list {
    padding: 1.4705882353vw;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-item {
  display: inline-flex;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-item ~ .depths-item {
  margin-top: 5px;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-item.is--on .depths-link {
  color: #2F68C2;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-item.is--on .depths-link .link-icon:after {
  background-color: #2F68C2;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-item.is--on .depths-link .link-text {
  font-weight: 600;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-link {
  color: #555555;
  line-height: 1.4;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-link:after {
  content: "";
  display: block;
  clear: both;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-link .link-icon {
  position: relative;
  float: left;
  width: 5px;
  margin-right: 8px;
  text-indent: -9999px;
  overflow: hidden;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-link .link-icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #B5B5B5;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-link .link-text {
  display: block;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-link .link-text {
    font-size: 1.1764705882vw;
  }
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-link:hover, .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-link:focus {
  color: #2F68C2;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-link:hover .link-icon:after, .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-link:focus .link-icon:after {
  background-color: #2F68C2;
}
.common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-link:hover .link-text, .common-header .header-gnb .gnb-main .header-menu .menu-depths .depths-group .depths-link:focus .link-text {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.common-header .header-gnb .gnb-main .header-menu.style--eng .menu-item ~ .menu-item {
  margin-left: 2.5em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-gnb .gnb-main .header-menu.style--eng .menu-item ~ .menu-item {
    margin-left: 1.875em;
  }
}
.common-header .header-gnb .gnb-main .header-menu.style--eng .menu-name {
  min-width: auto;
}
.common-header .header-gnb .gnb-main .header-menu.style--eng .menu-depths .depths-group .group-name {
  padding: 5px 10px;
  padding-right: 40px;
  font-size: 1em;
}
.common-header .header-gnb .gnb-main .header-menu.style--eng .menu-depths .depths-title .title-name {
  font-size: 1.75em;
  padding-right: 10px;
  font-weight: 700;
}
.common-header .header-gnb .gnb-main .header-aside {
  display: flex;
  align-items: center;
}
.common-header .header-gnb .gnb-main .header-aside .aside-button, .common-header .header-gnb .gnb-main .header-aside .aside-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: var(--omks-radius-1x);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-header .header-gnb .gnb-main .header-aside .aside-button, .common-header .header-gnb .gnb-main .header-aside .aside-link {
    display: none;
    width: 2.375em;
    height: 2.375em;
  }
}
@media only screen and (max-width: 767px) {
  .common-header .header-gnb .gnb-main .header-aside .aside-button, .common-header .header-gnb .gnb-main .header-aside .aside-link {
    display: none;
    width: 2.375em;
    height: 2.375em;
  }
}
.common-header .header-gnb .gnb-main .header-aside .aside-button i, .common-header .header-gnb .gnb-main .header-aside .aside-button .las, .common-header .header-gnb .gnb-main .header-aside .aside-link i, .common-header .header-gnb .gnb-main .header-aside .aside-link .las {
  font-size: 28px;
}
.common-header .header-gnb .gnb-main .header-aside .aside-button img, .common-header .header-gnb .gnb-main .header-aside .aside-link img {
  width: 30px;
  height: 30px;
}
.common-header .header-gnb .gnb-main .header-aside .aside-button ~ .aside-button, .common-header .header-gnb .gnb-main .header-aside .aside-button ~ .aside-link, .common-header .header-gnb .gnb-main .header-aside .aside-link ~ .aside-button, .common-header .header-gnb .gnb-main .header-aside .aside-link ~ .aside-link {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .common-header .header-gnb .gnb-main .header-aside .aside-button ~ .aside-button, .common-header .header-gnb .gnb-main .header-aside .aside-button ~ .aside-link, .common-header .header-gnb .gnb-main .header-aside .aside-link ~ .aside-button, .common-header .header-gnb .gnb-main .header-aside .aside-link ~ .aside-link {
    margin-left: 0.625em;
  }
}
.common-header .header-gnb .gnb-main .header-aside .aside-button:hover, .common-header .header-gnb .gnb-main .header-aside .aside-link:hover {
  background-color: #EEF3FB;
}
.common-header .header-gnb .gnb-main .header-aside .sitemap-button .button-icon {
  display: inline-flex;
}
.common-header .header-gnb .gnb-main .header-aside .sitemap-button .button-icon.sitemap-close {
  display: none;
}
.common-header .header-gnb .gnb-main .header-aside .sitemap-button.is--on .button-icon {
  display: none;
}
.common-header .header-gnb .gnb-main .header-aside .sitemap-button.is--on .button-icon.sitemap-close {
  display: inline-flex;
}
.common-header .header-gnb .gnb-main .header-aside .header-search {
  position: relative;
}
.common-header .header-gnb .gnb-main .header-aside .header-search .search-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.common-header .header-gnb .gnb-main .header-aside .header-search .search-button .button-icon {
  display: inline-flex;
}
.common-header .header-gnb .gnb-main .header-aside .header-search .search-button .button-icon.search-close {
  display: none;
}
.common-header .header-gnb .gnb-main .header-aside .header-search .search-button.is--on .button-icon {
  display: none;
}
.common-header .header-gnb .gnb-main .header-aside .header-search .search-button.is--on .button-icon.search-close {
  display: inline-flex;
}
.common-header .header-gnb .gnb-main .header-aside .header-search .search-layer {
  position: absolute;
  top: 50%;
  right: 100%;
  border-radius: 10px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transform: translate(20px, -50%);
}
.common-header .header-gnb .gnb-main .header-aside .header-search .search-layer.is--on {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translate(0, -50%);
  transition: all 0.3s ease;
}
.common-header .header-gnb .gnb-main .header-aside .header-search .search-layer .search-keywords {
  position: relative;
  width: 300px;
  height: 50px;
  box-sizing: border-box;
  padding-right: 50px;
  border-radius: 10px;
}
.common-header .header-gnb .gnb-main .header-aside .header-search .search-layer .search-keywords:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #11264E;
  background-color: #fff;
  border-radius: 10px;
}
.common-header .header-gnb .gnb-main .header-aside .header-search .search-layer .search-keywords input[type=text] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 18px;
  border-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: transparent;
  font-size: 16px;
  font-family: "SCDream";
  font-weight: 500;
}
.common-header .header-gnb .gnb-main .header-aside .header-search .search-layer .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 50px;
  height: 50px;
  background-color: #11264E;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
}
.common-header .header-gnb .gnb-main .header-aside .header-search .search-layer .search-submit i, .common-header .header-gnb .gnb-main .header-aside .header-search .search-layer .search-submit .la, .common-header .header-gnb .gnb-main .header-aside .header-search .search-layer .search-submit .las, .common-header .header-gnb .gnb-main .header-aside .header-search .search-layer .search-submit img {
  font-size: 28px;
}
.common-header .header-gnb .gnb-main .header-aside .mobile-menu-button {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-header .header-gnb .gnb-main .header-aside .mobile-menu-button {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .common-header .header-gnb .gnb-main .header-aside .mobile-menu-button {
    display: flex;
  }
}
.common-header .header-sitemap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #232A3C;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-header .header-sitemap {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .common-header .header-sitemap {
    display: none;
  }
}
.common-header .header-sitemap a:hover {
  color: inherit;
}
.common-header .header-sitemap.is--on {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.common-header .header-sitemap .sitemap-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  background-color: #2F68C2;
  color: #fff;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .common-header .header-sitemap .sitemap-close {
    width: 4.375vw;
    height: 4.375vw;
  }
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-sitemap .sitemap-close {
    width: 4.4117647059vw;
    height: 4.4117647059vw;
  }
}
.common-header .header-sitemap .sitemap-close i, .common-header .header-sitemap .sitemap-close .las, .common-header .header-sitemap .sitemap-close .la {
  font-size: 48px;
}
.common-header .header-sitemap .sitemap-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 90px;
  overflow: auto;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .common-header .header-sitemap .sitemap-wrap {
    padding: 0 4.375vw;
  }
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-sitemap .sitemap-wrap {
    padding: 0;
  }
}
.common-header .header-sitemap .sitemap-menu {
  width: 100%;
  min-height: 100vh;
  width: 1920px;
  max-width: 100%;
  margin: 0 auto;
}
.common-header .header-sitemap .sitemap-menu .menu-list {
  display: flex;
  width: 100%;
  min-height: 100vh;
}
.common-header .header-sitemap .sitemap-menu .menu-item {
  flex: 0 0 20%;
  padding: 120px 40px;
  color: #fff;
  line-height: 1.4;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-sitemap .sitemap-menu .menu-item {
    padding: 5.8823529412vw 2.9411764706vw;
  }
}
.common-header .header-sitemap .sitemap-menu .menu-item ~ .menu-item {
  position: relative;
}
.common-header .header-sitemap .sitemap-menu .menu-item ~ .menu-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 1px;
  height: 100%;
  transform: translateY(-50%) skewY(-0.01deg);
  background-color: rgba(255, 255, 255, 0.25);
}
.common-header .header-sitemap .sitemap-menu .menu-item:hover, .common-header .header-sitemap .sitemap-menu .menu-item:focus-within {
  background-color: #171c2a;
}
.common-header .header-sitemap .sitemap-menu .menu-name {
  font-size: 30px;
  font-weight: 600;
  font-family: "SCDream";
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-sitemap .sitemap-menu .menu-name {
    font-size: 2.2058823529vw;
  }
}
.common-header .header-sitemap .sitemap-menu .menu-2depths {
  margin-top: 50px;
}
.common-header .header-sitemap .sitemap-menu .menu-2depths ul, .common-header .header-sitemap .sitemap-menu .menu-2depths li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.common-header .header-sitemap .sitemap-menu .menu-2depths .depths-name {
  display: block;
  margin-bottom: 10px;
}
.common-header .header-sitemap .sitemap-menu .menu-2depths .depths-stnc {
  font-size: 22px;
  font-weight: 500;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-sitemap .sitemap-menu .menu-2depths .depths-stnc {
    font-size: 1.6176470588vw;
  }
}
.common-header .header-sitemap .sitemap-menu .menu-2depths .depths-stnc:hover {
  color: #fff;
}
.common-header .header-sitemap .sitemap-menu .menu-2depths .depths-stnc:hover .stnc-text {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  color: #fff;
}
.common-header .header-sitemap .sitemap-menu .menu-2depths .depths-stnc:after {
  content: "";
  display: block;
  clear: both;
}
.common-header .header-sitemap .sitemap-menu .menu-2depths .depths-stnc .stnc-icon {
  float: left;
  margin-right: 5px;
}
.common-header .header-sitemap .sitemap-menu .menu-2depths .depths-stnc .stnc-text {
  display: block;
  overflow: hidden;
}
.common-header .header-sitemap .sitemap-menu .menu-2depths .depths-stnc.style--bullet .stnc-icon {
  position: relative;
  width: 5px;
  text-indent: -9999px;
  overflow: hidden;
  margin-right: 5px;
}
.common-header .header-sitemap .sitemap-menu .menu-2depths .depths-stnc.style--bullet .stnc-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
}
.common-header .header-sitemap .sitemap-menu .menu-2depths .depths-stnc.style--bullet:hover .stnc-icon:before {
  background-color: white;
}
.common-header .header-sitemap .sitemap-menu .menu-2depths .depths-item ~ .depths-item {
  margin-top: 30px;
}
.common-header .header-sitemap .sitemap-menu .menu-3depths .depths-name {
  color: rgba(255, 255, 255, 0.6);
}
.common-header .header-sitemap .sitemap-menu .menu-3depths .depths-stnc {
  font-size: 17px;
  font-weight: 300;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-sitemap .sitemap-menu .menu-3depths .depths-stnc {
    font-size: 1.25vw;
  }
}
.common-header .header-sitemap .sitemap-menu .menu-3depths .depths-item ~ .depths-item {
  margin-top: 5px;
}
.common-header .header-sitemap .sitemap-menu .menu-4depths {
  margin-top: 10px;
  padding: 0 10px 10px 10px;
}
.common-header .header-sitemap .sitemap-menu .menu-4depths .depths-item ~ .depths-item {
  margin-top: 5px;
}
.common-header .header-sitemap .sitemap-menu .menu-4depths .depths-stnc {
  font-size: 16px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-sitemap .sitemap-menu .menu-4depths .depths-stnc {
    font-size: 1.1764705882vw;
  }
}
.common-header .header-sitemap .sitemap-menu .menu-5depths {
  padding-left: 10px;
  padding-bottom: 10px;
}
.common-header .header-sitemap .sitemap-menu .menu-5depths .depths-item ~ .depths-item {
  margin-top: 3px;
}
.common-header .header-sitemap .sitemap-menu .menu-5depths .depths-stnc {
  font-size: 15px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-header .header-sitemap .sitemap-menu .menu-5depths .depths-stnc {
    font-size: 1.1029411765vw;
  }
}
.common-header .header-gnb:has(.sitemap-button.is--on) {
  transform: translate(0) !important;
  box-shadow: none !important;
}

/* container */
.common-container {
  position: relative;
  z-index: 1;
  padding-bottom: 50px;
}
.common-container .page-inner {
  display: flex;
  align-items: flex-start;
  width: 1640px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .common-container .page-inner {
    padding: 0 14px;
  }
}
.common-container .page-visual {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  width: 100%;
  height: 215px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-container .page-visual {
    height: 13.4375em;
  }
}
@media only screen and (max-width: 767px) {
  .common-container .page-visual {
    height: 9.375em;
  }
}
.common-container .page-visual .visual-frame {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #EEF3FB;
  overflow: hidden;
}
.common-container .page-visual .visual-frame [class*=visual-icon] {
  position: absolute;
  animation: pageVisualIcon 0.5s ease 0.1s 1 normal both;
}
.common-container .page-visual .visual-frame .visual-icon01 {
  top: 8.75em;
  left: calc(50% - 57.5em);
}
.common-container .page-visual .visual-frame .visual-icon02 {
  top: -10em;
  left: calc(50% - 52.5em);
}
@media only screen and (max-width: 767px) {
  .common-container .page-visual .visual-frame .visual-icon02 {
    left: calc(50% - 28.5em);
  }
}
.common-container .page-visual .visual-frame .visual-icon03 {
  top: -3.125em;
  left: calc(50% - 31.875em);
}
.common-container .page-visual .visual-frame .visual-icon04 {
  top: 5em;
  left: calc(50% - 17.5em);
}
@media only screen and (max-width: 767px) {
  .common-container .page-visual .visual-frame .visual-icon04 {
    left: calc(50% - 14.5em);
  }
}
.common-container .page-visual .visual-frame .visual-icon05 {
  top: 4.375em;
  left: calc(50% + 18.75em);
}
.common-container .page-visual .visual-frame .visual-icon06 {
  top: -3.125em;
  left: calc(50% + 25em);
}
@media only screen and (max-width: 767px) {
  .common-container .page-visual .visual-frame .visual-icon06 {
    left: calc(50% + 12em);
  }
}
.common-container .page-visual .visual-frame .visual-icon07 {
  top: 4.375em;
  left: calc(50% + 37.5em);
}
.common-container .page-visual .visual-frame .visual-icon08 {
  top: 3.125em;
  left: calc(50% + 48.75em);
}
@media only screen and (max-width: 767px) {
  .common-container .page-visual .visual-frame .visual-icon08 {
    left: calc(50% + 10.75em);
  }
}
.common-container .page-visual .visual-frame .visual-icon09 {
  top: 4.375em;
  left: calc(50% + 53.125em);
}
@keyframes pageVisualIcon {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.common-container .page-menu {
  position: sticky;
  top: 0;
  z-index: 1;
  flex: 0 0 270px;
  width: 270px;
  flex: 0 0 16.875em;
  width: 16.875em;
  padding-top: 50px;
  margin-right: 60px;
  padding-top: 5.375em;
  margin-right: 3.75em;
  transition: all 0.2s ease;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .common-container .page-menu {
    font-size: 0.875em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-container .page-menu {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .common-container .page-menu {
    display: none;
  }
}
.common-container .page-menu .menu-head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10em;
  box-sizing: border-box;
  padding: 18px;
  background: #2F68C2;
  border-top-right-radius: 20px;
}
.common-container .page-menu .menu-body {
  border: 1px solid #D9DCDF;
  border-top: 0;
  background-color: #fff;
}
.common-container .page-menu .menu-body.is--on {
  max-height: calc(100vh - 28.125em);
  overflow-y: auto;
}
.common-container .page-menu .menu-body.is--on::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.common-container .page-menu .menu-body.is--on::-webkit-scrollbar-track {
  background-color: #f3f5f7;
}
.common-container .page-menu .menu-body.is--on::-webkit-scrollbar-thumb {
  background-color: #555864;
}
.common-container .page-menu .menu-body.is--on::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.common-container .page-menu .menu-item ~ .menu-item {
  border-top: 1px solid #D9DCDF;
}
.common-container .page-menu .menu-item.is--on .menu-name {
  position: relative;
  font-weight: 600;
  color: var(--omks-primary-blue2);
}
.common-container .page-menu .menu-item.is--on .menu-name:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid var(--omks-primary-blue2);
}
.common-container .page-menu .menu-item:last-child .menu-2depths > .depths-list > .depths-item:last-child .menu-3depths {
  margin-bottom: 1.875em;
}
.common-container .page-menu .menu-item:last-child .menu-2depths > .depths-list > .depths-item:last-child .menu-3depths .depths-links {
  border-bottom: 1px solid #D9DCDF;
}
.common-container .page-menu .menu-title {
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  font-family: "SCDream";
  letter-spacing: -2%;
}
.common-container .page-menu .menu-name {
  display: flex;
  align-items: center;
  height: 3.75em;
  height: 60px;
  box-sizing: border-box;
  padding: 10px 20px;
  font-weight: 500;
  color: #444;
}
.common-container .page-menu .menu-name .name-text {
  font-size: 17px;
  text-align: left;
  line-height: 1.4;
}
.common-container .page-menu .menu-2depths {
  padding: 0 20px;
}
.common-container .page-menu .menu-2depths .depths-item {
  border-top: 1px solid #D9DCDF;
}
.common-container .page-menu .menu-2depths .depths-item.is--on > .depths-name {
  color: var(--omks-primary-blue2);
  font-weight: 600;
}
.common-container .page-menu .menu-2depths .depths-item.is--on > .depths-name[type=button]:after {
  content: "\f068";
}
.common-container .page-menu .menu-2depths .depths-item.is--on .menu-3depths {
  display: block;
}
.common-container .page-menu .menu-2depths .depths-item.is--on .menu-3depths .depths-item:first-child {
  border-top-color: var(--omks-primary-blue2);
}
.common-container .page-menu .menu-2depths .depths-name {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  padding: 5px 0;
  padding-right: 24px;
  color: #222;
  font-weight: 300;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.common-container .page-menu .menu-2depths .depths-name .name-text {
  position: relative;
  display: inline-flex;
  padding-left: 16px;
}
.common-container .page-menu .menu-2depths .depths-name .name-text:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
}
.common-container .page-menu .menu-2depths .depths-name[type=button] {
  position: relative;
}
.common-container .page-menu .menu-2depths .depths-name[type=button]:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f067";
  font-size: 24px;
}
.common-container .page-menu .menu-3depths {
  display: none;
}
.common-container .page-menu .menu-3depths .depths-item.is--on > .depths-name {
  color: var(--omks-primary-blue2);
  font-weight: 600;
}
.common-container .page-menu .menu-3depths .depths-item.is--on > .depths-name[type=button]:after {
  content: "\f106";
}
.common-container .page-menu .menu-3depths .depths-item.is--on .depths-links {
  display: block;
}
.common-container .page-menu .menu-3depths .depths-name {
  color: #222;
}
.common-container .page-menu .menu-3depths .depths-name .name-text {
  position: relative;
  display: inline-flex;
  padding-left: 24px;
  font-size: 15px;
}
.common-container .page-menu .menu-3depths .depths-name .name-text:before {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #B8B8B8;
}
.common-container .page-menu .menu-3depths .depths-name[type=button]:after {
  right: 5px;
  content: "\f107";
  font-size: 16px;
}
.common-container .page-menu .menu-3depths .depths-links {
  display: none;
  border-top: 1px solid #D9DCDF;
  background: #F4F8FF;
  padding: 10px 28px 15px;
}
.common-container .page-menu .menu-3depths .depths-link {
  font-weight: 300;
  color: #555;
}
.common-container .page-menu .menu-3depths .depths-link ~ .depths-link {
  margin-top: 5px;
}
.common-container .page-menu .menu-3depths .depths-link .link-icon {
  position: relative;
  float: left;
  margin-right: 10px;
  text-indent: -9999px;
}
.common-container .page-menu .menu-3depths .depths-link .link-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #B8B8B8;
}
.common-container .page-menu .menu-3depths .depths-link .link-text {
  display: block;
  overflow: hidden;
  font-size: 15px;
  text-underline-offset: 0.3em;
}
.common-container .page-menu .menu-3depths .depths-link:hover .link-text {
  text-decoration: underline;
}
.common-container .page-menu .menu-3depths .depths-link.is--on {
  color: var(--omks-primary-blue2);
  font-weight: 600;
}
.common-container .page-menu .menu-3depths .depths-link.is--on .link-icon:before {
  background-color: var(--omks-primary-blue2);
}
.common-container .page-section {
  position: relative;
  flex: 1 1 auto;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-container .page-section {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .common-container .page-section {
    width: 100%;
  }
}
.common-container .page-head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 215px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-container .page-head {
    height: 13.4375em;
  }
}
@media only screen and (max-width: 767px) {
  .common-container .page-head {
    height: 9.375em;
    box-sizing: border-box;
    padding-bottom: 1.875em;
  }
}
.common-container .page-title {
  font-size: 2.25em;
  font-weight: 600;
  color: #222;
  line-height: 1.4;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
  font-family: "SCDream";
}
@media only screen and (max-width: 767px) {
  .common-container .page-title {
    font-size: 1.875em;
  }
}
.common-container .page-bread-crumbs {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
  z-index: 2;
  width: 100%;
}
.common-container .page-bread-crumbs .bread-crumbs-list {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  padding: 12px 18px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .common-container .page-bread-crumbs .bread-crumbs-list {
    padding: 10px;
  }
}
.common-container .page-bread-crumbs .bread-crumbs-item {
  list-style: none;
}
.common-container .page-bread-crumbs .bread-crumbs-item ~ .bread-crumbs-item {
  position: relative;
  margin-left: 15px;
  padding-left: 15px;
}
.common-container .page-bread-crumbs .bread-crumbs-item ~ .bread-crumbs-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f105";
  font-size: 10px;
}
.common-container .page-bread-crumbs .bread-crumbs-item:last-child .bread-crumbs-depths .depths-name {
  color: var(--omks-primary-blue2);
  background-image: url("../../img/common/container/bread-crumbs-arrow-on.svg");
}
.common-container .page-bread-crumbs .bread-crumbs-depths {
  position: relative;
  display: flex;
}
.common-container .page-bread-crumbs .bread-crumbs-depths .depths-name {
  min-width: 7.5em;
  min-height: 2.625em;
  max-width: -moz-max-content;
  max-width: max-content;
  box-sizing: border-box;
  padding-right: 1.125em;
  text-underline-offset: 0.25em;
  background-repeat: no-repeat;
  background-position: right 0 top 50%;
  background-image: url("../../img/common/container/bread-crumbs-arrow.svg");
  background-size: 0.625em 0.375em;
}
@media only screen and (max-width: 767px) {
  .common-container .page-bread-crumbs .bread-crumbs-depths .depths-name {
    max-width: -moz-max-content;
    max-width: max-content;
    min-width: auto;
    height: auto;
  }
}
.common-container .page-bread-crumbs .bread-crumbs-depths .depths-name .name-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 17px;
  line-height: 1.4;
  text-align: center;
  font-size: 1.0625em;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .common-container .page-bread-crumbs .bread-crumbs-depths .depths-name .name-text {
    font-size: 0.875em;
    text-align: left;
  }
}
.common-container .page-bread-crumbs .bread-crumbs-depths .depths-name:hover {
  text-decoration: underline;
}
.common-container .page-bread-crumbs .bread-crumbs-depths .depths-name.is--on ~ .depths-layer {
  z-index: 1;
  opacity: 1;
  visibility: visible;
}
.common-container .page-bread-crumbs .bread-crumbs-depths .depths-layer {
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  padding: 14px 18px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.0705882353);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}
.common-container .page-bread-crumbs .bread-crumbs-depths .depths-link {
  position: relative;
  display: flex;
  white-space: nowrap;
  padding-left: 10px;
  text-underline-offset: 0.25em;
  font-weight: 300;
  line-height: 1.4;
}
.common-container .page-bread-crumbs .bread-crumbs-depths .depths-link:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 3px;
  height: 3px;
  background-color: #999;
}
.common-container .page-bread-crumbs .bread-crumbs-depths .depths-link ~ .depths-link {
  margin-top: 5px;
}
.common-container .page-bread-crumbs .bread-crumbs-depths .depths-link .link-text {
  font-size: 0.9375em;
}
.common-container .page-bread-crumbs .bread-crumbs-depths .depths-link:hover {
  text-decoration: underline;
}
.common-container .page-bread-crumbs .bread-crumbs-depths .depths-link.is--now {
  font-weight: 400;
  color: var(--omks-primary-blue2);
}
.common-container .page-bread-crumbs .bread-crumbs-depths .depths-link.is--now:before {
  background-color: var(--omks-primary-blue2);
}
.common-container .page-bread-crumbs .bread-crumbs-home {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 0.75em;
  background-color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.0705882353);
}
.common-container .page-bread-crumbs .bread-crumbs-home img {
  width: 0.75em;
  height: 0.75em;
}
@media only screen and (max-width: 767px) {
  .common-container .page-bread-crumbs .bread-crumbs-item:after {
    content: "···";
  }
  .common-container .page-bread-crumbs .bread-crumbs-item .bread-crumbs-depths {
    display: none;
  }
  .common-container .page-bread-crumbs .bread-crumbs-item:nth-child(2) ~ .bread-crumbs-item .bread-crumbs-depths .depths-layer {
    left: inherit;
    right: 0;
    transform: translateX(0);
  }
}
@media only screen and (max-width: 767px) {
  .common-container .page-bread-crumbs .bread-crumbs-item:has(.bread-crumbs-home):after, .common-container .page-bread-crumbs .bread-crumbs-item:has(.bread-crumbs-home) ~ .bread-crumbs-item:last-child:after, .common-container .page-bread-crumbs .bread-crumbs-item:has(.bread-crumbs-home) ~ .bread-crumbs-item:nth-last-child(2):after {
    content: none;
  }
  .common-container .page-bread-crumbs .bread-crumbs-item:has(.bread-crumbs-home) .bread-crumbs-depths, .common-container .page-bread-crumbs .bread-crumbs-item:has(.bread-crumbs-home) ~ .bread-crumbs-item:last-child .bread-crumbs-depths, .common-container .page-bread-crumbs .bread-crumbs-item:has(.bread-crumbs-home) ~ .bread-crumbs-item:nth-last-child(2) .bread-crumbs-depths {
    display: block;
  }
}
.common-container .page-body {
  position: relative;
  padding: 4.375em 0 5em 0;
}
@media only screen and (max-width: 767px) {
  .common-container .page-body {
    padding: 4.375em 0 5em 0;
  }
}
.common-container .page-tab {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .common-container .page-tab {
    margin-bottom: 3.75em;
  }
}
@media only screen and (max-width: 767px) {
  .common-container .page-tab .omks--tab {
    display: none;
  }
}
.common-container .page-tab .omks--tab-frame {
  border: none;
}
.common-container .page-tab .omks--tab-button {
  height: auto;
  min-height: 3.75em;
  box-sizing: border-box;
  padding: 0.5em 0;
  background: none;
  border: none;
  border-bottom: 1px solid #DDDDDD;
}
.common-container .page-tab .omks--tab-button .button-text {
  font-size: 1.0625em;
  font-weight: 400;
  color: #555555;
  line-height: 1.2;
}
.common-container .page-tab .omks--tab-button.is--on {
  border-bottom: 2px solid var(--omks-primary-blue2);
}
.common-container .page-tab .omks--tab-button.is--on .button-text {
  font-size: 1.125em;
  font-weight: 600;
  color: var(--omks-primary-blue2);
}
@media only screen and (max-width: 767px) {
  .common-container .page-tab.style--mobile-overflow .omks--tab {
    padding-bottom: 10px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .common-container .page-tab.style--mobile-overflow .omks--tab::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .common-container .page-tab.style--mobile-overflow .omks--tab::-webkit-scrollbar-track {
    background-color: #f3f5f7;
  }
  .common-container .page-tab.style--mobile-overflow .omks--tab::-webkit-scrollbar-thumb {
    background-color: #2F68C2;
    border-radius: 8px;
  }
  .common-container .page-tab.style--mobile-overflow .omks--tab::-webkit-scrollbar-corner {
    background-color: #f3f5f7;
  }
  .common-container .page-tab.style--mobile-overflow .omks--tab-button {
    flex: 0 0 33.33%;
    order: 2;
  }
  .common-container .page-tab.style--mobile-overflow .omks--tab-button.is--on {
    order: 1;
  }
}
.common-container .page-tab .tab-mobile {
  display: none;
  border-bottom: 2px solid var(--omks-primary-blue2);
}
@media only screen and (max-width: 767px) {
  .common-container .page-tab .tab-mobile {
    display: block;
  }
}
.common-container .page-tab .tab-mobile .omks--select, .common-container .page-tab .tab-mobile select {
  margin: 0;
  padding: 0 1.125em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  width: 100%;
  height: 2.5em;
  font-size: 1.125em;
  font-weight: 600;
  color: var(--omks-primary-blue2);
  background-image: url("../../img/common/container/tab-select.svg");
}

/* mobile */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .mobile-menu.is--on {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-menu.is--on {
    display: flex;
  }
}
.mobile-menu .mm-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.mobile-menu .mm-wrap .mm-head {
  flex: 0 0 8.3475em;
}
.mobile-menu .mm-wrap .mm-body {
  flex: 1 1 auto;
  height: calc(100% - 8.3475em);
}
.mobile-menu .mm-wrap .mm-foot {
  flex: 0 0 4em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 0.0625em solid #ececec;
  background-color: #465059;
  display: none;
}
.mobile-menu .mm-head .head-row {
  display: flex;
  align-items: center;
  height: 4.6875em;
  box-sizing: border-box;
  padding: 0.4em 1.25em;
  border-bottom: 0.0625em solid rgba(255, 255, 255, 0.15);
  background-color: #232A3C;
  color: #fff;
}
.mobile-menu .mm-head .head-row.style--func {
  height: 3.75em;
  background-color: #232A3C;
}
.mobile-menu .mm-head .head-logo {
  display: inline-flex;
  margin: 0 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .mobile-menu .mm-head .head-logo {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mm-head .head-logo {
    margin: 0;
  }
}
.mobile-menu .mm-head .head-logo img {
  width: 8.75em;
}
.mobile-menu .mm-head .mm-search {
  margin-left: auto;
}
.mobile-menu .mm-head .mm-search ~ .mm-close {
  margin-left: 0.5em;
}
.mobile-menu .mm-user {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 399px) {
  .mobile-menu .mm-user {
    font-size: 0.9em;
  }
}
.mobile-menu .mm-user .user-name {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.mobile-menu .mm-user .user-name .name-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: #343C51;
  border-radius: 50%;
  margin-right: 0.25em;
}
.mobile-menu .mm-user .user-name .name-icon i, .mobile-menu .mm-user .user-name .name-icon .la, .mobile-menu .mm-user .user-name .name-icon .las {
  font-size: 1.4em;
}
.mobile-menu .mm-user .user-name .name-text {
  font-size: 1em;
  font-weight: 400;
}
.mobile-menu .mm-user .user-name .name-text b {
  font-size: 1.05em;
  font-weight: 500;
}
.mobile-menu .mm-user .user-login, .mobile-menu .mm-user .user-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  box-sizing: border-box;
  padding: 0 7.5px;
  border: 1px solid #fff;
  border-radius: 50px;
}
.mobile-menu .mm-user .user-login .login-ico, .mobile-menu .mm-user .user-logout .login-ico {
  display: inline-flex;
  margin-right: 2.5px;
}
.mobile-menu .mm-user .user-login .login-ico i, .mobile-menu .mm-user .user-login .login-ico .la, .mobile-menu .mm-user .user-login .login-ico .las, .mobile-menu .mm-user .user-logout .login-ico i, .mobile-menu .mm-user .user-logout .login-ico .la, .mobile-menu .mm-user .user-logout .login-ico .las {
  font-size: 17px;
}
.mobile-menu .mm-user .user-login .login-text, .mobile-menu .mm-user .user-logout .login-text {
  font-size: 0.9em;
  font-weight: 300;
}
.mobile-menu .mm-user-menu {
  margin-left: auto;
  display: flex;
}
@media only screen and (max-width: 399px) {
  .mobile-menu .mm-user-menu {
    font-size: 0.9em;
  }
}
.mobile-menu .mm-user-menu .um-link ~ .um-link {
  position: relative;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
.mobile-menu .mm-user-menu .um-link ~ .um-link:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 1px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.5);
}
.mobile-menu .mm-user-menu .um-link:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.mobile-menu .mm-user-menu .um-link .link-text {
  font-weight: 300;
}
.mobile-menu .mm-eng-link {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}
.mobile-menu .mm-eng-link .link-icon {
  display: inline-flex;
  margin-right: 0.5em;
}
.mobile-menu .mm-eng-link .link-text {
  font-size: 1em;
}
.mobile-menu .mm-search,
.mobile-menu .mm-close {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.375em;
  height: 2.375em;
  border-radius: 0.3125em;
  color: #fff;
}
.mobile-menu .mm-search i, .mobile-menu .mm-search .la, .mobile-menu .mm-search .las,
.mobile-menu .mm-close i,
.mobile-menu .mm-close .la,
.mobile-menu .mm-close .las {
  font-size: 24px;
}
.mobile-menu .mm-search:hover,
.mobile-menu .mm-close:hover {
  background-color: #EEF3FB;
  color: #2F68C2;
}
.mobile-menu .mm-sns {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-menu .mm-sns .sns-link {
  display: inline-flex;
}
.mobile-menu .mm-sns .sns-link ~ .sns-link {
  margin-left: 1em;
}
.mobile-menu .mm-sns .sns-link img {
  width: 2.4em;
}
.mobile-menu .mm-menu {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.mobile-menu .mm-menu:before, .mobile-menu .mm-menu:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.mobile-menu .mm-menu:before {
  width: 11.25em;
  background-color: #2F68C2;
}
.mobile-menu .mm-menu:after {
  left: 11.25em;
  width: calc(100% - 11.25em);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 2em bottom 2em;
  background-image: url("../../img/common/logo-background.svg");
  background-size: 8em auto;
}
.mobile-menu .mm-menu .menu-list {
  position: relative;
  z-index: 1;
}
.mobile-menu .mm-menu .menu-item {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
}
.mobile-menu .mm-menu .menu-name {
  position: relative;
  flex: 0 0 11.25em;
  width: 11.25em;
  height: 3.75em;
  display: flex;
  align-items: center;
  padding: 0.4em 1em;
  color: #fff;
}
.mobile-menu .mm-menu .menu-name .name-text {
  font-size: 1.25em;
}
.mobile-menu .mm-menu .menu-name:after {
  position: absolute;
  top: 50%;
  right: 1.25em;
  transform: translateY(-50%);
  font-family: "Line Awesome Free";
  font-weight: 700;
  font-size: 17px;
}
.mobile-menu .mm-menu .menu-name.is--on {
  background-color: #fff;
  color: #2F68C2;
  font-weight: 600;
}
.mobile-menu .mm-menu .menu-name.is--on:after {
  content: "\f105";
}
.mobile-menu .mm-menu .menu-name.is--on + .menu-depths {
  display: block;
}
.mobile-menu .mm-menu .menu-depths {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 11.25em);
  max-height: calc(100vh - 11.25em);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 1.25em;
  display: none;
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mm-menu .menu-depths {
    padding: 0 1em;
  }
}
.mobile-menu .mm-menu .menu-depths .depths-list {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.mobile-menu .mm-menu .menu-depths .depths-item {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: none;
}
.mobile-menu .mm-menu .menu-depths .depths-item ~ .depths-item {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .mm-menu .menu-depths .depths-name {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.75em;
  box-sizing: border-box;
  padding: 0 0.5em;
  font-size: 1em;
  color: #222;
}
.mobile-menu .mm-menu .menu-depths .depths-name.is--on {
  color: #2F68C2;
  text-shadow: 0px 0px 1px #2F68C2;
}
.mobile-menu .mm-menu .menu-depths .depths-name.is--on ~ .menu-3depths {
  display: block;
}
.mobile-menu .mm-menu .menu-depths .depths-name[type=button] {
  position: relative;
}
.mobile-menu .mm-menu .menu-depths .depths-name[type=button]:after {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f067";
  font-size: 1.25em;
}
.mobile-menu .mm-menu .menu-depths .depths-name[type=button].is--on:after {
  content: "\f068";
}
.mobile-menu .mm-menu .menu-depths .depths-links {
  padding: 0.25em 0.75em;
  background: #E8F0FF;
}
.mobile-menu .mm-menu .menu-depths .depths-link {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0.25em 0.5em;
  color: #434343;
}
.mobile-menu .mm-menu .menu-depths .depths-link:hover, .mobile-menu .mm-menu .menu-depths .depths-link.is--on {
  color: #2F68C2;
}
.mobile-menu .mm-menu .menu-depths .depths-link:hover .link-stnc .stnc-text, .mobile-menu .mm-menu .menu-depths .depths-link.is--on .link-stnc .stnc-text {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.mobile-menu .mm-menu .menu-depths .depths-link:hover .link-stnc.style--bullet .stnc-icon:before, .mobile-menu .mm-menu .menu-depths .depths-link.is--on .link-stnc.style--bullet .stnc-icon:before {
  background-color: #2F68C2;
}
.mobile-menu .mm-menu .menu-depths .depths-link .link-stnc:after {
  content: "";
  display: block;
  clear: both;
}
.mobile-menu .mm-menu .menu-depths .depths-link .link-stnc .stnc-icon {
  float: left;
  margin-right: 0.5em;
}
.mobile-menu .mm-menu .menu-depths .depths-link .link-stnc .stnc-text {
  display: block;
  overflow: hidden;
}
.mobile-menu .mm-menu .menu-depths .depths-link .link-stnc.style--bullet .stnc-icon {
  position: relative;
  float: left;
  margin-right: 0.5em;
  color: transparent;
}
.mobile-menu .mm-menu .menu-depths .depths-link .link-stnc.style--bullet .stnc-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  width: 0.25em;
  height: 0.25em;
  border-radius: 50%;
  background-color: #B8B8B8;
}
.mobile-menu .mm-menu .menu-depths .menu-3depths {
  display: none;
  padding: 0.9375em 0.03125em 1.5em;
  border-top: 1px solid #2F68C2;
  background-color: #fff;
}
.mobile-menu .mm-menu .menu-depths .menu-3depths .depths-item ~ .depths-item {
  border-top: 0;
}
.mobile-menu .mm-menu .menu-depths .menu-3depths .depths-link {
  height: 2.6666666667em;
  font-size: 0.9375em;
}
.mobile-menu .mm-menu .menu-depths .menu-3depths .depths-links .depths-link {
  height: 2.5066666667em;
  padding: 0;
}
.mobile-menu .mm-menu .menu-aside {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  z-index: 1;
  width: 11.25em;
  box-sizing: border-box;
  padding: 0 1.25em 2.8125em;
  margin-top: auto;
  color: #fff;
  line-height: 1.4;
  font-weight: 400;
}
.mobile-menu .mm-menu .menu-aside .aside-link {
  display: flex;
  align-items: center;
  width: 100%;
  height: 2.625em;
  box-sizing: border-box;
  padding: 0 0.625em;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.mobile-menu .mm-menu .menu-aside .aside-link ~ .aside-link {
  margin-top: 0.35em;
}
.mobile-menu .mm-menu .menu-aside .aside-link .link-text {
  font-size: 0.9375em;
  text-align: right;
}
.mobile-menu .mm-menu .menu-aside .aside-link .link-icon {
  margin-left: auto;
  display: inline-flex;
}
.mobile-menu .mm-menu .menu-aside .aside-link .link-icon i, .mobile-menu .mm-menu .menu-aside .aside-link .link-icon .la, .mobile-menu .mm-menu .menu-aside .aside-link .link-icon .las {
  font-size: 1.25em;
}
.mobile-menu.style--eng .mm-menu .menu-name .name-text {
  font-size: 1em;
}

/* fixed Menu */
.common-fixed-menu {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-fixed-menu {
    top: inherit;
    transform: none;
    bottom: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .common-fixed-menu {
    top: inherit;
    transform: none;
    bottom: 1em;
  }
}
.common-fixed-menu .fixed-menu-frame {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 6.5625em;
  box-shadow: -4px 4px 11px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: var(--omks-radius-2x);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-fixed-menu .fixed-menu-frame {
    width: 5em;
  }
  .common-fixed-menu .fixed-menu-frame:has(.quick-link-group.is--on) {
    width: 6.875em;
  }
}
@media only screen and (max-width: 767px) {
  .common-fixed-menu .fixed-menu-frame {
    width: 3.75em;
  }
  .common-fixed-menu .fixed-menu-frame:has(.quick-link-group.is--on) {
    width: 6.875em;
  }
}
.common-fixed-menu .fixed-menu-quick .toggle-button {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 7.1875em;
  box-sizing: border-box;
  padding-top: 3.75em;
  background-color: #2F68C2;
  background-repeat: no-repeat;
  background-image: url("../../img/common/container/quick-menu-background.svg");
  background-position: center bottom -1em;
  background-size: 6.4375em auto;
  border-top-left-radius: var(--omks-radius-2x);
}
@media only screen and (max-width: 767px) {
  .common-fixed-menu .fixed-menu-quick .toggle-button {
    height: 6.25em;
    padding-top: 3.125em;
  }
}
.common-fixed-menu .fixed-menu-quick .toggle-button .button-text {
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .common-fixed-menu .fixed-menu-quick .toggle-button .button-text {
    font-size: 0.875em;
  }
}
.common-fixed-menu .fixed-menu-quick .toggle-button .button-image {
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -3.75em);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-fixed-menu .fixed-menu-quick .toggle-button .button-image {
    transform: translate(-50%, -2em);
  }
}
@media only screen and (max-width: 767px) {
  .common-fixed-menu .fixed-menu-quick .toggle-button .button-image {
    transform: translate(-50%, -1.5em);
  }
}
.common-fixed-menu .fixed-menu-quick .toggle-button .button-image img {
  width: 4.25em;
  max-width: none;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-fixed-menu .fixed-menu-quick .toggle-button .button-image img {
    width: 3.125em;
  }
}
@media only screen and (max-width: 767px) {
  .common-fixed-menu .fixed-menu-quick .toggle-button .button-image img {
    width: 2.5em;
  }
}
.common-fixed-menu .fixed-menu-quick .quick-link-group {
  height: 0;
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.common-fixed-menu .fixed-menu-quick .quick-link-group.is--on {
  opacity: 1;
  visibility: visible;
}
.common-fixed-menu .fixed-menu-quick .quick-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 6.25em;
  padding: 0 10px;
  background-color: #fff;
}
.common-fixed-menu .fixed-menu-quick .quick-link ~ .quick-link {
  border-top: 0.0625em solid #E6E6E6;
}
.common-fixed-menu .fixed-menu-quick .quick-link .link-icon {
  display: inline-flex;
  margin-bottom: 0.5em;
}
.common-fixed-menu .fixed-menu-quick .quick-link .link-icon img {
  width: 1.875em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-fixed-menu .fixed-menu-quick .quick-link .link-icon img {
    width: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .common-fixed-menu .fixed-menu-quick .quick-link .link-icon img {
    width: 1.5em;
  }
}
.common-fixed-menu .fixed-menu-quick .quick-link .link-text {
  font-size: 0.875em;
  font-weight: 400;
  color: #222222;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-align: center;
}
.common-fixed-menu .fixed-menu-quick .quick-link:hover .link-text {
  color: #2F68C2;
  text-shadow: 0 0 1px #2F68C2;
}
.common-fixed-menu .fixed-menu-move {
  width: 100%;
  height: 3.125em;
}
.common-fixed-menu .fixed-menu-move .move-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 5px;
  background-color: #283142;
  border-bottom-left-radius: var(--omks-radius-2x);
  font-weight: 600;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-fixed-menu .fixed-menu-move .move-button {
    height: 5em;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .common-fixed-menu .fixed-menu-move .move-button {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-fixed-menu .fixed-menu-move .move-button .button-text {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .common-fixed-menu .fixed-menu-move .move-button .button-text {
    order: 2;
    font-size: 0.875em;
  }
}
.common-fixed-menu .fixed-menu-move .move-button .button-icon {
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: 1em;
  box-sizing: border-box;
  border: 0.0625em solid #BEC1C6;
  border-radius: 50%;
  color: #BEC1C6;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-fixed-menu .fixed-menu-move .move-button .button-icon {
    flex: none;
    width: auto;
    height: auto;
    border: none;
    margin-left: 0;
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .common-fixed-menu .fixed-menu-move .move-button .button-icon {
    flex: none;
    width: auto;
    height: auto;
    border: none;
    margin-left: 0;
    order: 1;
  }
}
.common-fixed-menu .fixed-menu-move .move-button .button-icon i, .common-fixed-menu .fixed-menu-move .move-button .button-icon .las {
  font-size: 0.875em;
}

/* footer */
.common-footer {
  position: relative;
  z-index: 0;
}
.common-footer .footer-inner {
  width: 1640px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto;
}
.common-footer .footer-banner {
  border-top: 1px solid #E6E6E6;
}
.common-footer .footer-banner .footer-inner {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-banner .footer-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    gap: 10px;
    padding: 10px 20px;
  }
}
.common-footer .footer-banner .banner-slide {
  display: flex;
}
.common-footer .footer-banner .banner-title {
  flex: 0 0 140px;
  width: 140px;
  display: flex;
  align-items: center;
  height: 90px;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-banner .banner-title {
    flex: none;
    width: auto;
    height: auto;
  }
}
.common-footer .footer-banner .banner-title .title-icon {
  display: inline-flex;
  margin-right: 8px;
}
.common-footer .footer-banner .banner-title .title-icon img {
  width: 22px;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-banner .banner-title .title-icon img {
    width: 20px;
  }
}
.common-footer .footer-banner .banner-title .title-text {
  font-family: "SCDream";
  font-weight: 600;
  font-size: 18px;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-banner .banner-title .title-text {
    font-size: 16px;
  }
}
.common-footer .footer-banner .banner-navi {
  flex: 0 0 140px;
  width: 140px;
  box-sizing: border-box;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-banner .banner-navi {
    flex: none;
    width: auto;
    padding: 0;
    gap: 10px;
    justify-content: flex-end;
  }
}
.common-footer .footer-banner .banner-navi [class*=navi-] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #E5E7EE;
  background-color: #fff;
}
.common-footer .footer-banner .banner-navi [class*=navi-] i, .common-footer .footer-banner .banner-navi [class*=navi-] .la, .common-footer .footer-banner .banner-navi [class*=navi-] .las {
  font-size: 15px;
}
.common-footer .footer-banner .banner-navi .navi-pause,
.common-footer .footer-banner .banner-navi .navi-play {
  display: none;
}
.common-footer .footer-banner .banner-navi .navi-pause.is--on,
.common-footer .footer-banner .banner-navi .navi-play.is--on {
  display: flex;
}
.common-footer .footer-banner .banner-contents {
  flex: 1 1 calc(100% - 280px);
  width: calc(100% - 280px);
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-banner .banner-contents {
    flex: none;
    width: 100%;
    grid-column: 1/span 2;
    grid-row: 2/3;
  }
}
.common-footer .footer-banner .banner-image {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  padding: 0 10px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-banner .banner-image {
    height: 60px;
  }
}
.common-footer .footer-banner .banner-image img {
  max-width: 100%;
}
.common-footer .footer-main {
  padding: 2.5em 0 4.0625em 0;
  background-color: #232A3C;
}
.common-footer .footer-row {
  display: flex;
  align-items: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-footer .footer-row {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-row {
    align-items: flex-start;
    flex-direction: column;
  }
}
.common-footer .footer-row ~ .footer-row {
  align-items: flex-start;
  margin-top: 1.25em;
  padding-top: 1.25em;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-footer .footer-address {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-address {
    margin-bottom: 1em;
  }
}
.common-footer .footer-address .address-row {
  display: flex;
  align-items: center;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-address .address-row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.common-footer .footer-address .address-row ~ .address-row {
  margin-top: 1.25em;
}
.common-footer .footer-address .address-ttl {
  margin-right: 25px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}
.common-footer .footer-address .address-cont {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.4);
}
.common-footer .footer-address .address-cont ul, .common-footer .footer-address .address-cont li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.common-footer .footer-address .address-cont ul {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-address .address-cont ul {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-address .address-cont ul li:first-child {
    flex: 1 1 100%;
  }
  .common-footer .footer-address .address-cont ul li:first-child + li:before {
    content: none;
  }
}
.common-footer .footer-address .address-cont ul li ~ li:before {
  content: "|";
  margin: 0 10px;
}
.common-footer .footer-link-group {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-link-group {
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin: 0;
  }
}
.common-footer .footer-link-group ul, .common-footer .footer-link-group li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.common-footer .footer-link-group ul {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-link-group ul {
    justify-content: center;
    flex-wrap: wrap;
    margin: -10px 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-link-group ul li {
    flex: 0 0 50%;
    margin: 10px 0 0 0;
  }
}
.common-footer .footer-link-group ul li ~ li {
  position: relative;
  margin-left: 1.25em;
  padding-left: 1.25em;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-link-group ul li ~ li {
    margin-left: 0;
    padding-left: 0;
    margin: 10px 0 0 0;
  }
}
.common-footer .footer-link-group ul li ~ li:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  content: "";
  display: inline-flex;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
.common-footer .footer-link-group .footer-link {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
.common-footer .footer-link-group .footer-link.style--high-light {
  font-weight: 600;
  color: #6F9FEA;
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.common-footer .footer-link-group .footer-link:hover {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  color: #fff;
}
.common-footer .footer-link-group .footer-link .link-text {
  font-size: 1.0625em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .common-footer .footer-link-group .footer-link .link-text {
    font-size: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-link-group .footer-link .link-text {
    font-size: 0.9375em;
  }
}
.common-footer .footer-side {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-side {
    display: flex;
    flex-direction: column;
    margin: 10px 0 0 0;
  }
}
.common-footer .footer-logo {
  display: inline-flex;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-logo {
    margin-bottom: 2em;
  }
}
.common-footer .footer-logo img {
  width: 11.25em;
  max-width: 100%;
}
.common-footer .footer-sns {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .common-footer .footer-sns {
    align-items: flex-start;
  }
}
.common-footer .footer-sns ul, .common-footer .footer-sns li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.common-footer .footer-sns ul {
  display: flex;
  justify-content: flex-end;
}
.common-footer .footer-sns ul li ~ li {
  margin-left: 10px;
}
.common-footer .footer-sns .sns-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.common-footer .footer-sns .sns-link img {
  width: 28px;
}
.common-footer .footer-copyright {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.4);
}
.fixed-menu {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 9;
  transform: translate(100%, -50%);
  transition: all 0.2s ease;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .fixed-menu {
    top: inherit;
    transform: translate(100%, 0%);
    bottom: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .fixed-menu {
    top: inherit;
    transform: translate(100%, 0%);
    bottom: 1em;
  }
}
.fixed-menu:has(.menu-toggle.is--on) {
  transform: translate(0, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .fixed-menu:has(.menu-toggle.is--on) {
    transform: translate(0, 0);
  }
}
@media only screen and (max-width: 767px) {
  .fixed-menu:has(.menu-toggle.is--on) {
    transform: translate(0, 0);
  }
}
.fixed-menu:has(.menu-toggle.is--on) .menu-frame {
  box-shadow: -4px 4px 11px 0px rgba(0, 0, 0, 0.2509803922);
}
.fixed-menu .menu-toggle {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%) skewY(-0.01deg);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 2.375rem;
}
.fixed-menu .menu-toggle .toggle-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 8.75rem;
  box-sizing: border-box;
  padding: 1.5rem 0.625rem;
  background-color: #2F68C2;
  background-repeat: no-repeat;
  background-image: url("../../img/common/container/quick-menu-background.svg");
  background-size: 100% auto;
  background-position: center bottom;
  border-radius: 0.3125rem 0 0 0;
  color: #fff;
}
.fixed-menu .menu-toggle .toggle-button .button-ico {
  position: absolute;
  top: -0.9375rem;
  left: 50%;
  display: inline-flex;
  width: 100%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
}
.fixed-menu .menu-toggle .toggle-button .button-ico img {
  max-width: 100%;
}
.fixed-menu .menu-toggle .toggle-button .button-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: left top;
  transform: rotateZ(90deg) translate(-50%, -50%);
  display: inline-flex;
  white-space: nowrap;
}
.fixed-menu .menu-toggle .toggle-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.125rem;
  background-color: #192850;
  border-radius: 0 0 0 0.3125rem;
}
.fixed-menu .menu-toggle .toggle-arrow .arrow-ico {
  display: inline-flex;
  transform: rotateZ(180deg) skewY(-0.01deg);
}
.fixed-menu .menu-toggle .toggle-arrow .arrow-ico img {
  width: 0.5rem;
}
.fixed-menu .menu-toggle.is--on .toggle-arrow .arrow-ico {
  transform: rotateZ(0deg) skewY(-0.01deg);
}
.fixed-menu .menu-frame {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  position: relative;
  background-color: #fff;
  padding: 1.25rem;
  width: -moz-max-content;
  width: max-content;
  height: auto;
  border-radius: 0 0 0 0.625rem;
}
.fixed-menu .menu-ttl {
  display: flex;
  gap: 0.3125rem;
  font-family: "SCDream";
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
  color: #11264E;
}
.fixed-menu .menu-ttl b {
  font-weight: 700;
  color: #2F68C2;
}
.fixed-menu .menu-body {
  padding: 0 0.625rem;
}
.fixed-menu .menu-list {
  display: flex;
  flex-direction: column;
}
.fixed-menu .menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0.75rem 0;
}
.fixed-menu .menu-item ~ .menu-item {
  border-top: 1px solid #e7e7e7;
}
.fixed-menu .menu-item .item-ico {
  display: inline-flex;
}
.fixed-menu .menu-item .item-ico img {
  width: 16px;
}
.fixed-menu .menu-item .item-link {
  font-size: 1.0625rem;
  font-weight: 500;
  color: #222;
  white-space: nowrap;
}
.fixed-menu .menu-item .item-link:hover {
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
  color: #2F68C2;
}

.fixed-top-button {
  position: fixed;
  bottom: 10%;
  right: 0.875rem;
  z-index: 8;
}
.fixed-top-button .top-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #385EA9;
  color: #fff;
  font-size: 0.9375rem;
  letter-spacing: -0.03125rem;
  font-weight: 500;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}

html, body {
  font-family: "Pretendard", "NotoSansRN";
}

.a11y-hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.0625em;
  height: 0.0625em;
  overflow: hidden;
  opacity: 0;
}

.common--wrap {
  position: relative;
  width: 100%;
  min-height: 100vh;
  font-family: "Pretendard", "NotoSansRN";
}
.common--wrap * {
  font-family: "Pretendard", "NotoSansRN";
}

.cms-contents .omks--card ~ .omks--card,
[class*=contents--] .omks--card ~ .omks--card {
  margin-top: 3.75em;
}
.cms-contents .omks--card .omks--card-head ~ .omks--card-body,
[class*=contents--] .omks--card .omks--card-head ~ .omks--card-body {
  margin-top: 1.25em;
}
.cms-contents .omks--paragraph,
[class*=contents--] .omks--paragraph {
  padding-left: 0.9375em;
}
@media only screen and (max-width: 767px) {
  .cms-contents .omks--paragraph,
  [class*=contents--] .omks--paragraph {
    padding-left: 0;
  }
}
.cms-contents .omks--paragraph.style--card,
[class*=contents--] .omks--paragraph.style--card {
  padding: 1em;
}

/* 텍스트 불릿 아이콘 */
.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.875em;
  background-image: url("../../img/contents/icon/blt-play.svg");
  background-size: 0.875em auto;
}

/* 콘텐츠 담당자 */
.respons {
  display: flex;
  flex-wrap: wrap;
  padding: 1.875em 2.5em;
  margin-top: 3.125em;
  border: 0.0625em solid #E0E0E0;
  border-radius: 0.3125em;
  background-color: #F1F2F4;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .respons {
    flex-direction: column;
    padding: 1.5625em;
  }
}
.respons ~ .saftisfy {
  margin-top: 1.5625em;
}
.respons strong {
  margin: 0;
  padding: 0;
  font-size: 1.0625em;
  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: 0.9375em;
  font-weight: 600;
  color: #222;
  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.0625em;
  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: 300;
  color: #555;
}
@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 2.5em;
  margin-top: 3.125em;
  border: 0.0625em solid #E0E0E0;
  border-radius: 0.3125em;
  background: #F1F2F4;
}
@media only screen and (max-width: 767px) {
  .saftisfy {
    padding: 1.5625em;
  }
}
.saftisfy .saftisfy-guide {
  display: flex;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 2.5em;
}
@media only screen and (max-width: 767px) {
  .saftisfy .saftisfy-guide {
    align-items: flex-start;
  }
}
.saftisfy .saftisfy-guide .guide-paragraph strong,
.saftisfy .saftisfy-guide .guide-paragraph p {
  margin: 0;
  padding: 0;
}
.saftisfy .saftisfy-guide .guide-paragraph strong {
  display: block;
  margin-bottom: 1.25em;
  font-size: 1.0625em;
  font-weight: 600;
  line-height: 1.4;
  color: #000000;
}
.saftisfy .saftisfy-guide .guide-paragraph p {
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.6;
  word-break: keep-all;
  overflow-wrap: break-word;
  color: #555;
}
.saftisfy .saftisfy-guide .guide-image {
  flex: 0 0 5em;
  width: 5em;
  margin-left: auto;
}
.saftisfy .saftisfy-guide .guide-image img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .saftisfy .saftisfy-guide .guide-image {
    flex: 0 0 3em;
    width: 3em;
  }
}
.saftisfy .evaluation {
  width: 100%;
}
.saftisfy .evaluation-comment {
  display: flex;
  align-items: center;
  margin-bottom: 1.25em;
}
@media only screen and (max-width: 767px) {
  .saftisfy .evaluation-comment {
    flex-direction: column;
    align-items: flex-start;
  }
}
.saftisfy .evaluation-comment .comment-text {
  font-size: 0.9375em;
}
.saftisfy .evaluation-comment .evaluation-star {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .saftisfy .evaluation-comment .evaluation-star {
    margin: 0;
    margin-top: 0.25em;
  }
}
.saftisfy .evaluation-star .star-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1.5em;
  height: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../img/common/eval-star.svg");
  background-size: 1.5em 1.5em;
  text-indent: -9999px;
  overflow: hidden;
}
.saftisfy .evaluation-star .star-button ~ .star-button {
  margin-left: 0.625em;
}
.saftisfy .evaluation-star:has(.is--on) .star-button {
  background-image: url("../../img/common/eval-star-checked.svg");
}
.saftisfy .evaluation-star:has(.is--on) .star-button.is--on ~ .star-button {
  background-image: url("../../img/common/eval-star.svg");
}
.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: 480px) {
  .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: 0.5em;
}
.saftisfy .opinion .omks--input, .saftisfy .opinion input[type=text] {
  flex: 1 1 auto;
  width: calc(100% - 10.625em);
  height: 2.8125em;
  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 7.5em;
  margin-left: 0.625em;
  width: 7.5em;
  height: 2.8125em;
  border-radius: 0.3125em;
  background-color: #3E5073;
  font-size: 1em;
  font-weight: 400;
  color: #fff;
}

.contents-foot {
  margin-top: 3.125em;
}
.contents-foot .foot-contents {
  border: 0.0625em solid #E0E0E0;
  background-color: #F1F2F4;
}
.contents-foot .foot-contents .respons,
.contents-foot .foot-contents .saftisfy {
  border: none;
  border-radius: 0;
  margin-top: 0;
}
.contents-foot .foot-contents .respons ~ .saftisfy,
.contents-foot .foot-contents .saftisfy ~ .saftisfy {
  border-top: 0.0625em solid #E0E0E0;
}
.contents-foot .foot-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 5.625em;
  box-sizing: border-box;
  padding: 0.625em 1.25em;
  padding-top: 5em;
}
@media only screen and (max-width: 767px) {
  .contents-foot .foot-banner {
    padding: 0.625em;
  }
}
.contents-foot .foot-banner .fb-comment {
  position: relative;
  padding-left: 5.3125em;
  display: inline-flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .contents-foot .foot-banner .fb-comment {
    padding-left: 4.0625em;
  }
}
.contents-foot .foot-banner .fb-comment .comment-image {
  position: absolute;
  bottom: -1em;
  left: 0;
  display: inline-flex;
}
.contents-foot .foot-banner .fb-comment .comment-image img {
  width: 4.375em;
}
@media only screen and (max-width: 767px) {
  .contents-foot .foot-banner .fb-comment .comment-image img {
    width: 3.125em;
  }
}
.contents-foot .foot-banner .fb-comment .comment-text {
  font-family: "SCDream";
  font-size: 1.125em;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .contents-foot .foot-banner .fb-comment .comment-text {
    font-size: 1em;
  }
}
@media only screen and (max-width: 399px) {
  .contents-foot .foot-banner .fb-comment .comment-text {
    font-size: 0.9375em;
  }
}
.contents-foot .foot-banner .fb-logo img {
  width: 8.75em;
}
@media only screen and (max-width: 767px) {
  .contents-foot .foot-banner .fb-logo img {
    display: none;
    width: 5em;
  }
}

/* 마이페이지 */
.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: 9.375em;
  box-sizing: border-box;
  margin-left: 1.25em;
  padding: 1.875em 1.25em;
  border: 0.0625em solid #E8E8E8;
  border-radius: 0.3125em;
  transition: all 0.2s ease;
  line-height: 1.4;
}
@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:hover {
  border-color: #014099;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
.mypage .mypage-set .set-box:hover .box-title {
  text-decoration: underline;
}
.mypage .mypage-set .set-box:hover .box-title [class*=las] {
  color: #2B2B2B;
}
.mypage .mypage-set .set-box .box-title {
  font-size: 1.125em;
  font-weight: 500;
  color: #2B2B2B;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-underline-offset: 0.2em;
}
.mypage .mypage-set .set-box .box-title [class*=las] {
  color: #818181;
}
.mypage .mypage-set .set-box .box-description {
  margin-top: 0.25em;
  max-width: 80%;
  font-size: 1em;
  font-weight: 400;
  color: #6d6d6d;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.mypage .mypage-set .set-box:nth-of-type(1) {
  background-repeat: no-repeat;
  background-image: url("../../img/contents/mypage/menu-01.svg");
  background-size: 2.1875em auto;
  background-position: right 1.25em bottom 1.25em;
}
.mypage .mypage-set .set-box:nth-of-type(2) {
  background-repeat: no-repeat;
  background-image: url("../../img/contents/mypage/menu-02.svg");
  background-size: 2.1875em auto;
  background-position: right 1.25em bottom 1.25em;
}
.mypage .mypage-set .set-box:nth-of-type(3) {
  background-repeat: no-repeat;
  background-image: url("../../img/contents/mypage/menu-03.svg");
  background-size: 2.1875em auto;
  background-position: right 1.25em bottom 1.25em;
}
.mypage .mypage-set .set-box:nth-of-type(4) {
  background-repeat: no-repeat;
  background-image: url("../../img/contents/mypage/menu-04.svg");
  background-size: 2.1875em auto;
  background-position: right 1.25em bottom 1.25em;
}

/* 로그인 */
.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: 1px solid var(--omks-primary-darkblue);
}
.login .login-form .form-input:focus-within .input-icon {
  color: var(--omks-primary-darkblue);
  text-shadow: 0 0 var(--omks-primary-darkblue);
}
.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: var(--omks-primary-darkblue);
}
.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: #2f68c2;
  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: var(--omks-primary-darkblue);
  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;
  overflow-wrap: break-word;
  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;
}
.login .login-guide .guide-box .box-link:hover, .login .login-guide .guide-box .box-link:focus {
  border-color: #2f68c2;
  color: #2f68c2;
}

/* 사전정보공표 */
.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: #2F68C2;
  border-color: #2F68C2;
}
.publication .publication-tab .tab-button:hover .tab-image img {
  display: none;
}
.publication .publication-tab .tab-button:hover .tab-image .image-hover {
  display: inline;
}
.publication .publication-tab .tab-button:hover .tab-name {
  color: #fff;
}
.publication .publication-tab .tab-button.is--on {
  background-color: #2F68C2;
  border-color: #2F68C2;
}
.publication .publication-tab .tab-button.is--on .tab-image img {
  display: none;
}
.publication .publication-tab .tab-button.is--on .tab-image .image-hover {
  display: inline;
}
.publication .publication-tab .tab-button.is--on .tab-name {
  color: #fff;
}
.publication .publication-tab .tab-image {
  display: inline-flex;
  line-height: 1;
}
.publication .publication-tab .tab-image img {
  max-width: 100%;
  width: 2.25em;
}
.publication .publication-tab .tab-image .image-hover {
  display: none;
}
.publication .publication-tab .tab-name {
  margin-top: 1em;
  font-size: 1em;
  font-weight: 500;
  color: #444444;
  line-height: 1.2;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.publication .publication-table .table-head {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1.25em;
}
@media only screen and (max-width: 767px) {
  .publication .publication-table .table-head {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 480px) {
  .publication .publication-table .table-head {
    align-items: flex-start;
    flex-direction: column;
  }
}
.publication .publication-table .table-title {
  font-size: 1.4em;
  font-weight: 600;
}
.publication .publication-table .table-search {
  position: relative;
  margin-left: auto;
  display: flex;
  min-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: 480px) {
  .publication .publication-table .table-search {
    width: 100%;
    margin: 0.3125em 0 0 0;
  }
}
.publication .publication-table .table-search:focus-within {
  outline: 1px solid var(--omks-primary-darkblue);
}
.publication .publication-table .table-search:focus-within .search-select {
  border-right-color: var(--omks-primary-darkblue);
}
.publication .publication-table .table-search input[type=text], .publication .publication-table .table-search .omks--input, .publication .publication-table .table-search .search-input {
  flex: 1 1 auto;
  margin: 0;
  border: none;
  background: none;
  outline: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
}
.publication .publication-table .table-search .search-select {
  margin: 0;
  border: none;
  height: 100%;
  outline: none;
  border-right: 0.0625em solid #f0f0f0;
  border-radius: 0;
  background-position: right 0.25em top 50%;
  color: #666;
}
.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: var(--omks-primary-darkblue);
  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%;
  min-width: 48em;
}
.publication .publication-table .table-set table th, .publication .publication-table .table-set table td {
  height: 3.125em;
  box-sizing: border-box;
  padding: 0.5em;
  vertical-align: middle;
}
.publication .publication-table .table-set table thead th {
  border: 0.0625em solid #ffffff;
  background-color: #2F68C2;
  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;
  min-width: 2em;
  height: 2em;
  box-sizing: border-box;
  border: 0.0625em solid transparent;
  padding: 0 0.25em;
  border-radius: 0.3125em;
  line-height: 1;
  white-space: nowrap;
}
.publication .publication-table .table-set .table-icon-link:hover {
  background-color: #eff7ff;
  border-color: #2F68C2;
}
.publication .publication-table .table-set .table-icon-link img {
  width: 1.25em;
}
.publication .publication-table .table-set .table-icon-link .link-text {
  font-size: 0.9375em;
}
.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: #2f68c2;
}
.publication .publication-table .table-set.style--fixed::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.publication .publication-table .table-set.style--fixed table {
  border-spacing: 0;
}
.publication .publication-table .table-set.style--fixed table th {
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.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 {
  word-break: keep-all;
  overflow-wrap: break-word;
}
.publication .publication-table .table-set.style--fixed table tfoot td {
  word-break: keep-all;
  overflow-wrap: break-word;
}
@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;
  }
}
.publication .publication-table .col-label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.publication .publication-table .col-helper {
  position: relative;
  display: inline-flex;
  margin-left: 0.25em;
}
.publication .publication-table .col-helper .helper-button {
  margin: 0;
  padding: 0;
  width: 1.1em;
  height: 1.1em;
  background-color: #f4f4f4;
  border-radius: 50%;
  font-size: 0.9375em;
  font-weight: 500;
  color: #666;
  line-height: 1;
}
.publication .publication-table .col-helper .helper-button:focus ~ .helper-layer {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.publication .publication-table .col-helper .helper-layer {
  position: absolute;
  top: 100%;
  right: 0;
  transform: translateY(0.5em);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  border-radius: 0.3125em;
  width: -moz-max-content;
  width: max-content;
  box-sizing: border-box;
  padding: 0.5em;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.2s ease;
}
.publication .publication-table .col-helper .helper-row {
  display: flex;
  align-items: center;
  color: #666;
}
.publication .publication-table .col-helper .helper-row ~ .helper-row {
  margin-top: 0.5em;
}
.publication .publication-table .col-helper .helper-row .figure-image {
  display: inline-flex;
  margin-right: 0.5em;
}
.publication .publication-table .col-helper .helper-row .figure-image img {
  width: 1.25em;
}
.publication .publication-table .col-helper .helper-row .figure-caption {
  font-size: 0.875em;
  font-weight: 400;
}

/* 통합검색 */
.total-search {
  position: relative;
  z-index: 0;
  font-size: 16px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .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 {
  position: relative;
  z-index: 1;
  padding: 6.25em 1.25em 3.75em;
  background-color: #44719a;
}
.total-search .search-head:before, .total-search .search-head:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.total-search .search-head:before {
  background: linear-gradient(272.28deg, #243073 -1.02%, #4370D9 99.01%);
}
.total-search .search-head:after {
  background-repeat: no-repeat;
  background-image: url("../../img/schedule/background.png");
  background-position: center;
  background-size: cover;
}
.total-search .search-head .head-title {
  position: relative;
  z-index: 1;
  margin-bottom: 4.6875em;
  text-align: center;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {
  .total-search .search-head .head-title {
    margin-bottom: 3.5em;
  }
}
.total-search .search-head .head-title h2 {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 2.875em;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
  font-family: "SCDream";
}
@media only screen and (max-width: 767px) {
  .total-search .search-head .head-title h2 {
    font-size: 1.875em;
  }
}
.total-search .search-head .head-title p {
  margin: 0;
  padding: 0;
  font-size: 1.0625em;
  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-head .head-title .title-logo {
  display: inline-flex;
  margin-bottom: 1em;
}
.total-search .search-head .head-title .title-logo img {
  width: 12.5em;
}
.total-search .search-match {
  font-weight: 600 !important;
  color: #026bcd !important;
}
.total-search .search-form {
  position: relative;
  z-index: 1;
  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;
  padding-left: 9.0625em;
  border-bottom: 0.125em solid #fff;
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords {
    padding: 0 1.25em;
    padding-right: 6em;
  }
}
.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;
  font-family: "SCDream";
}
@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: #fff;
}
.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: #fff;
}
.total-search .search-form .keywords .keywords-submit {
  position: absolute;
  top: 0;
  right: 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: 2.875em;
    left: initial;
    width: 2.375em;
    height: 2.375em;
    justify-content: center;
    padding: 0;
    border-radius: 0.3125em;
    border: 0.0625em solid #fff;
    background-color: var(--omks-primary-darkblue);
  }
}
.total-search .search-form .keywords .keywords-submit [class*=omks--icon] {
  font-size: 1.4em;
}
.total-search .search-form .keywords .filter-toggle {
  display: inline-flex;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 9.0625em;
  height: 90%;
  border-radius: 0.3125em;
  background-color: var(--omks-primary-darkblue);
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords .filter-toggle {
    right: 0;
    left: initial;
    display: flex;
    justify-content: flex-end;
    width: auto;
    height: auto;
    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: 400;
  color: #ffffff;
  font-family: "SCDream";
}
@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: 0.0625em solid #fff;
    border-radius: 0.3125em;
    background-color: var(--omks-primary-darkblue);
  }
}
.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;
  }
}
.total-search .search-form .recent-words {
  display: flex;
  align-items: flex-start;
  margin-top: 0.5em;
  overflow: hidden;
}
@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:not(:has(li)) {
  display: none;
}
.total-search .search-form .recent-words .words-ttl {
  margin-right: 1em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  color: #fff;
  font-family: "SCDream";
}
.total-search .search-form .recent-words .words-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin: -1em 0 0 -1.875em;
  padding-top: 0.25em;
}
.total-search .search-form .recent-words li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  margin: 1em 0 0 1.875em;
  color: #fff;
}
.total-search .search-form .recent-words .word-name {
  font-size: 1em;
  font-weight: 300;
  line-height: 1;
  text-underline-offset: 0.24em;
  font-family: "SCDream";
}
.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-tab {
  display: flex;
  justify-content: center;
  flex: 0 0 6.875em;
  width: 6.25em;
  box-sizing: border-box;
  padding: 0.25em 0.3125em;
  border-radius: 1em;
  background-color: #fff;
}
.total-search .search-form .hot-rank .rank-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-form .hot-rank .rank-tab .tab-button ~ .tab-button {
  margin-left: 0.25em;
}
.total-search .search-form .hot-rank .rank-tab .tab-button .button-text {
  font-size: 0.9375em;
}
.total-search .search-form .hot-rank .rank-tab .tab-button.is--on {
  background-color: var(--omks-primary-darkblue);
  color: #fff;
  font-weight: 500;
}
.total-search .search-form .hot-rank .rank-tab .tab-button:not(.is--on):hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  font-weight: 500;
  color: var(--omks-primary-darkblue);
}
.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: var(--omks-primary-darkblue);
  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: var(--omks-primary-blue2);
}
.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: var(--omks-primary-darkblue);
  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: var(--omks-primary-darkblue);
}
.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: var(--omks-primary-darkblue);
  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 var(--omks-primary-darkblue);
}
.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 var(--omks-primary-darkblue);
}
@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 var(--omks-primary-darkblue);
  }
}
.total-search .search-form .keywords-filter .filter-col .col-title {
  font-family: "SCDream";
  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--calendar-input .omks--period .period-date {
  height: 100%;
}
.total-search .search-form .keywords-filter .filter-col .col-contents .omks--calendar-input .omks--period .period-date .date-input {
  height: inherit;
}
.total-search .search-form .keywords-filter .filter-col .col-contents .omks--calendar-input .omks--period .period-date .date-input input {
  height: inherit;
}
.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;
}
.total-search .search-form .keywords-auto-complete {
  position: absolute;
  top: calc(100% + 0.25em);
  left: 0;
  padding: 0;
  padding-left: 9.0625em;
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
  transform: translateY(0.5em);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .total-search .search-form .keywords-auto-complete {
    padding: 0;
  }
}
.total-search .search-form .keywords-auto-complete.is--on {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transform: translateY(0em);
  transition: all 0.2s ease;
}
.total-search .search-form .keywords-auto-complete .auto-complete-wrap {
  border: 4px solid var(--omks-primary-darkblue);
  background-color: #fff;
}
.total-search .search-form .keywords-auto-complete .auto-complete-item {
  list-style: none;
  margin: 0;
  padding: 0;
}
.total-search .search-form .keywords-auto-complete .auto-complete-item.is--on {
  background-color: #f4f4f4;
}
.total-search .search-form .keywords-auto-complete .auto-complete-keyword {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.5em;
  box-sizing: border-box;
  padding: 0.3125em 1.125em;
}
.total-search .search-form .keywords-auto-complete .auto-complete-keyword:hover {
  background-color: #f4f4f4;
}
.total-search .search-form .keywords-auto-complete .auto-complete-keyword .keyword-text {
  font-size: 1em;
}
.total-search .search-form .keywords-auto-complete .auto-complete-foot {
  display: flex;
  align-items: center;
  min-height: 2.5em;
  box-sizing: border-box;
  border-top: 0.0625em solid #cecece;
  padding: 0.3125em 1.125em;
}
.total-search .search-form .keywords-auto-complete .auto-complete-close {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}
.total-search .search-form .keywords-auto-complete .auto-complete-close .button-icon {
  display: inline-flex;
  margin-left: 0.5em;
}
.total-search .search-form .keywords-auto-complete .auto-complete-close:hover .button-text, .total-search .search-form .keywords-auto-complete .auto-complete-close:focus .button-text {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.total-search .search-body {
  position: relative;
  z-index: 0;
}
@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: 480px) {
  .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: 1px solid var(--omks-primary-darkblue);
}
.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: var(--omks-primary-darkblue);
  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 .result-group .group-head {
  display: flex;
  align-items: flex-end;
  padding-bottom: 1.25em;
  border-bottom: 0.0625em solid #8a8a8a;
}
@media only screen and (max-width: 767px) {
  .total-search .search-result .result-group .group-head {
    flex-wrap: wrap;
  }
}
.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;
  font-family: "SCDream";
}
.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 0.625em;
  font-size: 0.9375em;
  color: var(--omks-primary-darkblue);
  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;
}
@media only screen and (max-width: 767px) {
  .total-search .search-result .result-group .group-align {
    margin-top: 0.5em;
  }
}
.total-search .search-result .result-group .group-align .align-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 4.6875em;
  height: 2em;
  box-sizing: border-box;
  padding: 0 0.5em;
  border: 0.0625em solid #d2d2d2;
  background-color: #fff;
  color: #a5a5a5;
  cursor: pointer;
}
.total-search .search-result .result-group .group-align .align-button ~ .align-button {
  border-left: 0;
}
.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 .align-icon {
  display: inline-flex;
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  background-repeat: no-repeat;
  background-image: url("../../img/board/align-arrows-down.svg");
  background-position: center;
  background-size: 1em auto;
}
.total-search .search-result .result-group .group-align .align-button:hover {
  color: var(--omks-primary-darkblue);
}
.total-search .search-result .result-group .group-align .align-button.is--on {
  border: 0.0625em solid var(--omks-primary-darkblue);
  border-color: var(--omks-primary-darkblue);
  color: var(--omks-primary-darkblue);
}
.total-search .search-result .result-group .group-align .align-button.is--on .button-text {
  font-weight: 500;
}
.total-search .search-result .result-group .group-align .align-button.is--on .align-icon {
  background-image: url("../../img/board/align-arrows-up.svg");
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted {
  position: relative;
  padding: 0;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted.is--on {
  background-color: var(--omks-primary-darkblue);
  color: #fff;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted.is--on .weighted-layer {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .button-text {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 0.5333333333em;
  box-sizing: border-box;
  cursor: pointer;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0.5em);
  z-index: 1;
  width: 16.25em;
  box-sizing: border-box;
  padding: 1em;
  border-radius: 0.3125em;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  color: #777;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.2s ease;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer .weighted-title {
  font-size: 1em;
  font-weight: 500;
  color: #333;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer .weighted-contents {
  margin: 0.5em 0 1em 0;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer .weighted-row {
  display: flex;
  align-items: center;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer .weighted-row [class*=row-] {
  display: inline-flex;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer .weighted-row .row-title {
  flex: 0 0 4.25em;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer .weighted-row .row-range {
  flex: 1 1 auto;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer .weighted-row .row-range input[type=range] {
  width: 100%;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer .weighted-row .row-percent {
  flex: 0 0 1.875em;
  margin-left: 0.5em;
  justify-content: flex-end;
  font-size: 0.875em;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer .weighted-buttons {
  display: flex;
  justify-content: center;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer .weighted-buttons .weighted-button ~ .weighted-button {
  margin-left: 0.5em;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer .weighted-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 4.25em;
  height: 2em;
  padding: 0;
  border-radius: 0.3125em;
}
.total-search .search-result .result-group .group-align .align-button.cfy--weighted .weighted-layer .weighted-button .button-text {
  font-size: 0.875em;
}
.total-search .search-result .result-group ~ .result-group {
  margin-top: 2em;
}
.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 #c6c6c6;
  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.cfy--date {
  min-width: auto;
  height: 1.875em;
  padding: 0 0.75em;
  border-radius: var(--omks-radius-3x);
}
.total-search .search-result .result-state .state-block.cfy--date .block-text {
  font-size: 1em;
}
.total-search .search-result .result-state .state-block.style--color-primary {
  background-color: var(--omks-primary-darkblue);
  border-color: var(--omks-primary-darkblue);
  color: var(--omks-primary-darkblue);
}
.total-search .search-result .result-state .state-block.style--color-primary.style--reverse {
  background-color: #fff;
  color: var(--omks-primary-darkblue);
}
.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-state .state-block.style--color-red {
  background-color: #FFEFF3;
  border-color: #FFEFF3;
  color: #EE2E5B;
}
.total-search .search-result .result-state .state-block.style--color-blue {
  background-color: #DDEDFF;
  border-color: #DDEDFF;
  color: #327FD7;
}
.total-search .search-result .result-state .state-block.style--color-gray {
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  color: #707070;
}
.total-search .search-result .result-title .title-category {
  padding: 0.4em 0.6em;
  margin-right: 0.5em;
  border-radius: 0.3125em;
  background-color: #fff;
  border: 0.0625em solid #c8c8c8;
  font-size: 0.875em;
  color: #888CA0;
  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: var(--omks-primary-blue2);
}
@media only screen and (max-width: 767px) {
  .total-search .search-result .result-title .out-link {
    padding: 5px 10px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    font-size: 1em;
  }
}
.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 i, .total-search .search-result .result-title .out-link [class*=omks--icon], .total-search .search-result .result-title .out-link .las {
  display: inline-flex;
  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: #5c8fdf;
}
.total-search .search-result .result-title .contact-link {
  padding: 0.15em 1em;
  margin: 0 0.5em;
  border-radius: var(--omks-radius-1x);
  background-color: var(--omks-secondary-darkgray);
  color: #fff;
}
.total-search .search-result .result-title .contact-link ~ .contact-link {
  margin-left: 0;
}
.total-search .search-result .result-title .contact-link .link-text {
  font-size: 0.875em;
}
.total-search .search-result .result-bread-crumb {
  display: flex;
  align-items: center;
  margin-top: 0.5em;
}
.total-search .search-result .result-bread-crumb .bread-crumb-home {
  display: inline-flex;
  flex: 0 0 1.6em;
  align-items: center;
  justify-content: center;
  width: 1.6em;
  height: 1.6em;
  border-radius: 0.625em;
  margin-right: 0.5em;
  background-color: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
}
.total-search .search-result .result-bread-crumb .bread-crumb-home img {
  width: 0.75em;
  height: 0.75em;
}
.total-search .search-result .result-bread-crumb .bread-crumb-text {
  font-size: 1em;
  color: #555;
  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-result .result-attached {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
  padding: 1em;
  background-color: #fafafa;
  border: 0.0625em solid #ccc;
  border-radius: var(--omks-radius-1x);
}
.total-search .search-result .result-attached .file-link {
  font-size: 0.9375em;
  color: #999;
  transform: skewY(-0.01deg);
}
.total-search .search-result .result-attached .file-link [class*=omks--icon] {
  font-size: 1.2em;
  margin-right: 0.2em;
}
.total-search .search-result .result-attached .file-link [class*=omks--icon]:before {
  transform: translateY(0.15em);
}
.total-search .search-result .result-attached .file-link a {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
.total-search .search-result .result-attached .file-link:hover {
  color: #5c8fdf;
}
.total-search .search-result .result-attached .file-link ~ .file-link {
  margin-top: 0.5em;
}
.total-search .search-result .result-none {
  padding: 2em 0;
  text-align: center;
  color: #aaa;
  word-break: keep-all;
}
.total-search .search-result .result-none .none-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 0.25em;
  font-size: 5em;
}
.total-search .search-result .result-none strong, .total-search .search-result .result-none p {
  margin: 0;
  padding: 0;
}
.total-search .search-result .result-none strong {
  font-size: 1.6em;
  font-weight: 600;
}
.total-search .search-result .result-none p {
  margin: 1em 0 0;
  font-size: 1.25em;
  font-weight: 500;
}
.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: var(--omks-primary-darkblue);
}
.total-search .search-keywords .keywords-group .group-title {
  font-size: 1em;
  font-weight: 500;
  color: #fff;
  font-family: "SCDream";
}
.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: var(--omks-primary-darkblue);
  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: var(--omks-primary-darkblue);
}
.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: var(--omks-primary-blue2);
}
.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: var(--omks-primary-darkblue);
  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: var(--omks-primary-darkblue);
}
.total-search .search-keywords .search-scroll-top {
  width: 100%;
  height: 2.5em;
  border-radius: 0.3125em;
  background-color: var(--omks-primary-darkblue);
  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;
  font-family: "SCDream";
}
@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;
}
@media only screen and (max-width: 767px) {
  .total-search .search-tab .tab-button ~ .tab-button:nth-child(2), .total-search .search-tab .tab-button ~ .tab-button:nth-child(3) {
    border-top: 0;
  }
}
.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: var(--omks-primary-darkblue);
}
.total-search .search-tab .tab-button.is--on {
  background-color: var(--omks-primary-darkblue);
  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;
  align-items: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-introd {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .business-introd {
    padding-left: 0;
  }
}
.business-introd .introd-tree {
  transition: all 0.3s ease;
  padding-top: 2.5em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@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);
  }
}
.business-introd .introd-tree:hover .tree-wrap {
  width: 30.5em;
  max-width: 50vw;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-introd .introd-tree:hover .tree-wrap {
    width: 50vw;
    max-width: 50vw;
    transform: translateX(0%);
  }
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-tree:hover .tree-wrap {
    width: 80vw;
    max-width: 100%;
    transform: translateX(0%);
  }
}
@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-wrap {
  position: relative;
  width: 26.25em;
  box-sizing: border-box;
  padding: 1em 0;
  border-radius: 0.3125em;
  background-color: #fff;
  transition: all 0.3s ease;
  border: 0.0625em solid #11264E;
  box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-introd .introd-tree .tree-wrap {
    width: 50vw;
  }
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-tree .tree-wrap {
    width: 80vw;
  }
}
.business-introd .introd-tree .tree-body {
  max-height: 50em;
  overflow-y: auto;
}
.business-introd .introd-tree .tree-list {
  position: relative;
}
.business-introd .introd-tree .tree-list:first-child > .tree-item:last-child:before {
  top: initial;
  bottom: 2.75em;
  height: calc(100% - 5.125em);
}
.business-introd .introd-tree .tree-list:first-child > .tree-item:last-child .tree-list .tree-item:last-child.is--on:after {
  position: absolute;
  top: 2.2em;
  left: 0;
  transform: translateX(-50%);
  content: "";
  width: 1.25em;
  height: calc(100% - 2.2em);
  background-color: #fff;
}
.business-introd .introd-tree .tree-list:first-child > .tree-item:last-child:not(.business-introd .introd-tree .tree-list:first-child > .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 {
  position: relative;
  padding: 0.625em 0;
  line-height: 1.3;
}
.business-introd .introd-tree .tree-item:before {
  position: absolute;
  top: 1.5em;
  left: 1.5em;
  transform: translateX(-50%);
  content: "";
  width: 0.125em;
  height: 100%;
  border-left: 0.125em dashed #c6c6c6;
}
.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;
  outline: none;
}
.business-introd .introd-tree .tree-item .item-button:focus .button-icon {
  outline-offset: -0.1em;
  outline: 1px solid var(--omks-primary-darkblue);
}
.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 #c6c6c6;
}
.business-introd .introd-tree .tree-item .item-button .button-icon {
  position: relative;
  z-index: 1;
  width: 1.375em;
  height: 1.375em;
  box-sizing: border-box;
  border-radius: 0.3125em;
  border: 0.0625em solid #a9a6a3;
  background-color: #9b9895;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../img/business/tree-plus.svg");
  background-size: 1em auto;
}
.business-introd .introd-tree .tree-item .item-button .button-icon .style--circle {
  box-sizing: border-box;
  border-radius: 50%;
  border: 0.0625em solid #c6c6c6;
  background-color: #fff;
}
.business-introd .introd-tree .tree-item a.item-button:hover .button-icon,
.business-introd .introd-tree .tree-item button.item-button:hover .button-icon {
  background-color: #0053a4;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
}
.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 1em;
  border-radius: 0.3125em;
  background-color: #fff;
  cursor: pointer;
  font-weight: 400;
  color: #a9a9a9;
}
.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 #e7e7e7;
  border-radius: inherit;
}
.business-introd .introd-tree .tree-item .item-category .category-name {
  font-size: 1em;
  position: absolute;
  top: 50%;
  left: 0.0625em;
  z-index: 0;
  transform: translateY(-50%);
  width: calc(100% - 0.125em);
  box-sizing: border-box;
  padding: 0 1em;
  background-color: inherit;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
}
.business-introd .introd-tree .tree-item .item-category .category-count {
  position: relative;
  z-index: 1;
  margin-left: auto;
  padding: 0.2em 0.5em;
  border-radius: 0.9375em;
  background-color: #0052a6;
  font-size: 0.9375em;
  font-weight: 300;
  white-space: nowrap;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: -0.625em;
  right: -0.625em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5em;
  padding: 0 0.5em;
  font-size: 0.8125em;
  line-height: 1.2;
}
.business-introd .introd-tree .tree-item .item-category:hover .category-name {
  z-index: 2;
  width: -moz-max-content;
  width: max-content;
  padding: 0.4em 1em;
  border-radius: 0.3125em;
  overflow: visible;
  color: #0052a6;
}
.business-introd .introd-tree .tree-item .item-category.is--on {
  font-weight: 600;
  color: #3d5ebc;
}
.business-introd .introd-tree .tree-item .item-category.is--on .category-name {
  left: 0.125em;
}
.business-introd .introd-tree .tree-item .item-category.is--on:after {
  border-width: 0.125em;
  border-color: #5c8fdf;
}
.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 #c6c6c6;
  background-color: #fff;
}
.business-introd .introd-tree .tree-item:not(:has(.tree-list)) > .item-block .item-button .button-icon {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  box-sizing: border-box;
  border: 0.0625em solid #c6c6c6;
  background-color: #fff;
}
.business-introd .introd-tree .tree-item.is--on > .item-block .item-category {
  background-color: #f3f6ff;
  font-weight: 500;
  color: #3d5ebc;
}
.business-introd .introd-tree .tree-item.is--on > .tree-list {
  display: block;
}
.business-introd .introd-tree .tree-item.is--on > .item-block button.item-button .button-icon {
  background-image: url("../../img/business/tree-minus.svg");
  background-color: #fff;
}
.business-introd .introd-tree .tree-item.is--on > .item-block button.item-button:hover .button-icon {
  border-color: #0053a4;
}
.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-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 #c6c6c6;
  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-tree .tree-folder {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.business-introd .introd-tree .tree-folder .folder-icon {
  display: inline-flex;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.25em;
  background-repeat: no-repeat;
  background-image: url("../../img/business/tree-fold.svg");
  background-position: center;
  background-size: 1.5em auto;
}
.business-introd .introd-tree .tree-folder .folder-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 6.5625em;
  height: 2.5em;
  box-sizing: border-box;
  padding: 0 1em;
  border-bottom: 0;
  border-radius: 0;
  border-top-left-radius: 0.3125em;
  border-top-right-radius: 0.3125em;
  font-size: 0.875em;
}
.business-introd .introd-tree .tree-folder .folder-button:after {
  content: "사업 전체펼치기";
}
.business-introd .introd-tree .tree-folder .folder-button.is--on {
  background-color: #9b9895;
}
.business-introd .introd-tree .tree-folder .folder-button.is--on .folder-icon {
  background-image: url("../../img/business/tree-unfold.svg");
}
.business-introd .introd-tree .tree-folder .folder-button.is--on:after {
  content: "사업 전체닫기";
}
.business-introd .introd-tree .tree-folder .folder-button img {
  width: 1.2em;
  margin-right: 0.5em;
}
.business-introd .introd-new-tree {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  flex: 0 0 20em;
  width: 20em;
  transition: all 0.2s ease;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .business-introd .introd-new-tree {
    flex: none;
    width: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-introd .introd-new-tree {
    flex: none;
    width: 0;
  }
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-new-tree {
    flex: none;
    width: 0;
  }
}
.business-introd .introd-new-tree .tree-frame {
  position: relative;
  margin-top: 1.875em;
}
.business-introd .introd-new-tree .tree-wrap {
  width: 16.875em;
  transition: all 0.2s ease;
}
.business-introd .introd-new-tree .tree-body {
  max-height: 50em;
  overflow-y: auto;
  background-color: #fff;
  border: 0.0625em solid #11264E;
  box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.08);
}
.business-introd .introd-new-tree .tree-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.business-introd .introd-new-tree .tree-body::-webkit-scrollbar-track {
  background-color: #f3f5f7;
}
.business-introd .introd-new-tree .tree-body::-webkit-scrollbar-thumb {
  background-color: #2f68c2;
  border-radius: var(--omks-radius-3x);
}
.business-introd .introd-new-tree .tree-body::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.business-introd .introd-new-tree .tree-item ~ .tree-item {
  border-top: 0.0625em solid #D9DCDF;
}
.business-introd .introd-new-tree .tree-item .item-block {
  display: flex;
  position: relative;
  padding-right: 3.125em;
}
.business-introd .introd-new-tree .tree-item .item-category {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.125em;
  box-sizing: border-box;
  padding: 0.625em 1.25em;
  transform: skewY(-0.01deg);
}
.business-introd .introd-new-tree .tree-item .item-category:hover, .business-introd .introd-new-tree .tree-item .item-category:focus {
  color: var(--omks-primary);
}
.business-introd .introd-new-tree .tree-item .item-category .category-name {
  font-size: 1em;
}
.business-introd .introd-new-tree .tree-item .item-category.is--on .category-name {
  color: #2f68c2;
}
.business-introd .introd-new-tree .tree-item .item-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 3.125em;
  height: 3.125em;
}
.business-introd .introd-new-tree .tree-item .item-button:before {
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f067";
  font-size: 1.4em;
}
.business-introd .introd-new-tree .tree-item .item-button:hover {
  background-color: var(--omks-primary);
  color: #fff;
}
.business-introd .introd-new-tree .tree-item.is--on .item-button:before {
  content: "\f068";
}
.business-introd .introd-new-tree .tree-item.is--on .item-block {
  background-color: #4A506B;
  color: #fff;
}
.business-introd .introd-new-tree .tree-item.is--on .item-category {
  color: #fff;
  font-weight: 600;
}
.business-introd .introd-new-tree .tree-item.is--on .item-category .category-name {
  color: #fff;
}
.business-introd .introd-new-tree .tree-item.is--on .item-category.is--on {
  color: #fff;
}
.business-introd .introd-new-tree .tree-item.is--on .item-category.is--on .category-name {
  color: #fff;
}
.business-introd .introd-new-tree .tree-item.is--on .tree-depths {
  display: block;
}
.business-introd .introd-new-tree .tree-item:has(.item-button) .item-category {
  padding-right: 0;
}
.business-introd .introd-new-tree .tree-depths {
  display: none;
  background-color: #F6F6F6;
}
.business-introd .introd-new-tree .tree-depths .depths-item:has(a.depths-category) .depths-category .stnc-icon i, .business-introd .introd-new-tree .tree-depths .depths-item:has(a.depths-category) .depths-category .stnc-icon i.las, .business-introd .introd-new-tree .tree-depths .depths-item:not(:has(button.depths-category)) .depths-category .stnc-icon i, .business-introd .introd-new-tree .tree-depths .depths-item:not(:has(button.depths-category)) .depths-category .stnc-icon i.las {
  display: none;
}
.business-introd .introd-new-tree .tree-depths .depths-item:has(a.depths-category) .depths-category .stnc-icon:before, .business-introd .introd-new-tree .tree-depths .depths-item:not(:has(button.depths-category)) .depths-category .stnc-icon:before {
  content: "-";
}
.business-introd .introd-new-tree .tree-depths .depths-item:has(a.depths-category).is--on .depths-category .category-stnc .stnc-icon, .business-introd .introd-new-tree .tree-depths .depths-item:not(:has(button.depths-category)).is--on .depths-category .category-stnc .stnc-icon {
  transform: none;
}
.business-introd .introd-new-tree .tree-depths .depths-item ~ .depths-item {
  border-top: 0.0625em solid #D9DCDF;
}
.business-introd .introd-new-tree .tree-depths .depths-item.is--on .depths-link-group {
  display: flex;
}
.business-introd .introd-new-tree .tree-depths .depths-item.is--on .depths-category .category-name {
  color: var(--omks-primary);
  font-weight: 500;
}
.business-introd .introd-new-tree .tree-depths .depths-item.is--on .depths-button:before {
  content: "\f068";
}
.business-introd .introd-new-tree .tree-depths .depths-item:has(.depths-button) .depths-category {
  padding-right: 0;
}
.business-introd .introd-new-tree .tree-depths .depths-category {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 3.125em;
  box-sizing: border-box;
  padding: 0.625em 1.25em;
  color: #555;
}
.business-introd .introd-new-tree .tree-depths .depths-category:hover, .business-introd .introd-new-tree .tree-depths .depths-category:focus {
  color: var(--omks-primary);
}
.business-introd .introd-new-tree .tree-depths .depths-category .category-name {
  font-size: 1em;
}
.business-introd .introd-new-tree .tree-depths .depths-category.is--on .category-name {
  color: var(--omks-primary-blue2);
  font-weight: 600;
}
.business-introd .introd-new-tree .tree-depths .depths-category.is--on .category-name:after {
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f105";
  font-size: 1em;
}
.business-introd .introd-new-tree .tree-depths .depths-block {
  position: relative;
  padding-right: 3.125em;
}
.business-introd .introd-new-tree .tree-depths .depths-block:not(:has(.depths-button)) {
  padding-right: 0;
}
.business-introd .introd-new-tree .tree-depths .depths-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 3.125em;
  height: 3.125em;
}
.business-introd .introd-new-tree .tree-depths .depths-button:before {
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f067";
  font-size: 1.4em;
}
.business-introd .introd-new-tree .tree-depths .depths-button:hover {
  background-color: var(--omks-primary);
  color: #fff;
}
.business-introd .introd-new-tree .tree-depths .depths-link-group {
  display: flex;
  flex-direction: column;
  padding: 1.25em 1.875em;
  background-color: #fff;
  display: none;
}
.business-introd .introd-new-tree .tree-depths .depths-link-group .depths-stnc ~ .depths-stnc {
  margin-top: 0.75em;
}
.business-introd .introd-new-tree .tree-depths .depths-stnc {
  display: inline-flex;
  align-items: flex-start;
}
.business-introd .introd-new-tree .tree-depths .depths-stnc:after {
  display: block;
  content: "";
  clear: both;
}
.business-introd .introd-new-tree .tree-depths .depths-stnc .stnc-icon {
  position: relative;
  float: left;
  display: inline-flex;
  flex: 0 0 0.25em;
  width: 0.25em;
  margin-right: 0.5em;
  font-style: normal;
  text-indent: -9990px;
  overflow: hidden;
}
.business-introd .introd-new-tree .tree-depths .depths-stnc .stnc-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 0.25em;
  height: 0.25em;
  background-color: #D9D9D9;
}
.business-introd .introd-new-tree .tree-depths .depths-stnc .stnc-text {
  display: block;
  overflow: hidden;
  font-size: 0.9375em;
}
.business-introd .introd-new-tree .tree-depths .depths-stnc .stnc-text:hover {
  color: var(--omks-primary);
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.business-introd .introd-new-tree .tree-depths .depths-stnc.is--on .stnc-icon:before {
  background-color: var(--omks-primary-blue2);
}
.business-introd .introd-new-tree .tree-depths .depths-stnc.is--on .stnc-text {
  color: var(--omks-primary-blue2);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.business-introd .introd-new-tree .tree-flip {
  display: flex;
}
.business-introd .introd-new-tree .tree-flip .flip-button {
  border-radius: 0;
  border-top-left-radius: var(--omks-radius-2x);
  background-color: #555864;
  color: #fff;
}
.business-introd .introd-new-tree .tree-flip .flip-button ~ .flip-button {
  border-top-left-radius: 0;
  border-top-right-radius: var(--omks-radius-2x);
  border-left: 1px solid #11264E;
}
.business-introd .introd-new-tree .tree-fade {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-100%, 2.5em);
  transition: all 0.2s ease;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-introd .introd-new-tree .tree-fade {
    left: 16.875em;
    transform: translate(0%, 2.5em);
  }
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-new-tree .tree-fade {
    left: 16.875em;
    transform: translate(0%, 2.5em);
  }
}
.business-introd .introd-new-tree .tree-fade .fade-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  width: 2.625em;
  height: 9.375em;
  min-width: auto;
  box-sizing: border-box;
  padding: 1.25em 0;
  background: #11264E;
  box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.21);
  border-radius: 10px 0px 0px 10px;
  font-weight: 500;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-introd .introd-new-tree .tree-fade .fade-button {
    border-radius: 0 10px 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-new-tree .tree-fade .fade-button {
    border-radius: 0 10px 10px 0;
  }
}
.business-introd .introd-new-tree .tree-fade .fade-button .button-text {
  display: flex;
  flex-direction: column;
  writing-mode: vertical-rl; /* 세로 쓰기 모드 설정 */
  text-orientation: upright; /* 문자 방향 설정 */
}
.business-introd .introd-new-tree .tree-fade .fade-button .button-text:before {
  content: "사업닫기";
}
.business-introd .introd-new-tree .tree-fade .fade-button .button-icon {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.375em;
  height: 1.375em;
  border-radius: 50%;
  background-color: #fff;
  color: #283142;
  font-weight: 600;
}
.business-introd .introd-new-tree .tree-fade .fade-button .button-icon i, .business-introd .introd-new-tree .tree-fade .fade-button .button-icon .las {
  font-size: 0.875em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-introd .introd-new-tree .tree-fade .fade-button.is--on {
    opacity: 0.5;
  }
  .business-introd .introd-new-tree .tree-fade .fade-button.is--on:hover {
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-new-tree .tree-fade .fade-button.is--on {
    opacity: 0.5;
  }
  .business-introd .introd-new-tree .tree-fade .fade-button.is--on:hover {
    opacity: 1;
  }
}
.business-introd .introd-new-tree .tree-fade .fade-button.is--on .button-text:before {
  content: "사업열기";
}
.business-introd .introd-new-tree .tree-fade .fade-button.is--on .button-icon {
  transform-origin: center;
  transform: rotateZ(180deg);
}
.business-introd .introd-new-tree:has(.fade-button.is--on) {
  flex: 0 0 1.25em;
  width: 1.25em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-introd .introd-new-tree:has(.fade-button.is--on) {
    flex: none;
    width: 0;
  }
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-new-tree:has(.fade-button.is--on) {
    flex: none;
    width: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-introd .introd-new-tree:has(.fade-button.is--on) .tree-fade {
    left: -1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-new-tree:has(.fade-button.is--on) .tree-fade {
    left: -1.25em;
  }
}
.business-introd .introd-new-tree:has(.fade-button.is--on) .tree-wrap {
  visibility: hidden;
  transform: translateX(-20%);
  opacity: 0;
  z-index: -1;
}
.business-introd .introd-conts {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(100% - 20em);
  width: calc(100% - 20em);
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-conts {
    padding: 1.125em 0;
  }
}
.business-introd .introd-conts .conts-head {
  display: flex;
  align-items: flex-end;
  height: 4em;
  box-sizing: border-box;
  padding-bottom: 0.5em;
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-conts .conts-head {
    flex-wrap: wrap;
    height: auto;
  }
}
.business-introd .introd-conts .conts-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-top: 0.0625em solid #000000;
}
.business-introd .introd-conts .conts-body .conts-document {
  flex: 1 1 auto;
}
.business-introd .introd-conts .conts-title {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-conts .conts-title {
    flex: 1 1 100%;
    align-items: center;
    margin-bottom: 0.75em;
  }
}
.business-introd .introd-conts .conts-title .title-name {
  font-size: 1.875em;
  font-weight: 600;
  color: #000;
  line-height: 1.3;
}
.business-introd .introd-conts .conts-title .title-bread-crumbs {
  display: flex;
  align-items: center;
  padding: 0 0.15em;
  font-size: 1em;
  font-weight: 400;
  color: var(--omks-primary-blue2);
  line-height: 1.4;
}
.business-introd .introd-conts .conts-tab {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 3.125em;
  gap: 1.875em;
  padding: 0 1em;
  margin-bottom: 2.1875em;
  border-bottom: 0.0625em solid rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .business-introd .introd-conts .conts-tab {
    padding: 0;
  }
}
.business-introd .introd-conts .conts-tab .tab-button {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  color: #222;
}
.business-introd .introd-conts .conts-tab .tab-button:first-child:before {
  content: none;
}
.business-introd .introd-conts .conts-tab .tab-button:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) skewY(-0.01deg);
  left: -0.9375em;
  display: inline-flex;
  content: "";
  width: 1px;
  height: 0.75em;
  background-color: #000;
}
.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 #c6c6c6;
  border-radius: inherit;
}
.business-introd .introd-conts .conts-tab .tab-button [class*=omks--icon] {
  margin-right: 0.25em;
}
.business-introd .introd-conts .conts-tab .tab-button .button-text {
  font-size: 1.0625em;
  font-weight: 600;
}
.business-introd .introd-conts .conts-tab .tab-button .las {
  display: none;
}
.business-introd .introd-conts .conts-tab .tab-button:hover {
  color: #5c8fdf;
}
.business-introd .introd-conts .conts-tab .tab-button:hover:after {
  border-width: 0.125em;
  border-color: #5c8fdf;
}
.business-introd .introd-conts .conts-tab .tab-button:hover .button-text {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-shadow: 0px 0px 1px #5c8fdf;
}
.business-introd .introd-conts .conts-document {
  position: relative;
}
.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: #5c8fdf;
  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-introd .introd-conts .conts-pin {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.business-introd .introd-conts .conts-pin .pin-helper {
  position: absolute;
  top: 0em;
  left: 0;
  transform: translate(0, 100%);
  background-color: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  padding: 0.2em 0.8em;
  border-radius: 0.3125em;
  width: -moz-max-content;
  width: max-content;
  max-width: 50vw;
  font-size: 0.9375em;
  color: #666;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.3s ease;
}
.business-introd .introd-conts .conts-pin .pin-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 2.25em;
  padding: 0 0.5em;
  cursor: pointer;
}
.business-introd .introd-conts .conts-pin .pin-checkbox:focus-within {
  outline: 0.1em dashed #ff5000;
  outline-offset: -0.1em;
}
.business-introd .introd-conts .conts-pin .pin-checkbox .checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.business-introd .introd-conts .conts-pin .pin-checkbox .checkbox-input:checked ~ .checkbox-icon {
  background-image: url("../../img/board/pin-star-checked.svg");
}
.business-introd .introd-conts .conts-pin .pin-checkbox .checkbox-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.4em;
  height: 1.4em;
  box-sizing: border-box;
  border-radius: 0.3125em;
  color: #aaa;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../../img/board/pin-star.svg");
  background-size: 1.2em auto;
  background-position: center;
}
.business-introd .introd-conts .conts-pin .pin-checkbox .checkbox-text {
  margin-left: 0.5em;
  color: #555555;
}
.business-introd .introd-conts .conts-pin .pin-checkbox:hover .checkbox-icon {
  border-color: #5c8fdf;
  color: #5c8fdf;
}
.business-introd .introd-conts .conts-pin .pin-checkbox:hover .checkbox-text {
  color: #5c8fdf;
}
.business-introd .introd-conts .conts-pin:not(:has(.checkbox-input:checked)):hover .pin-helper {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.business-introd .introd-conts .conts-set {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.25em;
  padding: 0 0.5em;
  margin-left: 1.375em;
  color: #555;
}
.business-introd .introd-conts .conts-set:hover {
  color: #5c8fdf;
}
.business-introd .introd-conts .conts-set .button-text {
  display: inline-flex;
  align-items: center;
  font-size: 1em;
}
.business-introd .introd-conts .conts-set .set-icon {
  font-size: 1.4em;
}

.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: #5c8fdf;
}
.business-search .search-body.is--on ~ .search-foot {
  border-width: 0.125em;
  border-color: #5c8fdf;
}
.business-search .search-foot {
  display: flex;
  margin-top: 1em;
}
.business-search .search-foot:not(:has(.seleted-tag)) {
  display: none;
}
.business-search .search-foot:has(.seleted-tag) {
  display: flex;
}
.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;
}
@media only screen and (max-width: 767px) {
  .business-search .search-selected .seleted-buttons {
    margin-top: 0.625em;
  }
}
.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;
  overflow-wrap: break-word;
  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;
  background-color: #fff;
  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;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 1em;
}
.business-search .search-category .category-match .match-wrap {
  position: relative;
  width: 100%;
}
.business-search .search-category .category-match .match-form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3125em 0.625em;
  position: relative;
}
.business-search .search-category .category-match .match-inputs {
  display: flex;
  align-items: center;
  height: 2.5em;
  gap: 0.625em;
}
.business-search .search-category .category-match .match-inputs .match-ttl {
  display: inline-flex;
  font-size: 1em;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
}
.business-search .search-category .category-match .match-help {
  font-size: 0.875em;
  font-weight: 300;
  color: #555;
}
.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: 30em;
  max-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: 20em;
  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: #2f68c2;
}
.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: grid;
  grid-template-columns: repeat(3, 33.33%);
  border-top: 0.0625em solid #c6c6c6;
}
@media only screen and (max-width: 767px) {
  .business-search .search-category .category-tree {
    grid-template-columns: 1fr;
  }
}
.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: #2f68c2;
  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;
  overflow-wrap: break-word;
  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-category .category-tree .omks--choice-text {
  overflow-wrap: break-word;
}
.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 #5c8fdf;
}
@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;
}
@media only screen and (max-width: 767px) {
  .business-search .search-options .options-column .column-row {
    flex-direction: column;
    gap: 0.5em;
    padding: 1em;
  }
}
.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 9.75em;
  width: 9.75em;
  box-sizing: border-box;
  padding: 1em;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .business-search .search-options .options-column .column-row .row-title {
    flex: none;
    width: 100%;
    padding: 0;
  }
}
.business-search .search-options .options-column .column-row .row-title .title-text {
  font-size: 1.05em;
  font-weight: 500;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.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;
}
@media only screen and (max-width: 767px) {
  .business-search .search-options .options-column .column-row .row-contents {
    flex: none;
    width: 100%;
    padding: 0;
    border-left: 0;
  }
}
.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 #5c8fdf;
}
.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;
}

.business-calendar {
  margin-bottom: 1.5em;
}
.business-calendar .calendar-year {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25em;
}
.business-calendar .calendar-year .year-title {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #404a67;
  line-height: 1;
  letter-spacing: -0.03125em;
}
.business-calendar .calendar-year .year-title .title-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.5833333333em;
  margin-right: 0.4166666667em;
  width: 1.5833333333em;
  height: 1.5833333333em;
  border-radius: 50%;
  background: rgba(17, 38, 78, 0.1);
  font-size: 1.5em;
}
.business-calendar .calendar-year .year-title .title-text {
  font-size: 1.75em;
}
.business-calendar .calendar-year .year-title .title-text select, .business-calendar .calendar-year .year-title .title-text .omks--select, .business-calendar .calendar-year .year-title .title-text .omks--button {
  position: relative;
  z-index: 1;
  height: auto;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  border-radius: 0;
  background: none;
}
.business-calendar .calendar-year .year-button {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  height: 2.5em;
  box-sizing: border-box;
  border: 0.0625em solid transparent;
  margin: 0 1em;
  border-radius: 0.3125em;
  color: #404a67;
}
.business-calendar .calendar-year .year-button [class*=omks--icon] {
  font-size: 0.9375em;
}
.business-calendar .calendar-year .year-button:hover {
  background-color: #f9fafc;
  border-color: #c6c6c6;
}
.business-calendar .calendar-month {
  position: relative;
}
.business-calendar .calendar-month .month-all {
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  left: 0;
}
.business-calendar .calendar-month .month-frm {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 3.75em;
  background-color: #f9fafc;
  border-radius: 0.3125em;
}
@media only screen and (max-width: 767px) {
  .business-calendar .calendar-month .month-frm {
    flex-wrap: wrap;
    justify-content: flex-end;
    height: auto;
    padding: 0.5em 0;
  }
}
.business-calendar .calendar-month:not(:has(.month-button.is--on)) .month-button:after {
  content: none;
}
.business-calendar .calendar-month:has(.month-button.is--start) .month-button:after {
  content: none;
}
.business-calendar .calendar-month:has(.month-button.is--end):not(:has(.month-button.is--start)) .month-button:after {
  content: "";
}
.business-calendar .calendar-month .month-button {
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 2.625em;
  width: 100%;
  height: 2.625em;
  color: #999999;
  text-underline-offset: 0.2em;
}
@media only screen and (max-width: 767px) {
  .business-calendar .calendar-month .month-button {
    flex: 1 1 16.6%;
  }
}
.business-calendar .calendar-month .month-button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  content: "";
  width: 2.625em;
  height: 2.625em;
  border-radius: 50%;
}
.business-calendar .calendar-month .month-button .button-text {
  position: relative;
  z-index: 2;
  font-size: 1em;
}
.business-calendar .calendar-month .month-button:hover {
  color: #404a67;
  text-decoration: underline;
}
.business-calendar .calendar-month .month-button.is--on {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}
.business-calendar .calendar-month .month-button.is--on:before {
  background-color: #404a67;
}
.business-calendar .calendar-month .month-button:after {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1.5em;
  background-color: #e1eeff;
}
.business-calendar .calendar-month .month-button.is--on.is--start:after {
  content: "";
  width: 50%;
  left: 50%;
}
.business-calendar .calendar-month .month-button.is--on.is--start ~ .month-button:after {
  content: "";
}
.business-calendar .calendar-month .month-button.is--on.is--end:after {
  width: 50%;
  left: 0;
}
.business-calendar .calendar-month .month-button.is--on.is--end ~ .month-button:after {
  content: none !important;
}
.business-calendar .calendar-tab {
  position: relative;
  z-index: 0;
  display: flex;
  margin-bottom: 0.5em;
}
.business-calendar .calendar-tab .tab-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.75em;
  height: 2.8125em;
  box-sizing: border-box;
  padding: 0 1em;
  border: 0.0625em solid rgb(197, 201, 214);
  border-radius: var(--omks-radius-1x);
  background-color: #fff;
  color: var(--omks-outline-variant);
}
.business-calendar .calendar-tab .tab-button ~ .tab-button {
  margin-left: -0.3125em;
}
.business-calendar .calendar-tab .tab-button:hover {
  color: var(--omks-primary-blue2);
}
.business-calendar .calendar-tab .tab-button.is--on {
  z-index: 1;
  background-color: var(--omks-primary);
  border-color: var(--omks-primary);
  color: var(--omks-on-primary);
}
.business-calendar .calendar-tab .tab-button .button-text {
  font-size: 1em;
  font-weight: 500;
}
.business-calendar .calendar-tab .calendar-period {
  font-size: 1em;
}
.business-calendar .calendar-tab .calendar-period .tab-button {
  border-radius: 0;
  border-top-right-radius: 0.3125em;
  border-bottom-right-radius: 0.3125em;
}
.business-calendar .calendar-period {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 1.25em 0;
  background: rgb(244, 245, 249);
  border: 0.0625em solid rgb(197, 201, 214);
  border-radius: var(--omks-radius-2x);
}
.business-calendar .calendar-period .period-filter {
  display: flex;
  align-items: center;
  padding: 0 1em;
  gap: 0.5em;
}
@media only screen and (max-width: 767px) {
  .business-calendar .calendar-period .period-filter {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5em;
  }
}
.business-calendar .calendar-period .period-filter .filter-select {
  flex: 0 0 9.6875em;
}
@media only screen and (max-width: 767px) {
  .business-calendar .calendar-period .period-filter .filter-select {
    flex: none;
  }
}
.business-calendar .calendar-period .period-filter .filter-select .omks-select, .business-calendar .calendar-period .period-filter .filter-select select {
  width: 100%;
  height: 3.125em;
}
.business-calendar .calendar-period .period-filter .filter-period {
  display: flex;
  align-items: center;
}
.business-calendar .calendar-period .period-filter .filter-period .period-input {
  flex: 1 1 calc(50% - 7.5em);
  width: calc(50% - 7.5em);
}
.business-calendar .calendar-period .period-filter .filter-period .period-input .omks--calendar-input {
  height: 3.125em;
}
.business-calendar .calendar-period .period-filter .filter-period .period-input .omks--calendar-input .omks--input {
  padding: 0 1.25em;
  padding-right: 2.5em;
}
.business-calendar .calendar-period .period-filter .filter-period .period-input .omks--calendar-input .input-icon {
  left: initial;
  right: 0;
  width: 1.6666666667em;
  font-size: 1.5em;
}
.business-calendar .calendar-period .period-filter .filter-period .period-tilde {
  display: inline-flex;
  justify-content: center;
  flex: 0 0 2em;
  width: 2em;
}
.business-calendar .calendar-period .period-filter .filter-period .period-submit {
  margin-left: 0.5em;
  flex: 0 0 5em;
}
.business-calendar .calendar-period .period-filter .filter-period .period-submit .submit-button {
  min-width: auto;
  width: 5em;
  height: 3.125em;
}
.business-calendar .calendar-head {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5625em;
}
.business-calendar .calendar-head .calendar-tab {
  margin-bottom: 0;
}
.business-calendar .calendar-head .calendar-filter {
  margin-left: auto;
}
.business-calendar .calendar-filter {
  padding-top: 0.6875em;
}
.business-calendar .calendar-filter .filter-option {
  position: relative;
  min-width: 10em;
  height: 3.125em;
  border: 0.0625em solid var(--omks-outline);
  border-radius: var(--omks-radius-1x);
}
.business-calendar .calendar-filter .filter-option .option-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;
}
.business-calendar .calendar-filter .filter-option .option-select {
  width: 100%;
  height: 100%;
}
.business-calendar .calendar-filter .filter-option .option-select .omks--select {
  width: 100%;
  height: 100%;
  border: none;
}

.business-public-notice .public-notice-block {
  padding: 1.5625em 0;
  background-repeat: no-repeat;
  background-image: url("../../img/business/logo-gray.svg");
  background-size: 12em auto;
  background-position: right -0.5em bottom -2em;
}
.business-public-notice .public-notice-block .pnb-state {
  display: flex;
  align-items: center;
  margin-bottom: 0.9375em;
}
.business-public-notice .public-notice-block .pnb-state .state-block {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 5em;
  height: 2.125em;
  box-sizing: border-box;
  padding: 0 0.9375em;
  border: 0.0625em solid #c6c6c6;
  background-color: #f4f4f4;
  border-radius: 0.3125em;
  margin-right: 0.7em;
  line-height: 1;
}
.business-public-notice .public-notice-block .pnb-state .state-block .block-text {
  font-size: 0.9375em;
}
.business-public-notice .public-notice-block .pnb-state .state-block [class*=omks--icon] {
  font-size: 1em;
}
.business-public-notice .public-notice-block .pnb-state .state-block.cfy--date {
  min-width: auto;
  height: 1.875em;
  margin-left: auto;
  padding: 0 0.75em;
  border-radius: var(--omks-radius-3x);
}
.business-public-notice .public-notice-block .pnb-state .state-block.cfy--date .block-text {
  font-size: 1em;
}
.business-public-notice .public-notice-block .pnb-state .state-block.style--color-primary {
  background-color: var(--omks-primary-darkblue);
  border-color: var(--omks-primary-darkblue);
  color: var(--omks-primary-darkblue);
}
.business-public-notice .public-notice-block .pnb-state .state-block.style--color-primary.style--reverse {
  background-color: #fff;
  color: var(--omks-primary-darkblue);
}
.business-public-notice .public-notice-block .pnb-state .state-block.style--color-orange {
  background-color: #f39c12;
  border-color: #f39c12;
  color: #fff;
}
.business-public-notice .public-notice-block .pnb-state .state-block.style--color-yellow {
  background-color: #f4cf3d;
  border-color: #f4cf3d;
  color: #fff;
}
.business-public-notice .public-notice-block .pnb-state .state-block.style--color-green {
  background-color: #d1f7e0;
  border-color: #d1f7e0;
  color: #28883f;
}
.business-public-notice .public-notice-block .pnb-state .state-block.style--color-deepblue {
  background-color: #3a609c;
  border-color: #3a609c;
  color: #fff;
}
.business-public-notice .public-notice-block .pnb-state .state-block.style--color-purple {
  background-color: #f0ebff;
  border-color: #f0ebff;
  color: #4104f9;
}
.business-public-notice .public-notice-block .pnb-state .state-block.style--color-red {
  background-color: #FFEFF3;
  border-color: #FFEFF3;
  color: #EE2E5B;
}
.business-public-notice .public-notice-block .pnb-state .state-block.style--color-blue {
  background-color: #DDEDFF;
  border-color: #DDEDFF;
  color: #327FD7;
}
.business-public-notice .public-notice-block .pnb-state .state-block.style--color-gray {
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  color: #707070;
}
.business-public-notice .public-notice-block .pnb-title .title-category {
  display: inline-flex;
  box-sizing: border-box;
  padding: 0.5em 1em;
  margin-right: 0.5em;
  border-radius: 0.3125em;
  border: 0.0625em solid #C8C8C8;
  font-size: 0.875em;
  color: #888CA0;
  font-weight: 600;
  transform: translateY(-0.15em);
}
.business-public-notice .public-notice-block .pnb-title .title-name {
  font-size: 1.3125em;
  font-weight: 600;
  color: #2D2D2D;
  line-height: 1.4;
  text-underline-offset: 0.25em;
}
.business-public-notice .public-notice-block .pnb-title .title-name:hover {
  text-decoration: underline;
}
.business-public-notice .public-notice-block .pnb-title .new-icon {
  display: inline-flex;
  align-items: center;
  height: 1.5em;
  transform: translateY(-0.125em);
  margin: 0 0.5em;
  font-size: 0.875em;
  font-weight: 400;
  color: #EE2E5B;
}
.business-public-notice .public-notice-block .pnb-title .out-link {
  display: inline-flex;
  align-items: center;
  margin: 0 0.5em;
  color: var(--omks-primary-blue2);
}
.business-public-notice .public-notice-block .pnb-title .out-link .link-text {
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1;
}
.business-public-notice .public-notice-block .pnb-title .out-link:hoveR .link-text {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.business-public-notice .public-notice-block .pnb-title .out-link [class*=omks--icon] {
  display: inline-flex;
  margin-right: 0.5em;
  font-size: 1em;
}
.business-public-notice .public-notice-block .pnb-title .file-link {
  font-size: 1.0625em;
}
.business-public-notice .public-notice-block .pnb-title .file-link [class*=omks--icon] {
  font-size: 1.2em;
}
.business-public-notice .public-notice-block .pnb-title .file-link [class*=omks--icon]:before {
  transform: translateY(0.2em);
}
.business-public-notice .public-notice-block .pnb-title .file-link a {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.business-public-notice .public-notice-block .pnb-title .file-link:hover {
  color: #5c8fdf;
}
.business-public-notice .public-notice-block .pnb-bread-crumb {
  margin-top: 0.9375em;
}
.business-public-notice .public-notice-block .pnb-bread-crumb:has(.bread-crumb-group) {
  display: flex;
  align-items: flex-start;
}
.business-public-notice .public-notice-block .pnb-bread-crumb:has(.bread-crumb-toggle.is--on) .bread-crumb-group .bread-crumb-text:after {
  content: "...";
}
.business-public-notice .public-notice-block .pnb-bread-crumb:has(.bread-crumb-toggle.is--on) .bread-crumb-group .bread-crumb-text:not(:first-child) {
  display: none;
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-group {
  min-height: 2em;
  box-sizing: border-box;
  padding: 0.2em 0;
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-toggle {
  flex: 0 0 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  margin-left: 0.5em;
  border-radius: var(--omks-radius-1x);
  border: 0.0625em solid #c8c8c8;
  background: #f6f9ff;
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-toggle.is--on {
  transform-origin: center;
  transform: rotateZ(180deg);
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-text {
  font-size: 1em;
  color: #777;
  font-weight: 400;
  line-height: 1.4;
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-text:hover {
  color: var(--omks-primary-blue2);
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-text ~ .bread-crumb-text:before {
  content: ",";
  margin: 0 0.45em;
  color: #4d4d4d;
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-more {
  position: relative;
  display: inline-flex;
  margin: 0 0.5em;
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-more .more-button {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0.4em;
  border: 0.0625em solid var(--omks-outline);
  border-radius: var(--omks-radius-1x);
  color: #4D4D4D;
  line-height: 1;
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-more .more-button:hover {
  background-color: #e1eeff;
  border-color: #026bcd;
  color: #026bcd;
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-more .more-button .button-text {
  font-size: 0.8125em;
  white-space: nowrap;
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-more .more-button:focus {
  border-color: #026bcd;
  color: #026bcd;
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-more .more-button:focus ~ .more-layer {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}
.business-public-notice .public-notice-block .pnb-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.5em 1em;
  background-color: #fff;
  border: 0.0625em solid var(--omks-primary-blue2);
  border-radius: 0.3125em;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
}
@media only screen and (max-width: 767px) {
  .business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-more .more-layer {
    right: 0;
    left: initial;
  }
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-more .more-layer > * ~ * {
  margin-top: 0.25em;
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-more .more-layer .bread-crumb-text {
  font-size: 0.9375em;
  color: var(--omks-primary-blue2);
  font-weight: 300;
}
.business-public-notice .public-notice-block .pnb-bread-crumb .bread-crumb-more .more-layer .bread-crumb-text ~ .bread-crumb-text:before {
  display: none;
}
.business-public-notice .public-notice-block .pnb-preview {
  margin-top: 1em;
  font-size: 0.9375em;
  font-weight: 400;
  color: #777777;
  line-height: 1.5;
}
.business-public-notice .public-notice-block .pnb-info {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin-top: 1em;
}
.business-public-notice .public-notice-block .pnb-info li {
  position: relative;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-right: 0.625em;
  padding-right: 0.625em;
}
.business-public-notice .public-notice-block .pnb-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;
}
.business-public-notice .public-notice-block .pnb-info li:last-child {
  margin: 0;
  padding: 0;
}
.business-public-notice .public-notice-block .pnb-info li:last-child:after {
  content: none;
}
.business-public-notice .public-notice-block .pnb-info .info-text {
  font-size: 1em;
  font-weight: 300;
  color: #777777;
  line-height: 1.2;
}
.business-public-notice .public-notice-block .pnb-info .info-text b {
  font-weight: 500;
  color: #3D3D3D;
}
.business-public-notice .public-notice-list .list-none {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5em 1.25em;
  background-color: #F4F5F9;
  border: 0.0625em solid #E8E8E8;
  border-radius: var(--omks-radius-2x);
}
.business-public-notice .public-notice-list .list-none p {
  font-size: 1.3em;
  font-weight: 500;
  color: #7A7B7D;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.business-public-notice .public-notice-list .public-notice-block {
  padding: 2.1875em 1.875em;
  border: 0.0625em solid #C5C9D6;
  border-radius: var(--omks-radius-2x);
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .business-public-notice .public-notice-list .public-notice-block {
    padding: 0.75em;
  }
}
.business-public-notice .public-notice-list .public-notice-block:hover {
  border-color: #15254B;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
.business-public-notice .public-notice-list .public-notice-block ~ .public-notice-block {
  margin-top: 1.25em;
}
.business-public-notice .public-notice-view {
  margin-bottom: 3em;
  overflow: hidden;
}
.business-public-notice .public-notice-view .public-notice-block {
  padding: 1.5em;
}
.business-public-notice .public-notice-view .public-notice-block .pnb-state .state-block.cfy--date {
  margin-left: 0;
}
.business-public-notice .public-notice-view .view-head {
  position: relative;
  border-bottom: 0.125em solid var(--omks-primary-darkblue);
  border: 0.0625em solid #cfcfcf;
  box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.08);
}
.business-public-notice .public-notice-view .view-body {
  padding: 3em 1.25em;
  margin-bottom: 3em;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .business-public-notice .public-notice-view .view-body {
    padding: 2em 0;
  }
}
.business-public-notice .public-notice-view .view-row ~ .view-row {
  margin-top: 3em;
}
.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);
}
.business-public-notice .public-notice-view .view-row .row-title {
  font-size: 1.25em;
  font-weight: 500;
}
.business-public-notice .public-notice-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: 0.0625em solid #cbcbcb;
  border-radius: 50%;
  background-color: #fff;
  font-size: 1em;
  line-height: 1;
  color: #2f2f2f;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-public-notice .public-notice-view .view-print {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .business-public-notice .public-notice-view .view-print {
    display: none;
  }
}
.business-public-notice .public-notice-view .view-print:hover {
  border-color: #3c73ff;
  color: #3c73ff;
}
.business-public-notice .public-notice-view .view-print [class^=omks--icon] {
  display: inline-flex;
  line-height: 1;
  font-size: 1.25em;
  transform: translateY(0.03125em);
}
.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) {
  .business-public-notice .public-notice-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .business-public-notice .public-notice-head .public-notice-align {
    margin-top: 0.75em;
  }
}
.business-public-notice .public-notice-head .public-notice-align {
  margin-left: auto;
}
.business-public-notice .public-notice-head:not(:has(.public-notice-tab)) {
  position: relative;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .business-public-notice .public-notice-head:not(:has(.public-notice-tab)) {
    margin: 1.25em 0 0.5em;
  }
}
.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) {
  .business-public-notice .public-notice-head:not(:has(.public-notice-tab)) .public-notice-align {
    position: relative;
    transform: none;
  }
}
.business-public-notice .public-notice-tab {
  display: flex;
  align-items: center;
}
.business-public-notice .public-notice-tab .tab-item ~ .tab-item {
  position: relative;
  padding-left: 1em;
  margin-left: 1em;
}
.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;
}
.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) {
  .business-public-notice .public-notice-tab .tab-button {
    padding: 0;
  }
}
.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;
}
.business-public-notice .public-notice-tab .tab-button .button-text {
  font-size: 1.0625em;
}
.business-public-notice .public-notice-tab .tab-button:hover {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  color: var(--omks-primary-blue2);
}
.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);
}
.business-public-notice .public-notice-align {
  display: flex;
}
.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;
}
.business-public-notice .public-notice-align .align-button .button-text {
  font-size: 1em;
  font-weight: 600;
  color: #555;
}
.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);
}
.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;
}

.business-accordion {
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion {
    position: relative;
    overflow: initial;
  }
}
.business-accordion .accordion-list {
  display: flex;
  margin: 0 0 0 -1.25em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion .accordion-list {
    flex-wrap: wrap;
    margin: -1.25em 0 0 -1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-list {
    flex-direction: column;
    margin: -1.25em 0 0 0;
  }
}
.business-accordion .accordion-list:has(> .is--on) .accordion-item:not(.is--on) {
  flex: 0 0 3.15em;
  width: 3.15em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion .accordion-list:has(> .is--on) .accordion-item:not(.is--on) {
    flex: 1 1 calc(50% - 1.25em);
    width: calc(50% - 1.25em);
  }
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-list:has(> .is--on) .accordion-item:not(.is--on) {
    flex: none;
    width: 100%;
  }
}
.business-accordion .accordion-list:has(> .is--on) .accordion-item:not(.is--on) .ac-button {
  padding: 1.5em 0;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion .accordion-list:has(> .is--on) .accordion-item:not(.is--on) .ac-button {
    padding: 1.5em;
  }
}
.business-accordion .accordion-list:has(> .is--on) .accordion-item:not(.is--on) .ac-button .button-text {
  font-size: 0.9375em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion .accordion-list:has(> .is--on) .accordion-item:not(.is--on) .ac-button .button-text {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-list:has(> .is--on) .accordion-item:not(.is--on) .ac-button .button-text {
    font-size: 1.25em;
  }
}
.business-accordion .accordion-list:has(> .is--on) .accordion-item:not(.is--on) .ac-deco .deco-text {
  opacity: 0;
  visibility: hidden;
}
.business-accordion .accordion-list:has(> .is--on) .accordion-item.is--on {
  flex: 1 1 auto;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion .accordion-list:has(> .is--on) .accordion-item.is--on {
    flex: 1 1 calc(50% - 1.25em);
    width: calc(50% - 1.25em);
  }
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-list:has(> .is--on) .accordion-item.is--on {
    flex: none;
    width: 100%;
  }
}
.business-accordion .accordion-list:has(> .is--on) .accordion-item.is--on .ac-button {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion .accordion-list:has(> .is--on) .accordion-item.is--on .ac-button {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-list:has(> .is--on) .accordion-item.is--on .ac-button {
    display: block;
  }
}
.business-accordion .accordion-list:has(> .is--on) .accordion-item.is--on .ac-contents {
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transition: all 0.3s 0.3s ease;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion .accordion-list:has(> .is--on) .accordion-item.is--on .ac-contents {
    transform: translateX(-50%) translateY(0);
    transition-delay: 0s;
  }
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-list:has(> .is--on) .accordion-item.is--on .ac-contents {
    transform: translateX(-50%) translateY(0);
    transition-delay: 0s;
  }
}
.business-accordion .accordion-list:has(> .is--on) .accordion-item.is--on .ac-deco {
  transition: all 0.3s 0.3s ease;
}
.business-accordion .accordion-list:has(> .is--on) .accordion-item.is--on .ac-deco .deco-text {
  transition: inherit;
}
.business-accordion .accordion-item {
  flex: 0 0 calc(12.5% - 1.25em);
  width: calc(12.5% - 1.25em);
  margin: 0 0 0 1.25em;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion .accordion-item {
    flex: 1 1 calc(50% - 1.25em);
    width: calc(50% - 1.25em);
    margin: 1.25em 0 0 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-item {
    flex: none;
    width: 100%;
    margin: 1.25em 0 0 0;
  }
}
.business-accordion .accordion-card .ac-body {
  position: relative;
  width: 100%;
  height: 31.25em;
  border-radius: 0.3125em;
  background-color: #ddd;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion .accordion-card .ac-body {
    position: initial;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-card .ac-body {
    position: initial;
    height: auto;
  }
}
.business-accordion .accordion-card .ac-foot {
  margin-top: 1.25em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion .accordion-card .ac-foot {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-card .ac-foot {
    display: none;
  }
}
.business-accordion .accordion-card .ac-button {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 1.5em;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s linear;
}
.business-accordion .accordion-card .ac-button .button-text {
  font-size: 1.25em;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion .accordion-card .ac-button .button-text {
    writing-mode: initial;
    text-orientation: initial;
  }
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-card .ac-button .button-text {
    writing-mode: initial;
    text-orientation: initial;
  }
}
.business-accordion .accordion-card .ac-close {
  position: absolute;
  top: 1em;
  right: 1em;
}
.business-accordion .accordion-card .ac-contents {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 1.875em;
  transform: translateY(5%);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-accordion .accordion-card .ac-contents {
    left: 50%;
    top: 1.25em;
    transform: translateX(-50%) translateY(0);
    max-width: 90vw;
    height: auto;
    background-color: #fff;
    border-radius: 0.3125em;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-card .ac-contents {
    left: 50%;
    top: 1.25em;
    transform: translateX(-50%) translateY(0);
    max-width: 90vw;
    height: auto;
    padding: 1.875em 1.25em;
    background-color: #fff;
    border-radius: 0.3125em;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  }
}
.business-accordion .accordion-card .ac-more {
  position: absolute;
  bottom: 1.25em;
  right: 1.25em;
  display: flex;
  align-items: center;
  line-height: 1;
  color: #000;
}
.business-accordion .accordion-card .ac-more .link-text {
  margin-right: 0.25em;
  font-size: 1em;
}
.business-accordion .accordion-card .ac-title {
  font-size: 1.25em;
  line-height: 1;
  font-weight: 600;
}
.business-accordion .accordion-card .ac-tab {
  display: flex;
  margin: 0 0 1.25em -1.25em;
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-card .ac-tab {
    flex-wrap: wrap;
    margin: 0.75em 0 1.25em -0.5em;
  }
}
.business-accordion .accordion-card .ac-tab .tab-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.25em 0 0 1.25em;
  border-radius: 0.3125em;
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-card .ac-tab .tab-button {
    flex: 1 1 calc(33.33% - 0.5em);
    height: 2.125em;
    margin: 0.5em 0 0 0.5em;
    background-color: #f4f4f4;
  }
}
.business-accordion .accordion-card .ac-tab .tab-button:first-child:before {
  content: none;
}
.business-accordion .accordion-card .ac-tab .tab-button:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) skewY(-0.01deg);
  left: -0.625em;
  display: inline-flex;
  content: "";
  width: 0.0625em;
  height: 0.6em;
  background-color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .business-accordion .accordion-card .ac-tab .tab-button:before {
    content: none;
  }
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-card .ac-tab .tab-button:before {
    content: none;
  }
}
.business-accordion .accordion-card .ac-tab .tab-button [class*=omks--icon] {
  margin-right: 0.25em;
}
.business-accordion .accordion-card .ac-tab .tab-button .button-text {
  font-size: 1em;
}
.business-accordion .accordion-card .ac-explain {
  flex: 1 1 auto;
  overflow-y: auto;
  border-radius: 0.3125em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
}
.business-accordion .accordion-card .ac-info {
  display: none;
  margin: 0;
  padding: 0;
}
.business-accordion .accordion-card .ac-info li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.business-accordion .accordion-card .ac-info li ~ li {
  margin-top: 0.9375em;
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-card .ac-info li {
    display: flex;
    flex-direction: column;
  }
}
.business-accordion .accordion-card .ac-info .info-title {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.25em;
  height: 2.1875em;
  margin-right: 0.9375em;
  border-radius: 0.3125em;
  background-color: #5c8fde;
  color: #fff;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-card .ac-info .info-title {
    float: none;
    justify-content: flex-start;
    width: auto;
    height: auto;
    margin: 0 0 0.25em 0;
    background: none;
    border-radius: 0;
    color: #5c8fde;
  }
  .business-accordion .accordion-card .ac-info .info-title:before {
    content: "";
    width: 0.425em;
    height: 0.425em;
    margin-right: 0.4em;
    border-radius: 50%;
    background-color: #5c8fde;
  }
}
.business-accordion .accordion-card .ac-info .info-contents {
  display: block;
  overflow: hidden;
  padding-top: 0.5333333333em;
  font-size: 0.9375em;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .business-accordion .accordion-card .ac-info .info-contents {
    padding-top: 0;
  }
}
.business-accordion .accordion-card .ac-deco {
  position: relative;
  padding-top: 0.625em;
  line-height: 1;
}
.business-accordion .accordion-card .ac-deco:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0.25em;
  border-radius: 0.3125em;
  background-color: #000;
}
.business-accordion .accordion-card .ac-deco .deco-text {
  font-size: 0.875em;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.business-re-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .business-re-search {
    justify-content: flex-start;
  }
}
.business-re-search .re-search-title {
  margin-right: 1em;
  font-size: 1em;
  font-weight: 400;
  color: #444444;
}
.business-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: 480px) {
  .business-re-search .keywords {
    width: 100%;
    margin: 0.3125em 0 0 0;
  }
}
.business-re-search .keywords:focus-within {
  outline: 1px solid var(--omks-primary-darkblue);
}
.business-re-search .keywords input[type=text], .business-re-search .keywords .omks--input {
  margin: 0;
  border: none;
  background: none;
  outline: none;
  width: 100%;
  height: 100%;
}
.business-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: var(--omks-primary-darkblue);
  outline: none;
  color: #fff;
}
.business-re-search .keywords .keywords-submit [class*=omks--icon] {
  font-size: 1.2em;
}
.business-re-search .keywords .keywords-submit:focus {
  background-color: #23405b;
}

.annual-schedule {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .annual-schedule {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .annual-schedule {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .annual-schedule {
    font-size: 14px;
  }
}
@media only screen and (max-width: 480px) {
  .annual-schedule {
    font-size: 13px;
  }
}
@media only screen and (max-width: 399px) {
  .annual-schedule {
    font-size: 12px;
  }
}
.annual-schedule .schedule-head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 18.4375em;
  height: 18.4375em;
}
@media only screen and (max-width: 767px) {
  .annual-schedule .schedule-head {
    flex: none;
    height: auto;
    padding: 1.25em 0;
  }
}
.annual-schedule .schedule-head:before, .annual-schedule .schedule-head:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: calc(100% + 9.375em);
}
.annual-schedule .schedule-head:before {
  background: linear-gradient(272.28deg, #243073 -1.02%, #4370D9 99.01%);
}
.annual-schedule .schedule-head:after {
  background-repeat: no-repeat;
  background-image: url("../../img/schedule/background.png");
  background-position: center;
  background-size: cover;
}
.annual-schedule .schedule-head .schedule-ref {
  position: absolute;
  bottom: 1em;
  right: 4em;
  font-size: 0.875em;
  font-weight: 400;
  color: #666;
}
.annual-schedule .schedule-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(100vh - 28.75em);
  height: calc(100vh - 28.75em);
  box-sizing: border-box;
  padding: 0 3.125em;
}
@media only screen and (max-width: 767px) {
  .annual-schedule .schedule-body {
    height: auto;
    flex: none;
    padding: 0 1.125em;
  }
}
.annual-schedule .schedule-body .schedule-info {
  flex: 0 0 3.75em;
}
@media only screen and (max-width: 767px) {
  .annual-schedule .schedule-body .schedule-info {
    flex-direction: column;
    align-items: center;
    flex: none;
  }
}
.annual-schedule .schedule-body .schedule-frame {
  flex: 1 1 calc(100% - 3.75em);
  height: calc(100% - 3.75em);
}
.annual-schedule .schedule-body .schedule-table {
  height: 100%;
  overflow: auto;
}
.annual-schedule .schedule-foot {
  padding: 1.25em 3.125em;
}
.annual-schedule .schedule-title {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.annual-schedule .schedule-title .title-logo {
  margin-bottom: 1em;
}
.annual-schedule .schedule-title .title-logo img {
  width: 12.5em;
}
.annual-schedule .schedule-title .title-year {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.annual-schedule .schedule-title .title-year .year-title {
  font-family: "SCDream";
  font-size: 2.875em;
  font-weight: 600;
  color: #fff;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .annual-schedule .schedule-title .title-year .year-title {
    font-size: 1.5em;
  }
}
.annual-schedule .schedule-title .title-year .year-select {
  margin-top: 1.875em;
}
.annual-schedule .schedule-title .title-year .year-select select,
.annual-schedule .schedule-title .title-year .year-select .omks--select {
  margin: 0;
  border: none;
  outline: none;
  height: 2.5em;
  box-sizing: border-box;
  padding: 0 1.25em;
  padding-right: 2.75em;
  border-bottom: 0.09375em solid #fff;
  border-radius: 0;
  background-color: transparent;
  background-size: 1.25em auto;
  background-image: url("../../img/schedule/select-arrow.svg");
  background-size: 2em auto;
  font-size: 1.25em;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}
.annual-schedule .schedule-title .title-year .year-select select option,
.annual-schedule .schedule-title .title-year .year-select .omks--select option {
  color: #000;
}
.annual-schedule .schedule-frame {
  border-radius: var(--omks-radius-2x);
  box-shadow: 0px 4px 37px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.annual-schedule .schedule-table {
  background-color: #fff;
}
.annual-schedule .schedule-table::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.annual-schedule .schedule-table::-webkit-scrollbar-track {
  background-color: #f3f5f7;
}
.annual-schedule .schedule-table::-webkit-scrollbar-thumb {
  background-color: #949494;
  border-radius: 8px;
}
.annual-schedule .schedule-table::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.annual-schedule .schedule-table table {
  border-spacing: 0;
  border-collapse: separate;
  width: -moz-min-content;
  width: min-content;
  overflow: initial;
}
.annual-schedule .schedule-table table th, .annual-schedule .schedule-table table td {
  box-sizing: border-box;
  padding: 0.15em 0.5em;
  border: 0.0625em solid #E1E1E1;
  vertical-align: middle;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.annual-schedule .schedule-table table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.annual-schedule .schedule-table table thead tr {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.16);
}
.annual-schedule .schedule-table table thead th, .annual-schedule .schedule-table table thead td {
  background-color: #F5F6FA;
  font-weight: 500;
  color: #000;
  line-height: 1.3;
}
.annual-schedule .schedule-table table tbody td {
  font-size: 0.9375em;
  font-weight: 400;
  color: #333;
  white-space: nowrap;
  word-break: normal;
  background-color: #fff;
}
.annual-schedule .schedule-info {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1em;
}
.annual-schedule .schedule-info .info-contact {
  position: relative;
  display: flex;
  padding-left: 2.5em;
}
.annual-schedule .schedule-info .info-contact:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 2em;
  height: 2em;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../../img/schedule/call.svg");
  background-size: 2em auto;
}
.annual-schedule .schedule-info .info-contact li {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
}
.annual-schedule .schedule-info .info-contact li ~ li {
  position: relative;
  padding-left: 0.5em;
  margin-left: 0.5em;
}
.annual-schedule .schedule-info .info-contact li ~ li:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 0.0625em;
  height: 0.875em;
  background-color: rgba(255, 255, 255, 0.1);
}
.annual-schedule .schedule-info .info-download {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .annual-schedule .schedule-info .info-download {
    margin: 0;
    margin-top: 1.25em;
  }
}
.annual-schedule .schedule-info .info-download .download-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3em;
  padding: 0 1.25em;
  background: transparent;
  border: 0.0625em solid #fff;
  color: #fff;
}
.annual-schedule .schedule-info .info-download .download-button .button-text {
  font-size: 1.0625em;
}
.annual-schedule .schedule-info .info-download .download-button [class*=omks--icon] {
  margin-left: 0.5em;
  font-size: 1.15em;
}
.annual-schedule .schedule-notice {
  padding: 1.25em;
  background-color: #f4f4f4;
  background: rgba(47, 104, 194, 0.1);
  border-radius: 0.3125em;
  font-size: 1em;
  color: #2F68C2;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.business-subscription .subscription-board {
  margin-top: 5em;
}
.business-subscription .subscription-tab {
  margin-bottom: 2.5em;
}

.business-interest {
  display: flex;
  flex-direction: column;
}
.business-interest .interest-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.business-interest .interest-body {
  margin-top: 1em;
  padding: 1em;
  border: 1px solid #ccc;
  border-radius: 0.3125em;
}
.business-interest .interest-state {
  position: relative;
}
.business-interest .interest-state .state-button {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
}
.business-interest .interest-state .state-button .button-text {
  font-size: 1.2em;
}
.business-interest .interest-state .state-button .button-text b {
  font-size: 0.875em;
  font-weight: 400;
  color: #0080E2;
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
.business-interest .interest-state .state-button:focus ~ .state-layer {
  z-index: 1;
  visibility: visible;
  opacity: 1;
}
.business-interest .interest-state .state-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) {
  .business-interest .interest-state .state-layer {
    right: 0;
    left: initial;
  }
}
.business-interest .interest-state .state-layer > * ~ * {
  margin-top: 0.25em;
}
.business-interest .interest-state .state-text {
  font-size: 0.9375em;
  color: #333;
  font-weight: 400;
}
.business-interest .interest-state .state-text b {
  font-weight: 500;
  color: #026bcd;
}
.business-interest .interest-set {
  margin-left: auto;
}
.business-interest .interest-set .omks--button [class*=omks--icon] {
  font-size: 1.1em;
}
.business-interest .interest-list {
  display: flex;
  flex-wrap: wrap;
  margin: -1em 0 0 -1em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-interest .interest-list {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .business-interest .interest-list {
    margin-left: 0;
  }
}
.business-interest .interest-item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(50% - 1em);
  width: calc(50% - 1em);
  margin: 1em 0 0 1em;
  border: 0.0625em solid #C5C9D6;
  border-radius: 0.3125em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .business-interest .interest-item {
    flex: none;
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .business-interest .interest-item {
    flex: none;
    width: 100%;
    margin-left: 0;
  }
}
.business-interest .interest-item:hover {
  border-color: #15254B;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
.business-interest .interest-item:hover .item-title .title-name {
  color: #3d5ebc;
}
.business-interest .interest-item .item-remove {
  position: absolute;
  top: 0.5em;
  right: 0.75em;
}
.business-interest .interest-item .item-remove .remove-frame {
  position: relative;
}
.business-interest .interest-item .item-remove .remove-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  border-radius: var(--omks-radius-1x);
}
.business-interest .interest-item .item-remove .remove-button:hover {
  background-color: #e1eeff;
}
.business-interest .interest-item .item-remove .remove-button:hover ~ .remove-label {
  visibility: visible;
  opacity: 1;
}
.business-interest .interest-item .item-remove .remove-icon {
  display: inline-flex;
}
.business-interest .interest-item .item-remove .remove-icon img {
  width: 1.5em;
}
.business-interest .interest-item .item-remove .remove-label {
  position: absolute;
  top: 100%;
  right: 0;
  transform: translateY(0.25em);
  padding: 0.2em 0.4em;
  border: 0.0625em solid #003d77;
  border-radius: 0.3125em;
  background-color: #fff;
  box-shadow: 0px 3px 10px rgba(7, 38, 210, 0.16);
  font-size: 0.875em;
  line-height: 1.4;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.business-interest .interest-item .item-title {
  min-height: 8.75em;
  padding: 2.5em 1.875em 1.875em;
}
.business-interest .interest-item .item-title .title-braed-crumbs {
  display: block;
  margin-bottom: 1em;
  font-size: 1.0625em;
  font-weight: 500;
  color: #2f68c2;
  line-height: 1.4;
}
.business-interest .interest-item .item-title .title-braed-crumbs b {
  font-weight: 600;
  color: #0080E2;
}
.business-interest .interest-item .item-title .title-category {
  display: inline;
  padding: 0.25em 0.5em;
  background-color: #5c8fdf;
  border-radius: 0.1875em;
  font-size: 0.875em;
  color: #fff;
  word-break: keep-all;
  overflow-wrap: break-word;
  white-space: nowrap;
  margin-right: 0.5em;
}
.business-interest .interest-item .item-title .title-category.style--color-red {
  background-color: #eb445a;
  border-color: #eb445a;
  color: #fff;
}
.business-interest .interest-item .item-title .title-category.style--color-orange {
  background-color: #f39c12;
  border-color: #f39c12;
  color: #fff;
}
.business-interest .interest-item .item-title .title-category.style--color-yellow {
  background-color: #f4cf3d;
  border-color: #f4cf3d;
  color: #fff;
}
.business-interest .interest-item .item-title .title-category.style--color-green {
  background-color: #27ae60;
  border-color: #27ae60;
  color: #fff;
}
.business-interest .interest-item .item-title .title-category.style--color-blue {
  background-color: #0080E2;
  border-color: #0080E2;
  color: #fff;
}
.business-interest .interest-item .item-title .title-category.style--color-deepblue {
  background-color: #3a609c;
  border-color: #3a609c;
  color: #fff;
}
.business-interest .interest-item .item-title .title-category.style--color-purple {
  background-color: #906bff;
  border-color: #906bff;
  color: #fff;
}
.business-interest .interest-item .item-title .title-category.style--color-gray {
  background-color: #95a5a6;
  border-color: #95a5a6;
  color: #fff;
}
.business-interest .interest-item .item-title .title-name {
  display: flex;
  align-items: center;
}
.business-interest .interest-item .item-title .title-name .interest-checkbox {
  margin-right: 0.4em;
}
.business-interest .interest-item .item-title .title-name .name-text {
  font-size: 1.3125em;
  font-weight: 500;
  line-height: 1.3;
  text-underline-offset: 0.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.business-interest .interest-item .item-title .title-name a.name-text:hover {
  text-decoration: underline;
}
.business-interest .interest-item .item-title .title-info {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin: -1em 0 0 -1em;
  margin-top: 0;
}
.business-interest .interest-item .item-title .title-info li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  margin: 1em 0 0 1em;
  font-size: 0.9375em;
  font-weight: 300;
  line-height: 1;
}
.business-interest .interest-item .item-title .title-info li .info-title,
.business-interest .interest-item .item-title .title-info li .info-contents {
  padding: 0.2em 0.4em;
}
.business-interest .interest-item .item-title .title-info li .info-title {
  margin-right: 0.25em;
  color: #0052a6;
  font-weight: 500;
}
.business-interest .interest-item .item-link-group {
  position: relative;
  display: flex;
  margin-top: auto;
}
.business-interest .interest-item .item-link-group:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0) skewY(-0.01deg);
  content: "";
  width: calc(100% - 2.5em);
  height: 0.0625em;
  box-sizing: border-box;
  border-top: 0.125em dashed #ccc;
}
.business-interest .interest-item .item-link-group .item-link {
  flex: 1 1 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.75em;
  box-sizing: border-box;
  position: relative;
  color: #777;
}
.business-interest .interest-item .item-link-group .item-link:first-child:before {
  content: none;
}
.business-interest .interest-item .item-link-group .item-link:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) skewY(-0.01deg);
  left: 0;
  display: inline-flex;
  content: "";
  width: 0.0625em;
  height: 1.25em;
  background-color: #000;
}
@media only screen and (max-width: 767px) {
  .business-interest .interest-item .item-link-group .item-link:before {
    left: -0.375em;
  }
}
.business-interest .interest-item .item-link-group .item-link:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 0.0625em solid #c6c6c6;
  border-radius: inherit;
}
.business-interest .interest-item .item-link-group .item-link [class*=omks--icon] {
  margin-right: 0.25em;
}
.business-interest .interest-item .item-link-group .item-link .link-text {
  font-size: 1em;
  font-weight: 400;
}
.business-interest .interest-item .item-link-group .item-link:hover {
  color: #5c8fdf;
}
.business-interest .interest-item .item-link-group .item-link:hover:after {
  border-width: 0.125em;
  border-color: #5c8fdf;
}
.business-interest .interest-item .item-link-group .item-link:hover .link-text {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-shadow: 0px 0px 1px #5c8fdf;
}
.business-interest .interest-checkbox {
  position: relative;
  display: inline-flex;
  transform: translateY(-0.1em);
  cursor: pointer;
}
.business-interest .interest-checkbox .checkbox-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.business-interest .interest-checkbox .checkbox-input:checked ~ .checkbox-icon {
  background-image: url("../../img/board/pin-star-checked.svg");
}
.business-interest .interest-checkbox .checkbox-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.4em;
  height: 1.4em;
  box-sizing: border-box;
  border-radius: 0.3125em;
  color: #aaa;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../../img/board/pin-star.svg");
  background-size: 1.2em auto;
  background-position: center;
}
.business-interest .interest-checkbox:hover .checkbox-icon {
  border-color: #5c8fdf;
  color: #5c8fdf;
}
.business-interest .interest-none {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 2.5em 1.25em;
  background-color: #F4F5F9;
  border: 0.0625em solid #E8E8E8;
  border-radius: var(--omks-radius-2x);
  font-size: 1.125em;
  font-weight: 400;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
  color: #666;
}
.business-interest .interest-none p {
  margin: 0;
  padding: 0;
}
.business-interest .interest-none p b {
  font-weight: 500;
  color: #0053a4;
}
.business-interest .interest-none p img {
  width: 1em;
}
.business-interest .interest-none p a {
  margin-top: 1em;
  font-size: 0.9375em;
  color: #019aea;
}
.business-interest .interest-none p a .link-text {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.business-interest .interest-none p a .link-ex {
  font-size: 0.875em;
}
.business-interest .interest-none p a .link-ex img {
  transform: translateY(0.1em);
}
.business-interest .interest-more {
  display: flex;
  justify-content: center;
  margin-top: 2em;
}
.business-interest .interest-more .omks--button {
  width: 6em;
  height: 6em;
  min-width: auto;
  border-radius: 50%;
  padding: 0;
  color: #fff;
  background-color: #2f68c2;
}
.business-interest .interest-more .omks--button .button-text ~ [class*=omks--icon] {
  margin-left: 0.25em;
}

/* 홍보수요접수 */
.demand-sample {
  display: flex;
  justify-content: space-between;
  width: 50em;
  max-width: 100%;
  margin-top: 1em;
}
.demand-sample .sample-image {
  flex: 0 0 48%;
  display: flex;
  flex-direction: column;
}
.demand-sample .sample-image .image-figure {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  margin-bottom: 0.5em;
  border-radius: 0.3125em;
  border: 0.0625em solid #f1f2f3;
  background-color: #f6f9fe;
  overflow: hidden;
  padding: 0.5em;
}
.demand-sample .sample-image .image-figure img {
  max-width: 100%;
}
.demand-sample .sample-image .image-caption {
  margin-top: auto;
  font-size: 0.9325em;
  font-weight: 500;
  text-align: center;
}

/* 연구윤리 */
.ethics-diagram {
  padding: 1em;
  margin: 0.5em 0 1em 0;
  border: 0.0625em solid #f1f2f3;
  background-color: #f6f9fe;
}

/* 자동이메일수집거부 */
.email-refuse {
  padding: 2em 1em;
}
.email-refuse .refuse-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
}
.email-refuse .refuse-image .image-figure {
  display: inline-flex;
  margin-bottom: 1.25em;
}
.email-refuse .refuse-image .image-figure img {
  width: 9em;
  max-width: 50vw;
}
.email-refuse .refuse-image .image-caption {
  font-size: 2em;
  font-weight: 600;
  line-height: 1;
  color: #cb0e0e;
}
.email-refuse .refuse-guide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.email-refuse .refuse-guide .guide-paragraph {
  max-width: 45em;
  font-size: 1.1em;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 1em;
}
.email-refuse .refuse-guide .guide-paragraph b {
  font-weight: 500;
}
.email-refuse .refuse-guide .guide-em {
  color: #cb0e0e;
}
.email-refuse .refuse-guide .guide-ref {
  display: inline-flex;
  color: #666;
}

/* 뷰어다운로드 */
.etc-viewer .viewer-list {
  display: flex;
  flex-wrap: wrap;
}
.etc-viewer .viewer-item {
  flex: 0 0 50%;
  width: 50%;
  box-sizing: border-box;
  padding: 1em;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .etc-viewer .viewer-item {
    flex: none;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .etc-viewer .viewer-item {
    flex: none;
    width: 100%;
  }
}
.etc-viewer .viewer-item .item-figure {
  flex: 0 0 5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5em;
  height: 5em;
  box-sizing: border-box;
  border-radius: 0.3125em;
  border: 0.0625em solid #f0f0f0;
  background-color: #f6f9fe;
  margin-right: 1em;
}
.etc-viewer .viewer-item .item-figure img {
  max-width: 90%;
}
.etc-viewer .viewer-item .item-caption {
  flex: 1 1 auto;
}
.etc-viewer .viewer-item .item-title {
  display: flex;
  align-items: center;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0.5em;
}
.etc-viewer .viewer-item .item-explain {
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.5;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.etc-viewer .viewer-item .item-link {
  display: inline-flex;
  padding: 0.2em 0.4em;
  margin: 0 0.5em;
  border-radius: 0.3125em;
  background-color: #4b769f;
  font-size: 0.8125em;
  font-weight: 400;
  color: #fff;
}
.etc-viewer .viewer-item .item-link [class*=omks--icon] {
  margin-left: 0.5em;
  font-size: 0.9em;
}
.etc-viewer .viewer-process {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -1em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .etc-viewer .viewer-process {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .etc-viewer .viewer-process {
    margin-left: 0;
  }
}
.etc-viewer .viewer-process .process-item {
  flex: 1 1 calc(50% - 1em);
  width: calc(50% - 1em);
  margin: 1em 0 0 1em;
  box-sizing: border-box;
  padding: 1em;
  background-color: #f6f9fe;
  border: 0.0625em solid #f1f2f3;
  border-radius: 0.3125em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .etc-viewer .viewer-process .process-item {
    flex: none;
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .etc-viewer .viewer-process .process-item {
    flex: none;
    width: 100%;
    margin-left: 0;
  }
}
.etc-viewer .viewer-process .process-item .item-figure {
  margin: 1em 0;
}
.etc-viewer .viewer-process .process-item .item-figure img {
  max-width: 100%;
}

/* 개인정보처리방침 */
.etc-policy .policy-label {
  display: flex;
  flex-direction: column;
}
.etc-policy .policy-label .label-list {
  display: flex;
  width: 100%;
  margin-top: -1em;
  margin-left: -1em;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-label .label-list {
    flex-wrap: wrap;
  }
}
.etc-policy .policy-label .label-item {
  position: relative;
  flex: 1 0 calc(16.6% - 1em);
  width: calc(16.6% - 1em);
  margin: 1em 0 0 1em;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-label .label-item {
    flex: 1 0 calc(33.33% - 1em);
    width: calc(33.33% - 1em);
  }
}
.etc-policy .policy-label .label-item .item-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 8em;
  box-sizing: border-box;
  border-radius: 0.3125em;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-label .label-item .item-button {
    height: 100%;
    padding: 0.8em 0.4em;
  }
}
.etc-policy .policy-label .label-item .item-button:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 0.0625em solid #ececec;
  border-radius: inherit;
}
.etc-policy .policy-label .label-item .item-button:hover, .etc-policy .policy-label .label-item .item-button:focus {
  box-shadow: 0px 3px 10px rgba(7, 38, 210, 0.16);
}
.etc-policy .policy-label .label-item .item-button:hover:before, .etc-policy .policy-label .label-item .item-button:focus:before {
  border: 0.125em solid #003d77;
}
.etc-policy .policy-label .label-item .item-button:hover .item-caption, .etc-policy .policy-label .label-item .item-button:focus .item-caption {
  color: #003d77;
}
.etc-policy .policy-label .label-item .item-button:hover ~ .item-layer, .etc-policy .policy-label .label-item .item-button:focus ~ .item-layer {
  transform: translateY(100%);
  visibility: visible;
  opacity: 1;
}
.etc-policy .policy-label .label-item .item-figure {
  display: inline-flex;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-label .label-item .item-figure {
    margin-bottom: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-label .label-item .item-figure img {
    width: 3em;
  }
}
.etc-policy .policy-label .label-item .item-caption {
  font-size: 1em;
  font-weight: 500;
  color: #333;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-label .label-item .item-caption {
    line-height: 1.2;
  }
}
.etc-policy .policy-label .label-item .item-layer {
  position: absolute;
  bottom: -0.5em;
  left: 0;
  z-index: 1;
  transform: translateY(100%);
  max-width: 50vw;
  width: -moz-max-content;
  width: max-content;
  box-sizing: border-box;
  padding: 0.5em 1em;
  word-break: keep-all;
  overflow-wrap: break-word;
  border: 0.0625em solid #003d77;
  background-color: #fff;
  box-shadow: 0px 3px 10px rgba(7, 38, 210, 0.16);
  border-radius: 0.3125em;
  transform: translateY(150%);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.etc-policy .policy-label .label-item:nth-child(n+4) .item-layer {
  left: initial;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-label .label-item:nth-child(3n+1) .item-layer {
    left: 0;
    right: initial;
  }
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-label .label-item:nth-child(3n+2) .item-layer {
    left: 50%;
    right: initial;
    transform: translate(-50%, 150%);
  }
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-label .label-item:nth-child(3n+2):hover .item-layer, .etc-policy .policy-label .label-item:nth-child(3n+2):focus .item-layer {
    transform: translate(-50%, 100%);
  }
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-label .label-item:nth-child(3n) .item-layer {
    left: initial;
    right: 0;
  }
}
.etc-policy .policy-label .label-ref {
  margin-top: 0.5em;
  color: #0053a4;
}
.etc-policy .policy-toc .toc-frame {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1em;
  background-color: #f6f9fe;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/etc/logo-gray.svg");
  background-position: bottom -2.75em right -2em;
  background-size: 18em auto;
  background-color: #f6f9fe;
  border: 0.0625em solid #f0f0f0;
  box-shadow: 7px 7px 0px #a4b6cf;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-toc .toc-frame {
    background-size: 14em auto;
  }
}
.etc-policy .policy-toc .toc-frame:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.0625em;
  height: calc(100% - 2em);
  background-color: #a4b6cf;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-toc .toc-frame:before {
    content: none;
  }
}
.etc-policy .policy-toc .toc-list {
  display: flex;
  flex-wrap: wrap;
  margin: -1em 0 0 -1em;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-toc .toc-list {
    margin-left: 0;
  }
}
.etc-policy .policy-toc .toc-item {
  flex: 0 0 calc(50% - 1em);
  display: flex;
  justify-content: center;
  width: calc(50% - 1em);
  margin: 1em 0 0 1em;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-toc .toc-item {
    flex: none;
    width: 100%;
    margin-left: 0;
  }
}
.etc-policy .policy-toc .toc-item .item-link {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(100% - 2em);
  padding: 1em;
  border-radius: 0.3125em;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-toc .toc-item .item-link {
    width: 100%;
    padding: 0.5em 1em;
  }
}
.etc-policy .policy-toc .toc-item .item-link:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 0.125em solid #ececec;
  border-radius: inherit;
  transition: inherit;
}
.etc-policy .policy-toc .toc-item .item-link:hover {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  color: #003d77;
}
.etc-policy .policy-toc .toc-item .item-link:hover:after {
  border-color: #003d77;
}
.etc-policy .policy-toc .toc-item .item-figure {
  flex: 0 0 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3em;
  height: 3em;
  box-sizing: border-box;
  border: 0.0625em solid #a4b6cf;
  border-radius: 0.3125em;
  margin-right: 1em;
  background-color: #fff;
}
.etc-policy .policy-toc .toc-item .item-figure img {
  max-width: 80%;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-toc .toc-item .item-figure {
    flex: 0 0 2.5em;
    width: 2.5em;
    height: 2.5em;
    margin-right: 0.25em;
  }
}
.etc-policy .policy-toc .toc-item .item-caption {
  line-height: 1.2;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-toc .toc-item .item-caption {
    margin-left: 0.5em;
    font-size: 0.9em;
  }
}
.etc-policy .policy-toc .toc-ref {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75em;
  color: #0053a4;
}
.etc-policy .policy-title-label {
  display: flex;
  align-items: center;
  padding-bottom: 0.5em;
  border-bottom: 0.0625em solid #c6c6c6;
}
.etc-policy .policy-title-label .label-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 3em;
  width: 3em;
  height: 3em;
  box-sizing: border-box;
  border: 0.0625em solid #a4b6cf;
  border-radius: 0.3125em;
  background-color: #fff;
  margin-right: 0.5em;
}
.etc-policy .policy-title-label .label-icon img {
  max-width: 80%;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-title-label .label-icon {
    flex: 0 0 2.5em;
    width: 2.5em;
    height: 2.5em;
  }
}
.etc-policy .policy-title-label .label-text {
  font-size: 1.2em;
  font-weight: 600;
  color: #333;
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .etc-policy .policy-title-label .label-text {
    font-size: 1.1em;
  }
}
.etc-policy .omks--select {
  height: 2em;
  border-radius: 0.3125em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .etc-policy .omks--box:has(.omks--table) {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 767px) {
  .etc-policy .omks--box:has(.omks--table) {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
  }
}
.etc-policy .omks--box .box-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .etc-policy .omks--box .box-grid {
    display: block;
  }
}
.etc-policy .omks--table thead th {
  white-space: nowrap;
}
.etc-policy .omks--table tbody td {
  font-size: 0.93em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .etc-policy .omks--guide-box {
    padding: 1em;
  }
}

/* 컨텐츠 상단 배너 */
.guide-banner {
  position: relative;
  display: flex;
  padding: 2.25em;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
  margin-bottom: 3em;
  background-color: #fff;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 767px) {
  .guide-banner {
    flex-direction: column;
    padding: 1.25em;
  }
}
.guide-banner .banner-icon {
  flex: 0 0 9.375em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.375em;
  height: 9.375em;
  background-color: #093a60;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 3em;
  box-shadow: 6px 7px 5px 2px #a4b6cf;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .guide-banner .banner-icon {
    flex: 0 0 7.375em;
    width: 7.375em;
    height: 7.375em;
  }
}
@media only screen and (max-width: 767px) {
  .guide-banner .banner-icon {
    position: absolute;
    top: 2.35em;
    left: 1.75em;
    flex: none;
    width: 3.375em;
    height: 3.375em;
    margin: 0;
    box-shadow: none;
  }
}
.guide-banner .banner-icon img {
  width: 5em;
  max-width: 80%;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .guide-banner .banner-icon img {
    width: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .guide-banner .banner-icon img {
    width: 2em;
  }
}
.guide-banner .banner-contents {
  flex: 1 1 auto;
  padding: 1em 0;
}
.guide-banner .banner-title {
  margin-bottom: 0.5em;
  font-size: 1.6em;
  font-weight: 600;
  color: #33477f;
}
@media only screen and (max-width: 767px) {
  .guide-banner .banner-title {
    display: flex;
    align-items: center;
    min-height: 2.109375em;
    padding: 0 0 0 3em;
    margin-bottom: 1em;
  }
}
.guide-banner .banner-paragraph {
  font-size: 1.15em;
  font-weight: 400;
  line-height: 1.5;
  word-break: keep-all;
  overflow-wrap: break-word;
  color: #424242;
}
@media only screen and (max-width: 767px) {
  .guide-banner .banner-paragraph {
    font-size: 1em;
  }
}
.guide-banner .banner-paragraph b {
  font-weight: 400;
  color: #0177e4;
}
.guide-banner .banner-func-group {
  display: flex;
  margin-top: 1em;
}
.guide-banner .banner-func-group button,
.guide-banner .banner-func-group .omks--button {
  display: inline-flex;
  align-items: center;
}
.guide-banner .banner-func-group button ~ *,
.guide-banner .banner-func-group .omks--button ~ * {
  margin-left: 0.5em;
}
.guide-banner .banner-func-group button .button-icon,
.guide-banner .banner-func-group .omks--button .button-icon {
  display: inline-flex;
  margin-left: 0.25em;
}
.guide-banner .banner-func-group button .button-icon img,
.guide-banner .banner-func-group .omks--button .button-icon img {
  width: 1.2em;
}

/* 연혁 */
.cms--history {
  position: relative;
}
.cms--history:after {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateZ(0);
  content: "";
  width: 1px;
  height: 100%;
  box-sizing: border-box;
  border-left: 1px dashed #c6c6c6;
}
@media only screen and (max-width: 767px) {
  .cms--history:after {
    left: 2.5em;
    transform: translateZ(0);
    width: 0.1em;
    border-left: 0.1em dashed #c6c6c6;
  }
}
.cms--history .history-branch {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .cms--history .history-branch {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1em;
  }
}
.cms--history .history-branch:first-child .history-year {
  display: flex;
}
.cms--history .history-branch:last-child .history-incident li:last-child {
  position: relative;
}
.cms--history .history-branch:last-child .history-incident li:last-child:after {
  position: absolute;
  top: 1.54em;
  left: 0;
  transform: translateX(-50%);
  content: "";
  width: 1em;
  height: 100%;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .cms--history .history-branch:last-child .history-incident li:last-child:after {
    left: 2em;
    right: initial;
    transform: none;
  }
}
.cms--history .history-branch:nth-child(2n) .history-incident {
  padding-left: 0;
  padding-right: 50%;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .cms--history .history-branch:nth-child(2n) .history-incident {
    padding-left: 0%;
    padding-right: 0;
    text-align: left;
  }
}
.cms--history .history-branch:nth-child(2n) .history-incident li {
  align-items: flex-end;
  padding: 0;
  padding-right: 5.35em;
}
@media only screen and (max-width: 767px) {
  .cms--history .history-branch:nth-child(2n) .history-incident li {
    padding-right: 0;
    padding-left: 6.25em;
    align-items: flex-start;
  }
}
.cms--history .history-branch:nth-child(2n) .history-incident .incident-year:before {
  left: initial;
  right: -4.8636363636em;
  transform: translateX(0%);
}
@media only screen and (max-width: 767px) {
  .cms--history .history-branch:nth-child(2n) .history-incident .incident-year:before {
    left: -3.4em;
    right: inherit;
  }
}
.cms--history .history-branch:nth-child(2n) .history-incident .incident-year:after {
  left: inherit;
  right: -4.8636363636em;
  transform: translate(50%, 50%);
}
@media only screen and (max-width: 767px) {
  .cms--history .history-branch:nth-child(2n) .history-incident .incident-year:after {
    left: -4.15em;
    right: inherit;
  }
}
.cms--history .history-branch:nth-child(2n):last-child .history-incident li:last-child {
  position: relative;
}
.cms--history .history-branch:nth-child(2n):last-child .history-incident li:last-child:after {
  left: initial;
  right: 0;
  transform: translateX(50%);
}
@media only screen and (max-width: 767px) {
  .cms--history .history-branch:nth-child(2n):last-child .history-incident li:last-child:after {
    left: 2em;
    right: initial;
    transform: none;
  }
}
.cms--history .history-branch .history-incident {
  margin: 0;
  padding: 0;
  padding-left: 50%;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .cms--history .history-branch .history-incident {
    padding-left: 0;
  }
}
.cms--history .history-branch .history-incident li {
  padding-left: 5.35em;
}
@media only screen and (max-width: 767px) {
  .cms--history .history-branch .history-incident li {
    padding-left: 6.25em;
  }
}
.cms--history .history-branch .history-incident .incident-year:before {
  position: absolute;
  bottom: 0;
  left: -0.9090909091em;
  transform: translateX(-100%);
}
.cms--history .history-branch .history-incident .incident-year:after {
  position: absolute;
  bottom: 0;
  left: -4.8636363636em;
  transform: translate(-50%, 50%);
}
@media only screen and (max-width: 767px) {
  .cms--history .history-branch .history-incident .incident-year:after {
    transform: translate(50%, 50%);
    left: -4.15em;
  }
}
.cms--history .history-year {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  background-color: #05406d;
  font-size: 1em;
  font-weight: 500;
  color: #fff;
  box-shadow: 1px 2px 4px 3px rgba(0, 0, 0, 0.16);
  display: none;
}
@media only screen and (max-width: 767px) {
  .cms--history .history-year {
    margin-left: 0.5em;
    margin-bottom: 1.75em;
  }
}
.cms--history .history-incident {
  list-style: none;
  width: 100%;
  box-sizing: border-box;
}
.cms--history .history-incident li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.cms--history .history-incident li ~ li {
  margin-top: 1.5em;
}
.cms--history .history-incident .incident-year {
  position: relative;
  display: block;
  margin-bottom: 0.25em;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1;
  color: #0065be;
}
.cms--history .history-incident .incident-year:before {
  content: "";
  width: 3.9545454545em;
  height: 0.0454545455em;
  box-sizing: border-box;
  border-top: 0.0454545455em dashed #c6c6c6;
}
@media only screen and (max-width: 767px) {
  .cms--history .history-incident .incident-year:before {
    width: 2.25em;
    font-size: 1em;
  }
}
.cms--history .history-incident .incident-year:after {
  content: "";
  width: 0.8em;
  height: 0.8em;
  box-sizing: border-box;
  border: 0.2em solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  background-color: #0080E2;
}
.cms--history .history-incident .incident-name {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.cms--history .history-incident .incident-name.style--bullet {
  position: relative;
  display: inline-block;
  padding-left: 0.5em;
}
.cms--history .history-incident .incident-name.style--bullet:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "-";
}
.cms--history .history-incident .incident-name + .incident-detail {
  margin-top: 0.25em;
}
.cms--history .history-incident .incident-detail {
  font-size: 0.9em;
  font-weight: 300;
  line-height: 1.3;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.cms--history .history-incident .incident-detail p {
  margin: 0;
  padding: 0;
}

/* 옴부즈맨 이메일 인증 */
.email-security .security-guide {
  padding: 1em;
  text-align: center;
  background-color: #ecf2fb;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
}
.email-security .security-guide .guide-text {
  font-size: 1em;
  line-height: 1.4;
  font-weight: 400;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.email-security .security-guide .guide-text b {
  font-weight: 500;
  color: #ee7d38;
}
.email-security .security-certified {
  display: flex;
  align-items: center;
  margin: 1em auto;
  width: 35em;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .email-security .security-certified {
    flex-direction: column;
    align-items: flex-start;
  }
}
.email-security .security-certified .certified-reset {
  display: flex;
  margin-right: 1em;
  align-items: center;
  padding: 0.2em 0.5em;
  font-size: 1em;
  white-space: nowrap;
  color: #004684;
  font-weight: 500;
}
.email-security .security-certified .certified-form {
  flex: 1 1 auto;
  display: flex;
  border: 0.0625em solid #cecece;
  border-radius: 0.3125em;
  overflow: hidden;
}
.email-security .security-certified .certified-form:focus-within {
  outline: 1px solid var(--omks-primary-darkblue);
  outline-offset: -0.1em;
}
.email-security .security-certified .certified-number {
  flex: 0 0 6.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.25em;
  background-color: #f4f4f4;
}
.email-security .security-certified .certified-input {
  flex: 1 1 auto;
  width: calc(100% - 12.5em);
  box-sizing: border-box;
  border-left: 0.0625em solid #cecece;
}
.email-security .security-certified .certified-input .omks--input {
  width: 100%;
  border: none;
  outline: none;
}
.email-security .security-certified .certified-submit {
  flex: 0 0 6.25em;
  width: 6.25em;
}
.email-security .security-certified .certified-submit .submit-button {
  width: 100%;
  height: 100%;
  min-width: auto;
  border-radius: 0;
  outline: none;
}
.email-security .security-email, .email-security .security-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  background-color: #ecf2fb;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
}
.email-security .security-email .email-icon, .email-security .security-contact .email-icon {
  display: inline-flex;
  display: none;
  font-size: 1.3em;
  margin-right: 0.5em;
}
.email-security .security-email .contact-number,
.email-security .security-email .email-address, .email-security .security-contact .contact-number,
.email-security .security-contact .email-address {
  font-size: 1.5em;
  font-weight: 500;
  color: #1c3797;
}
.email-security .security-email .email-copy, .email-security .security-contact .email-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: 1em;
  padding: 0.2em 0.8em;
  border-radius: 0.3125em;
  background-color: #003d77;
  color: #fff;
}

/* 경영공시 */
.management-announce .announce-head {
  display: flex;
  align-items: flex-end;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 0.0625em solid #ececec;
}
.management-announce .announce-head .announce-button {
  margin-left: auto;
}
.management-announce .announce-button {
  display: flex;
  align-items: center;
  height: auto;
  min-height: 3em;
  padding: 1em;
  box-sizing: border-box;
  border: 0.125em solid #607ea7;
  background-color: #fff;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 767px) {
  .management-announce .announce-button {
    max-width: 50vw;
  }
}
.management-announce .announce-button .button-text ~ .button-icon {
  margin-left: 0.5em;
}
.management-announce .announce-button .button-icon {
  display: inline-flex;
}
.management-announce .announce-button .button-icon img {
  width: 1.8em;
}
.management-announce .announce-help {
  display: inline-flex;
  font-size: 0.9375em;
  line-height: 1;
  color: #a5a5a5;
  display: none;
}
.management-announce .announce-row {
  width: 100%;
  box-sizing: border-box;
  padding: 1em 0;
  border-bottom: 0.0625em solid #ececec;
}
.management-announce .announce-row .row-head {
  box-sizing: border-box;
}
.management-announce .announce-row .row-title {
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 1.2em 2em;
  border-radius: 0.3125em;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/announce/logo-gray.svg");
  background-position: right -5px bottom -20px;
  background-size: 7em auto;
  background-color: #2f68c2;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.16);
}
.management-announce .announce-row .row-title .title-text {
  font-size: 1.3em;
  font-weight: 500;
  color: #fff;
}
.management-announce .announce-row .row-body {
  margin-top: 0.5em;
  padding: 0 1em;
}
.management-announce .announce-row .row-body .announce-item ~ .announce-item {
  border-top: 0.0625em solid #ececec;
}
.management-announce .announce-item {
  padding: 1em;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .management-announce .announce-item {
    padding: 1em 0;
  }
}
.management-announce .announce-item .item-head {
  color: #003d77;
}
.management-announce .announce-item .item-head ~ .item-body {
  margin-top: 0.5em;
}
.management-announce .announce-item .item-body {
  background: #fff;
  padding: 1em;
  border-radius: 0.3125em;
  border: 0.0625em solid #ddd;
}
.management-announce .announce-item .item-title {
  position: relative;
  padding-left: 1.4em;
  font-size: 1.05em;
  font-weight: 600;
}
.management-announce .announce-item .item-title:after {
  position: absolute;
  top: 0.275em;
  left: 0;
  content: "";
  width: 1em;
  height: 1em;
  box-sizing: border-box;
  border: 0.2em solid #2f68c2;
  border-radius: 50%;
}
.management-announce .announce-links {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: -0.5em 0 0 -0.5em;
}
@media only screen and (max-width: 480px) {
  .management-announce .announce-links {
    flex-direction: column;
  }
}
.management-announce .announce-links > li {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0.5em 0 0 0.5em;
  flex: 0 0 calc(25% - 0.5em);
  width: calc(25% - 0.5em);
}
@media only screen and (max-width: 767px) {
  .management-announce .announce-links > li {
    flex: 0 0 calc(50% - 0.5em);
    width: calc(50% - 0.5em);
  }
}
@media only screen and (max-width: 480px) {
  .management-announce .announce-links > li {
    flex: none;
    width: 100%;
  }
}
.management-announce .announce-link {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.2;
  text-indent: -0.1em;
}
.management-announce .announce-link:hover .link-text {
  color: #0034c8;
}
.management-announce .announce-link:hover .link-text:has(a) {
  color: #000;
}
.management-announce .announce-link:hover .link-text:has(a) a {
  color: #0034c8;
}
.management-announce .announce-link .link-text {
  font-size: 0.9325em;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-underline-offset: 0.2em;
}
.management-announce .announce-link .link-text a:hover {
  text-decoration: underline;
}
.management-announce .announce-link .link-icon {
  display: inline-flex;
  margin: 0 0.1em;
  transform: translateY(0.15em);
}
.management-announce .announce-link .link-icon img {
  width: 1em;
}
.management-announce a.announce-link:hover .link-text {
  color: #0034c8;
  text-decoration: underline;
}

/* 정보서비스 전체보기 */
.service-outside {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}
.service-outside .outside-list {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 -1em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .service-outside .outside-list {
    flex-wrap: wrap;
    margin: -1em 0 0 -1em;
  }
}
@media only screen and (max-width: 767px) {
  .service-outside .outside-list {
    flex-direction: column;
    margin: -1em 0 0 0;
  }
}
.service-outside .outside-list .outside-item {
  flex: 0 0 calc(25% - 1em);
  margin: 0 0 0 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .service-outside .outside-list .outside-item {
    flex: 0 0 calc(50% - 1em);
    margin: 1em 0 0 1em;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .service-outside .outside-list .outside-item {
    flex: none;
    margin: 1em 0 0 0;
  }
}
.service-outside .outside-item {
  position: relative;
  display: flex;
  flex-direction: column;
}
.service-outside .outside-item:nth-of-type(1) .item-thumbs:before {
  border-color: #2F68C2;
}
.service-outside .outside-item:nth-of-type(1) .item-thumbs:after {
  background-color: #2F68C2;
}
.service-outside .outside-item:nth-of-type(1) .item-thumbs .thumbs-frame {
  background-repeat: no-repeat;
  background-image: url("../../img/contents/outside/background-01.svg");
  background-color: #2F68C2;
}
.service-outside .outside-item:nth-of-type(2) .item-thumbs:before {
  border-color: #2B50B8;
}
.service-outside .outside-item:nth-of-type(2) .item-thumbs:after {
  background-color: #2B50B8;
}
.service-outside .outside-item:nth-of-type(2) .item-thumbs .thumbs-frame {
  background-repeat: no-repeat;
  background-image: url("../../img/contents/outside/background-02.svg");
  background-color: #2B50B8;
}
.service-outside .outside-item:nth-of-type(3) .item-thumbs:before {
  border-color: #0E3796;
}
.service-outside .outside-item:nth-of-type(3) .item-thumbs:after {
  background-color: #0E3796;
}
.service-outside .outside-item:nth-of-type(3) .item-thumbs .thumbs-frame {
  background-repeat: no-repeat;
  background-image: url("../../img/contents/outside/background-03.svg");
  background-color: #0E3796;
}
.service-outside .outside-item:nth-of-type(4) .item-thumbs:before {
  border-color: #163376;
}
.service-outside .outside-item:nth-of-type(4) .item-thumbs:after {
  background-color: #163376;
}
.service-outside .outside-item:nth-of-type(4) .item-thumbs .thumbs-frame {
  background-repeat: no-repeat;
  background-image: url("../../img/contents/outside/background-04.svg");
  background-color: #163376;
}
.service-outside .outside-item .item-thumbs {
  position: relative;
  z-index: 1;
  padding-bottom: 1.875em;
}
.service-outside .outside-item .item-thumbs:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) skewY(-0.01deg);
  content: "";
  width: 2px;
  height: 100%;
  box-sizing: border-box;
  border-left: 2px dashed #ccc;
}
.service-outside .outside-item .item-thumbs:after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ddd;
}
.service-outside .outside-item .item-thumbs .thumbs-title {
  font-size: 1.5625em;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}
.service-outside .outside-item .item-thumbs .thumbs-frame {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.625em;
  border-radius: 0.625em;
  background-color: #2F68C2;
  background-size: 5.3125em auto;
  background-position: right 0.5em bottom -1em;
}
.service-outside .outside-item .item-frame {
  flex: 1 1 auto;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .service-outside .outside-item .item-frame {
    flex: 1 1 auto;
    height: auto;
  }
}
.service-outside .outside-item .item-head {
  display: none;
}
.service-outside .outside-item .item-body {
  flex: 1 1 auto;
  padding: 1.5em 1em;
  padding-right: 0.5em;
}
.service-outside .outside-item .item-title {
  position: relative;
  padding-left: 1.4em;
  font-size: 1.3em;
  font-weight: 600;
  color: #003d77;
}
.service-outside .outside-item .item-title:after {
  position: absolute;
  top: 0.275em;
  left: 0;
  content: "";
  width: 1em;
  height: 1em;
  box-sizing: border-box;
  border: 0.2em solid #607ea7;
  border-radius: 0.3125em;
}
.service-outside .outside-links ul {
  margin: 0;
  padding: 0;
}
.service-outside .outside-links ul li {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.service-outside .outside-links ul li ~ li {
  margin-top: 0.85em;
}
.service-outside .outside-link {
  display: block;
  position: relative;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
  padding-left: 0.875em;
}
.service-outside .outside-link:before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.25em;
  height: 0.25em;
  border-radius: 50%;
  background-color: #666;
}
.service-outside .outside-link:hover {
  color: #2f68c2;
}
.service-outside .outside-link:hover .link-text:has(a) {
  color: #000;
}
.service-outside .outside-link:hover .link-text:has(a) a {
  color: #2f68c2;
}
.service-outside .outside-link .link-text {
  font-size: 1em;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-underline-offset: 0.2em;
}
.service-outside .outside-link .link-text a:hover {
  text-decoration: underline;
}
.service-outside .outside-link .link-text b {
  color: #2f68c2;
  font-weight: 600;
}
.service-outside .outside-link .link-icon {
  display: inline-flex;
  margin: 0 0.1em;
  transform: translateY(0.15em);
}
.service-outside .outside-link .link-icon img {
  width: 1em;
}
.service-outside a.outside-link:hover .link-text {
  color: #2f68c2;
  text-decoration: underline;
}
.service-outside .outside-charger {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}
.service-outside .outside-charger:has(.charger-toggle.is--on) .charger-table {
  display: block;
}
.service-outside .outside-charger .charger-button {
  display: flex;
  justify-content: flex-end;
}
.service-outside .outside-charger .charger-table {
  display: none;
}

/* CI */
.ci-figure {
  margin: 1em 0;
  padding: 2em;
  border-radius: 0.3125em;
  border: 1px solid #ddd;
}
@media only screen and (max-width: 767px) {
  .ci-figure {
    padding: 0;
  }
}
.ci-figure .ci-row {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .ci-figure .ci-row {
    flex-wrap: wrap;
    flex-direction: row;
  }
}
@media only screen and (max-width: 480px) {
  .ci-figure .ci-row {
    flex-direction: column;
  }
}
.ci-figure .ci-col {
  flex: 0 0 33.33%;
  box-sizing: border-box;
  padding: 1em;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .ci-figure .ci-col {
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 480px) {
  .ci-figure .ci-col {
    flex: none;
  }
}
.ci-figure .ci-col.style--half {
  flex: 0 0 50%;
}
.ci-figure .ci-col.style--half .ci-box {
  aspect-ratio: 15/9;
}
.ci-figure .ci-box {
  position: relative;
  aspect-ratio: 16/9;
  background-color: #fff;
  background: linear-gradient(90deg, #eeeeee 1px, transparent 1px), linear-gradient(#eeeeee 1px, transparent 1px);
  background-size: 0.9375em 0.9375em;
  background-position: center;
  border: 2px solid #ddd;
  border-radius: 0.625em;
  overflow: hidden;
}
.ci-figure .ci-box ~ .ci-box {
  margin-top: 1.5em;
}
.ci-figure .ci-caption {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  height: 2em;
  box-sizing: border-box;
  padding: 0 1em;
  background-color: #2f68c2;
  font-size: 0.9375em;
  color: #fff;
  line-height: 1;
  border-bottom-right-radius: inherit;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.ci-figure .ci-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.ci-figure .ci-image img {
  max-width: 90%;
  max-height: 90%;
}
@media only screen and (max-width: 480px) {
  .ci-figure .ci-image img {
    max-width: 70%;
  }
}
@media only screen and (max-width: 399px) {
  .ci-figure .ci-image img {
    max-width: 60%;
  }
}
.ci-figure .ci-download {
  display: flex;
  justify-content: center;
  padding: 1em;
}
.ci-figure .ci-download .download-button {
  display: flex;
  align-items: center;
}
.ci-figure .ci-download .download-button ~ .download-button {
  margin-left: 0.5em;
}
.ci-figure .ci-download .download-button .button-icon {
  margin-left: 0.5em;
  display: inline-flex;
}
.ci-figure .ci-download .omks--button {
  background-color: #232A3C;
  color: #fff;
  min-height: 3.125em;
  padding: 0 1.125em;
}
.ci-figure .ci-download .omks--button .button-icon ~ .button-text {
  margin-left: 0.5em;
}
.ci-figure .ci-download .omks--button .button-icon i, .ci-figure .ci-download .omks--button .button-icon .la, .ci-figure .ci-download .omks--button .button-icon .las {
  font-size: 1.7em;
}
.ci-figure .ci-download .omks--button .button-icon .omks--icon-export-round {
  font-size: 1.4em;
}
.ci-figure .ci-download .omks--button .button-text {
  font-size: 0.9375em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.ci-figure .ci-download .omks--button .button-text ~ .button-icon {
  margin-left: 0.5em;
}
.ci-figure .ci-download .omks--button:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
  background-color: #203d88;
}

/* 캐릭터 소개 */
.character-intro {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 3em 2em 3em 3em;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/character/nulph_intro.png");
  background-position: right 2em bottom -3.65em;
  background-size: 13em auto;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
  margin-bottom: 6em;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .character-intro {
    padding: 1em;
    background-size: 10em auto;
    background-position: right 1em top 1em;
  }
}
@media only screen and (max-width: 480px) {
  .character-intro {
    background-position: right 1em bottom 1em;
  }
}
.character-intro:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 40em;
  height: 40em;
  background-color: #e1e9ff;
  border-radius: 50%;
  opacity: 0.3;
  transform: translate(-40%, -40%);
}
@media only screen and (max-width: 767px) {
  .character-intro:before {
    width: 25em;
    height: 25em;
  }
}
.character-intro .character-caption {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
}

.character-caption .caption-head {
  display: flex;
  align-items: flex-end;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .character-caption .caption-head {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.5em 0 0 0.5em;
  }
}
.character-caption .caption-head .character-title {
  margin-right: 1em;
}
@media only screen and (max-width: 767px) {
  .character-caption .caption-head .character-title {
    margin-right: 0;
    margin-bottom: 0.5em;
  }
}
.character-caption .caption-body {
  margin-top: 1.5em;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .character-caption .caption-body {
    padding-right: 10em;
  }
}
@media only screen and (max-width: 480px) {
  .character-caption .caption-body {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 0.3125em;
    padding: 0.4em;
  }
}
.character-caption .caption-paragraph {
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.5;
  word-break: keep-all;
  overflow-wrap: break-word;
  color: #434343;
}
@media only screen and (max-width: 767px) {
  .character-caption .caption-paragraph {
    font-size: 0.9375em;
  }
}
.character-caption .caption-paragraph b {
  font-weight: 500;
  color: #333;
}
.character-caption .caption-paragraph ~ .caption-paragraph {
  margin-top: 0.5em;
}

.character-title {
  color: #2f68c2;
}
.character-title strong {
  font-size: 3em;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .character-title strong {
    font-size: 2.6em;
  }
}
.character-title span {
  font-size: 1.5em;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .character-title span {
    font-size: 1.1em;
  }
}

.character-tag {
  display: flex;
}
.character-tag .tag-name {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2em;
  box-sizing: border-box;
  padding: 0 0.8em;
  border-radius: 0.3125em;
  background-color: #c4dbff;
  color: #076cc4;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .character-tag .tag-name {
    height: auto;
    padding: 0;
    background: none;
  }
}
.character-tag .tag-name ~ .tag-name {
  margin-left: 0.25em;
}

.character-figure {
  position: relative;
  padding: 2em;
  border-radius: 0.3125em;
  border: 1px solid #ddd;
}
@media only screen and (max-width: 767px) {
  .character-figure {
    padding: 1em;
  }
}
.character-figure .figure-buttons {
  display: flex;
  justify-content: center;
  margin-top: 1em;
}
.character-figure .figure-button {
  position: absolute;
  bottom: 4em;
  right: 4em;
  display: flex;
  align-items: center;
  width: 3em;
  min-width: auto;
  height: 3em;
  border-radius: 50%;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.character-figure .figure-button .button-text {
  position: absolute;
  opacity: 0;
  width: 1px;
  overflow: hidden;
}
.character-figure .figure-button .button-icon {
  display: inline-flex;
}

.character-image .image-frame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 21/9;
}
.character-image .image-frame img {
  max-width: 100%;
}

.character-palette {
  display: flex;
  padding: 2em;
  border-radius: 0.3125em;
  border: 1px solid #ddd;
}
@media only screen and (max-width: 767px) {
  .character-palette {
    padding: 1em;
    flex-direction: column;
  }
}
.character-palette .palette-image,
.character-palette .palette-caption {
  flex: 1 1 calc(50% - 1em);
  width: calc(50% - 1em);
}
@media only screen and (max-width: 767px) {
  .character-palette .palette-image,
  .character-palette .palette-caption {
    flex: none;
    width: 100%;
  }
}
.character-palette .palette-image ~ .palette-caption,
.character-palette .palette-caption ~ .palette-caption {
  margin-left: 2em;
}
@media only screen and (max-width: 767px) {
  .character-palette .palette-image ~ .palette-caption,
  .character-palette .palette-caption ~ .palette-caption {
    margin-left: 0;
    margin-top: 1em;
  }
}
.character-palette .palette-image .image-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
}
.character-palette .palette-image .image-frame img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .character-palette .palette-image .image-frame img {
    width: 6em;
  }
}
.character-palette .palette-caption {
  padding: 1em 2em;
}
@media only screen and (max-width: 767px) {
  .character-palette .palette-caption {
    padding: 1em;
  }
}
.character-palette .palette-caption > ul {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .character-palette .palette-caption > ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.character-palette .palette-caption > ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .character-palette .palette-caption > ul > li {
    flex: 0 0 50%;
    width: 50%;
    padding: 0.5em;
  }
}
.character-palette .palette-caption > ul > li ~ li {
  margin-top: 1.5em;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .character-palette .palette-caption > ul > li ~ li {
    margin-top: 0;
  }
}
.character-palette .palette-color {
  display: flex;
  align-items: center;
}
.character-palette .palette-color .color-visual {
  flex: 0 0 4.5em;
  width: 4.5em;
  box-sizing: border-box;
  margin-right: 1em;
  aspect-ratio: 1/1;
  background-color: #f4f4f4;
  border-radius: 50%;
  border-top-left-radius: 0.3125em;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 767px) {
  .character-palette .palette-color .color-visual {
    flex: 0 0 3.5em;
    width: 3.5em;
  }
}
.character-palette .palette-color .color-list {
  flex: 1 1 auto;
}
.character-palette .palette-color .color-list .color-item .item-title {
  font-weight: 600;
  margin-right: 1em;
  color: #434343;
}
.character-palette .palette-color .color-list .color-item .item-value {
  font-weight: 500;
  color: #666;
}

.character-download {
  position: relative;
  z-index: 1;
  margin-top: 2em;
}
@media only screen and (max-width: 767px) {
  .character-download .omks--button-group {
    flex-wrap: wrap;
    margin: -1em 0 0 -1em;
  }
}
@media only screen and (max-width: 767px) {
  .character-download .omks--button-group .omks--button {
    margin: 1em 0 0 1em;
  }
}
.character-download .omks--button {
  background-color: #232A3C;
  color: #fff;
  min-height: 3.125em;
  padding: 0 1.125em;
}
.character-download .omks--button .button-icon ~ .button-text {
  margin-left: 0.5em;
}
.character-download .omks--button .button-icon i, .character-download .omks--button .button-icon .la, .character-download .omks--button .button-icon .las {
  font-size: 1.7em;
}
.character-download .omks--button .button-icon .omks--icon-export-round {
  font-size: 1.4em;
}
.character-download .omks--button .button-text {
  font-size: 0.9375em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.character-download .omks--button .button-text ~ .button-icon {
  margin-left: 0.5em;
}
.character-download .omks--button:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
  background-color: #203d88;
}

/* 기관편의 시설 */
.amenities-photo {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .amenities-photo {
    flex-direction: column;
  }
}
.amenities-photo .photo-itm {
  position: relative;
  flex: 1 1 50%;
  max-width: 18em;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
  overflow: hidden;
}
.amenities-photo .photo-itm ~ .photo-itm {
  margin-left: 1em;
}
@media only screen and (max-width: 767px) {
  .amenities-photo .photo-itm ~ .photo-itm {
    margin-top: 1em;
    margin-left: 0;
  }
}
.amenities-photo .photo-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 14/9;
  overflow: hidden;
  background-color: #f4f4f4;
}
.amenities-photo .photo-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.amenities-photo .photo-caption {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  height: 2em;
  box-sizing: border-box;
  padding: 0 1em;
  background-color: #003d77;
  font-size: 0.9375em;
  color: #fff;
  line-height: 1;
  border-bottom-right-radius: inherit;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}

/* 오시는 길 */
.directions-map {
  position: relative;
  aspect-ratio: 21/9;
  margin-bottom: 2em;
}
@media only screen and (max-width: 767px) {
  .directions-map {
    aspect-ratio: initial;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  }
}
.directions-map .map-api {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #f4f4f4;
  border-radius: 0.3125em;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .directions-map .map-api {
    position: relative;
    top: initial;
    left: initial;
    aspect-ratio: 21/9;
  }
}
.directions-map .map-info {
  position: absolute;
  bottom: 2em;
  left: 50%;
  transform: translateX(-50%);
  width: 58em;
  height: 5em;
  max-width: 90%;
  box-sizing: border-box;
  padding: 1em;
  border-radius: 0.3125em;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 767px) {
  .directions-map .map-info {
    position: relative;
    bottom: initial;
    left: initial;
    transform: none;
    width: 100%;
    height: auto;
    max-width: none;
    box-shadow: none;
  }
}
.directions-map .map-info ul, .directions-map .map-info li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.directions-map .map-info ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .directions-map .map-info ul {
    flex-direction: column;
    align-items: flex-start;
  }
}
.directions-map .map-info ul li {
  display: flex;
  align-items: center;
  padding: 0 1em;
}
@media only screen and (max-width: 767px) {
  .directions-map .map-info ul li {
    padding: 0;
  }
}
.directions-map .map-info ul li ~ li {
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .directions-map .map-info ul li ~ li {
    margin-top: 0.5em;
  }
}
.directions-map .map-info .info-ico {
  display: inline-flex;
  flex: 0 0 1.4em;
  margin-right: 0.5em;
}
.directions-map .map-info .info-ico img {
  width: 1.4em;
}

.directions-foreground {
  position: relative;
  margin: 2em 0;
  margin-bottom: 4em;
  border-radius: 0.3125em;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .directions-foreground {
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  }
}
.directions-foreground .foreground-map {
  display: flex;
}
.directions-foreground .foreground-caption {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 1em;
  left: 1em;
  padding: 1em;
  border-radius: 0.3125em;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 767px) {
  .directions-foreground .foreground-caption {
    position: relative;
    bottom: initial;
    left: initial;
    background-color: #fff;
    border: 0.0625em solid #ececec;
    box-shadow: none;
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 480px) {
  .directions-foreground .foreground-caption {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.directions-foreground .foreground-caption li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .directions-foreground .foreground-caption li {
    flex: 1 0 50%;
    color: #434343;
  }
}
@media only screen and (max-width: 480px) {
  .directions-foreground .foreground-caption li {
    flex: none;
  }
}
.directions-foreground .foreground-caption li ~ li {
  margin-top: 1em;
}
@media only screen and (max-width: 767px) {
  .directions-foreground .foreground-caption li ~ li {
    margin-top: 0.5em;
  }
}
.directions-foreground .foreground-caption .caption-order {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6em;
  height: 1.6em;
  box-sizing: border-box;
  margin-right: 0.5714285714em;
  border-radius: 50%;
  border: 0.2142857143em solid #ffb300;
  background-color: #fff;
  color: #666;
  font-size: 0.875em;
}
.directions-foreground img {
  width: 100%;
}

.directions-vehicle {
  display: flex;
  margin-top: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .directions-vehicle {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .directions-vehicle {
    flex-direction: column;
  }
}
.directions-vehicle ~ .directions-vehicle {
  margin-top: 3em;
}
.directions-vehicle .vehicle-tab {
  display: flex;
  flex-direction: column;
  flex: 0 0 15em;
  margin-right: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .directions-vehicle .vehicle-tab {
    flex-direction: row;
    flex: none;
    margin: 0 0 1em 0;
  }
}
@media only screen and (max-width: 767px) {
  .directions-vehicle .vehicle-tab {
    flex-direction: row;
    flex: none;
    margin: 0 0 1em 0;
    padding-bottom: 0.25em;
    overflow-x: auto;
  }
  .directions-vehicle .vehicle-tab::-webkit-scrollbar {
    width: 512px;
    height: 5px;
  }
  .directions-vehicle .vehicle-tab::-webkit-scrollbar-track {
    background-color: #f3f5f7;
    border-radius: 8px;
  }
  .directions-vehicle .vehicle-tab::-webkit-scrollbar-thumb {
    background-color: #607ea7;
    border-radius: 8px;
  }
  .directions-vehicle .vehicle-tab::-webkit-scrollbar-corner {
    background-color: #f3f5f7;
  }
}
.directions-vehicle .vehicle-tab .tab-btn {
  width: 100%;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 0.3125em;
}
@media only screen and (max-width: 767px) {
  .directions-vehicle .vehicle-tab .tab-btn {
    flex: 0 0 8.5em;
    width: 8.5em;
    box-sizing: border-box;
    padding: 0 0.5em;
  }
}
.directions-vehicle .vehicle-tab .tab-btn .btn-txt {
  font-size: 1.1em;
}
@media only screen and (max-width: 767px) {
  .directions-vehicle .vehicle-tab .tab-btn .btn-txt {
    font-size: 1em;
    word-break: keep-all;
    overflow-wrap: break-word;
    line-height: 1.2;
  }
}
.directions-vehicle .vehicle-tab .tab-btn ~ .tab-btn {
  margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
  .directions-vehicle .vehicle-tab .tab-btn ~ .tab-btn {
    margin: 0;
    margin-left: 0.5em;
  }
}
.directions-vehicle .vehicle-tab .tab-btn:hover {
  color: #2a65ce;
  text-shadow: 0 0 #2a65ce;
}
.directions-vehicle .vehicle-tab .tab-btn.is--on {
  background-color: #213b76;
  color: #fff;
  border-radius: 0.3125em;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.directions-vehicle .vehicle-lst {
  flex: 1 1 auto;
  padding: 1em;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.directions-vehicle .vehicle-lst .lst-wrap {
  display: none;
}
.directions-vehicle .vehicle-lst .lst-wrap.is--on {
  display: block;
}
.directions-vehicle .vehicle-lst .lst-head {
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
  margin-bottom: 0.25em;
}
@media only screen and (max-width: 767px) {
  .directions-vehicle .vehicle-lst .lst-head {
    padding: 0.5em 0;
  }
}
.directions-vehicle .vehicle-lst .lst-head .lst-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8em;
  height: 1.8em;
  margin-right: 0.75em;
  border-radius: 50%;
  background-color: #1b3776;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/directions/arrival.svg");
  background-size: 1em auto;
  background-position: left 49% top 51%;
}
@media only screen and (max-width: 767px) {
  .directions-vehicle .vehicle-lst .lst-head .lst-ico {
    width: 1.5em;
    height: 1.5em;
    background-size: 0.8em auto;
  }
}
.directions-vehicle .vehicle-lst .lst-head .lst-ttl {
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.2;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .directions-vehicle .vehicle-lst .lst-head .lst-ttl {
    font-size: 1.2em;
  }
}
.directions-vehicle .vehicle-lst .lst-head .lst-ttl .ttl-highlight {
  color: #1b3776;
  font-weight: 500;
}
.directions-vehicle .vehicle-way {
  padding: 0.5em;
}
@media only screen and (max-width: 767px) {
  .directions-vehicle .vehicle-way {
    padding: 1em 0;
    border-top: 0.0625em solid #ececec;
    border-radius: 0.3125em;
  }
}
.directions-vehicle .vehicle-way ~ .vehicle-way {
  border-top: 0.0625em solid #ececec;
}
@media only screen and (max-width: 767px) {
  .directions-vehicle .vehicle-way ~ .vehicle-way {
    margin-top: 1em;
  }
}
.directions-vehicle .vehicle-way ul, .directions-vehicle .vehicle-way li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.directions-vehicle .vehicle-way ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5em 0 0 -1.5em;
}
@media only screen and (max-width: 767px) {
  .directions-vehicle .vehicle-way ul {
    flex-direction: column;
  }
}
.directions-vehicle .vehicle-way li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0.5em 0 0 1.5em;
  font-weight: 400;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .directions-vehicle .vehicle-way li {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}
.directions-vehicle .vehicle-way li ~ li {
  position: relative;
  margin-left: 1.5em;
  padding-left: 1.5em;
}
.directions-vehicle .vehicle-way li ~ li:before {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
  content: "→";
}
@media only screen and (max-width: 767px) {
  .directions-vehicle .vehicle-way li ~ li:before {
    transform: translate(0);
  }
}
.directions-vehicle .vehicle-way .way-type {
  margin-right: 0.5em;
  padding: 0.1em 0.4em;
  border-radius: 0.3125em;
  font-weight: 300;
  font-size: 0.9375em;
}
.directions-vehicle .vehicle-way .way-type.style--mainline {
  background-color: #0080E2;
  color: #fff;
}
.directions-vehicle .vehicle-way .way-type.style--village {
  background-color: #71a570;
  color: #fff;
}
.directions-vehicle .vehicle-way .way-type.style--branch {
  background-color: #52b659;
  color: #fff;
}
.directions-vehicle .vehicle-way .way-type.style--arrival {
  background-color: #a1a1a1;
  color: #fff;
}
.directions-vehicle .vehicle-way .way-type.style--taxi {
  background-color: #ffb300;
  color: #fff;
}
.directions-vehicle .vehicle-way .way-type.style--subway {
  background-color: #003d77;
  color: #fff;
}
.directions-vehicle .vehicle-way .way-type.style--pass {
  background-color: #0360e0;
  color: #fff;
}
.directions-vehicle .vehicle-way .way-type.style--area {
  background-color: #e75555;
  color: #fff;
}
.directions-vehicle .vehicle-way .way-type.style--walk {
  background-color: #2167ab;
  color: #fff;
}
.directions-vehicle .vehicle-way .way-position {
  color: #000;
}
.directions-vehicle .vehicle-way .way-map {
  margin-top: 1em;
  position: relative;
  aspect-ratio: 28/9;
  border: 0.0625em solid #c6c6c6;
  border-radius: 0.3125em;
  background-color: #f4f4f4;
  overflow: hidden;
}
.directions-vehicle .vehicle-way .way-map img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  max-width: none;
}
.directions-vehicle .vehicle-way .way-map .map-link {
  position: absolute;
  bottom: 1em;
  right: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background-color: #004684;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  color: #fff;
}
.directions-vehicle .vehicle-way .way-map .map-link [class^=omks--icon] {
  font-size: 1.3em;
}

/* 헌장 */
.charter-form {
  position: relative;
  padding: 3.125em;
  border: 0.25em solid #E5EBF8;
  border-radius: 1.25em;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .charter-form {
    padding: 1em;
  }
}
.charter-form:before {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 40em;
  height: 40em;
  background-color: #e1e9ff;
  border-radius: 50%;
  opacity: 0.3;
  transform: translate(50%, 50%);
}
@media only screen and (max-width: 767px) {
  .charter-form:before {
    width: 20em;
    height: 20em;
  }
}
.charter-form [class^=frm-] {
  position: relative;
  z-index: 1;
}
.charter-form .frm-head {
  text-align: center;
}
.charter-form .frm-head ~ .frm-body {
  margin: 2.5em 0 3em 0;
}
@media only screen and (max-width: 767px) {
  .charter-form .frm-head ~ .frm-body {
    margin: 1.875em 0 1.25em 0;
  }
}
.charter-form .frm-head .charter-paragraph {
  color: #666;
}
.charter-form .frm-body {
  padding: 1.75em;
  border: 1px solid #E5EBF8;
  border-radius: 0.625em;
}
@media only screen and (max-width: 767px) {
  .charter-form .frm-body {
    padding: 1.125em;
  }
}
.charter-form .frm-body .charter-paragraph {
  font-size: 1.0625em;
  color: #333;
}
@media only screen and (max-width: 767px) {
  .charter-form .frm-body .charter-paragraph {
    font-size: 0.9375em;
  }
}
.charter-form .frm-body:has(.charter-paragraph) .charter-main {
  margin: 2em 0;
}
@media only screen and (max-width: 767px) {
  .charter-form .frm-body:has(.charter-paragraph) .charter-main {
    margin: 1em 0;
  }
}
.charter-form .frm-foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.charter-form .charter-title {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 2em;
  margin-bottom: 0.25em;
}
.charter-form .charter-title .ttl-sub, .charter-form .charter-title .ttl-main {
  position: relative;
  z-index: 1;
  line-height: 1.4;
}
.charter-form .charter-title .ttl-sub {
  font-size: 1em;
  font-size: 1.25em;
  font-weight: 600;
  color: #2f68c2;
}
.charter-form .charter-title .ttl-main {
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
  font-size: 2.6875em;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .charter-form .charter-title .ttl-main {
    font-size: 1.5em;
  }
}
.charter-form .charter-title:before {
  position: absolute;
  top: calc(50% - 2em);
  left: 3.5em;
  transform: translate(-50%, -50%);
  width: 10em;
  height: 10em;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/charter/logo-gray.svg");
  background-size: 10em auto;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .charter-form .charter-title:before {
    top: calc(50% - 1em);
    left: 2.25em;
    width: 5em;
    height: 5em;
    background-size: 5em auto;
  }
}
.charter-form .charter-paragraph {
  font-size: 1em;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
  font-size: 1.125em;
  color: #555;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .charter-form .charter-paragraph br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .charter-form .charter-paragraph {
    font-size: 0.9375em;
  }
  .charter-form .charter-paragraph br {
    display: none;
  }
}
.charter-form .charter-main {
  margin: 0;
  padding: 0;
  padding: 2.8125em;
  border-radius: 0.625em;
  background-color: #F8F9FF;
}
@media only screen and (max-width: 767px) {
  .charter-form .charter-main {
    padding: 1.25em;
  }
}
.charter-form .charter-main li ~ li {
  margin-top: 1.25em;
}
.charter-form .charter-stnc {
  font-size: 1.1em;
  font-weight: 500;
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.875em;
}
@media only screen and (max-width: 767px) {
  .charter-form .charter-stnc {
    font-size: 1em;
    line-height: 1.375em;
  }
}
.charter-form .charter-stnc .stnc-deco {
  position: relative;
  float: left;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.875em;
  height: 1.875em;
  border-radius: 50%;
  background-color: #2F68C2;
  margin-right: 0.75em;
}
.charter-form .charter-stnc .stnc-deco .deco-text {
  position: relative;
  z-index: 1;
  font-size: 0.875em;
  font-weight: 500;
  color: #fff;
}
.charter-form .charter-stnc .stnc-text {
  display: block;
  overflow: hidden;
  color: #333;
}
.charter-form .charter-from {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.charter-form .charter-from .from-date {
  margin-bottom: 0.25em;
  color: #666;
}
.charter-form .charter-from .from-who {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #000;
}
.charter-form .charter-from .from-who img {
  margin-left: 0.5em;
  width: 2.8em;
}

/* 재단내규 */
.page-section:has(.bylaws-book) {
  overflow: hidden;
}

.bylaws-book {
  padding: 2em;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .bylaws-book {
    padding: 0;
    border: none;
    box-shadow: none;
  }
}
.bylaws-book .book-head {
  display: flex;
  align-items: flex-end;
  border-bottom: 0.0625em solid #ececec;
  padding-bottom: 1em;
  margin-bottom: 2em;
}
@media only screen and (max-width: 480px) {
  .bylaws-book .book-head {
    align-items: flex-start;
    flex-direction: column;
  }
}
.bylaws-book .book-head .bylaws-download {
  margin-left: auto;
}
@media only screen and (max-width: 480px) {
  .bylaws-book .book-head .bylaws-download {
    margin: 1em 0 0 0;
  }
}
.bylaws-book .book-head .bylaws-download a.omks--button,
.bylaws-book .book-head .bylaws-download .omks--button {
  background-color: #232A3C;
  color: #fff;
  min-height: 3.125em;
  padding: 0 1.125em;
}
.bylaws-book .book-head .bylaws-download a.omks--button .button-icon ~ .button-text,
.bylaws-book .book-head .bylaws-download .omks--button .button-icon ~ .button-text {
  margin-left: 0.5em;
}
.bylaws-book .book-head .bylaws-download a.omks--button .button-icon i, .bylaws-book .book-head .bylaws-download a.omks--button .button-icon .la, .bylaws-book .book-head .bylaws-download a.omks--button .button-icon .las,
.bylaws-book .book-head .bylaws-download .omks--button .button-icon i,
.bylaws-book .book-head .bylaws-download .omks--button .button-icon .la,
.bylaws-book .book-head .bylaws-download .omks--button .button-icon .las {
  font-size: 1.7em;
}
.bylaws-book .book-head .bylaws-download a.omks--button .button-icon .omks--icon-export-round,
.bylaws-book .book-head .bylaws-download .omks--button .button-icon .omks--icon-export-round {
  font-size: 1.4em;
}
.bylaws-book .book-head .bylaws-download a.omks--button .button-text,
.bylaws-book .book-head .bylaws-download .omks--button .button-text {
  font-size: 0.9375em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.bylaws-book .book-head .bylaws-download a.omks--button .button-text ~ .button-icon,
.bylaws-book .book-head .bylaws-download .omks--button .button-text ~ .button-icon {
  margin-left: 0.5em;
}
.bylaws-book .book-head .bylaws-download a.omks--button:hover,
.bylaws-book .book-head .bylaws-download .omks--button:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
  background-color: #203d88;
}
.bylaws-book .book-title {
  font-size: 1.6em;
  font-weight: 500;
  color: #333;
}
.bylaws-book .book-page {
  position: relative;
  display: flex;
  width: 100%;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/bylaws/logo-gray.svg");
  background-size: 10em auto;
  background-position: left 1em bottom 2em;
  overflow-x: auto;
}
.bylaws-book .book-page::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.bylaws-book .book-page::-webkit-scrollbar-track {
  background-color: #f3f5f7;
  border-radius: 8px;
}
.bylaws-book .book-page::-webkit-scrollbar-thumb {
  background-color: #2f68c2;
  border-radius: 8px;
}
.bylaws-book .book-page::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.bylaws-book .book-page .page-column {
  flex: 0 0 30%;
  flex: 0 0 20em;
  padding: 1em 1em 3em;
}
@media only screen and (max-width: 767px) {
  .bylaws-book .book-page .page-column {
    padding: 0 0 3em;
  }
}
.bylaws-book .book-page .page-column ~ .page-column {
  position: relative;
}
.bylaws-book .book-page .page-column ~ .page-column:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-0.5em, -50%) skewY(-0.01deg);
  content: "";
  width: 0.0625em;
  height: 90%;
  background-color: #ececec;
}
.bylaws-book .book-guide {
  display: flex;
  align-items: flex-start;
  margin-top: 0.25em;
}
@media only screen and (max-width: 767px) {
  .bylaws-book .book-guide {
    flex-direction: column;
  }
}
.bylaws-book .book-guide .guide-ref {
  font-size: 0.9375em;
  color: #777;
}
@media only screen and (max-width: 767px) {
  .bylaws-book .book-guide .guide-ref {
    order: 2;
  }
}
.bylaws-book .book-guide .guide-ref .ref-hl {
  font-weight: 500;
  color: #2f68c2;
}
.bylaws-book .book-guide .guide-scroll {
  font-size: 0.9375em;
  margin-left: auto;
}

.bylaws-rules ~ .bylaws-rules {
  margin-top: 2em;
}
.bylaws-rules .rule-title {
  position: relative;
  padding-left: 1.4em;
  margin-bottom: 0.5em;
  font-size: 1.05em;
  font-weight: 600;
}
.bylaws-rules .rule-title:after {
  position: absolute;
  top: 0.275em;
  left: 0;
  content: "";
  width: 1em;
  height: 1em;
  box-sizing: border-box;
  border: 0.2em solid #2f68c2;
  border-radius: 50%;
}
.bylaws-rules .rule-item {
  display: flex;
  padding-left: 0.45em;
  font-size: 0.9375em;
  line-height: 1.4;
}
.bylaws-rules .rule-item:hover {
  color: #3d8bff;
  text-shadow: 0 0 #003a91;
}
.bylaws-rules .rule-item ~ .rule-item {
  margin-top: 0.25em;
}
.bylaws-rules .rule-item .item-order {
  flex: 0 0 3em;
  white-space: nowrap;
  margin-right: 0.5em;
}
.bylaws-rules .rule-item .item-text {
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* 연혁 */
.history {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.history .history-head {
  display: flex;
  justify-content: center;
}
.history .history-body {
  position: relative;
  width: 100%;
  padding: 5em 0 5em 0;
}
@media only screen and (max-width: 767px) {
  .history .history-body {
    display: flex;
    justify-content: center;
    padding: 3em 0;
  }
}
.history .history-body:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) skewY(-0.01deg);
  content: "";
  width: 2px;
  height: 100%;
  box-sizing: border-box;
  border-left: 2px dashed #c6c6c6;
}
.history .history-foot {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .history .history-foot {
    width: 100%;
  }
}
.history .history-foot img {
  width: 8em;
}
.history .history-establish {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  padding: 1.4em;
  padding-right: 10em;
  border-radius: 0.3125em;
  border: 0.125em solid #2F68C2;
  background-repeat: no-repeat;
  background-position: right 0 bottom 0.5em;
  background-image: url("../../img/contents/history/book.svg");
  background-size: 5em auto;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 767px) {
  .history .history-establish {
    width: 100%;
    padding: 1em;
    background-position: right 1em top 0.5em;
    background-size: 4em auto;
  }
}
.history .history-establish:after {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  content: "";
  width: 1.4em;
  height: 1.4em;
  box-sizing: border-box;
  border: 0.25em solid #d7e6fd;
  background-color: #003a91;
  border-radius: 50%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
}
.history .history-establish .establish-image {
  display: inline-flex;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .history .history-establish .establish-image {
    margin-bottom: 0.5em;
  }
}
.history .history-establish .establish-stnc {
  overflow: hidden;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .history .history-establish .establish-stnc {
    display: flex;
    flex-direction: column;
  }
}
.history .history-establish .establish-stnc ~ .branch-stnc {
  margin-top: 0.25em;
}
.history .history-establish .establish-stnc .stnc-date {
  float: left;
  margin-right: 1em;
  color: #003a91;
}
@media only screen and (max-width: 767px) {
  .history .history-establish .establish-stnc .stnc-date {
    float: none;
    margin: 0;
  }
}
.history .history-establish .establish-stnc .stnc-text {
  display: block;
  overflow: hidden;
}
.history .history-logo {
  position: relative;
  display: inline-block;
  width: 10em;
  height: 10em;
  box-sizing: border-box;
  padding: 0.5em;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .history .history-logo {
    width: 8.5em;
    height: 8.5em;
  }
}
.history .history-logo .logo-image {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  background-color: #2F68C2;
}
.history .history-logo .logo-image img {
  width: 6em;
}
@media only screen and (max-width: 767px) {
  .history .history-logo .logo-image img {
    width: 5em;
  }
}
.history .history-logo:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.125em solid #003a91;
}
.history .history-tree {
  display: flex;
  flex-direction: column;
}
.history .history-branch {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
  padding-right: 50%;
  margin-top: -5em;
}
@media only screen and (max-width: 767px) {
  .history .history-branch {
    padding: 0;
    margin-top: 2em;
  }
}
.history .history-branch .branch-frame {
  padding-right: 10em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .history .history-branch .branch-frame {
    padding-right: 8em;
  }
}
@media only screen and (max-width: 767px) {
  .history .history-branch .branch-frame {
    padding: 0;
  }
}
.history .history-branch:nth-child(2n) {
  padding: 0;
  padding-left: 50%;
}
@media only screen and (max-width: 767px) {
  .history .history-branch:nth-child(2n) {
    padding: 0;
  }
}
.history .history-branch:nth-child(2n) .branch-frame {
  padding: 0;
  padding-left: 10em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .history .history-branch:nth-child(2n) .branch-frame {
    padding-left: 8em;
  }
}
@media only screen and (max-width: 767px) {
  .history .history-branch:nth-child(2n) .branch-frame {
    padding: 0;
  }
}
.history .history-branch:nth-child(2n) .branch-photo {
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .history .history-branch:nth-child(2n) .branch-photo {
    justify-content: center;
  }
}
.history .history-branch:nth-child(2n) .branch-photo:before {
  transform: translate(-10em, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .history .history-branch:nth-child(2n) .branch-photo:before {
    transform: translate(-8em, -50%);
  }
}
.history .history-branch:nth-child(2n) .branch-photo:after {
  right: initial;
  left: -10em;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .history .history-branch:nth-child(2n) .branch-photo:after {
    left: -8em;
  }
}
.history .history-branch:nth-child(2n) .branch-year {
  right: initial;
  left: 0;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .history .history-branch:nth-child(2n) .branch-year {
    left: initial;
    right: 0;
    top: 0;
  }
}
.history .history-branch:first-child .branch-photo .photo-frame:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 0.125em solid #003a91;
  border-radius: inherit;
}
.history .history-branch .branch-photo {
  position: relative;
  z-index: 0;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .history .history-branch .branch-photo {
    justify-content: center;
  }
}
.history .history-branch .branch-photo:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(10em, -50%);
  content: "";
  width: 100%;
  height: 0.0625em;
  box-sizing: border-box;
  border-top: 0.125em dashed #c6c6c6;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .history .history-branch .branch-photo:before {
    transform: translate(8em, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .history .history-branch .branch-photo:before {
    content: none;
  }
}
.history .history-branch .branch-photo:after {
  position: absolute;
  right: -10em;
  top: 50%;
  transform: translate(50%, -50%);
  content: "";
  width: 1.4em;
  height: 1.4em;
  box-sizing: border-box;
  border: 0.25em solid #d7e6fd;
  background-color: #003a91;
  border-radius: 50%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .history .history-branch .branch-photo:after {
    right: -8em;
  }
}
@media only screen and (max-width: 767px) {
  .history .history-branch .branch-photo:after {
    content: none;
  }
}
.history .history-branch .branch-photo .photo-frame {
  position: relative;
  width: 20em;
  aspect-ratio: 16/9;
  border-radius: 0.3125em;
  background-color: #f4f4f4;
  overflow: hidden;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
}
.history .history-branch .branch-photo .photo-frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  height: 100%;
}
.history .history-branch .branch-year {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  transform: translate(50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.4em 1em;
  border-radius: 0.3125em;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #2F68C2;
  font-size: 1.3em;
  font-weight: 400;
  color: #fff;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .history .history-branch .branch-year {
    left: initial;
    right: 0;
    top: 0;
    transform: translate(-50%, -50%);
    padding: 0.4em 0.5em;
  }
}
.history .history-branch .branch-contents {
  position: relative;
  z-index: 1;
  padding: 0 0.75em;
}
.history .history-branch .branch-paragraph {
  transform: translateY(-2em);
  padding: 1em 1.5em;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
@media only screen and (max-width: 767px) {
  .history .history-branch .branch-paragraph {
    max-width: 20em;
    box-sizing: border-box;
    padding: 0.5em;
  }
}
.history .history-branch .branch-stnc {
  overflow: hidden;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .history .history-branch .branch-stnc {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .history .history-branch .branch-stnc {
    display: flex;
    flex-direction: column;
  }
}
.history .history-branch .branch-stnc ~ .branch-stnc {
  margin-top: 0.25em;
}
.history .history-branch .branch-stnc .stnc-date {
  float: left;
  margin-right: 1em;
  color: #003a91;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .history .history-branch .branch-stnc .stnc-date {
    float: none;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .history .history-branch .branch-stnc .stnc-date {
    float: none;
    margin: 0;
  }
}
.history .history-branch .branch-stnc .stnc-text {
  display: block;
  color: #000;
  overflow: hidden;
}

/* 프로세스 박스 */
.contents-box,
.process-box {
  width: 100%;
  padding: 2em 0 1em 0;
}
.contents-box .bx-lst,
.process-box .bx-lst {
  display: flex;
  flex-wrap: wrap;
  margin: -3em 0 0 -1em;
  width: calc(100% + 1em);
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents-box .bx-lst,
  .process-box .bx-lst {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents-box .bx-lst,
  .process-box .bx-lst {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .contents-box .bx-lst,
  .process-box .bx-lst {
    flex-direction: column;
    width: auto;
    width: 100%;
    margin: -3em 0 0 0;
  }
}
.contents-box .bx-itm,
.process-box .bx-itm {
  position: relative;
  flex: 0 0 calc(25% - 1em);
  width: calc(25% - 1em);
  margin: 3em 0 0 1em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents-box .bx-itm,
  .process-box .bx-itm {
    flex: 0 0 calc(50% - 1em);
    width: calc(50% - 1em);
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents-box .bx-itm,
  .process-box .bx-itm {
    flex: 0 0 calc(50% - 1em);
    width: calc(50% - 1em);
  }
}
@media only screen and (max-width: 767px) {
  .contents-box .bx-itm,
  .process-box .bx-itm {
    flex: none;
    width: 100%;
    margin: 3em 0 0 0;
  }
}
.contents-box .bx-itm:has(.itm-ico),
.process-box .bx-itm:has(.itm-ico) {
  padding-top: 3.5em;
}
.contents-box .bx-itm:has(.itm-ico) .itm-frm,
.process-box .bx-itm:has(.itm-ico) .itm-frm {
  position: relative;
}
.contents-box .bx-itm:has(.itm-ico) .itm-order,
.process-box .bx-itm:has(.itm-ico) .itm-order {
  background-color: #518dff;
}
.contents-box .bx-itm:has(.itm-ico) .itm-order .order-box:after,
.process-box .bx-itm:has(.itm-ico) .itm-order .order-box:after {
  border-color: transparent transparent #9ad7ff transparent;
}
.contents-box .bx-itm .itm-frm,
.process-box .bx-itm .itm-frm {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.contents-box .bx-itm .itm-frm:has(.itm-bdy) .itm-bdy,
.process-box .bx-itm .itm-frm:has(.itm-bdy) .itm-bdy {
  border-radius: 0;
}
.contents-box .bx-itm .itm-frm:not(:has(.itm-bdy)) .itm-ft,
.process-box .bx-itm .itm-frm:not(:has(.itm-bdy)) .itm-ft {
  flex: 1 1 auto;
}
.contents-box .bx-itm .itm-hd,
.contents-box .bx-itm .itm-ft,
.process-box .bx-itm .itm-hd,
.process-box .bx-itm .itm-ft {
  display: flex;
  align-items: center;
  flex: 0 0 3em;
  height: 3em;
  box-sizing: border-box;
  padding: 0 1em;
  background-color: #f4f4f4;
}
.contents-box .bx-itm .itm-hd ~ .itm-bdy, .contents-box .bx-itm .itm-hd ~ .itm-ft,
.contents-box .bx-itm .itm-ft ~ .itm-bdy,
.contents-box .bx-itm .itm-ft ~ .itm-ft,
.process-box .bx-itm .itm-hd ~ .itm-bdy,
.process-box .bx-itm .itm-hd ~ .itm-ft,
.process-box .bx-itm .itm-ft ~ .itm-bdy,
.process-box .bx-itm .itm-ft ~ .itm-ft {
  border-top: 0.0625em solid #ececec;
}
.contents-box .bx-itm .itm-hd,
.process-box .bx-itm .itm-hd {
  justify-content: center;
  border-top-left-radius: 0.3125em;
  border-top-right-radius: 0.3125em;
  background-color: #3a69c3;
  color: #fff;
}
.contents-box .bx-itm .itm-bdy,
.process-box .bx-itm .itm-bdy {
  flex: 1 1 auto;
  padding: 1em;
  border-bottom-left-radius: 0.3125em;
  border-bottom-right-radius: 0.3125em;
  color: #434343;
}
.contents-box .bx-itm .itm-ft,
.process-box .bx-itm .itm-ft {
  justify-content: center;
  border-bottom-left-radius: 0.3125em;
  border-bottom-right-radius: 0.3125em;
  background-color: #f6f8ff;
  color: #243e9c;
}
.contents-box .bx-itm .itm-ico,
.process-box .bx-itm .itm-ico {
  position: relative;
  height: 3em;
  border-top-left-radius: 0.3125em;
  border-top-right-radius: 0.3125em;
  background-color: #254593;
}
.contents-box .bx-itm .itm-ico .ico-circle,
.process-box .bx-itm .itm-ico .ico-circle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -3em);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.16);
}
.contents-box .bx-itm .itm-ico .ico-circle .circle-frm,
.process-box .bx-itm .itm-ico .ico-circle .circle-frm {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.contents-box .bx-itm .itm-ico .ico-circle .circle-frm:before,
.process-box .bx-itm .itm-ico .ico-circle .circle-frm:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 115%;
  height: 115%;
  box-sizing: border-box;
  border: 0.125em solid #bfcdf7;
  border-radius: inherit;
}
.contents-box .bx-itm .itm-ico ~ .itm-hd,
.process-box .bx-itm .itm-ico ~ .itm-hd {
  border-radius: 0;
  background-color: #fff;
  color: #323c67;
}
.contents-box .bx-itm .itm-order,
.process-box .bx-itm .itm-order {
  position: absolute;
  top: 0;
  left: 1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2em;
  height: 2em;
  margin-right: 1em;
  border-radius: 0.3125em;
  background-color: #323c67;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  transform: translate(0, -1em);
  white-space: nowrap;
  color: #fff;
}
.contents-box .bx-itm .itm-order:has(.order-box),
.process-box .bx-itm .itm-order:has(.order-box) {
  border-top-right-radius: 0;
}
.contents-box .bx-itm .itm-order .order-box,
.process-box .bx-itm .itm-order .order-box {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.contents-box .bx-itm .itm-order .order-box:after,
.process-box .bx-itm .itm-order .order-box:after {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(100%, 0);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.7em 1em 0;
  border-color: transparent transparent #92b9d2 transparent;
}
.contents-box .bx-itm .itm-ttl,
.process-box .bx-itm .itm-ttl {
  font-size: 1.05em;
  font-weight: 500;
  line-height: 1.2;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-align: center;
}
.contents-box .bx-itm .itm-stnc,
.process-box .bx-itm .itm-stnc {
  font-size: 0.9375em;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.contents-box .bx-itm .itm-stnc ~ .itm-stnc,
.process-box .bx-itm .itm-stnc ~ .itm-stnc {
  margin-top: 0.35em;
}
.contents-box .bx-itm .itm-stnc .stnc-icon,
.process-box .bx-itm .itm-stnc .stnc-icon {
  position: relative;
  float: left;
  margin-right: 0.5em;
  text-indent: -9999px;
  font-style: normal;
  width: 0.3em;
}
.contents-box .bx-itm .itm-stnc .stnc-icon:before,
.process-box .bx-itm .itm-stnc .stnc-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background-color: #3993ff;
}
.contents-box .bx-itm .itm-stnc .stnc-text,
.process-box .bx-itm .itm-stnc .stnc-text {
  display: block;
  overflow: hidden;
}
.contents-box .bx-itm .itm-stnc.style--ref,
.process-box .bx-itm .itm-stnc.style--ref {
  font-size: 0.875em;
  color: #777;
}
.contents-box .bx-itm .itm-stnc.style--ref .stnc-icon,
.process-box .bx-itm .itm-stnc.style--ref .stnc-icon {
  width: auto;
  text-indent: 0;
  margin-right: 0.25em;
}
.contents-box .bx-itm .itm-stnc.style--ref .stnc-icon:before,
.process-box .bx-itm .itm-stnc.style--ref .stnc-icon:before {
  content: none;
}
.contents-box.style--half .bx-lst,
.process-box.style--half .bx-lst {
  width: 100%;
  flex-wrap: wrap;
  margin: -2em 0 0 -1em;
}
@media only screen and (max-width: 767px) {
  .contents-box.style--half .bx-lst,
  .process-box.style--half .bx-lst {
    flex-direction: column;
    margin: -3em 0 0 0;
  }
}
.contents-box.style--half .bx-itm,
.process-box.style--half .bx-itm {
  flex: 0 0 calc(50% - 1em);
  width: calc(50% - 1em);
  margin: 2em 0 0 1em;
}
@media only screen and (max-width: 767px) {
  .contents-box.style--half .bx-itm,
  .process-box.style--half .bx-itm {
    flex: none;
    width: 100%;
    margin: 3em 0 0 0;
  }
}

.process-box .bx-itm ~ .bx-itm {
  position: relative;
}
.process-box .bx-itm ~ .bx-itm:before {
  position: absolute;
  top: 50%;
  left: -0.5em;
  transform: translate(-50%, -50%);
  z-index: 1;
  content: "→";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
  color: #1f0f95;
}
@media only screen and (max-width: 767px) {
  .process-box .bx-itm ~ .bx-itm:before {
    top: -0.5em;
    left: 50%;
    transform: translate(-50%, -100%) rotateZ(90deg);
  }
}
.process-box + .process-box .bx-itm:first-child {
  position: relative;
}
.process-box + .process-box .bx-itm:first-child:before {
  position: absolute;
  top: 50%;
  left: -0.5em;
  transform: translate(-50%, -50%);
  z-index: 1;
  content: "→";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
  color: #1f0f95;
}
@media only screen and (max-width: 767px) {
  .process-box + .process-box .bx-itm:first-child:before {
    top: -0.5em;
    left: 50%;
    transform: translate(-50%, -100%) rotateZ(90deg);
  }
}

/* 네임카드 */
.namecard-group {
  display: flex;
  justify-content: center;
}

.namecard-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: -2em 0 0 -2em;
}
@media only screen and (max-width: 767px) {
  .namecard-list {
    margin: -2em 0 0 0;
  }
}

.namecard-item {
  flex: 0 0 calc(33.33% - 2em);
  width: calc(33.33% - 2em);
  margin: 2em 0 0 2em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .namecard-item {
    flex: 0 0 calc(50% - 2em);
    width: calc(50% - 2em);
  }
}
@media only screen and (max-width: 767px) {
  .namecard-item {
    flex: none;
    width: 100%;
    margin: 2em 0 0 0;
  }
}

.namecard-head {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em 0 5em;
  transform: translateY(2em);
}
.namecard-head .namecard-thumbs {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-1em, -50%);
}
@media only screen and (max-width: 767px) {
  .namecard-head .namecard-thumbs {
    transform: translate(0, -50%);
  }
}

.namecard-body {
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: 4em 1em 2em;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16);
  background-repeat: no-repeat;
  background-image: url("../../img/contents/ombudsman/logo-gray.svg");
  background-position: center;
  background-size: 10em auto;
}

.namecard-thumbs .person-photo {
  position: relative;
}
.namecard-thumbs .person-photo:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  width: 110%;
  height: 110%;
  content: "";
  box-sizing: border-box;
  border: 0.125em solid #0058eb;
  border-radius: 50%;
}
.namecard-thumbs .person-photo .photo-frame {
  position: relative;
  z-index: 1;
  width: 7em;
  aspect-ratio: 1/1;
  overflow: hidden;
  background-color: #f4f4f4;
  border-radius: 50%;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.namecard-thumbs .person-photo .photo-frame img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -5%);
  width: 100%;
}
.namecard-thumbs .person-email {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  transform: translate(0%, 10%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  background-color: #2f7aea;
  border-radius: 50%;
}
.namecard-thumbs .person-email img {
  width: 1.2em;
}

.namecard-person {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.namecard-person .namecard-title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 5em;
  box-sizing: border-box;
  padding-left: 2em;
  border-radius: 0.3125em;
  border: 0.0625em solid #ececec;
  background-color: #fff;
  line-height: 1.4;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 767px) {
  .namecard-person .namecard-title {
    padding-left: 3em;
  }
}
.namecard-person .namecard-title .person-name {
  font-size: 1.1em;
  font-weight: 500;
  color: #094579;
}
.namecard-person .namecard-title .person-position {
  display: flex;
  align-items: center;
  font-size: 1em;
  color: #666;
}
.namecard-person .namecard-title .ombudsman-re {
  margin-left: 0.75em;
  padding: 0.1em 0.4em;
  border-radius: 0.3125em;
  font-size: 0.75em;
  background-color: #003a91;
  color: #fff;
  font-weight: 400;
}

.namecard-info {
  display: flex;
  flex-direction: column;
  padding: 1em 0;
  padding-left: 1em;
}
.namecard-info ~ .namecard-info {
  border-top: 0.0625em solid #ececec;
}
.namecard-info .info-title {
  display: inline-flex;
  position: relative;
  font-weight: 600;
  color: #2f68c2;
}
.namecard-info .info-title:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  transform: translate(-0.5em, -0.15em);
  top: 0;
  left: 0;
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #87b0f2;
  opacity: 0.3;
}
.namecard-info .info-contents {
  margin-top: 0.75em;
  color: #666;
}
.namecard-info .info-stnc {
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.4;
}
.namecard-info .info-stnc ~ .info-stnc {
  margin-top: 0.15em;
}
.namecard-info .info-stnc .stnc-icon {
  float: left;
  margin-right: 0.5em;
}
.namecard-info .info-stnc .stnc-text {
  display: block;
  overflow: hidden;
}
.namecard-info.style--hoz {
  flex-direction: row;
}
.namecard-info.style--hoz .info-title {
  flex: 0 0 30%;
}
.namecard-info.style--hoz .info-contents {
  margin-top: 0;
  flex: 1 1 auto;
}

.namecard-edit {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  transform: translate(20%, 0%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  background-color: #323c67;
  border-radius: 50%;
}
.namecard-edit img {
  width: 1.1em;
}
.namecard-edit:hover {
  opacity: 0.9;
}

/* 옴부즈맨 */
.contents--ombudsman .omks--card .omks--card-head.style--flex {
  display: flex;
  align-items: flex-end;
}
.contents--ombudsman .ombudsman-add {
  position: relative;
  z-index: 1;
  margin-left: auto;
}

/* 서비스 헌장 */
.contents--service-charter .sc-response {
  padding: 2em;
  border-radius: 0.3125em;
  border: 0.0625em solid #ececec;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
  background-image: url("../../img/contents/charter/logo-background.svg");
  background-repeat: no-repeat;
  background-size: 30em auto;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .contents--service-charter .sc-response {
    padding: 2em 1em;
    background-size: 20em auto;
  }
}
.contents--service-charter .sc-response .omks--stnc.style--title {
  position: relative;
  color: #00305a;
}
@media only screen and (max-width: 767px) {
  .contents--service-charter .sc-response .omks--stnc.style--title {
    margin-left: 0.75em;
  }
}
.contents--service-charter .sc-response .omks--stnc.style--title:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  transform: translate(-0.5em, -0.15em);
  top: 0;
  left: 0;
  content: "";
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  background-color: #87b0f2;
  opacity: 0.3;
}
.contents--service-charter .sc-response .omks--stnc ~ .omks--stnc.style--mt-2x {
  margin-top: 1.25em;
}
.contents--service-charter .sc-response .omks--paragraph ~ .omks--paragraph {
  margin-top: 3em;
}

.ethics-process {
  overflow: hidden;
}
.ethics-process .process-normal {
  display: flex;
  width: 100%;
  margin: -2em 0 0 -2em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .ethics-process .process-normal {
    flex-direction: column;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .ethics-process .process-normal {
    flex-direction: column;
    margin: 0;
  }
}
.ethics-process .process-normal .pn-col {
  flex: 0 0 calc(50% - 2em);
  width: calc(50% - 2em);
  box-sizing: border-box;
  padding: 1em;
  margin: 2em 0 0 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .ethics-process .process-normal .pn-col {
    flex: none;
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .ethics-process .process-normal .pn-col {
    flex: none;
    width: 100%;
    margin: 0;
  }
}
.ethics-process .process-normal .pn-wrap {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.ethics-process .process-normal .pn-head {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1em 0;
}
@media only screen and (max-width: 767px) {
  .ethics-process .process-normal .pn-head {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ethics-process .process-normal .pn-body {
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: 0 1em 1em;
}
.ethics-process .process-normal .pn-ttl {
  position: relative;
  display: flex;
  align-items: center;
  height: 2.4em;
  box-sizing: border-box;
  padding: 0 1em;
  padding-left: 3em;
  border-radius: 0.3125em;
  border-top-left-radius: 0;
  background-color: #323c67;
  transform: translateX(-1em);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.ethics-process .process-normal .pn-ttl:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 0.5em 1em;
  border-color: transparent transparent #92b9d2 transparent;
  transform: translate(0, -100%) skewY(-0.01deg);
}
.ethics-process .process-normal .pn-ttl .ttl-text {
  font-size: 1em;
  color: #fff;
}
.ethics-process .process-normal .pn-ttl .ttl-text b {
  margin-right: 0.25em;
  font-size: 1.1em;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .ethics-process .process-normal .pn-hard-ttl {
    margin: 0.5em 0 0 0.5em;
  }
}
.ethics-process .process-normal .pn-hard-ttl .ttl-block {
  padding: 0.2em 0.8em;
  border-radius: 1.25em;
  background-color: #019eae;
  color: #fff;
}
.ethics-process .process-normal .pn-hard-ttl b {
  font-weight: 500;
  color: #ff5000;
}
.ethics-process .process-normal .pn-box {
  padding: 1em;
  padding-left: 1.5em;
  background-color: #f7fbff;
  border-radius: 0.3125em;
  border: 0.0625em solid #ececec;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.ethics-process .process-normal .pn-box ~ .pn-box {
  margin-top: 0.5em;
}
.ethics-process .process-normal .pn-box .box-body {
  display: flex;
  margin-top: 0.5em;
}
.ethics-process .process-normal .pn-box .box-body .box-stnc {
  flex: 1 1 50%;
}
.ethics-process .process-normal .pn-box .box-ttl {
  position: relative;
  display: flex;
  margin-right: 0.5em;
}
.ethics-process .process-normal .pn-box .box-ttl:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  transform: translate(-0.5em, -0.15em);
  top: 0;
  left: 0;
  content: "";
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  background-color: #87b0f2;
  opacity: 0.15;
}
.ethics-process .process-normal .pn-box .box-ttl .ttl-text {
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 1em;
}
.ethics-process .process-normal .pn-box .box-ttl .ttl-text b {
  font-weight: 500;
  color: #3a69c3;
}
.ethics-process .process-normal .pn-box .box-stnc {
  margin-top: 0.35em;
  font-size: 0.9375em;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.ethics-process .process-normal .pn-box .box-stnc .stnc-icon {
  position: relative;
  float: left;
  margin-right: 0.5em;
  color: #1f0f95;
  text-indent: -9999px;
  width: 0.3em;
}
.ethics-process .process-normal .pn-box .box-stnc .stnc-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background-color: #3993ff;
}
.ethics-process .process-normal .pn-box .box-stnc .stnc-text {
  display: block;
  overflow: hidden;
}
.ethics-process .process-normal .pn-box .box-stnc .stnc-text span {
  color: #888;
}
.ethics-process .process-normal .pn-ref {
  margin-top: 0.5em;
  padding: 0 0.5em;
  font-size: 0.9375em;
  color: #ff4646;
  line-height: 1.4;
}
.ethics-process .process-normal.style--hard {
  margin: 0;
}
.ethics-process .process-normal.style--hard .pn-col {
  flex: none;
  width: 100%;
  margin: 0;
}
.ethics-process .process-normal.style--hard .pn-body {
  display: flex;
  margin: -1em 0 0 -1em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .ethics-process .process-normal.style--hard .pn-body {
    flex-direction: column;
    margin: -0.5em 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .ethics-process .process-normal.style--hard .pn-body {
    flex-direction: column;
    margin: -0.5em 0 0 0;
  }
}
.ethics-process .process-normal.style--hard .pn-body .pn-box {
  flex: 0 0 calc(33.33% - 1em);
  width: calc(33.33% - 1em);
  margin: 1em 0 0 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .ethics-process .process-normal.style--hard .pn-body .pn-box {
    flex: none;
    width: 100%;
    margin: 0.5em 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .ethics-process .process-normal.style--hard .pn-body .pn-box {
    flex: none;
    width: 100%;
    margin: 0.5em 0 0 0;
  }
}
.ethics-process .process-normal.style--hard .pn-box {
  overflow: hidden;
}
.ethics-process .process-normal.style--hard .pn-box .box-body {
  flex-wrap: wrap;
}
.ethics-process .process-normal.style--hard .pn-box .box-body .box-stnc {
  flex: 0 0 33.33%;
}

/* 사회공헌 */
.contents--contribution .contribution-intro {
  position: relative;
  padding: 0 2em;
  margin: 6em 0;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  background-repeat: no-repeat;
  background-image: url("../../img/contents/contribution/background.svg");
  background-size: 30em auto;
  background-position: left -15em top -15em;
}
@media only screen and (max-width: 767px) {
  .contents--contribution .contribution-intro {
    padding: 1em;
    margin: 0 0 3em 0;
  }
}
.contents--contribution .contribution-intro .ci-frame {
  display: flex;
  position: relative;
  z-index: 1;
  padding: 1em 1em 2em 1em;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/contribution/sprout.svg");
  background-size: 12em auto;
  background-position: right 1em bottom 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--contribution .contribution-intro .ci-frame {
    padding: 1em 0;
    background-size: 10em auto;
  }
}
@media only screen and (max-width: 767px) {
  .contents--contribution .contribution-intro .ci-frame {
    flex-direction: column;
    padding: 0;
    background-size: 8em auto;
    background-position: right 1em bottom 8em;
  }
}
.contents--contribution .contribution-intro .ci-thumbs {
  flex: 0 0 20em;
  margin-right: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--contribution .contribution-intro .ci-thumbs {
    flex: 0 0 15em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--contribution .contribution-intro .ci-thumbs {
    flex: none;
    width: 14em;
    margin: 0;
    margin-bottom: 1em;
  }
}
.contents--contribution .contribution-intro .ci-thumbs .thumbs-frame {
  position: relative;
  aspect-ratio: 16/10;
  background-color: #fff;
  border-radius: 0.3125em;
  overflow: hidden;
  transform: translateY(-2em);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
  background-repeat: no-repeat;
  background-image: url("../../img/contents/contribution/logo-gray.svg");
  background-position: center;
  background-size: 10em auto;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .contents--contribution .contribution-intro .ci-thumbs .thumbs-frame {
    transform: translateY(0);
  }
}
.contents--contribution .contribution-intro .ci-thumbs .thumbs-frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
}
.contents--contribution .contribution-intro .ci-caption {
  flex: 1 1 auto;
  padding: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--contribution .contribution-intro .ci-caption {
    padding: 1em 0;
  }
}
@media only screen and (max-width: 767px) {
  .contents--contribution .contribution-intro .ci-caption {
    padding: 0 0.5em;
  }
}
.contents--contribution .contribution-intro .ci-name {
  font-size: 2em;
  font-weight: 600;
  color: #87b0f2;
}
.contents--contribution .contribution-intro .ci-slogan {
  font-size: 1.2em;
  color: #007dd6;
  font-weight: 500;
}
.contents--contribution .contribution-intro .ci-paragraph {
  margin-top: 1em;
  font-size: 1.1em;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.contents--contribution .contribution-org-frame {
  border: 1px solid #DDDDDD;
  border-radius: 0.625em;
  padding: 2.5em;
  margin-top: 2.5em;
}
.contents--contribution .contribution-org {
  position: relative;
}
.contents--contribution .contribution-org:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) skewY(-0.01deg);
  content: "";
  width: 0.0625em;
  height: 100%;
  box-sizing: border-box;
  background-color: #c6c6c6;
}
.contents--contribution .contribution-org .org-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 22em;
  box-sizing: border-box;
  padding: 1em;
  border-radius: 0.3125em;
  border: 0.125em solid #084b89;
  background-color: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--contribution .contribution-org .org-info {
    width: 15em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--contribution .contribution-org .org-info {
    position: relative;
    top: initial;
    left: initial;
    z-index: 2;
    width: 100%;
    margin-bottom: 1em;
  }
}
.contents--contribution .contribution-org .org-info .info-stnc {
  font-size: 0.9375em;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.contents--contribution .contribution-org .org-info .info-stnc .stnc-icon {
  position: relative;
  float: left;
  margin-right: 0.5em;
  color: #1f0f95;
  text-indent: -9999px;
  width: 0.3em;
}
.contents--contribution .contribution-org .org-info .info-stnc .stnc-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background-color: #3993ff;
}
.contents--contribution .contribution-org .org-info .info-stnc .stnc-text {
  display: block;
  overflow: hidden;
}
.contents--contribution .contribution-org .org-info .info-stnc .stnc-text span {
  color: #888;
}
.contents--contribution .contribution-org .org-info .info-stnc .stnc-text b {
  font-weight: 500;
}
.contents--contribution .contribution-org .org-row {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contents--contribution .contribution-org .org-row.style--blocks {
  padding-bottom: 4em;
}
.contents--contribution .contribution-org .org-row.style--group {
  box-sizing: border-box;
  padding: 2em 1em;
  border-radius: 0.3125em;
  border: 0.125em solid #e2e2e2;
  background-color: #f7faff;
}
.contents--contribution .contribution-org .org-director {
  display: inline-flex;
  padding: 0.5em;
  border: 0.125em solid #ececec;
  border-radius: 50%;
  background-color: #fff;
  margin-bottom: 1em;
}
.contents--contribution .contribution-org .org-director .director-circle {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 10em;
  height: 10em;
  background-color: #172F5D;
  border-radius: 50%;
  line-height: 1.4;
  color: #fff;
}
.contents--contribution .contribution-org .org-director .director-circle .circle-txt {
  font-size: 1.6em;
}
.contents--contribution .contribution-org .org-executive {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.3125em;
  min-width: 15em;
  height: 4em;
  box-sizing: border-box;
  padding: 0.4em 2em;
  margin: 0.5em 0;
  line-height: 1.4;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16);
  background-color: #2F68C2;
  color: #fff;
}
.contents--contribution .contribution-org .org-executive span {
  font-size: 1.1em;
  color: #fff;
  font-weight: 500;
}
.contents--contribution .contribution-org .org-executive .sub-txt {
  font-size: 0.9375em;
  font-weight: 400;
}
.contents--contribution .contribution-org .org-actives {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .contents--contribution .contribution-org .org-actives {
    flex-direction: column;
  }
}
.contents--contribution .contribution-org .org-actives .actives-col {
  position: relative;
  flex: 0 0 33.33%;
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--contribution .contribution-org .org-actives .actives-col {
    padding: 0 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--contribution .contribution-org .org-actives .actives-col {
    flex: none;
    width: 100%;
    padding: 0;
  }
  .contents--contribution .contribution-org .org-actives .actives-col ~ .actives-col {
    margin-top: 2em;
  }
}
.contents--contribution .contribution-org .org-actives .actives-wrap {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  border: 0.0625em solid #2F68C2;
  border-radius: 0.3125em;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.contents--contribution .contribution-org .org-actives .actives-thumbs {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80%;
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--contribution .contribution-org .org-actives .actives-thumbs {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .contents--contribution .contribution-org .org-actives .actives-thumbs {
    width: 95%;
  }
}
.contents--contribution .contribution-org .org-actives .actives-thumbs .thumbs-frame {
  position: relative;
  aspect-ratio: 21/9;
  background-color: #f4f4f4;
  border-radius: 0.3125em;
  box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.contents--contribution .contribution-org .org-actives .actives-thumbs .thumbs-frame img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-height: 100%;
}
.contents--contribution .contribution-org .org-actives .actives-head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3em;
  box-sizing: border-box;
  padding: 0 1em;
  color: #fff;
  background-color: #2F68C2;
  color: #fff;
}
.contents--contribution .contribution-org .org-actives .actives-body {
  padding: 1em 1.5em;
}
.contents--contribution .contribution-org .org-actives .actives-ttl {
  font-size: 1.1em;
  font-weight: 500;
}
.contents--contribution .contribution-org .org-actives .actives-stnc {
  font-size: 0.9375em;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.contents--contribution .contribution-org .org-actives .actives-stnc ~ .actives-stnc {
  margin-top: 0.35em;
}
.contents--contribution .contribution-org .org-actives .actives-stnc .stnc-icon {
  position: relative;
  float: left;
  margin-right: 0.5em;
  color: #1f0f95;
  text-indent: -9999px;
  width: 0.3em;
}
.contents--contribution .contribution-org .org-actives .actives-stnc .stnc-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background-color: #3993ff;
}
.contents--contribution .contribution-org .org-actives .actives-stnc .stnc-text {
  display: block;
  overflow: hidden;
}
.contents--contribution .contribution-org .org-actives .actives-stnc .stnc-text span {
  color: #888;
}
.contents--contribution .contents--vertical-process .vp-item:nth-of-type(2) .vp-box .bx-ttl {
  background-color: #2B50B8;
}
.contents--contribution .contents--vertical-process .vp-item:nth-of-type(2) .vp-box .bx-hook .hook-frame:before {
  border-color: #2B50B8;
}
.contents--contribution .contents--vertical-process .vp-item:nth-of-type(2) .vp-box .bx-hook .hook-frame:after {
  background-color: #2B50B8;
}
.contents--contribution .contents--vertical-process .vp-box .bx-ttl {
  background-color: #2F68C2;
  color: #fff;
}
.contents--contribution .contents--vertical-process .vp-box .bx-ttl .ttl-text {
  font-size: 1.125em;
  line-height: 1.4;
  font-weight: 500;
}
.contents--contribution .contents--vertical-process .vp-box .bx-frame {
  display: flex;
  align-items: center;
}
.contents--contribution .contents--vertical-process .vp-box .bx-frame .ffigures-ico-list {
  width: 100%;
}
.contents--contribution .contents--vertical-process .vp-box .bx-hook .hook-frame:before {
  border-color: #2F68C2;
}
.contents--contribution .contents--vertical-process .vp-box .bx-hook .hook-frame:after {
  background-color: #2F68C2;
}
.contents--contribution .contents--vertical-process .omks--paragraph {
  padding-left: 0;
}

.contribution-direction {
  padding: 3.125em 3.75em;
  background-color: #F8F9FF;
  border-radius: 1.25em;
  line-height: 1.4;
}
.contribution-direction .direction-list {
  padding-bottom: 6.5625em;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/contribution/direcation-background.svg");
  background-size: 18.375em auto;
  background-position: center bottom;
}
.contribution-direction .direction-list > ul {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .contribution-direction .direction-list > ul {
    flex-direction: column;
  }
}
.contribution-direction .direction-list .direction-item {
  flex: 0 0 33.33%;
}
@media only screen and (max-width: 767px) {
  .contribution-direction .direction-list .direction-item {
    flex: none;
  }
  .contribution-direction .direction-list .direction-item ~ .direction-item {
    margin-top: 0.9375em;
  }
}
.contribution-direction .direction-list .direction-item .item-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.625em;
  box-sizing: border-box;
  padding: 0 0.625em;
  border: 0.25em solid #2F68C2;
  border-radius: 6.25em;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .contribution-direction .direction-list .direction-item .item-frame {
    height: auto;
    min-height: 5.625em;
    padding: 0.5em 0.875em;
  }
}
.contribution-direction .direction-list .direction-item .item-text {
  font-size: 1.4375em;
  font-weight: 500;
  color: #2F68C2;
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.3;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contribution-direction .direction-list .direction-item .item-text {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .contribution-direction .direction-list .direction-item .item-text {
    font-size: 1.125em;
  }
}
.contribution-direction .direction-goal {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.875em;
  box-sizing: border-box;
  padding: 1.25em;
  background-color: #1F3A6E;
  border-radius: 8.75em;
}
@media only screen and (max-width: 767px) {
  .contribution-direction .direction-goal {
    min-height: 6.875em;
    height: auto;
  }
}
.contribution-direction .direction-goal .goal-text {
  font-size: 1.75em;
  font-weight: 700;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contribution-direction .direction-goal .goal-text {
    font-size: 1.375em;
  }
}
@media only screen and (max-width: 767px) {
  .contribution-direction .direction-goal .goal-text {
    font-size: 1.25em;
  }
}

/* 평가제도 */
.contents--evaluation .evaluation-system {
  padding: 2em 0;
}
.contents--evaluation .evaluation-system .es-row {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-row {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-row ~ .es-row {
    margin-top: -3em;
  }
}
.contents--evaluation .evaluation-system .es-row ~ .es-row:last-child .es-head:after {
  content: none;
}
.contents--evaluation .evaluation-system .es-row .es-head {
  position: relative;
  flex: 0 0 10em;
  width: 10em;
  margin-right: 3em;
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-row .es-head {
    flex: none;
    width: auto;
    margin-right: 0;
  }
}
.contents--evaluation .evaluation-system .es-row .es-head:after {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) skewY(-0.01deg);
  content: "";
  width: 0.125em;
  height: 100%;
  background-color: #ececec;
}
.contents--evaluation .evaluation-system .es-row .es-body {
  flex: 1 1 auto;
  padding: 1em 0;
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-row .es-body {
    width: 35em;
    max-width: 100%;
    box-sizing: border-box;
    padding: 5em 1em;
    margin-top: -4em;
    border-radius: 0.3125em;
    border: 0.0625em solid #ececec;
  }
}
.contents--evaluation .evaluation-system .es-row .es-title {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10em;
  height: 10em;
  border-radius: 50%;
  background-color: #f4f4f4;
  box-shadow: 0px 0px 5px 0px rgba(0, 35, 180, 0.21);
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-row .es-title {
    width: 8em;
    height: 8em;
  }
}
.contents--evaluation .evaluation-system .es-row .es-title .title-text {
  font-size: 1.3em;
  font-weight: 500;
  color: #0050be;
  text-align: center;
  line-height: 1.4;
}
.contents--evaluation .evaluation-system .es-row .es-title:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 110%;
  height: 110%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  border: 0.125em dashed #c6c6c6;
  border-radius: 50%;
}
.contents--evaluation .evaluation-system .es-row .es-title:after {
  content: "";
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  top: 1em;
  right: 0.5em;
  transform: translate(-50%, -50%);
  background-color: #7bb0ff;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-row .es-title:after {
    top: 0.5em;
  }
}
.contents--evaluation .evaluation-system .es-details ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contents--evaluation .evaluation-system .es-details ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-details ul li {
    margin-top: 1em;
    flex-direction: column;
  }
}
.contents--evaluation .evaluation-system .es-details ul li:last-child .esd-head:after {
  content: none;
}
.contents--evaluation .evaluation-system .es-details .esd-head {
  position: relative;
  flex: 0 0 10em;
  width: 10em;
  padding-bottom: 1em;
  margin-right: 2em;
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-details .esd-head {
    flex: none;
    width: 100%;
    margin-right: 0;
    padding-bottom: 0;
  }
}
.contents--evaluation .evaluation-system .es-details .esd-head:after {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) skewY(-0.01deg);
  content: "";
  width: 0.0625em;
  height: 100%;
  background-color: #c6c6c6;
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-details .esd-head:after {
    content: none;
  }
}
.contents--evaluation .evaluation-system .es-details .esd-body {
  flex: 1 1 auto;
  padding: 0.5em 0 1em 0;
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-details .esd-body {
    padding-left: 0.5em;
  }
}
.contents--evaluation .evaluation-system .es-details .esd-title {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3em;
  box-sizing: border-box;
  padding: 0.2em 0.4em;
  background-color: #f4f4f4;
  border-radius: 0.3125em;
  text-align: center;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-details .esd-title {
    min-height: 2.4em;
  }
}
.contents--evaluation .evaluation-system .es-details .esd-stnc {
  font-size: 0.9375em;
  line-height: 1.4;
}
.contents--evaluation .evaluation-system .es-details .esd-stnc ~ .esd-stnc {
  margin-top: 0.15em;
}
.contents--evaluation .evaluation-system .es-details .esd-stnc.style--indent {
  padding-left: 1em;
  font-size: 0.875em;
  color: #434343;
}
.contents--evaluation .evaluation-system .es-details .esd-stnc.style--indent ~ .esd-stnc:not(.stnc-tech) {
  margin-top: 0.45em;
}
.contents--evaluation .evaluation-system .es-details .esd-stnc:after {
  content: "";
  display: block;
  clear: both;
}
.contents--evaluation .evaluation-system .es-details .esd-stnc .stnc-ico,
.contents--evaluation .evaluation-system .es-details .esd-stnc .stnc-tech {
  float: left;
  margin-right: 0.5em;
}
.contents--evaluation .evaluation-system .es-details .esd-stnc .stnc-ico {
  position: relative;
  color: transparent;
}
.contents--evaluation .evaluation-system .es-details .esd-stnc .stnc-ico:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 0.3em;
  height: 0.3em;
  border-radius: 50%;
  background-color: #003e74;
}
.contents--evaluation .evaluation-system .es-details .esd-stnc .stnc-text {
  display: block;
  overflow: hidden;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.contents--evaluation .evaluation-system .es-row:nth-child(1) .es-title {
  background-repeat: no-repeat;
  background-image: url("../../img/contents/evaluation/step-01.svg");
  background-position: center;
  background-size: 6em auto;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-row:nth-child(1) .es-title {
    background-size: 4em auto;
  }
}
.contents--evaluation .evaluation-system .es-row:nth-child(1) .es-title:after {
  background-color: #6e91c6;
}
.contents--evaluation .evaluation-system .es-row:nth-child(1) .es-details .esd-title {
  background-color: #6e91c6;
  color: #fff;
}
.contents--evaluation .evaluation-system .es-row:nth-child(2) .es-title {
  background-repeat: no-repeat;
  background-image: url("../../img/contents/evaluation/step-02.svg");
  background-position: center;
  background-size: 6em auto;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-row:nth-child(2) .es-title {
    background-size: 4em auto;
  }
}
.contents--evaluation .evaluation-system .es-row:nth-child(2) .es-title:after {
  background-color: #3a69c3;
}
.contents--evaluation .evaluation-system .es-row:nth-child(2) .es-details .esd-title {
  background-color: #3a69c3;
  color: #fff;
}
.contents--evaluation .evaluation-system .es-row:nth-child(3) .es-title {
  background-repeat: no-repeat;
  background-image: url("../../img/contents/evaluation/step-03.svg");
  background-position: center;
  background-size: 6em auto;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .contents--evaluation .evaluation-system .es-row:nth-child(3) .es-title {
    background-size: 4em auto;
  }
}
.contents--evaluation .evaluation-system .es-row:nth-child(3) .es-title:after {
  background-color: #323c67;
}
.contents--evaluation .evaluation-system .es-row:nth-child(3) .es-details .esd-title {
  background-color: #323c67;
  color: #fff;
}

/* 조직도 */
.contents--orgz .orgz-tree {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.875em;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-tree {
    padding-top: 0;
  }
}
.contents--orgz .orgz-tree:before {
  content: "";
  position: absolute;
  top: 0.0625em;
  left: 50%;
  transform: translateX(-50%) skewY(-0.01deg);
  width: 0.0625em;
  height: 100%;
  background-color: #999;
}
.contents--orgz .orgz-branch {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  width: 50em;
  max-width: 100%;
}
.contents--orgz .orgz-branch a {
  display: flex;
  width: 100%;
}
.contents--orgz .orgz-branch .branch-row {
  display: flex;
  position: relative;
  padding: 2em 0;
}
.contents--orgz .orgz-branch .branch-col {
  display: flex;
  flex: 1 1 50%;
}
.contents--orgz .orgz-branch .branch-col.style--center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  z-index: 2;
}
.contents--orgz .orgz-branch .branch-col.style--right {
  flex: 0 0 50%;
  justify-content: flex-end;
  margin-left: auto;
}
.contents--orgz .orgz-branch .branch-col.style--has-line {
  position: relative;
}
.contents--orgz .orgz-branch .branch-col.style--has-line:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 100%;
  height: 0.0625em;
  background-color: #999;
}
.contents--orgz .orgz-branch .branch-col.cfy--audit {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch .branch-col.cfy--audit {
    width: 100%;
    max-width: 10em;
  }
}
.contents--orgz .orgz-branch .branch-col .col-wrap {
  width: -moz-max-content;
  width: max-content;
}
.contents--orgz .orgz-branch .branch-col .col-head ~ .col-body {
  margin-top: 0.5em;
}
.contents--orgz .orgz-branch .branch-col .col-body {
  display: flex;
  flex-direction: column;
}
.contents--orgz .orgz-branch .branch-col .col-body [class*=orgz-] ~ [class*=orgz-] {
  margin-top: 0.5em;
}
.contents--orgz .orgz-branch .branch-col .col-body .orgz-square .square-frame {
  min-height: 2.5em;
  background-color: #fff;
  border: 0.0625em solid #2F68C2;
  color: #2F68C2;
}
.contents--orgz .orgz-branch .branch-col .col-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.9375em;
}
.contents--orgz .orgz-branch .branch-col .col-list > li {
  flex: 0 0 20%;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  padding: 0.5em;
}
.contents--orgz .orgz-branch .branch-col .col-wrap-group {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding-left: 2em;
  background-color: #fff;
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-col .col-wrap-group {
    width: 12em;
  }
}
.contents--orgz .orgz-branch .branch-col .col-wrap-group .col-wrap {
  position: relative;
  width: 10em;
}
.contents--orgz .orgz-branch .branch-col .col-wrap-group .col-wrap:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-2em, -50%) skewY(-0.01deg);
  content: "";
  width: calc(100% + 2em);
  height: 0.0625em;
  background-color: #999;
}
.contents--orgz .orgz-branch .branch-col .col-wrap-group .col-wrap:after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-2em, 0%) skewY(-0.01deg);
  content: "";
  width: 0.0625em;
  height: calc(50% + 0.5em);
  background-color: #999;
}
.contents--orgz .orgz-branch .branch-col .col-wrap-group .col-wrap ~ .col-wrap {
  margin-top: 1em;
}
.contents--orgz .orgz-branch .branch-col .col-wrap-group .col-wrap ~ .col-wrap:after {
  transform: translate(-2em, -100%) skewY(-0.01deg);
}
.contents--orgz .orgz-branch .branch-col.style--has-line {
  position: relative;
}
.contents--orgz .orgz-branch .branch-col.style--has-line:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 100%;
  height: 0.0625em;
  background-color: #999;
  top: 1.75em;
}
.contents--orgz .orgz-branch .branch-col.style--has-line.style--right:before {
  left: inherit;
  right: 0;
}
.contents--orgz .orgz-branch .branch-col .col-head.style--dot {
  position: relative;
}
.contents--orgz .orgz-branch .branch-col .col-head.style--dot:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  width: 0.7em;
  height: 0.7em;
  box-sizing: border-box;
  border: 0.125em solid #fff;
  border-radius: 50%;
  background-color: #2F68C2;
}
.contents--orgz .orgz-branch .branch-col.style--right .col-head.style--dot:after {
  left: 0;
  transform: translate(-50%, -50%);
}
.contents--orgz .orgz-circle {
  display: inline-flex;
  padding: 0.5em;
  border-radius: 50%;
  border: 0.125em solid #ececec;
  background-color: #fff;
}
.contents--orgz .orgz-circle .circle-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10em;
  height: 10em;
  background-color: #f4f4f4;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-circle .circle-frame {
    width: 8em;
    height: 8em;
  }
}
.contents--orgz .orgz-circle .circle-text {
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
.contents--orgz .orgz-circle.cfy--sg .circle-frame {
  width: 8em;
  height: 8em;
  background-color: #1E4B91;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-circle.cfy--sg .circle-frame {
    width: 6em;
    height: 6em;
  }
}
.contents--orgz .orgz-circle.cfy--sg .circle-text {
  font-size: 1.1em;
}
.contents--orgz .orgz-circle.cfy--dc .circle-frame {
  background-color: #172F5D;
  color: #fff;
}
.contents--orgz .orgz-square .square-frame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 15em;
  min-width: 10em;
  min-height: 3.5em;
  box-sizing: border-box;
  padding: 0.2em 0.4em;
  border-radius: 0.3125em;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16);
  background-color: #2F68C2;
  color: #fff;
}
.contents--orgz .orgz-square .square-text {
  font-size: 1em;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-align: center;
}
.contents--orgz .orgz-square .square-category {
  position: absolute;
  top: -0.45em;
  left: 0;
  transform: translate(0%, -100%);
  padding: 0.2em 0.4em;
  font-size: 0.875em;
  line-height: 1;
  background-color: #D1DDF0;
  border-radius: 0.3125em;
  color: #2F68C2;
}
.contents--orgz .orgz-list {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 0.75em 1em;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
  background-color: #F7F7F7;
}
.contents--orgz .orgz-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contents--orgz .orgz-list li ~ li {
  margin-top: 0.5em;
}
.contents--orgz .orgz-stnc {
  font-size: 1em;
  line-height: 1.3;
}
.contents--orgz .orgz-stnc:after {
  content: "";
  display: block;
  clear: both;
}
.contents--orgz .orgz-stnc .stnc-ico {
  position: relative;
  float: left;
  margin-right: 0.5em;
  color: transparent;
}
.contents--orgz .orgz-stnc .stnc-ico:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.3em;
  height: 0.3em;
  background-color: #B5B5B5;
  border-radius: 50%;
}
.contents--orgz .orgz-stnc .stnc-text {
  display: block;
  overflow: hidden;
}
.contents--orgz .orgz-branch.style--verti {
  width: 100%;
  margin-top: 2em;
}
.contents--orgz .orgz-branch.style--verti .branch-row {
  position: relative;
  padding: 1em 2em;
}
.contents--orgz .orgz-branch.style--verti .branch-row:before {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, 0%) skewY(-0.01deg);
  content: "";
  width: 0.0625em;
  height: 100%;
  background-color: #999;
}
.contents--orgz .orgz-branch.style--verti .branch-row:last-child:before {
  height: 50%;
  height: 2.75em;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch.style--verti .branch-row:last-child:before {
    height: 2.75em;
  }
}
.contents--orgz .orgz-branch.style--verti .branch-col .col-wrap {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch.style--verti .branch-col .col-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 480px) {
  .contents--orgz .orgz-branch.style--verti .branch-col .col-wrap {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: stretch;
  }
}
.contents--orgz .orgz-branch.style--verti .branch-col .col-head {
  position: relative;
  flex: 0 0 10em;
  margin-right: 1em;
}
@media only screen and (max-width: 480px) {
  .contents--orgz .orgz-branch.style--verti .branch-col .col-head {
    flex: none;
    margin: 0;
  }
}
.contents--orgz .orgz-branch.style--verti .branch-col .col-head:before {
  position: absolute;
  top: 50%;
  left: -2em;
  transform: translate(0, -50%);
  content: "";
  width: 100%;
  height: 0.0625em;
  background-color: #999;
}
.contents--orgz .orgz-branch.style--verti .branch-col .col-head:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 0.7em;
  height: 0.7em;
  box-sizing: border-box;
  border: 0.125em solid #fff;
  border-radius: 50%;
  background-color: #2F68C2;
}
.contents--orgz .orgz-branch.style--verti .branch-col .col-body {
  flex: 1 1 auto;
  margin: 0;
  border-radius: 0.3125em;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch.style--verti .branch-col .col-body {
    flex: 1 1 100%;
  }
}
@media only screen and (max-width: 480px) {
  .contents--orgz .orgz-branch.style--verti .branch-col .col-body {
    flex: 1 1 auto;
  }
}
@media only screen and (max-width: 480px) {
  .contents--orgz .orgz-branch.style--verti .branch-col .col-list > li {
    flex: none;
    width: 100%;
  }
}
.contents--orgz .orgz-branch.style--verti .branch-col .col-list .orgz-square .square-frame {
  min-height: 2.5em;
  background-color: #fff;
  border: 0.0625em solid #2F68C2;
  color: #2F68C2;
}
.contents--orgz .orgz-branch.style--verti .branch-col:before, .contents--orgz .orgz-branch.style--verti .branch-col:after {
  content: none;
}
@media only screen and (max-width: 480px) {
  .contents--orgz .orgz-branch.style--verti .orgz-square .square-frame {
    max-width: none;
    min-width: auto;
    width: 100%;
  }
}
.contents--orgz .orgz-branch.style--verti {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.contents--orgz .orgz-branch.style--verti:before {
  position: absolute;
  top: 0;
  left: 0;
  transform: skewY(-0.01deg);
  content: "";
  width: 50%;
  height: 0.0625em;
  background-color: #999;
}
.contents--orgz .orgz-branch.style--hoz {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #fff;
  margin-top: 3em;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch.style--hoz {
    flex-direction: column;
  }
  .contents--orgz .orgz-branch.style--hoz:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 0.0625em;
    background-color: #999;
    transform: skewY(-0.01deg);
  }
}
.contents--orgz .orgz-branch.style--hoz ~ .style--hoz {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch.style--hoz ~ .style--hoz:before {
    content: none;
  }
}
.contents--orgz .orgz-branch.style--hoz:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: skewY(-0.01deg);
  width: 0.0625em;
  height: 100%;
  background-color: #999;
}
.contents--orgz .orgz-branch.style--hoz:last-child:after {
  content: none;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch.style--hoz:last-child:after {
    top: inherit;
    bottom: 3.75em;
    content: "";
  }
}
.contents--orgz .orgz-branch.style--hoz .branch-row {
  position: relative;
  flex: 0 0 20%;
  padding: 2em 0;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch.style--hoz .branch-row {
    margin-top: 1em;
  }
}
.contents--orgz .orgz-branch.style--hoz .branch-row:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0) skewY(-0.01deg);
  width: 100%;
  height: 0.0625em;
  background-color: #999;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch.style--hoz .branch-row:before {
    content: none;
  }
}
.contents--orgz .orgz-branch.style--hoz .branch-row:after {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%) skewY(-0.01deg);
  width: 0.0625em;
  height: 50%;
  background-color: #999;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch.style--hoz .branch-row:after {
    top: 50%;
    left: 0;
    transform: translate(0%, -50%) skewY(-0.01deg);
    width: calc(100% - 1em);
    height: 0.0625em;
  }
}
.contents--orgz .orgz-branch.style--hoz .branch-row:last-child:before {
  width: 50%;
  transform: translate(-100%, 0%) skewY(-0.01deg);
}
.contents--orgz .orgz-branch.style--hoz .branch-row .branch-col {
  flex: none;
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch.style--hoz .branch-row .branch-col {
    padding-left: 2em;
  }
}
.contents--orgz .orgz-branch.style--hoz .branch-row .branch-col .col-wrap {
  width: 100%;
}
.contents--orgz .orgz-branch.style--hoz .branch-row .branch-col .col-head {
  position: relative;
}
.contents--orgz .orgz-branch.style--hoz .branch-row .branch-col .col-head:after {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 0.7em;
  height: 0.7em;
  box-sizing: border-box;
  border: 0.125em solid #fff;
  border-radius: 50%;
  background-color: #2f68c2;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch.style--hoz .branch-row .branch-col .col-head:after {
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.contents--orgz .orgz-branch.style--hoz .orgz-square .square-frame {
  width: 100%;
  z-index: 1;
  max-width: none;
  min-width: auto;
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch .branch-row.cfy-arow {
    padding-top: 10em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch .branch-row.cfy-arow .branch-col.style--center {
    top: 0;
    transform: translate(-50%, 0);
  }
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-row.cfy-arow .branch-col.style--has-line .col-wrap {
    width: 80%;
  }
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-row.cfy-arow .orgz-square {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-row.cfy-arow .orgz-square .square-frame {
    min-width: auto;
    max-width: none;
  }
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-row.cfy-brow .branch-col .col-wrap {
    width: 100%;
  }
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-row.cfy-brow .orgz-square {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-row.cfy-brow .orgz-square .square-frame {
    min-width: auto;
    max-width: none;
  }
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch .branch-row.cfy-brow.cfy--eng .branch-col.cfy--audit {
    max-width: 40vw;
  }
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch .branch-row.cfy-crow {
    padding-top: 9em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch .branch-row.cfy-crow .branch-col.style--center {
    top: 0;
    transform: translate(-50%, 0);
  }
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-row.cfy-crow .orgz-square {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-row.cfy-crow .orgz-square .square-frame {
    min-width: auto;
    max-width: none;
  }
}
@media only screen and (max-width: 767px) {
  .contents--orgz .orgz-branch .branch-row.cfy-crow.cfy--eng .branch-col {
    max-width: 40vw;
  }
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-row.cfy-drow {
    width: 100%;
  }
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-row.cfy-drow .branch-col .col-wrap {
    width: 80%;
  }
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-row.cfy-drow .orgz-square {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 399px) {
  .contents--orgz .orgz-branch .branch-row.cfy-drow .orgz-square .square-frame {
    min-width: auto;
    max-width: none;
  }
}

/* 연구분야분류표 */
.contents--classification .omks--button {
  min-height: 2.5em;
  height: auto;
}

.contents--cheating .cheating-guide {
  padding: 2em;
  border-radius: 0.3125em;
  border: 0.0625em solid #ececec;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
  background-image: url("../../img/contents/charter/logo-background.svg");
  background-repeat: no-repeat;
  background-size: 30em auto;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .contents--cheating .cheating-guide {
    padding: 2em 1em;
    background-size: 20em auto;
  }
}
.contents--cheating .cheating-guide .omks--stnc.style--title {
  position: relative;
  color: #00305a;
}
@media only screen and (max-width: 767px) {
  .contents--cheating .cheating-guide .omks--stnc.style--title {
    margin-left: 0.75em;
  }
}
.contents--cheating .cheating-guide .omks--stnc.style--title:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  transform: translate(-0.5em, -0.15em);
  top: 0;
  left: 0;
  content: "";
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  background-color: #87b0f2;
  opacity: 0.3;
}
.contents--cheating .cheating-guide .omks--stnc ~ .omks--stnc.style--mt-2x {
  margin-top: 1.25em;
}
.contents--cheating .cheating-guide .omks--paragraph ~ .omks--paragraph {
  margin-top: 3em;
}

/* 오시는 길 API CSS 강제 수정 */
.directions-map .map-api .root_daum_roughmap {
  width: 100% !important;
}
.directions-map .map-api .root_daum_roughmap .wrap_map {
  height: auto !important;
  aspect-ratio: 16/9 !important;
}
.directions-map .map-api .wrap_controllers {
  display: none !important;
}

/* 내정보 - 관심 연구분야 관리 */
.mypage-ifm .ifm-search {
  display: flex;
  align-items: center;
  padding: 1.25em;
  margin-bottom: 1.5625em;
  border-radius: var(--omks-radius-2x);
  background-color: #F4F5F9;
}
.mypage-ifm .ifm-search .search-ttl {
  font-size: 1.0625em;
  font-weight: 600;
  color: #363C5A;
  line-height: 1.4;
  white-space: nowrap;
}
.mypage-ifm .ifm-search .search-form {
  flex: 1 1 auto;
  display: flex;
  margin-left: 1.25em;
}
.mypage-ifm .ifm-search .search-form .form-keywords {
  flex: 1 1 auto;
  height: 3.125em;
}
.mypage-ifm .ifm-search .search-form .form-keywords .omks--input, .mypage-ifm .ifm-search .search-form .form-keywords input[type=text] {
  width: 100%;
  height: 100%;
}
.mypage-ifm .ifm-search .search-form .form-submit {
  flex: 0 0 3.125em;
  margin-left: 0.625em;
}
.mypage-ifm .ifm-search .search-form .form-submit .submit-button {
  width: 100%;
  height: 3.125em;
  min-width: auto;
  background-color: #4A506B;
  color: #fff;
}
.mypage-ifm .ifm-save {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.3125em;
}
.mypage-ifm .ifm-save .save-button {
  width: 6.5625em;
  height: 3.125em;
  min-width: auto;
  background-color: var(--omks-primary);
  color: var(--omks-on-primary);
}
.mypage-ifm .ifm-save .save-button .button-text {
  font-size: 1.125em;
  font-weight: 700;
}
.mypage-ifm .ifm-cart {
  margin: 0.9375em 0;
}
.mypage-ifm .ifm-warning {
  padding: 0.875em 1em;
  border-radius: var(--omks-radius-2x);
  background-color: #FFF5F5;
  line-height: 1.4;
}
.mypage-ifm .ifm-warning .warning-stnc {
  font-size: 1em;
  line-height: 1.5em;
  color: #FF3D3B;
}
.mypage-ifm .ifm-warning .warning-stnc:after {
  display: block;
  content: "";
  clear: both;
}
.mypage-ifm .ifm-warning .warning-stnc .stnc-icon {
  width: 1.5em;
  height: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  margin-right: 0.3125em;
}
.mypage-ifm .ifm-warning .warning-stnc .stnc-text {
  display: block;
  overflow: hidden;
  font-size: 0.9375em;
}
.mypage-ifm .ifm-cart {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .mypage-ifm .ifm-cart {
    flex-direction: column;
  }
}
.mypage-ifm .ifm-cart .cart-lst {
  flex: 1 1 calc(50% - 7.5em);
  width: calc(50% - 7.5em);
}
@media only screen and (max-width: 767px) {
  .mypage-ifm .ifm-cart .cart-lst {
    flex: none;
    width: 100%;
  }
}
.mypage-ifm .ifm-cart .cart-lst .lst-wrap {
  display: flex;
  flex-direction: column;
  height: 28.125em;
  border: 0.0625em solid #C5C9D6;
  border-radius: var(--omks-radius-2x);
  overflow: hidden;
}
.mypage-ifm .ifm-cart .cart-lst .lst-head {
  display: flex;
  align-items: center;
  flex: 0 0 4.375em;
  width: 100%;
  height: 4.375em;
  box-sizing: border-box;
  padding: 1em 1.25em;
  background-color: #F4F5F9;
  border-bottom: 0.0625em solid #C5C9D6;
}
.mypage-ifm .ifm-cart .cart-lst .lst-body {
  flex: 1 1 auto;
  overflow-y: auto;
}
.mypage-ifm .ifm-cart .cart-lst .lst-ttl {
  font-size: 1.125em;
  font-weight: 700;
}
.mypage-ifm .ifm-cart .cart-lst .lst-count {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2em;
  box-sizing: border-box;
  padding: 0.625em;
  margin-left: auto;
  border-radius: var(--omks-radius-3x);
  background-color: #E7E9F2;
}
.mypage-ifm .ifm-cart .cart-lst .lst-count .count-text {
  font-size: 0.875em;
  font-weight: 500;
}
.mypage-ifm .ifm-cart .cart-lst .lst-count .count-total {
  color: #004B9D;
  font-weight: 500;
}
.mypage-ifm .ifm-cart .cart-add {
  margin: 0 1.25em;
}
@media only screen and (max-width: 767px) {
  .mypage-ifm .ifm-cart .cart-add {
    margin: 1.25em 0;
  }
}
.mypage-ifm .ifm-cart .cart-add .add-button {
  width: 5em;
  height: 2.375em;
  min-width: auto;
  padding: 0 0.625em;
  background-color: transparent;
  border: 0.0625em solid var(--omks-primary);
  color: var(--omks-primary);
}
.mypage-ifm .ifm-cart .cart-add .add-button [class*=omks--icon] {
  margin-right: 0.5em;
}
.mypage-ifm .ifm-cart .cart-add .add-button .button-text {
  font-weight: 500;
}
.mypage-ifm .ifm-tree .tree-item {
  position: relative;
  border-bottom: 0.0625em solid #C5C9D6;
}
.mypage-ifm .ifm-tree .tree-item:has(.item-remove):hover .tree-subject {
  background-color: #f9f9f9;
}
.mypage-ifm .ifm-tree .tree-item:has(.item-remove):hover .item-remove .remove-button {
  background-color: #4A506B;
  color: #fff;
}
.mypage-ifm .ifm-tree .item-remove {
  position: absolute;
  top: 50%;
  right: 1.25em;
  transform: translateY(-50%);
}
.mypage-ifm .ifm-tree .item-remove .remove-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875em;
  height: 1.875em;
  border-radius: var(--omks-radius-1x);
  background-color: #f5f5f5;
  color: #4A506B;
}
.mypage-ifm .ifm-tree .tree-subject {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 3.125em;
  box-sizing: border-box;
  padding: 0.25em 1.25em;
}
.mypage-ifm .ifm-tree .tree-subject * {
  font-size: 1.0625em;
}
.mypage-ifm .ifm-tree .tree-subject.is--on {
  background-color: var(--omks-primary-blue2);
  color: var(--omks-on-primary);
}
.mypage-ifm .ifm-tree .tree-subject.is--on ~ .tree-depths {
  display: block;
}
.mypage-ifm .ifm-tree .tree-subject.is--on .tree-expand {
  background-image: url("../../img/contents/mypage/arrow-up.svg");
}
.mypage-ifm .ifm-tree .tree-expand {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/mypage/arrow-down.svg");
  background-size: 2em auto;
  background-position: right 1em top 50%;
}
.mypage-ifm .ifm-tree .tree-depths {
  display: none;
  background-color: #F5F5F5;
}
.mypage-ifm .ifm-tree .tree-depths .tree-item {
  border: 0;
}
.mypage-ifm .ifm-tree .tree-depths .tree-subject {
  min-height: 2.8125em;
}

/* 제공 언론사 */
.contents--media-company {
  width: 800px;
  max-width: 100%;
}
.contents--media-company .mc-list {
  padding: 1.25em;
  background-color: #F5F6FA;
  border-radius: var(--omks-radius-2x);
  overflow: hidden;
}
.contents--media-company .mc-list ul, .contents--media-company .mc-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.contents--media-company .mc-list ul {
  display: flex;
  flex-wrap: wrap;
  margin: -1em 0 0 -1em;
}
.contents--media-company .mc-list li {
  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) {
  .contents--media-company .mc-list li {
    flex: 0 0 calc(33.33% - 1em);
    width: calc(33.33% - 1em);
  }
}
@media only screen and (max-width: 767px) {
  .contents--media-company .mc-list li {
    flex: 0 0 calc(50% - 1em);
    width: calc(50% - 1em);
  }
}
.contents--media-company .mc-stnc {
  font-size: 1.0625em;
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.4;
}
.contents--media-company .mc-stnc:after {
  display: block;
  content: "";
  clear: both;
}
.contents--media-company .mc-stnc .stnc-icon {
  float: left;
  margin-right: 0.3125em;
  font-style: normal;
}
.contents--media-company .mc-stnc .stnc-text {
  display: block;
  overflow: hidden;
  word-break: break-word;
}
.contents--media-company .mc-stnc .stnc-text .text-ref {
  font-size: 0.875em;
}
.contents--media-company .mc-ref {
  margin-top: 2em;
  padding: 0.875em 1em;
  border-radius: var(--omks-radius-2x);
  background-color: #FFF5F5;
  color: #FF3D3B;
  line-height: 1.4;
}
.contents--media-company .mc-ref .mc-stnc:after {
  display: block;
  content: "";
  clear: both;
}

.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 .omks--input {
  width: 100%;
}
.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;
  overflow-wrap: break-word;
  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;
}

/* 임시 */
.page-tab {
  margin-bottom: 3.75em;
}
.page-tab .omks--tab-frame {
  border: none;
}
.page-tab .omks--tab-button {
  height: 3.75em;
  background: none;
  border: none;
  border-bottom: 0.0625em solid #DDDDDD;
}
.page-tab .omks--tab-button .button-text {
  font-size: 1.0625em;
  font-weight: 400;
  color: #555555;
}
.page-tab .omks--tab-button.is--on {
  border-bottom: 2px solid var(--omks-primary-blue2);
}
.page-tab .omks--tab-button.is--on .button-text {
  font-size: 1.125em;
  font-weight: 600;
  color: var(--omks-primary-blue2);
}

/* 사업 메인 */
.contents--business {
  position: relative;
  padding-top: 6.25em;
}
@media only screen and (max-width: 767px) {
  .contents--business {
    padding-top: 3.25em;
  }
}
.contents--business .business-main {
  position: relative;
  padding: 3.125em;
  border: 5px solid #DEEAFF;
  border-radius: 1.25em;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .contents--business .business-main {
    padding: 2.5vw;
  }
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-main {
    padding: 3.6764705882vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-main {
    padding: 4.0322580645vw;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-main {
    padding: 40px 10px;
  }
}
.contents--business .business-main .main-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-main .main-title {
    padding-left: 14px;
  }
}
.contents--business .business-main .main-title .title-frame {
  position: relative;
  padding-right: 90px;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-main .main-title .title-frame {
    padding-right: 4.375em;
  }
}
.contents--business .business-main .main-title .title-text {
  font-size: 2.375em;
  font-weight: 700;
  color: #1E3861;
  line-height: 1;
  white-space: nowrap;
  font-family: "SCDream";
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-main .main-title .title-text {
    font-size: 2.7941176471vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-main .main-title .title-text {
    font-size: 3.064516129vw;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-main .main-title .title-text {
    font-size: 1.625em;
  }
}
.contents--business .business-main .main-title .title-text span {
  color: #2F68C2;
}
.contents--business .business-main .main-title .title-character {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-flex;
  justify-content: flex-end;
  width: 90px;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-main .main-title .title-character {
    bottom: -0.625em;
    width: 4.375em;
  }
}
.contents--business .business-main .main-title .title-character img {
  max-width: 100%;
}
.contents--business .business-main:has(.business-layer.is--on) .business-list {
  opacity: 0.5;
}
.contents--business .business-list ul, .contents--business .business-list li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.contents--business .business-list ul {
  display: flex;
  flex-wrap: wrap;
  margin: -15px 0 0 -15px;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-list ul {
    margin: 0;
    margin-top: -15px;
  }
}
.contents--business .business-list ul li {
  margin: 15px 0 0 15px;
  flex: 0 0 calc(25% - 15px);
  width: calc(25% - 15px);
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-list ul li {
    flex: 0 0 calc(50% - 15px);
    width: calc(50% - 15px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-list ul li {
    flex: 0 0 calc(50% - 15px);
    width: calc(50% - 15px);
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-list ul li {
    flex: none;
    width: 100%;
    margin: 0;
    margin-top: 15px;
  }
}
.contents--business .business-tab {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 17.5em;
  box-sizing: border-box;
  padding: 2.25em 1.875em;
  border: 1px solid #C0D3F7;
  border-radius: var(--omks-radius-2x);
  background-color: #F9FBFF;
  text-align: left;
  outline-offset: -1em;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .contents--business .business-tab {
    height: 17.5vw;
    padding: 2.25vw 1.875vw;
  }
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-tab {
    height: 14em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-tab {
    height: 16em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-tab {
    height: auto;
    padding: 1.875em 1.25em;
    padding-bottom: 4.875em;
  }
}
.contents--business .business-tab .tab-title {
  font-size: 1.5625em;
  font-weight: 600;
  color: #222;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .contents--business .business-tab .tab-title {
    font-size: 1.5625vw;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-tab .tab-title {
    font-size: 1.25em;
  }
}
.contents--business .business-tab .tab-paragraph {
  margin-top: 1em;
  font-size: 1em;
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.5;
  font-weight: 400;
  word-break: keep-all;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .contents--business .business-tab .tab-paragraph {
    margin-top: 1vw;
    font-size: 1vw;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-tab .tab-paragraph {
    font-size: 1em;
  }
}
.contents--business .business-tab .tab-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 1.5625em;
  right: 1.25em;
  width: 3.625em;
  height: 3.625em;
  border-radius: 50%;
  background-color: #E8F0FF;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .contents--business .business-tab .tab-icon {
    bottom: 1.5625vw;
    right: 1.25vw;
    width: 3.625vw;
    height: 3.625vw;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-tab .tab-icon {
    bottom: 1.25em;
  }
}
.contents--business .business-tab .tab-icon .icon-image {
  display: inline-flex;
}
.contents--business .business-tab .tab-icon .icon-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  transition: all 0.2s ease;
  width: 2.4em;
}
.contents--business .business-tab .tab-icon .icon-image .image-hover {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transform: translate(-50%, 0%);
}
.contents--business .business-tab .tab-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 1.875em;
  left: 1.875em;
  width: 2em;
  height: 2em;
  box-sizing: border-box;
  border: 0.0625em solid #fff;
  border-radius: 50%;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20%) rotateZ(90deg);
  transition: all 0.5s ease;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .contents--business .business-tab .tab-plus {
    bottom: 1.875vw;
    left: 1.875vw;
    width: 2vw;
    height: 2vw;
  }
}
.contents--business .business-tab .tab-plus i, .contents--business .business-tab .tab-plus .las {
  font-size: 1.4em;
}
.contents--business .business-tab:hover, .contents--business .business-tab:focus, .contents--business .business-tab.is--on {
  border-color: #2F68C2;
  background-color: #2F68C2;
  box-shadow: 0px 0px 20px 0px rgba(47, 104, 194, 0.5098039216);
  transition: all 0.3s ease;
}
.contents--business .business-tab:hover .tab-title, .contents--business .business-tab:focus .tab-title, .contents--business .business-tab.is--on .tab-title {
  font-weight: 800;
}
.contents--business .business-tab:hover .tab-title, .contents--business .business-tab:hover .tab-paragraph, .contents--business .business-tab:focus .tab-title, .contents--business .business-tab:focus .tab-paragraph, .contents--business .business-tab.is--on .tab-title, .contents--business .business-tab.is--on .tab-paragraph {
  color: #fff;
  transition: all 0.2s ease;
}
.contents--business .business-tab:hover .tab-icon, .contents--business .business-tab:focus .tab-icon, .contents--business .business-tab.is--on .tab-icon {
  background-color: #144695;
  transition: all 0.2s ease;
}
.contents--business .business-tab:hover .tab-icon .icon-image .image-base, .contents--business .business-tab:focus .tab-icon .icon-image .image-base, .contents--business .business-tab.is--on .tab-icon .icon-image .image-base {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.contents--business .business-tab:hover .tab-icon .icon-image .image-hover, .contents--business .business-tab:focus .tab-icon .icon-image .image-hover, .contents--business .business-tab.is--on .tab-icon .icon-image .image-hover {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease;
}
.contents--business .business-tab:hover .tab-plus, .contents--business .business-tab:focus .tab-plus, .contents--business .business-tab.is--on .tab-plus {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) rotateZ(0);
}
.contents--business .business-menu {
  display: flex;
  min-height: 5.9375em;
  box-sizing: border-box;
  margin-top: 4.0625em;
  border: 1px solid #CAD6E8;
  border-radius: var(--omks-radius-2x);
  overflow: hidden;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-menu {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-menu {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-menu {
    flex-direction: column;
  }
}
.contents--business .business-menu .menu-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 270px;
  width: 16.875em;
  flex: 0 0 16.875em;
  background-color: #172862;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .contents--business .business-menu .menu-title {
    width: 16.875vw;
    flex: 0 0 16.875vw;
  }
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-menu .menu-title {
    flex: none;
    width: 100%;
    padding: 0.875em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-menu .menu-title {
    flex: none;
    width: 100%;
    padding: 0.875em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-menu .menu-title {
    flex: none;
    width: 100%;
    padding: 0.875em;
  }
}
.contents--business .business-menu .menu-title .title-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.625em;
  height: 2.625em;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  margin-right: 1.25em;
  flex: 0 0 2.625em;
}
.contents--business .business-menu .menu-title .title-icon i, .contents--business .business-menu .menu-title .title-icon .la, .contents--business .business-menu .menu-title .title-icon .las {
  display: inline-flex;
}
.contents--business .business-menu .menu-title .title-icon img {
  width: 1.1em;
}
.contents--business .business-menu .menu-title .title-text {
  font-family: "SCDream";
  font-size: 1.3125em;
  font-weight: 700;
  color: #fff;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .contents--business .business-menu .menu-title .title-text {
    font-size: 1.3125vw;
  }
}
.contents--business .business-menu .menu-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  width: calc(100% - 16.875em);
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-menu .menu-links {
    flex: none;
    width: 100%;
    box-sizing: border-box;
    padding: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-menu .menu-links {
    flex: none;
    width: 100%;
    box-sizing: border-box;
    padding: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-menu .menu-links {
    flex: none;
    width: 100%;
    box-sizing: border-box;
    padding: 1.25em;
  }
}
.contents--business .business-menu .menu-links ul, .contents--business .business-menu .menu-links li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contents--business .business-menu .menu-links ul {
  display: flex;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-menu .menu-links ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-menu .menu-links ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-menu .menu-links ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.contents--business .business-menu .menu-links li {
  position: relative;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-menu .menu-links li {
    flex: 0 0 33.33%;
    padding-left: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-menu .menu-links li {
    flex: 0 0 33.33%;
    padding-left: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-menu .menu-links li {
    flex: 0 0 50%;
    padding: 0.3125em 0;
    padding-left: 1.25em;
  }
}
.contents--business .business-menu .menu-links li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  width: 0.375em;
  height: 0.375em;
  border-radius: 50%;
  background-color: #BFBFBF;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-menu .menu-links li:before {
    transform: translate(0%, -50%) skewY(-0.01deg);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-menu .menu-links li:before {
    transform: translate(0%, -50%) skewY(-0.01deg);
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-menu .menu-links li:before {
    transform: translate(0%, -50%) skewY(-0.01deg);
  }
}
.contents--business .business-menu .menu-links li ~ li {
  margin-left: 1.875em;
  padding-left: 1.875em;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .contents--business .business-menu .menu-links li ~ li {
    margin-left: 1.875vw;
    padding-left: 1.875vw;
  }
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-menu .menu-links li ~ li {
    margin-left: 0;
    padding-left: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-menu .menu-links li ~ li {
    margin-left: 0;
    padding-left: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-menu .menu-links li ~ li {
    margin-left: 0;
    padding-left: 1.25em;
  }
}
.contents--business .business-menu .menu-links li:first-child:before {
  content: none;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-menu .menu-links li:first-child:before {
    content: "";
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-menu .menu-links li:first-child:before {
    content: "";
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-menu .menu-links li:first-child:before {
    content: "";
  }
}
.contents--business .business-menu .menu-links .menu-link {
  display: inline-flex;
  padding: 0 0.625em;
  font-size: 1.1875em;
  font-weight: 500;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .contents--business .business-menu .menu-links .menu-link {
    font-size: 1.1875vw;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-menu .menu-links .menu-link {
    font-size: 1.125em;
  }
}
.contents--business .business-menu .menu-links .menu-link:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  color: var(--omks-primary-blue2);
}
.contents--business .business-layer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  padding: 3.125em;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1.25em);
  z-index: -1;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .contents--business .business-layer {
    padding: 2.5vw;
  }
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--business .business-layer {
    padding: 3.6764705882vw;
    font-size: 0.9375em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-layer {
    padding: 4.0322580645vw;
    font-size: 0.9375em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-layer {
    position: fixed;
    padding: 1.25em 1.25em 2.5em;
    max-height: 100vh;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.2);
  }
}
.contents--business .business-layer .layer-banner .banner-slide {
  display: none;
}
.contents--business .business-layer .layer-banner .banner-slide.is--on {
  display: block;
}
.contents--business .business-layer .layer-card {
  border-radius: var(--omks-radius-2x);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1882352941);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-layer .layer-card {
    border-radius: 0.3125em;
  }
}
.contents--business .business-layer .layer-head {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 95px;
  box-sizing: border-box;
  padding: 0 3em;
  background-color: #2F68C2;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-layer .layer-head {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
    padding: 14px 18px;
  }
}
.contents--business .business-layer .layer-title {
  font-size: 2em;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-layer .layer-title {
    font-size: 1.375em;
    margin-bottom: 15px;
  }
}
.contents--business .business-layer .layer-close {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateX(1.25em);
  width: 3em;
  height: 3em;
  line-height: 1;
}
.contents--business .business-layer .layer-close i, .contents--business .business-layer .layer-close [class*=omks--icon] {
  font-size: 1.6em;
}
.contents--business .business-layer .layer-close img {
  width: 1.25em;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-layer .layer-close {
    transform: none;
    position: absolute;
    top: 0;
    right: 0;
  }
}
.contents--business .business-layer .layer-body {
  padding: 3em;
  background-color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-layer .layer-body {
    padding: 3em 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-layer .layer-body {
    padding: 2em 0.875em 3em;
  }
}
.contents--business .business-layer .layer-box .box-head {
  display: flex;
}
.contents--business .business-layer .layer-box .box-title {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  color: #2F68C2;
  line-height: 1;
}
.contents--business .business-layer .layer-box .box-title .title-icon {
  display: inline-flex;
  margin-right: 0.5em;
}
.contents--business .business-layer .layer-box .box-title .title-icon i, .contents--business .business-layer .layer-box .box-title .title-icon .las {
  font-size: 1.4em;
}
.contents--business .business-layer .layer-box .box-title .title-text {
  font-size: 1.25em;
  font-weight: 700;
}
.contents--business .business-layer .layer-box ~ .layer-box {
  margin-top: 1.875em;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-layer .layer-box ~ .layer-box {
    margin-top: 3em;
  }
}
.contents--business .business-layer .layer-box .box-paragraph {
  font-size: 1.0625em;
  line-height: 1.4;
  color: #333;
  letter-spacing: -3%;
}
.contents--business .business-layer.is--on {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-layer.is--on {
    z-index: 11;
  }
}
.contents--business .business-count {
  margin-left: 2.5em;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-count {
    margin: 0;
  }
}
.contents--business .business-count ul, .contents--business .business-count li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.contents--business .business-count ul {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-count ul {
    flex-direction: column;
  }
}
.contents--business .business-count ul li {
  display: flex;
}
.contents--business .business-count ul li ~ li {
  position: relative;
  margin-left: 1.25em;
  padding-left: 1.25em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-count ul li ~ li {
    margin: 0;
    padding: 0;
    margin-top: 0.5em;
  }
}
.contents--business .business-count ul li ~ li:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 1px;
  height: 1.125em;
  background-color: #FFF;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--business .business-count ul li ~ li:before {
    content: none;
  }
}
.contents--business .business-count .count-title {
  display: flex;
  align-items: center;
  margin-right: 0.9375em;
  font-weight: 600;
  font-size: 1em;
}
.contents--business .business-count .count-title .title-icon {
  display: inline-flex;
  margin-right: 0.5em;
}
.contents--business .business-count .count-title .title-icon img {
  width: 1.125em;
}
.contents--business .business-count .count-contents {
  font-size: 1em;
  font-weight: 300;
}
.contents--business .business-count .count-contents b {
  font-size: 1.1875em;
  font-weight: 700;
}
.contents--business .business-update {
  position: relative;
  border-top: 1px solid #D4D4D4;
  padding-top: 2.75em;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-update {
    padding-top: 20px;
  }
}
.contents--business .business-update .update-period {
  position: absolute;
  top: -0.625em;
  right: 0;
  transform: translateY(-100%);
  display: flex;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-update .update-period {
    position: relative;
    top: inherit;
    right: inherit;
    transform: none;
    margin-bottom: 1em;
  }
}
.contents--business .business-update .update-period .period-select {
  min-width: 6.5625em;
  height: 2.625em;
  border-color: #C5C9D6;
  font-size: 1em;
}
.contents--business .business-update .update-period .period-select ~ .period-select {
  margin-left: 0.5em;
}
.contents--business .business-update .update-list ul, .contents--business .business-update .update-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contents--business .business-update .update-list ul {
  display: flex;
  margin: -12px 0 0 -12px;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--business .business-update .update-list ul {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-update .update-list ul {
    flex-wrap: wrap;
  }
}
.contents--business .business-update .update-list ul li {
  flex: 0 0 calc(20% - 12px);
  width: calc(20% - 12px);
  margin: 12px 0 0 12px;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--business .business-update .update-list ul li {
    flex: 0 0 calc(33.33% - 12px);
    width: calc(33.33% - 12px);
  }
}
@media only screen and (max-width: 767px) {
  .contents--business .business-update .update-list ul li {
    flex: 0 0 calc(50% - 12px);
    width: calc(50% - 12px);
  }
}
.contents--business .business-update .update-tab {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 8.125em;
  box-sizing: border-box;
  padding: 1.25em;
  border: 1px solid #C0D3F7;
  background-color: #F9FBFF;
  border-radius: 0.9375em;
}
.contents--business .business-update .update-tab .tab-title {
  font-size: 1.0625em;
  font-weight: 400;
  color: #333333;
}
.contents--business .business-update .update-tab .tab-count {
  margin-top: auto;
  display: inline-flex;
  align-items: flex-end;
  font-size: 1.0625em;
  line-height: 1;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .contents--business .business-update .update-tab .tab-count {
    font-size: 14px;
  }
}
.contents--business .business-update .update-tab .tab-count b {
  transform: translateY(5px);
  margin-right: 5px;
  font-size: 2.0588235294em;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.contents--business .business-update .update-tab .tab-link {
  margin-top: auto;
  display: inline-flex;
  align-items: baseline;
  font-size: 1.0625em;
  line-height: 1;
  color: #2f68c2;
}
.contents--business .business-update .update-tab .tab-link .link-text {
  margin-right: 0.25em;
}
.contents--business .business-update .update-tab .tab-link .link-icon {
  display: inline-flex;
}
.contents--business .business-update .update-tab .tab-link .link-icon i, .contents--business .business-update .update-tab .tab-link .link-icon .las, .contents--business .business-update .update-tab .tab-link .link-icon .la {
  font-size: 1em;
}
.contents--business .business-update .update-tab .tab-icon {
  position: absolute;
  bottom: 1em;
  right: 1.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6875em;
  height: 2.6875em;
  border-radius: 50%;
  background-color: #DCEAFF;
  color: #2F68C2;
}
.contents--business .business-update .update-tab .tab-icon i, .contents--business .business-update .update-tab .tab-icon .las, .contents--business .business-update .update-tab .tab-icon .la {
  font-size: 1.6em;
}
.contents--business .business-update .update-tab:hover, .contents--business .business-update .update-tab:focus {
  border-color: #2F68C2;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
}
.contents--business .business-update .update-tab:hover .tab-title, .contents--business .business-update .update-tab:focus .tab-title {
  text-shadow: 0px 0px 1px #2F68C2;
  color: #2F68C2;
}

/* 인사말 */
.contents--greeting {
  padding: 0 0 90px 0;
}
.contents--greeting .greeting-surface {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  padding: 35px 4.375em;
  padding-right: 15em;
  padding-bottom: 0;
  max-width: 70rem;
  box-sizing: border-box;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--greeting .greeting-surface {
    padding: 2.1875em 2.5em;
    padding-right: 16.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--greeting .greeting-surface {
    padding: 1.875em;
    padding-right: 12.5em;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .contents--greeting .greeting-surface {
    display: flex;
    padding: 2.5em 0.625em 1.25em;
    padding-bottom: 0;
  }
}
.contents--greeting .greeting-surface .surface-title {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 1.5625em 1.75em;
  margin-bottom: 1.25em;
  transform: translateX(-28px);
}
@media only screen and (max-width: 767px) {
  .contents--greeting .greeting-surface .surface-title {
    display: flex;
    justify-content: center;
    margin-bottom: 3.75em;
    padding: 0;
    transform: translate(0);
    text-align: center;
  }
}
.contents--greeting .greeting-surface .surface-title .title-text {
  position: relative;
  z-index: 1;
  font-size: 2.0625em;
  font-weight: 400;
  letter-spacing: -0.3px;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
  color: #2F68C2;
}
@media only screen and (max-width: 767px) {
  .contents--greeting .greeting-surface .surface-title .title-text {
    font-size: 1.5em;
  }
}
.contents--greeting .greeting-surface .surface-title .title-text strong {
  font-weight: 600;
}
.contents--greeting .greeting-surface .surface-title .title-text .text-word {
  position: relative;
  display: inline-flex;
}
.contents--greeting .greeting-surface .surface-title .title-text .text-deco {
  position: relative;
  display: inline-flex;
  font-style: normal;
}
.contents--greeting .greeting-surface .surface-title .title-text .text-deco.style--first:before {
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 0;
  transform: translateX(-50%);
  content: "“";
  font-family: "SCDream";
  font-size: 100px;
  font-weight: 600;
  line-height: 1;
  color: rgba(207, 207, 207, 0.5);
}
@media only screen and (max-width: 767px) {
  .contents--greeting .greeting-surface .surface-title .title-text .text-deco.style--first:before {
    left: 0;
    font-size: 50px;
  }
}
.contents--greeting .greeting-surface .surface-title .title-text .text-deco.style--last:after {
  position: absolute;
  bottom: -20px;
  right: -20px;
  z-index: 0;
  transform: rotateZ(180deg) translateX(-50%);
  transform-origin: center;
  content: "“";
  font-family: "SCDream";
  font-size: 100px;
  font-weight: 600;
  line-height: 1;
  color: rgba(207, 207, 207, 0.5);
}
@media only screen and (max-width: 767px) {
  .contents--greeting .greeting-surface .surface-title .title-text .text-deco.style--last:after {
    right: 0;
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .contents--greeting .greeting-surface .surface-hellow {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 480px) {
  .contents--greeting .greeting-surface .surface-hellow {
    align-items: flex-start;
  }
}
.contents--greeting .greeting-surface .surface-hellow .hellow-text {
  font-size: 1.1875em;
  font-weight: 400;
  line-height: 1.5;
  color: #444;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.contents--greeting .greeting-surface .surface-image {
  position: absolute;
  top: 1.875em;
  right: 1.875em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--greeting .greeting-surface .surface-image {
    right: 1.25em;
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .contents--greeting .greeting-surface .surface-image {
    flex: none;
    margin-right: 0.9375em;
    width: 10em;
    position: relative;
    top: inherit;
    right: inherit;
  }
}
.contents--greeting .greeting-surface .surface-image img {
  width: 12.5rem;
  max-width: 100%;
}
.contents--greeting .greeting-main {
  padding: 2.5em 4.375em 0;
  margin-top: 2.5em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1em;
  line-height: 1.6;
  font-weight: 400;
  color: #555;
  word-break: keep-all;
  overflow-wrap: break-word;
  letter-spacing: -0.2px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--greeting .greeting-main {
    padding: 35px 2.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--greeting .greeting-main {
    padding: 35/16em 1.25em;
    padding-bottom: 30/16em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--greeting .greeting-main {
    padding: 2.5em 0.625em 0;
    padding-top: 1.25em;
  }
}
.contents--greeting .greeting-sign {
  display: flex;
  align-items: center;
  margin-top: 85px;
  padding: 0 4.375em;
  font-weight: 400;
  color: #222;
  line-height: 1.4;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--greeting .greeting-sign {
    padding: 0 2.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--greeting .greeting-sign {
    justify-content: flex-end;
    padding: 0 1.875em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--greeting .greeting-sign {
    justify-content: flex-end;
    padding: 0 0.625em;
    margin-top: 60px;
  }
}
.contents--greeting .greeting-sign .sign-position {
  font-size: 1em;
}
@media only screen and (max-width: 767px) {
  .contents--greeting .greeting-sign .sign-position {
    font-size: 0.9375em;
  }
}
.contents--greeting .greeting-sign .sign-name {
  margin-left: 10px;
  font-size: 1.5em;
}
@media only screen and (max-width: 767px) {
  .contents--greeting .greeting-sign .sign-name {
    font-size: 1.125em;
  }
}
.contents--greeting .greeting-sign .sign-image {
  display: inline-flex;
  margin-left: 1.25em;
}
.contents--greeting .greeting-sign .sign-image img {
  width: 10rem;
  max-width: 100%;
}
.contents--greeting .greeting-sign.style--eng {
  flex-wrap: wrap;
}
.contents--greeting .greeting-sign.style--eng .sign-name {
  white-space: nowrap;
  margin: 0;
}
.contents--greeting .greeting-sign.style--eng .sign-position {
  flex: 1 1 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--greeting .greeting-sign.style--eng .sign-position {
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .contents--greeting .greeting-sign.style--eng .sign-position {
    text-align: right;
  }
}

/* 이사장 소개 */
.contents--chairman .chairman-surface {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  box-sizing: border-box;
  padding: 1.25em 4.6875em 2.5em;
  margin-bottom: 70px;
  background: #FFFFFF;
  border: 1px solid #B0B0B0;
  box-shadow: 9px 9px 0px rgba(0, 0, 0, 0.08);
  border-radius: 40px 0px 0px 0px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .contents--chairman .chairman-surface {
    height: auto;
    padding: 1.25em 3.4375em 2.5em;
  }
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--chairman .chairman-surface {
    height: auto;
    padding: 1.25em 2.8125em 2.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--chairman .chairman-surface {
    height: auto;
    padding: 1.25em 2.5em 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-surface {
    flex-direction: column;
    height: auto;
    padding: 1.25em 1.25em 2.5em;
  }
}
.contents--chairman .chairman-surface .surface-title {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 1.5625em 1.75em;
  transform: translateX(0.9375em);
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-surface .surface-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    transform: translate(0);
    text-align: center;
    order: 2;
  }
}
.contents--chairman .chairman-surface .surface-title .title-text {
  position: relative;
  z-index: 1;
  font-size: 2.0625em;
  font-weight: 400;
  letter-spacing: -0.3px;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
  color: #2F68C2;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--chairman .chairman-surface .surface-title .title-text {
    font-size: 1.75em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-surface .surface-title .title-text {
    font-size: 1.5em;
  }
}
.contents--chairman .chairman-surface .surface-title .title-text strong {
  font-weight: 600;
}
.contents--chairman .chairman-surface .surface-title .title-text .text-deco {
  position: relative;
  display: inline-flex;
  font-style: normal;
}
.contents--chairman .chairman-surface .surface-title .title-text .text-deco.style--first:before {
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 0;
  transform: translateX(-50%);
  content: "“";
  font-family: "SCDream";
  font-size: 100px;
  font-weight: 600;
  line-height: 1;
  color: rgba(207, 207, 207, 0.5);
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-surface .surface-title .title-text .text-deco.style--first:before {
    left: 0;
    font-size: 50px;
  }
}
.contents--chairman .chairman-surface .surface-title .title-text .text-deco.style--last:after {
  position: absolute;
  bottom: -20px;
  right: -20px;
  z-index: 0;
  transform: rotateZ(180deg) translateX(-50%);
  transform-origin: center;
  content: "“";
  font-family: "SCDream";
  font-size: 100px;
  font-weight: 600;
  line-height: 1;
  color: rgba(207, 207, 207, 0.5);
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-surface .surface-title .title-text .text-deco.style--last:after {
    right: 0;
    font-size: 50px;
  }
}
.contents--chairman .chairman-surface .surface-title .title-text .text-word {
  position: relative;
  display: inline-flex;
}
.contents--chairman .chairman-surface .surface-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 14.875em;
  margin-right: 1.875em;
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-surface .surface-image {
    flex: none;
    margin: 0 0 1.5625em 0;
    order: 1;
  }
  .contents--chairman .chairman-surface .surface-image img {
    width: 12.5em;
  }
}
.contents--chairman .chairman-name {
  margin-top: -10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.25em;
  line-height: 1.4;
  color: #707070;
  font-weight: 500;
}
.contents--chairman .chairman-name .name-text {
  font-size: 1.75em;
  font-weight: 600;
  color: #222;
}
.contents--chairman .chairman-history .history-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  grid-template-areas: ". career" ". career";
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-history .history-row {
    display: flex;
    flex-direction: column;
  }
}
.contents--chairman .chairman-history .history-col {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-history .history-col {
    display: block;
    flex: none;
  }
}
.contents--chairman .chairman-history .history-col .col-title {
  font-size: 1.5625em;
  font-weight: 600;
}
.contents--chairman .chairman-history .history-col .col-title .omks--stnc {
  font-size: 1em;
}
.contents--chairman .chairman-history .history-col .col-head {
  display: flex;
  margin-bottom: 15px;
}
.contents--chairman .chairman-history .history-col .col-body {
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: 1.875em;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-history .history-col .col-body {
    padding: 0.875em 1.25em;
  }
}
.contents--chairman .chairman-history .history-col:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
.contents--chairman .chairman-history .history-col:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}
.contents--chairman .chairman-history .history-col:nth-child(3) {
  grid-column: 2;
  grid-row: 1/span 2;
}
.contents--chairman .chairman-history .history-list ul, .contents--chairman .chairman-history .history-list li {
  margin: 0;
  padding: 0;
}
.contents--chairman .chairman-history .history-item {
  list-style: none;
  display: flex;
  align-items: flex-start;
  font-size: 1.0625em;
  letter-spacing: -0.5px;
  line-height: 1.4;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--chairman .chairman-history .history-item {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--chairman .chairman-history .history-item {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-history .history-item {
    display: block;
  }
}
.contents--chairman .chairman-history .history-item:hover .item-cont .cont-text {
  color: #2f7aea;
  text-shadow: 0px 0px 1px #2f7aea;
}
.contents--chairman .chairman-history .history-item ~ .history-item {
  margin-top: 8px;
}
.contents--chairman .chairman-history .history-item .item-period {
  position: relative;
  margin-right: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-history .history-item .item-period {
    margin-right: 0;
  }
}
.contents--chairman .chairman-history .history-item .item-period .period-text {
  display: block;
  overflow: hidden;
  color: #333333;
  font-weight: 500;
}
.contents--chairman .chairman-history .history-item .item-period .period-icon {
  float: left;
  width: 4px;
  margin-right: 10px;
  text-indent: -9999px;
}
.contents--chairman .chairman-history .history-item .item-period .period-icon:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #B5B5B5;
}
.contents--chairman .chairman-history .history-item .item-cont {
  margin-left: auto;
  flex: 0 0 320px;
  width: 320px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--chairman .chairman-history .history-item .item-cont {
    margin: 5px 0 0 0;
    padding-left: 15px;
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--chairman .chairman-history .history-item .item-cont {
    margin: 5px 0 0 0;
    padding-left: 15px;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-history .history-item .item-cont {
    margin: 5px 0 0 0;
    padding-left: 15px;
    width: auto;
  }
}
.contents--chairman .chairman-history .history-item .item-cont .cont-text {
  color: #444;
  font-weight: 300;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.contents--chairman .chairman-history .history-divide {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-history .history-divide {
    display: block;
  }
}
.contents--chairman .chairman-history .history-divide .divide-group {
  flex: 0 0 calc(50% - 15px);
  width: calc(50% - 15px);
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-history .history-divide .divide-group {
    flex: none;
    width: 100%;
  }
}
.contents--chairman .chairman-history .history-divide .divide-group ~ .divide-group {
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-history .history-divide .divide-group ~ .divide-group {
    margin: 30px 0 0 0;
  }
}
.contents--chairman .chairman-history .history-divide .divide-group .group-head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-bottom: 2px solid #2f68c2;
}
@media only screen and (max-width: 767px) {
  .contents--chairman .chairman-history .history-divide .divide-group .group-head {
    height: 40px;
    justify-content: flex-start;
  }
}
.contents--chairman .chairman-history .history-divide .divide-group .group-body {
  padding: 25px 0;
}
.contents--chairman .chairman-history .history-divide .divide-group .group-title {
  font-size: 19px;
  font-weight: 500;
  color: #2f68c2;
}

/* 기관현황 */
.contents--istatus .istatus-surface {
  margin-bottom: 30px;
}
.contents--istatus .istatus-surface .omks--text.style--color-blue {
  color: #2f68c2;
  font-weight: 400;
  text-shadow: 0px 0px 1px #2f68c2;
}
.contents--istatus .omks--card ~ .omks--card {
  margin-top: 50px;
}
.contents--istatus .omks--card .omks--card-head ~ .omks--card-body {
  margin-top: 20px;
}
.contents--istatus .omks--card .omks--card-title {
  font-size: 1.5625em;
}
.contents--istatus .omks--card .omks--card-title .omks--stnc {
  font-size: 1em;
}
.contents--istatus .istatus-budget {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 2.5em;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .contents--istatus .istatus-budget {
    padding: 1.125em;
  }
}
.contents--istatus .istatus-budget .budget-caption {
  position: absolute;
  top: -0.625em;
  right: 0;
  transform: translateY(-100%);
  font-size: 1em;
  color: #555555;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .contents--istatus .istatus-budget .budget-caption {
    top: calc(100% + 0.625em);
    transform: translateY(0);
  }
}
.contents--istatus .istatus-eval .eval-list {
  overflow: hidden;
}
.contents--istatus .istatus-eval .eval-list ul, .contents--istatus .istatus-eval .eval-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contents--istatus .istatus-eval .eval-list ul {
  display: flex;
  margin-top: -1em;
}
.contents--istatus .istatus-eval .eval-list .eval-item {
  flex: 0 0 50%;
  width: 50%;
  margin-top: 1em;
}
@media only screen and (max-width: 767px) {
  .contents--istatus .istatus-eval .eval-list .eval-item {
    box-sizing: border-box;
    padding-right: 0.5em;
  }
  .contents--istatus .istatus-eval .eval-list .eval-item ~ .eval-item {
    padding-left: 0.5em;
  }
}
.contents--istatus .istatus-eval .eval-item {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--istatus .istatus-eval .eval-item {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .contents--istatus .istatus-eval .eval-item {
    flex-direction: column;
    align-items: flex-start;
  }
}
.contents--istatus .istatus-eval .eval-item .eval-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 5em;
  min-height: 1.875em;
  box-sizing: border-box;
  padding: 0.25em;
  margin-right: 0.625em;
  border-radius: 1.5625em;
  background-color: rgba(47, 104, 194, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--istatus .istatus-eval .eval-item .eval-ttl {
    margin: 0;
    margin-bottom: 0.625em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--istatus .istatus-eval .eval-item .eval-ttl {
    margin: 0;
    margin-bottom: 0.625em;
  }
}
.contents--istatus .istatus-eval .eval-item .eval-ttl .ttl-text {
  font-size: 0.9375em;
  font-weight: 500;
  color: #2F68C2;
  white-space: nowrap;
}
.contents--istatus .istatus-eval .eval-item .eval-cont {
  font-size: 1.0625em;
  font-weight: 400;
  color: #222;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--istatus .istatus-eval .eval-item .eval-cont {
    font-size: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--istatus .istatus-eval .eval-item .eval-cont {
    font-size: 0.9375em;
  }
}
.contents--istatus .istatus-eval .contents--wide-process .wp-box ~ .wp-box {
  margin-top: 2.5em;
}
.contents--istatus .istatus-eval .contents--wide-process .wp-box ~ .wp-box .bx-ttl {
  position: relative;
}
.contents--istatus .istatus-eval .contents--wide-process .wp-box ~ .wp-box .bx-ttl:before {
  position: absolute;
  top: -0.625em;
  left: 50%;
  transform: translate(-50%, -100%);
  content: "▼";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  color: #2D3D57;
}
.contents--istatus .istatus-eval .contents--wide-process .wp-box .bx-ttl {
  color: #fff;
}
.contents--istatus .istatus-eval .contents--wide-process .wp-box .bx-ttl .ttl-icon {
  margin-right: 0.75em;
}
.contents--istatus .istatus-eval .contents--wide-process .wp-box .bx-hook .hook-frame:before {
  border-color: #2F68C2;
}
.contents--istatus .istatus-eval .contents--wide-process .wp-box .bx-hook .hook-frame:after {
  background-color: #2F68C2;
}
.contents--istatus .istatus-eval .contents--wide-process .wp-box:nth-of-type(1) .bx-ttl {
  background-color: #2F68C2;
}
.contents--istatus .istatus-eval .contents--wide-process .wp-box:nth-of-type(2) .bx-ttl {
  background-color: #2B50B8;
}
.contents--istatus .istatus-eval .contents--wide-process .wp-box:nth-of-type(3) .bx-ttl {
  background-color: #0E3796;
}
.contents--istatus .istatus-eval .contents--wide-process .wp-box:nth-of-type(4) .bx-ttl {
  background-color: #163376;
}

/* 컨텐츠 하단 공통 다운로드 */
.contents--top-download,
.contents--bottom-download, .contents--download-button {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 2.5em;
}
.contents--top-download a.omks--button,
.contents--top-download .omks--button,
.contents--bottom-download a.omks--button,
.contents--bottom-download .omks--button, .contents--download-button a.omks--button,
.contents--download-button .omks--button {
  background-color: #232A3C;
  color: #fff;
  min-height: 3.125em;
  height: auto;
  padding: 0 1.125em;
}
.contents--top-download a.omks--button .button-icon ~ .button-text,
.contents--top-download .omks--button .button-icon ~ .button-text,
.contents--bottom-download a.omks--button .button-icon ~ .button-text,
.contents--bottom-download .omks--button .button-icon ~ .button-text, .contents--download-button a.omks--button .button-icon ~ .button-text,
.contents--download-button .omks--button .button-icon ~ .button-text {
  margin-left: 0.5em;
}
.contents--top-download a.omks--button .button-icon i, .contents--top-download a.omks--button .button-icon .la, .contents--top-download a.omks--button .button-icon .las,
.contents--top-download .omks--button .button-icon i,
.contents--top-download .omks--button .button-icon .la,
.contents--top-download .omks--button .button-icon .las,
.contents--bottom-download a.omks--button .button-icon i,
.contents--bottom-download a.omks--button .button-icon .la,
.contents--bottom-download a.omks--button .button-icon .las,
.contents--bottom-download .omks--button .button-icon i,
.contents--bottom-download .omks--button .button-icon .la,
.contents--bottom-download .omks--button .button-icon .las, .contents--download-button a.omks--button .button-icon i, .contents--download-button a.omks--button .button-icon .la, .contents--download-button a.omks--button .button-icon .las,
.contents--download-button .omks--button .button-icon i,
.contents--download-button .omks--button .button-icon .la,
.contents--download-button .omks--button .button-icon .las {
  font-size: 1.7em;
}
.contents--top-download a.omks--button .button-icon .omks--icon-export-round,
.contents--top-download .omks--button .button-icon .omks--icon-export-round,
.contents--bottom-download a.omks--button .button-icon .omks--icon-export-round,
.contents--bottom-download .omks--button .button-icon .omks--icon-export-round, .contents--download-button a.omks--button .button-icon .omks--icon-export-round,
.contents--download-button .omks--button .button-icon .omks--icon-export-round {
  font-size: 1.4em;
}
.contents--top-download a.omks--button .button-text,
.contents--top-download .omks--button .button-text,
.contents--bottom-download a.omks--button .button-text,
.contents--bottom-download .omks--button .button-text, .contents--download-button a.omks--button .button-text,
.contents--download-button .omks--button .button-text {
  font-size: 0.9375em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.contents--top-download a.omks--button .button-text ~ .button-icon,
.contents--top-download .omks--button .button-text ~ .button-icon,
.contents--bottom-download a.omks--button .button-text ~ .button-icon,
.contents--bottom-download .omks--button .button-text ~ .button-icon, .contents--download-button a.omks--button .button-text ~ .button-icon,
.contents--download-button .omks--button .button-text ~ .button-icon {
  margin-left: 0.5em;
}
.contents--top-download a.omks--button:hover,
.contents--top-download .omks--button:hover,
.contents--bottom-download a.omks--button:hover,
.contents--bottom-download .omks--button:hover, .contents--download-button a.omks--button:hover,
.contents--download-button .omks--button:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
  background-color: #203d88;
}

.contents--top-download {
  margin-top: 0;
  margin-bottom: 40px;
}

.contents--download-button {
  justify-content: flex-start;
  margin: 0;
}

/* 컨텐츠 공통 가로형 프로세스 */
.contents--wide-process .wp-box {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .contents--wide-process .wp-box {
    flex-direction: column;
    align-items: center;
  }
}
.contents--wide-process .wp-box ~ .wp-box {
  margin-top: 1.25em;
}
.contents--wide-process .wp-box .bx-hook {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
}
@media only screen and (max-width: 767px) {
  .contents--wide-process .wp-box .bx-hook {
    top: 100%;
    left: 50%;
    right: inherit;
    transform: translate(-50%, 0);
  }
}
.contents--wide-process .wp-box .bx-hook .hook-frame {
  position: relative;
  width: 1.875em;
  height: 0.625em;
}
@media only screen and (max-width: 767px) {
  .contents--wide-process .wp-box .bx-hook .hook-frame {
    width: 0.625em;
    height: 1.875em;
  }
}
.contents--wide-process .wp-box .bx-hook .hook-frame:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 100%;
  height: 2px;
  box-sizing: border-box;
  border-top: 2px dashed #ccc;
}
@media only screen and (max-width: 767px) {
  .contents--wide-process .wp-box .bx-hook .hook-frame:before {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0) skewY(-0.01deg);
    border: 0;
    border-left: 2px dashed #ccc;
    width: 2px;
    height: 100%;
  }
}
.contents--wide-process .wp-box .bx-hook .hook-frame:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%) skewY(-0.01deg);
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ddd;
}
@media only screen and (max-width: 767px) {
  .contents--wide-process .wp-box .bx-hook .hook-frame:after {
    top: 100%;
    left: 50%;
    right: inherit;
    transform: translate(-50%, -50%) skewY(-0.01deg);
  }
}
.contents--wide-process .wp-box .bx-ttl {
  position: relative;
  display: flex;
  align-items: center;
  width: 320px;
  height: 100px;
  width: 20em;
  height: 6.25em;
  box-sizing: border-box;
  padding: 1.25em 1.875em;
  margin-right: 1.875em;
  border-radius: 0.625em;
  background-color: #f4f4f4;
  line-height: 1.4;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--wide-process .wp-box .bx-ttl {
    width: 17.5em;
    padding: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--wide-process .wp-box .bx-ttl {
    width: 15em;
    padding: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--wide-process .wp-box .bx-ttl {
    height: auto;
    padding: 0.875em;
    margin: 0;
    margin-bottom: 1.875em;
  }
}
.contents--wide-process .wp-box .bx-ttl .ttl-icon {
  display: inline-flex;
  margin-right: 0.5em;
}
.contents--wide-process .wp-box .bx-ttl .ttl-icon img {
  width: 3.125em;
}
.contents--wide-process .wp-box .bx-ttl .ttl-icon i, .contents--wide-process .wp-box .bx-ttl .ttl-icon .la, .contents--wide-process .wp-box .bx-ttl .ttl-icon .las, .contents--wide-process .wp-box .bx-ttl .ttl-icon [class^=omks--icon] {
  font-size: 1.2em;
}
.contents--wide-process .wp-box .bx-ttl .ttl-text {
  font-size: 1.25em;
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .contents--wide-process .wp-box .bx-ttl .ttl-text {
    font-size: 1.0625em;
  }
}
.contents--wide-process .wp-box .bx-cont {
  flex: 1 1 calc(100% - 21.875em);
  width: calc(100% - 21.875em);
}
@media only screen and (max-width: 767px) {
  .contents--wide-process .wp-box .bx-cont {
    flex: none;
    width: 100%;
  }
}
.contents--wide-process .wp-box .bx-frame {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 0.625em;
  padding: 1.875em 2.5em;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--wide-process .wp-box .bx-frame {
    padding: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--wide-process .wp-box .bx-frame {
    padding: 0.875em 1.125em;
  }
}

/* 주요역할 */
.contents--mainrole .omks--card ~ .omks--card {
  margin-top: 50px;
}

/* 미션 및 비전 */
.contents--mvision .mvision-diagram {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contents--mvision .mvision-diagram .diagram-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.125em;
  background: #1F3A6E;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.22);
  border-radius: 8.125em;
  width: 26.875em;
  height: 6.25em;
  max-width: 90%;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .contents--mvision .mvision-diagram .diagram-title {
    height: auto;
    min-height: 3.75em;
    width: auto;
    max-width: 26.875em;
    box-sizing: border-box;
    padding: 0.875em 1.75em;
    margin-bottom: 1.875em;
  }
}
.contents--mvision .mvision-diagram .diagram-title .title-text {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .contents--mvision .mvision-diagram .diagram-title .title-text {
    font-size: 1.5em;
  }
}
.contents--mvision .mvision-diagram .diagram-contents {
  width: 100%;
}
.contents--mvision .mvision-diagram .diagram-contents .contents--wide-process .wp-box .bx-hook .hook-frame:before {
  border-color: #2F68C2;
}
.contents--mvision .mvision-diagram .diagram-contents .contents--wide-process .wp-box .bx-hook .hook-frame:after {
  background-color: #2F68C2;
}
.contents--mvision .mvision-diagram .diagram-contents .contents--wide-process .wp-box .bx-ttl {
  justify-content: center;
  text-transform: uppercase;
}
.contents--mvision .mvision-diagram .diagram-contents .contents--wide-process .wp-box .bx-ttl .ttl-text {
  font-size: 1.8125em;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .contents--mvision .mvision-diagram .diagram-contents .contents--wide-process .wp-box .bx-ttl .ttl-text {
    font-size: 1.25em;
  }
}
.contents--mvision .mvision-diagram .diagram-contents .contents--wide-process .wp-box .bx-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25em;
  line-height: 1.4;
  font-weight: 500;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .contents--mvision .mvision-diagram .diagram-contents .contents--wide-process .wp-box .bx-frame {
    justify-content: center;
    font-size: 1.0625em;
  }
}
.contents--mvision .mvision-diagram .diagram-contents .contents--wide-process .wp-box:nth-of-type(1) .bx-ttl {
  background-color: #2B76CE;
  color: #fff;
}
.contents--mvision .mvision-diagram .diagram-contents .contents--wide-process .wp-box:nth-of-type(2) .bx-ttl {
  background-color: #2B50B8;
  color: #fff;
}
.contents--mvision .mvision-diagram .diagram-step:last-child {
  margin-top: 4.125em;
}
.contents--mvision .mvision-diagram .diagram-goal .sdg-stnc {
  font-size: 1.1875em;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .contents--mvision .mvision-diagram .diagram-goal .sdg-stnc {
    font-size: 1.0625em;
  }
}
.contents--mvision .mvision-diagram .diagram-goal .sdg-stnc .sdg-stnc-icon {
  background-color: #2F68C2;
  color: #fff;
}
.contents--mvision .mvision-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-lb-frame {
  border-color: #2F68C2;
}
.contents--mvision .mvision-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F68C2;
}
.contents--mvision .mvision-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-lb-frame {
  border-color: #2752C1;
}
.contents--mvision .mvision-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-stnc .sdg-stnc-icon {
  background-color: #2752C1;
}
.contents--mvision .mvision-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-lb-frame {
  border-color: #2F46C2;
}
.contents--mvision .mvision-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F46C2;
}
.contents--mvision .mvision-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-lb-frame {
  border-color: #0E3796;
}
.contents--mvision .mvision-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-stnc .sdg-stnc-icon {
  background-color: #0E3796;
}
.contents--mvision .mvision-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-lb-frame {
  border-color: #163376;
}
.contents--mvision .mvision-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-stnc .sdg-stnc-icon {
  background-color: #163376;
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-frame {
  padding: 0.9375em;
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-frame .sdg-stnc {
  min-height: 4.375em;
  box-sizing: border-box;
  padding: 0.9375em 0;
}
@media only screen and (max-width: 767px) {
  .contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-frame .sdg-stnc {
    min-height: 3.125em;
  }
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-frame .sdg-stnc ~ .sdg-stnc {
  border-top: 0.0625em dashed #ccc;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-list ul {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-item {
    flex: 0 0 calc(33.33% - 1.25em);
  }
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-item .sdg-stnc .sdg-stnc-icon {
  color: #fff;
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-lb-frame {
  border-color: #2F68C2;
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F68C2;
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-lb-frame {
  border-color: #2752C1;
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-stnc .sdg-stnc-icon {
  background-color: #2752C1;
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-lb-frame {
  border-color: #2F46C2;
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F46C2;
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-lb-frame {
  border-color: #0E3796;
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-stnc .sdg-stnc-icon {
  background-color: #0E3796;
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-lb-frame {
  border-color: #163376;
}
.contents--mvision .mvision-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-stnc .sdg-stnc-icon {
  background-color: #163376;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-box .bx-ttl .ttl-text {
  font-size: 1.375em;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-box .bx-ttl .ttl-text {
    font-size: 1.25em;
  }
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-box .bx-ttl .ttl-text .text-eng {
  font-size: 16px;
  font-weight: 400;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-item:nth-of-type(1) .vp-box .bx-ttl {
  background-color: #2B76CE;
  color: #fff;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-item:nth-of-type(1) .vp-box .bx-hook .hook-frame:before {
  border-color: #2F68C2;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-item:nth-of-type(1) .vp-box .bx-hook .hook-frame:after {
  background-color: #2F68C2;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-item:nth-of-type(2) .vp-box .bx-ttl {
  background-color: #2B50B8;
  color: #fff;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-item:nth-of-type(2) .vp-box .bx-hook .hook-frame:before {
  border-color: #2B50B8;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-item:nth-of-type(2) .vp-box .bx-hook .hook-frame:after {
  background-color: #2B50B8;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-item:nth-of-type(3) .vp-box .bx-ttl {
  background-color: #0E3796;
  color: #fff;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-item:nth-of-type(3) .vp-box .bx-hook .hook-frame:before {
  border-color: #0E3796;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-item:nth-of-type(3) .vp-box .bx-hook .hook-frame:after {
  background-color: #0E3796;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-item:nth-of-type(4) .vp-box .bx-ttl {
  background-color: #163376;
  color: #fff;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-item:nth-of-type(4) .vp-box .bx-hook .hook-frame:before {
  border-color: #163376;
}
.contents--mvision .mvision-diagram .diagram-value .contents--vertical-process .vp-item:nth-of-type(4) .vp-box .bx-hook .hook-frame:after {
  background-color: #163376;
}
.contents--mvision .mvision-diagram .diagram-ref {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-top: 1.25em;
  color: #EC6C61;
}
.contents--mvision .mvision-diagram .diagram-ref .omks--stnc {
  font-size: 0.9375em;
}
.contents--mvision .mvision-diagram .diagram-ref .omks--stnc .omks--stnc-icon {
  transform: translateY(0.1em);
}

/* 컨텐츠 공통 체계 박스 */
.contents--system-diagram .sdg-stnc {
  overflow: hidden;
  line-height: 1.4;
}
.contents--system-diagram .sdg-stnc-icon {
  float: left;
  margin-right: 0.625em;
}
.contents--system-diagram .sdg-stnc-text {
  display: block;
  overflow: hidden;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.contents--system-diagram .sdg-stnc ~ .sdg-stnc {
  margin-top: 0.3125em;
}
.contents--system-diagram .sdg-stnc.style--order {
  line-height: 1.5em;
}
.contents--system-diagram .sdg-stnc.style--order .sdg-stnc-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: #f4f4f4;
}
.contents--system-diagram .sdg-stnc.style--order + .style--indent {
  margin-top: 0.5em;
}
.contents--system-diagram .sdg-stnc.style--order ~ .style--indent {
  padding-left: 1.4em;
}
.contents--system-diagram .sdg-stnc.style--color-blue {
  color: #2f68c2;
}
.contents--system-diagram .sdg-stnc.style--dot .sdg-stnc-icon {
  position: relative;
  width: 0.25em;
  color: transparent;
}
.contents--system-diagram .sdg-stnc.style--dot .sdg-stnc-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 0.25em;
  height: 0.25em;
  background-color: #2F68C2;
}
.contents--system-diagram .sdg-stnc.style--column {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.contents--system-diagram .sdg-stnc.style--column .sdg-stnc-icon {
  float: none;
  margin: 0;
  margin-bottom: 0.9375em;
}
.contents--system-diagram .sdg-stnc.style--column.style--order {
  line-height: 1.4;
}
.contents--system-diagram .sdg-stnc.style--indent {
  padding-left: 1em;
  font-size: 0.9375em;
}
.contents--system-diagram .sdg-stnc-group {
  text-align: left;
}
.contents--system-diagram .sdg-stnc-group ~ .sdg-stnc-group {
  margin-top: 1.875em;
}
.contents--system-diagram .sdg-stnc-group .sdg-stnc.style--title {
  font-size: 1.375em;
  font-weight: 700;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 767px) {
  .contents--system-diagram .sdg-stnc-group .sdg-stnc.style--title {
    font-size: 1.1875em;
  }
}
.contents--system-diagram .sdg-row-box {
  position: relative;
  margin-top: 1.875em;
}
.contents--system-diagram .sdg-row-box.style--direcation {
  margin-top: 4.125em;
}
.contents--system-diagram .sdg-row-box.style--direcation:before {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -100%);
  content: "";
  width: 57.5em;
  max-width: 100%;
  height: 4.125em;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/sdiagram/sdg-row-arrow.svg");
  background-size: 57.5em auto;
  background-position: center top;
  opacity: 0.5;
}
.contents--system-diagram .sdg-row-box .sdg-rb-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 10.3125em;
  height: 3.4375em;
  box-sizing: border-box;
  padding: 0 2.5em;
  background-color: #1F3A6E;
  border-radius: 3.125em;
}
@media only screen and (max-width: 767px) {
  .contents--system-diagram .sdg-row-box .sdg-rb-title {
    width: 80%;
  }
}
.contents--system-diagram .sdg-row-box .sdg-rb-title .title-text {
  font-size: 1.5em;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .contents--system-diagram .sdg-row-box .sdg-rb-title .title-text {
    font-size: 1.1875em;
  }
}
.contents--system-diagram .sdg-row-box .sdg-rb-contents {
  padding: 3.125em;
  background-color: #F9FCFF;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--system-diagram .sdg-row-box .sdg-rb-contents {
    padding: 1.75em;
    padding-top: 3.125em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--system-diagram .sdg-row-box .sdg-rb-contents {
    padding: 1.75em;
    padding-top: 3.125em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--system-diagram .sdg-row-box .sdg-rb-contents {
    padding: 1.25em;
    padding-top: 2.5em;
  }
}
.contents--system-diagram .sdg-line-box .sdg-lb-frame {
  display: flex;
  justify-content: center;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 1.25em;
}
@media only screen and (max-width: 767px) {
  .contents--system-diagram .sdg-line-box .sdg-lb-frame {
    padding: 0.875em;
  }
}
.contents--system-diagram .sdg-line-box .sdg-lb-frame.style--thick {
  border-width: 2px;
}
.contents--system-diagram .sdg-line-box .sdg-lb-frame.style--column {
  flex-direction: column;
}
.contents--system-diagram .sdg-line-box .sdg-lb-list {
  overflow: hidden;
}
.contents--system-diagram .sdg-line-box .sdg-lb-list ul {
  display: flex;
  margin: -0.9375em 0 0 -0.9375em;
}
@media only screen and (max-width: 767px) {
  .contents--system-diagram .sdg-line-box .sdg-lb-list ul {
    flex-direction: column;
    margin: -0.9375em 0 0 0;
  }
}
.contents--system-diagram .sdg-line-box .sdg-lb-item {
  flex: 1 1 calc(20% - 0.9375em);
  margin: 0.9375em 0 0 0.9375em;
}
@media only screen and (max-width: 767px) {
  .contents--system-diagram .sdg-line-box .sdg-lb-item {
    flex: none;
    margin: 0.9375em 0 0 0;
  }
}
.contents--system-diagram .sdg-line-box .sdg-lb-item .sdg-lb-frame {
  height: 100%;
}

/* 컨텐츠 공통 세로형 프로세스 */
.contents--vertical-process {
  width: 100%;
}
.contents--vertical-process .vp-list {
  overflow: hidden;
}
.contents--vertical-process .vp-list ul {
  display: flex;
  margin: -1.25em 0 0 -1.25em;
}
@media only screen and (max-width: 767px) {
  .contents--vertical-process .vp-list ul {
    flex-direction: column;
    margin: 0;
    margin-top: -1.25em;
  }
}
.contents--vertical-process .vp-list ul .vp-item, .contents--vertical-process .vp-list ul > li {
  flex: 1 1 calc(25% - 1.25em);
  margin: 1.25em 0 0 1.25em;
}
@media only screen and (max-width: 767px) {
  .contents--vertical-process .vp-list ul .vp-item, .contents--vertical-process .vp-list ul > li {
    flex: none;
    margin: 0;
    margin-top: 1.25em;
  }
}
.contents--vertical-process .vp-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.contents--vertical-process .vp-box .bx-ttl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.0625em;
  border-radius: 0.3125em;
  background-color: #f4f4f4;
  text-align: center;
  margin-bottom: 1.875em;
}
@media only screen and (max-width: 767px) {
  .contents--vertical-process .vp-box .bx-ttl {
    display: inline-flex;
    width: auto;
    min-width: 60%;
    height: auto;
    min-height: 3.75em;
    box-sizing: border-box;
    margin: 0 auto 1.875em;
    padding: 0.625em;
  }
}
.contents--vertical-process .vp-box .bx-ttl .ttl-text {
  line-height: 1.4;
}
.contents--vertical-process .vp-box .bx-hook {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
}
.contents--vertical-process .vp-box .bx-hook .hook-frame {
  position: relative;
  width: 0.625em;
  height: 1.875em;
}
.contents--vertical-process .vp-box .bx-hook .hook-frame:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) skewY(-0.01deg);
  content: "";
  width: 2px;
  height: 100%;
  box-sizing: border-box;
  border-left: 2px dashed #ccc;
}
.contents--vertical-process .vp-box .bx-hook .hook-frame:after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ddd;
}
.contents--vertical-process .vp-box .bx-cont {
  flex: 1 1 auto;
  font-size: 1em;
  line-height: 1.4;
  font-weight: 400;
  color: #333;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-align: center;
}
.contents--vertical-process .vp-box .bx-cont .bx-frame {
  height: 100%;
  box-sizing: border-box;
  padding: 1.75em 1.25em;
  border: 1px solid #DDDDDD;
  border-radius: 0.625em;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .contents--vertical-process .vp-box .bx-cont .bx-frame {
    padding: 1.25em;
  }
}

/* 경영혁신 */
.contents--binnovation .binnovation-diagram {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contents--binnovation .binnovation-diagram .diagram-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.125em;
  background: #1F3A6E;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.22);
  border-radius: 8.125em;
  width: 26.875em;
  height: 6.25em;
  max-width: 90%;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .contents--binnovation .binnovation-diagram .diagram-title {
    height: auto;
    min-height: 3.75em;
    width: auto;
    max-width: 26.875em;
    box-sizing: border-box;
    padding: 0.875em 1.75em;
    margin-bottom: 1.875em;
  }
}
.contents--binnovation .binnovation-diagram .diagram-title .title-text {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .contents--binnovation .binnovation-diagram .diagram-title .title-text {
    font-size: 1.5em;
  }
}
.contents--binnovation .binnovation-diagram .diagram-contents {
  width: 100%;
}
.contents--binnovation .binnovation-diagram .diagram-contents .contents--wide-process .wp-box .bx-hook .hook-frame:before {
  border-color: #2F68C2;
}
.contents--binnovation .binnovation-diagram .diagram-contents .contents--wide-process .wp-box .bx-hook .hook-frame:after {
  background-color: #2F68C2;
}
.contents--binnovation .binnovation-diagram .diagram-contents .contents--wide-process .wp-box .bx-ttl {
  justify-content: center;
  text-transform: uppercase;
}
.contents--binnovation .binnovation-diagram .diagram-contents .contents--wide-process .wp-box .bx-ttl .ttl-text {
  font-size: 1.8125em;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .contents--binnovation .binnovation-diagram .diagram-contents .contents--wide-process .wp-box .bx-ttl .ttl-text {
    font-size: 1.25em;
    font-weight: 600;
  }
}
.contents--binnovation .binnovation-diagram .diagram-contents .contents--wide-process .wp-box .bx-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25em;
  line-height: 1.4;
  font-weight: 500;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .contents--binnovation .binnovation-diagram .diagram-contents .contents--wide-process .wp-box .bx-frame {
    font-size: 1.0625em;
  }
}
.contents--binnovation .binnovation-diagram .diagram-contents .contents--wide-process .wp-box:nth-of-type(1) .bx-ttl {
  background-color: #2B76CE;
  color: #fff;
}
.contents--binnovation .binnovation-diagram .diagram-contents .contents--wide-process .wp-box:nth-of-type(2) .bx-ttl {
  background-color: #2B50B8;
  color: #fff;
}
.contents--binnovation .binnovation-diagram .diagram-step:last-child {
  margin-top: 4.125em;
}
.contents--binnovation .binnovation-diagram .diagram-goal .sdg-stnc {
  font-size: 1.1875em;
  color: #222;
}
.contents--binnovation .binnovation-diagram .diagram-goal .sdg-stnc .sdg-stnc-icon {
  background-color: #2F68C2;
  color: #fff;
}
.contents--binnovation .binnovation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-lb-frame {
  border-color: #2F68C2;
}
.contents--binnovation .binnovation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F68C2;
}
.contents--binnovation .binnovation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-lb-frame {
  border-color: #2752C1;
}
.contents--binnovation .binnovation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-stnc .sdg-stnc-icon {
  background-color: #2752C1;
}
.contents--binnovation .binnovation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-lb-frame {
  border-color: #2F46C2;
}
.contents--binnovation .binnovation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F46C2;
}
.contents--binnovation .binnovation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-lb-frame {
  border-color: #0E3796;
}
.contents--binnovation .binnovation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-stnc .sdg-stnc-icon {
  background-color: #0E3796;
}
.contents--binnovation .binnovation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-lb-frame {
  border-color: #163376;
}
.contents--binnovation .binnovation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-stnc .sdg-stnc-icon {
  background-color: #163376;
}
.contents--binnovation .binnovation-diagram .diagram-task .sdg-row-box .sdg-rb-contents {
  position: relative;
}
.contents--binnovation .binnovation-diagram .diagram-task .sdg-row-box .sdg-rb-contents .diagram-ref {
  position: absolute;
  top: -1em;
  right: 0;
  transform: translateY(-100%);
  margin: 0;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .contents--binnovation .binnovation-diagram .diagram-task .sdg-row-box .sdg-rb-contents .diagram-ref {
    position: relative;
    top: inherit;
    transform: none;
    margin-bottom: 0.625em;
  }
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-box .bx-ttl .ttl-text {
  font-size: 1.125em;
  font-weight: 600;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-box .bx-frame {
  display: flex;
  flex-direction: column;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(1) .vp-box .bx-ttl {
  background-color: #2B76CE;
  color: #fff;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(1) .vp-box .bx-hook .hook-frame:before {
  border-color: #2F68C2;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(1) .vp-box .bx-hook .hook-frame:after {
  background-color: #2F68C2;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(1) .sdg-stnc.style--order .sdg-stnc-icon {
  background-color: #2F68C2;
  color: #fff;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(2) .vp-box .bx-ttl {
  background-color: #2F58C2;
  color: #fff;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(2) .vp-box .bx-hook .hook-frame:before {
  border-color: #2F58C2;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(2) .vp-box .bx-hook .hook-frame:after {
  background-color: #2F58C2;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(2) .sdg-stnc.style--order .sdg-stnc-icon {
  background-color: #2F58C2;
  color: #fff;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(3) .vp-box .bx-ttl {
  background-color: #2F46C2;
  color: #fff;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(3) .vp-box .bx-hook .hook-frame:before {
  border-color: #2F46C2;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(3) .vp-box .bx-hook .hook-frame:after {
  background-color: #2F46C2;
}
.contents--binnovation .binnovation-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(3) .sdg-stnc.style--order .sdg-stnc-icon {
  background-color: #2F46C2;
  color: #fff;
}
.contents--binnovation .binnovation-diagram .diagram-ref {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-top: 1.25em;
  color: #EC6C61;
}
.contents--binnovation .binnovation-diagram .diagram-ref .omks--stnc {
  font-size: 0.9375em;
}
.contents--binnovation .binnovation-diagram .diagram-ref .omks--stnc .omks--stnc-icon {
  transform: translateY(0.1em);
}
.contents--binnovation .binnovation-diagram .diagram-ref .ref-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: #f4f4f4;
  margin: 0 0.25em;
}
.contents--binnovation .binnovation-diagram .diagram-vgoal {
  position: relative;
  padding: 6.875em 0;
  background-repeat: no-repeat;
  background-size: 27.75em auto;
  background-image: url("../../img/contents/binnovation/vgoal-background.svg");
  background-position: center;
}
.contents--binnovation .binnovation-diagram .diagram-vgoal:before, .contents--binnovation .binnovation-diagram .diagram-vgoal:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875em;
  height: 1.875em;
  color: #BBC3D2;
  background-repeat: no-repeat;
  background-size: 1.875em auto;
  background-image: url("../../img/contents/binnovation/vgoal-arrow.svg");
  background-position: center;
}
.contents--binnovation .binnovation-diagram .diagram-vgoal:before {
  top: 2.5em;
}
.contents--binnovation .binnovation-diagram .diagram-vgoal:after {
  bottom: 2.5em;
}
.contents--binnovation .binnovation-diagram .diagram-vgoal .contents--system-diagram .sdg-row-box ~ .sdg-row-box {
  margin-top: 3.125em;
}
.contents--binnovation .binnovation-diagram .diagram-vgoal .contents--system-diagram .sdg-rb-title {
  top: -0.625em;
}
.contents--binnovation .binnovation-diagram .diagram-vgoal .contents--system-diagram .sdg-rb-contents {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 6.25em;
  background-color: #fff;
  border: 1px solid #DDDDDD;
  border-radius: 8.75em;
  padding: 1.25em;
}
@media only screen and (max-width: 767px) {
  .contents--binnovation .binnovation-diagram .diagram-vgoal .contents--system-diagram .sdg-rb-contents {
    padding-bottom: 0.625em;
  }
}
.contents--binnovation .binnovation-diagram .diagram-vgoal .contents--system-diagram .sdg-rb-contents .rb-text {
  font-size: 1.25em;
  line-height: 1.4;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .contents--binnovation .binnovation-diagram .diagram-vgoal .contents--system-diagram .sdg-rb-contents .rb-text {
    font-size: 1.0625em;
  }
}
.contents--binnovation .binnovation-diagram .diagram-loadmap .contents--system-diagram .sdg-row-box {
  position: relative;
  padding-bottom: 3.125em;
}
.contents--binnovation .binnovation-diagram .diagram-loadmap .contents--system-diagram .sdg-row-box:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875em;
  height: 1.875em;
  color: #BBC3D2;
  background-repeat: no-repeat;
  background-size: 1.875em auto;
  background-image: url("../../img/contents/binnovation/vgoal-arrow.svg");
  background-position: center;
}
.contents--binnovation .binnovation-diagram .diagram-loadmap .contents--system-diagram .sdg-line-box .sdg-lb-frame {
  border-color: #2f68c2;
}
.contents--binnovation .binnovation-diagram .diagram-loadmap .contents--system-diagram .sdg-stnc-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.contents--binnovation .binnovation-diagram .diagram-loadmap .contents--system-diagram .sdg-stnc-group .sdg-stnc.style--title {
  color: #2f68c2;
}

/* 사회적책임 */
.contents--sresponsibility .sresponsibility-surface {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 15em;
  margin-bottom: 3.125em;
  background-color: #f4f4f4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../../img/contents/sresponsibility/surfacce-background.png");
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .contents--sresponsibility .sresponsibility-surface {
    height: 11.25em;
  }
}
.contents--sresponsibility .sresponsibility-surface .surface-title {
  position: relative;
  display: inline-flex;
  padding-bottom: 0.625em;
  margin-bottom: 1.25em;
}
.contents--sresponsibility .sresponsibility-surface .surface-title .title-text {
  font-size: 1.375em;
  font-weight: 600;
}
.contents--sresponsibility .sresponsibility-surface .surface-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 3.125em;
  height: 0.125em;
  background-color: #fff;
}
.contents--sresponsibility .sresponsibility-surface .surface-contents {
  font-size: 1.5625em;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .contents--sresponsibility .sresponsibility-surface .surface-contents {
    font-size: 1.25em;
  }
}
.contents--sresponsibility .sresponsibility-diagram {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.125em;
  background: #1F3A6E;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.22);
  border-radius: 8.125em;
  width: 26.875em;
  height: 6.25em;
  max-width: 90%;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .contents--sresponsibility .sresponsibility-diagram .diagram-title {
    height: auto;
    min-height: 3.75em;
    width: auto;
    max-width: 26.875em;
    box-sizing: border-box;
    padding: 0.875em 1.75em;
    margin-bottom: 1.875em;
  }
}
.contents--sresponsibility .sresponsibility-diagram .diagram-title .title-text {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .contents--sresponsibility .sresponsibility-diagram .diagram-title .title-text {
    font-size: 1.5em;
  }
}
.contents--sresponsibility .sresponsibility-diagram .diagram-contents {
  width: 100%;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-contents .contents--wide-process .wp-box .bx-hook .hook-frame:before {
  border-color: #2F68C2;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-contents .contents--wide-process .wp-box .bx-hook .hook-frame:after {
  background-color: #2F68C2;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-contents .contents--wide-process .wp-box .bx-ttl {
  justify-content: center;
  text-transform: uppercase;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-contents .contents--wide-process .wp-box .bx-ttl .ttl-text {
  font-size: 1.8125em;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .contents--sresponsibility .sresponsibility-diagram .diagram-contents .contents--wide-process .wp-box .bx-ttl .ttl-text {
    font-size: 1.25em;
  }
}
.contents--sresponsibility .sresponsibility-diagram .diagram-contents .contents--wide-process .wp-box .bx-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25em;
  line-height: 1.4;
  font-weight: 500;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .contents--sresponsibility .sresponsibility-diagram .diagram-contents .contents--wide-process .wp-box .bx-frame {
    font-size: 1.0625em;
  }
}
.contents--sresponsibility .sresponsibility-diagram .diagram-contents .contents--wide-process .wp-box:nth-of-type(1) .bx-ttl {
  background-color: #2B76CE;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-contents .contents--wide-process .wp-box:nth-of-type(2) .bx-ttl {
  background-color: #2B50B8;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-stnc {
  font-size: 1.1875em;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-stnc {
    font-size: 1.0625em;
  }
  .contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-stnc br {
    display: none;
  }
}
.contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-stnc .sdg-stnc-icon {
  background-color: #2F68C2;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-lb-frame {
  border-color: #2F68C2;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F68C2;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-lb-frame {
  border-color: #2752C1;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-stnc .sdg-stnc-icon {
  background-color: #2752C1;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-lb-frame {
  border-color: #2F46C2;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F46C2;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-lb-frame {
  border-color: #0E3796;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-stnc .sdg-stnc-icon {
  background-color: #0E3796;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-lb-frame {
  border-color: #163376;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-stnc .sdg-stnc-icon {
  background-color: #163376;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-box .bx-ttl .ttl-text {
  font-size: 1.125em;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-box .bx-ttl .ttl-text {
    font-size: 1.0625em;
  }
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-box .bx-frame {
  display: flex;
  flex-direction: column;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-list ul {
  flex-wrap: wrap;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-list .vp-item {
  flex: 1 1 calc(33.33% - 1.25em);
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(1) .vp-box .bx-ttl {
  background-color: #2B76CE;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(1) .vp-box .bx-hook .hook-frame:before {
  border-color: #2F68C2;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(1) .vp-box .bx-hook .hook-frame:after {
  background-color: #2F68C2;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(1) .sdg-stnc.style--order .sdg-stnc-icon {
  background-color: #2F68C2;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(2) .vp-box .bx-ttl {
  background-color: #2F58C2;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(2) .vp-box .bx-hook .hook-frame:before {
  border-color: #2F58C2;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(2) .vp-box .bx-hook .hook-frame:after {
  background-color: #2F58C2;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(2) .sdg-stnc.style--order .sdg-stnc-icon {
  background-color: #2F58C2;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(3) .vp-box .bx-ttl {
  background-color: #2F46C2;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(3) .vp-box .bx-hook .hook-frame:before {
  border-color: #2F46C2;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(3) .vp-box .bx-hook .hook-frame:after {
  background-color: #2F46C2;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(3) .sdg-stnc.style--order .sdg-stnc-icon {
  background-color: #2F46C2;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(4) .vp-box .bx-ttl {
  background-color: #0E3796;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(4) .vp-box .bx-hook .hook-frame:before {
  border-color: #0E3796;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(4) .vp-box .bx-hook .hook-frame:after {
  background-color: #0E3796;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(4) .sdg-stnc.style--order .sdg-stnc-icon {
  background-color: #0E3796;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(5) .vp-box .bx-ttl {
  background-color: #163376;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(5) .vp-box .bx-hook .hook-frame:before {
  border-color: #163376;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(5) .vp-box .bx-hook .hook-frame:after {
  background-color: #163376;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(5) .sdg-stnc.style--order .sdg-stnc-icon {
  background-color: #163376;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(6) .vp-box .bx-ttl {
  background-color: #051846;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(6) .vp-box .bx-hook .hook-frame:before {
  border-color: #051846;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(6) .vp-box .bx-hook .hook-frame:after {
  background-color: #051846;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-task .contents--vertical-process .vp-item:nth-of-type(6) .sdg-stnc.style--order .sdg-stnc-icon {
  background-color: #051846;
  color: #fff;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-ref {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-top: 1.25em;
  color: #EC6C61;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-ref .omks--stnc {
  font-size: 0.9375em;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-ref .omks--stnc .omks--stnc-icon {
  transform: translateY(0.1em);
}
.contents--sresponsibility .sresponsibility-diagram .diagram-ref .ref-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: #f4f4f4;
  margin: 0 0.25em;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-indicator,
.contents--sresponsibility .sresponsibility-diagram .diagram-monitoring,
.contents--sresponsibility .sresponsibility-diagram .diagram-reflux {
  position: relative;
  padding-top: 80px;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-indicator:before, .contents--sresponsibility .sresponsibility-diagram .diagram-indicator:after,
.contents--sresponsibility .sresponsibility-diagram .diagram-monitoring:before,
.contents--sresponsibility .sresponsibility-diagram .diagram-monitoring:after,
.contents--sresponsibility .sresponsibility-diagram .diagram-reflux:before,
.contents--sresponsibility .sresponsibility-diagram .diagram-reflux:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875em;
  height: 1.875em;
  color: #BBC3D2;
  background-repeat: no-repeat;
  background-size: 1.875em auto;
  background-image: url("../../img/contents/binnovation/vgoal-arrow.svg");
  background-position: center;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-indicator:after,
.contents--sresponsibility .sresponsibility-diagram .diagram-monitoring:after,
.contents--sresponsibility .sresponsibility-diagram .diagram-reflux:after {
  content: none;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-indicator:before,
.contents--sresponsibility .sresponsibility-diagram .diagram-monitoring:before,
.contents--sresponsibility .sresponsibility-diagram .diagram-reflux:before {
  top: 1.5625em;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-indicator:after,
.contents--sresponsibility .sresponsibility-diagram .diagram-monitoring:after,
.contents--sresponsibility .sresponsibility-diagram .diagram-reflux:after {
  bottom: 1.5625em;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-indicator .contents--system-diagram .sdg-row-box ~ .sdg-row-box,
.contents--sresponsibility .sresponsibility-diagram .diagram-monitoring .contents--system-diagram .sdg-row-box ~ .sdg-row-box,
.contents--sresponsibility .sresponsibility-diagram .diagram-reflux .contents--system-diagram .sdg-row-box ~ .sdg-row-box {
  margin-top: 3.125em;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-indicator .contents--system-diagram .sdg-rb-title,
.contents--sresponsibility .sresponsibility-diagram .diagram-monitoring .contents--system-diagram .sdg-rb-title,
.contents--sresponsibility .sresponsibility-diagram .diagram-reflux .contents--system-diagram .sdg-rb-title {
  top: -0.625em;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-indicator .contents--system-diagram .sdg-rb-contents,
.contents--sresponsibility .sresponsibility-diagram .diagram-monitoring .contents--system-diagram .sdg-rb-contents,
.contents--sresponsibility .sresponsibility-diagram .diagram-reflux .contents--system-diagram .sdg-rb-contents {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 6.25em;
  background-color: #fff;
  border: 1px solid #DDDDDD;
  border-radius: 8.75em;
  padding: 1.25em;
}
@media only screen and (max-width: 767px) {
  .contents--sresponsibility .sresponsibility-diagram .diagram-indicator .contents--system-diagram .sdg-rb-contents,
  .contents--sresponsibility .sresponsibility-diagram .diagram-monitoring .contents--system-diagram .sdg-rb-contents,
  .contents--sresponsibility .sresponsibility-diagram .diagram-reflux .contents--system-diagram .sdg-rb-contents {
    padding-bottom: 0.625em;
  }
}
.contents--sresponsibility .sresponsibility-diagram .diagram-indicator .contents--system-diagram .sdg-rb-contents .rb-text,
.contents--sresponsibility .sresponsibility-diagram .diagram-monitoring .contents--system-diagram .sdg-rb-contents .rb-text,
.contents--sresponsibility .sresponsibility-diagram .diagram-reflux .contents--system-diagram .sdg-rb-contents .rb-text {
  font-size: 1.25em;
  line-height: 1.4;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .contents--sresponsibility .sresponsibility-diagram .diagram-indicator .contents--system-diagram .sdg-rb-contents .rb-text,
  .contents--sresponsibility .sresponsibility-diagram .diagram-monitoring .contents--system-diagram .sdg-rb-contents .rb-text,
  .contents--sresponsibility .sresponsibility-diagram .diagram-reflux .contents--system-diagram .sdg-rb-contents .rb-text {
    font-size: 1.0625em;
  }
}
.contents--sresponsibility .sresponsibility-diagram .diagram-indicator {
  padding: 80px 0;
}
.contents--sresponsibility .sresponsibility-diagram .diagram-indicator:after {
  content: "";
}

/* 일자리 창출 */
.contents--jcreation .jcreation-surface {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 15em;
  margin-bottom: 3.125em;
  background-color: #f4f4f4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../../img/contents/sresponsibility/surfacce-background.png");
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-surface {
    height: 11.25em;
  }
}
.contents--jcreation .jcreation-surface .surface-title {
  position: relative;
  display: inline-flex;
  padding-bottom: 0.625em;
  margin-bottom: 1.25em;
}
.contents--jcreation .jcreation-surface .surface-title .title-text {
  font-size: 1.375em;
  font-weight: 600;
}
.contents--jcreation .jcreation-surface .surface-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 3.125em;
  height: 0.125em;
  background-color: #fff;
}
.contents--jcreation .jcreation-surface .surface-contents {
  font-size: 1.5625em;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-surface .surface-contents {
    font-size: 1.25em;
  }
}
.contents--jcreation .jcreation-diagram {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contents--jcreation .jcreation-diagram .diagram-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.125em;
  background: #1F3A6E;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.22);
  border-radius: 8.125em;
  width: 26.875em;
  height: 6.25em;
  max-width: 90%;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-diagram .diagram-title {
    height: auto;
    min-height: 3.75em;
    width: auto;
    max-width: 26.875em;
    box-sizing: border-box;
    padding: 0.875em 1.75em;
    margin-bottom: 1.875em;
  }
}
.contents--jcreation .jcreation-diagram .diagram-title .title-text {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-diagram .diagram-title .title-text {
    font-size: 1.5em;
  }
}
.contents--jcreation .jcreation-diagram .diagram-contents {
  width: 100%;
}
.contents--jcreation .jcreation-diagram .diagram-contents .contents--wide-process .wp-box .bx-hook .hook-frame:before {
  border-color: #2F68C2;
}
.contents--jcreation .jcreation-diagram .diagram-contents .contents--wide-process .wp-box .bx-hook .hook-frame:after {
  background-color: #2F68C2;
}
.contents--jcreation .jcreation-diagram .diagram-contents .contents--wide-process .wp-box .bx-ttl {
  justify-content: center;
  text-transform: uppercase;
}
.contents--jcreation .jcreation-diagram .diagram-contents .contents--wide-process .wp-box .bx-ttl .ttl-text {
  font-size: 1.8125em;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-diagram .diagram-contents .contents--wide-process .wp-box .bx-ttl .ttl-text {
    font-size: 1.25em;
  }
}
.contents--jcreation .jcreation-diagram .diagram-contents .contents--wide-process .wp-box .bx-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25em;
  line-height: 1.4;
  font-weight: 500;
  color: #222;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-diagram .diagram-contents .contents--wide-process .wp-box .bx-frame {
    font-size: 1.0625em;
  }
}
.contents--jcreation .jcreation-diagram .diagram-contents .contents--wide-process .wp-box:nth-of-type(1) .bx-ttl {
  background-color: #2B76CE;
  color: #fff;
}
.contents--jcreation .jcreation-diagram .diagram-contents .contents--wide-process .wp-box:nth-of-type(2) .bx-ttl {
  background-color: #2B50B8;
  color: #fff;
}
.contents--jcreation .jcreation-diagram .diagram-step:last-child {
  margin-top: 4.125em;
}
.contents--jcreation .jcreation-diagram .diagram-goal .sdg-stnc {
  font-size: 1.1875em;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-diagram .diagram-goal .sdg-stnc {
    font-size: 1.0625em;
  }
}
.contents--jcreation .jcreation-diagram .diagram-goal .sdg-stnc .sdg-stnc-icon {
  background-color: #2F68C2;
  color: #fff;
}
.contents--jcreation .jcreation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-lb-frame {
  border-color: #2F68C2;
}
.contents--jcreation .jcreation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F68C2;
}
.contents--jcreation .jcreation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-lb-frame {
  border-color: #2752C1;
}
.contents--jcreation .jcreation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-stnc .sdg-stnc-icon {
  background-color: #2752C1;
}
.contents--jcreation .jcreation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-lb-frame {
  border-color: #2F46C2;
}
.contents--jcreation .jcreation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F46C2;
}
.contents--jcreation .jcreation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-lb-frame {
  border-color: #0E3796;
}
.contents--jcreation .jcreation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-stnc .sdg-stnc-icon {
  background-color: #0E3796;
}
.contents--jcreation .jcreation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-lb-frame {
  border-color: #163376;
}
.contents--jcreation .jcreation-diagram .diagram-goal .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-stnc .sdg-stnc-icon {
  background-color: #163376;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-frame {
  padding: 0.9375em;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-frame .sdg-stnc {
  box-sizing: border-box;
  padding: 1em 0;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-frame .sdg-stnc ~ .sdg-stnc {
  border-top: 0.0625em dashed #ccc;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-item .sdg-stnc .sdg-stnc-icon {
  color: #fff;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-lb-frame {
  border-color: #2F68C2;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F68C2;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-lb-frame {
  border-color: #2752C1;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-stnc .sdg-stnc-icon {
  background-color: #2752C1;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-lb-frame {
  border-color: #2F46C2;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F46C2;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-lb-frame {
  border-color: #0E3796;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-stnc .sdg-stnc-icon {
  background-color: #0E3796;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-lb-frame {
  border-color: #163376;
}
.contents--jcreation .jcreation-diagram .diagram-task .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-stnc .sdg-stnc-icon {
  background-color: #163376;
}
.contents--jcreation .jcreation-diagram .diagram-indicator {
  position: relative;
  padding: 6.875em 0;
  background-repeat: no-repeat;
  background-size: 27.75em auto;
  background-image: url("../../img/contents/binnovation/vgoal-background.svg");
  background-position: center;
}
.contents--jcreation .jcreation-diagram .diagram-indicator:before, .contents--jcreation .jcreation-diagram .diagram-indicator:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875em;
  height: 1.875em;
  color: #BBC3D2;
  background-repeat: no-repeat;
  background-size: 1.875em auto;
  background-image: url("../../img/contents/binnovation/vgoal-arrow.svg");
  background-position: center;
}
.contents--jcreation .jcreation-diagram .diagram-indicator:before {
  top: 2.5em;
}
.contents--jcreation .jcreation-diagram .diagram-indicator:after {
  bottom: 2.5em;
}
.contents--jcreation .jcreation-diagram .diagram-indicator .contents--system-diagram .sdg-row-box ~ .sdg-row-box {
  margin-top: 3.125em;
}
.contents--jcreation .jcreation-diagram .diagram-indicator .contents--system-diagram .sdg-rb-title {
  top: -0.625em;
}
.contents--jcreation .jcreation-diagram .diagram-indicator .contents--system-diagram .sdg-rb-contents {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 6.25em;
  background-color: #fff;
  border: 1px solid #DDDDDD;
  border-radius: 8.75em;
  padding: 1.25em;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-diagram .diagram-indicator .contents--system-diagram .sdg-rb-contents {
    padding-bottom: 0.3125em;
  }
}
.contents--jcreation .jcreation-diagram .diagram-indicator .contents--system-diagram .sdg-rb-contents .rb-text {
  font-size: 1.25em;
  line-height: 1.4;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-diagram .diagram-indicator .contents--system-diagram .sdg-rb-contents .rb-text {
    font-size: 1.0625em;
  }
}
.contents--jcreation .jcreation-diagram .diagram-loadmap .contents--system-diagram .sdg-line-box .sdg-lb-frame {
  border-color: #2f68c2;
}
.contents--jcreation .jcreation-diagram .diagram-loadmap .contents--system-diagram .sdg-stnc-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.contents--jcreation .jcreation-diagram .diagram-loadmap .contents--system-diagram .sdg-stnc-group .sdg-stnc.style--title {
  color: #2f68c2;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-stnc {
  font-size: 1.1875em;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-diagram .diagram-direaction .sdg-stnc {
    font-size: 1.0625em;
  }
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-stnc .sdg-stnc-icon {
  background-color: #2F68C2;
  color: #fff;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-stnc .sdg-stnc-text {
  text-align: center;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-stnc .sdg-stnc-text b {
  color: #2f68c2;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-lb-frame {
  border-color: #2F68C2;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-line-box .sdg-lb-item:nth-of-type(1) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F68C2;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-lb-frame {
  border-color: #2752C1;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-line-box .sdg-lb-item:nth-of-type(2) .sdg-stnc .sdg-stnc-icon {
  background-color: #2752C1;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-lb-frame {
  border-color: #2F46C2;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-line-box .sdg-lb-item:nth-of-type(3) .sdg-stnc .sdg-stnc-icon {
  background-color: #2F46C2;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-lb-frame {
  border-color: #0E3796;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-line-box .sdg-lb-item:nth-of-type(4) .sdg-stnc .sdg-stnc-icon {
  background-color: #0E3796;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-lb-frame {
  border-color: #163376;
}
.contents--jcreation .jcreation-diagram .diagram-direaction .sdg-line-box .sdg-lb-item:nth-of-type(5) .sdg-stnc .sdg-stnc-icon {
  background-color: #163376;
}
.contents--jcreation .jcreation-diagram .diagram-plan {
  padding-bottom: 1em;
}
.contents--jcreation .jcreation-diagram .diagram-plan .sdg-row-box {
  position: relative;
  padding-bottom: 3.125em;
}
.contents--jcreation .jcreation-diagram .diagram-plan .sdg-row-box:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875em;
  height: 1.875em;
  color: #BBC3D2;
  background-repeat: no-repeat;
  background-size: 1.875em auto;
  background-image: url("../../img/contents/binnovation/vgoal-arrow.svg");
  background-position: center;
}
.contents--jcreation .jcreation-diagram .diagram-plan .sdg-row-box .sdg-rb-contents {
  background-color: #fff;
}
.contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table {
  border: none;
  border-top: 2px solid #4A506B;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table {
    width: 80vw;
    margin: 0 auto;
    padding-bottom: 0.625em;
    overflow-x: auto;
  }
  .contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table::-webkit-scrollbar {
    width: 8px;
    height: 6px;
  }
  .contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table::-webkit-scrollbar-track {
    background-color: #f3f5f7;
    border-radius: 8px;
  }
  .contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table::-webkit-scrollbar-thumb {
    background-color: #d4e3fa;
    border-radius: 8px;
  }
  .contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table::-webkit-scrollbar-corner {
    background-color: #f3f5f7;
  }
}
.contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table table {
  border-collapse: collapse;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table table {
    width: auto;
  }
}
.contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table table tr th, .contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table table tr td {
  border: 1px solid #C5C9D6;
  font-size: 1em;
  line-height: 1.4;
  font-weight: 300;
  color: #666;
}
@media only screen and (max-width: 767px) {
  .contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table table tr th, .contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table table tr td {
    font-size: 0.9375em;
    white-space: nowrap;
  }
}
.contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table table tr th:first-child, .contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table table tr td:first-child {
  border-left-width: 0;
}
.contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table table tr th:last-child, .contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table table tr td:last-child {
  border-right-width: 0;
}
.contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table table thead th {
  background-color: #F0F3F8;
  font-size: 1.0625em;
  font-weight: 600;
  color: #2D2D2D;
}
.contents--jcreation .jcreation-diagram .diagram-plan .plan-table .omks--table table tbody th {
  background-color: #F0F3F8;
  font-weight: 400;
  color: #2D2D2D;
}

/* 컨텐츠 상단 배너 */
.contents--banner {
  padding: 3.75em 3.125em;
  padding-left: 12.5em;
  margin-bottom: 4.6875em;
  background-color: #F6F7F9;
}
@media only screen and (max-width: 767px) {
  .contents--banner {
    padding: 2.5em 1.5em;
  }
}
.contents--banner .banner-head {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 1.25em;
}
.contents--banner .banner-image {
  position: absolute;
  top: 0;
  left: -3.125em;
  transform: translateX(-100%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5em;
  height: 5em;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .contents--banner .banner-image {
    position: relative;
    top: inherit;
    left: inherit;
    transform: none;
    width: 3em;
    height: 3em;
    margin-right: 0.9375em;
  }
}
.contents--banner .banner-image img {
  width: 4.875em;
}
.contents--banner .banner-title {
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.4;
  color: #1B3C70;
}
@media only screen and (max-width: 767px) {
  .contents--banner .banner-title {
    font-size: 1.375em;
  }
}
.contents--banner .banner-paragraph {
  font-size: 1.0625em;
  font-weight: 400;
  line-height: 1.6;
  word-break: keep-all;
  overflow-wrap: break-word;
  letter-spacing: -0.3px;
}
@media only screen and (max-width: 767px) {
  .contents--banner .banner-paragraph {
    font-size: 0.9375em;
  }
}
.contents--banner .banner-paragraph b {
  font-weight: 500;
  color: #333;
}
.contents--banner .banner-foot {
  margin-top: 1.875em;
  padding-top: 1.875em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .contents--banner .banner-foot {
    margin-top: 1.25em;
    padding-top: 1.25em;
  }
}
.contents--banner .omks--stnc {
  font-size: 1em;
}
.contents--banner .omks--stnc ~ .omks--stnc {
  margin-top: 0.5em;
}
.contents--banner .omks--stnc.style--size-l {
  font-size: 1.15em;
}
.contents--banner .omks--stnc.style--order {
  line-height: 1.25em;
}
.contents--banner .omks--stnc.style--order .omks--stnc-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.3333333333em;
  height: 1.3333333333em;
  border-radius: 50%;
  background-color: red;
  font-size: 0.9375em;
}
.contents--banner .omks--stnc.style--order.style--color-blue .omks--stnc-icon {
  background-color: #2F68C2;
  color: #fff;
}
.contents--banner .omks--stnc.style--order.style--color-blue b {
  font-weight: 400;
  color: #2F68C2;
}
.contents--banner .omks--text.style--color-blue, .contents--banner .omks--stnc.style--color-blue {
  color: #2F68C2;
}
.contents--banner .omks--text.style--color-blue *, .contents--banner .omks--stnc.style--color-blue * {
  color: #2F68C2;
}
.contents--banner .contents--bottom-download {
  margin-top: 0;
  justify-content: flex-start;
}

/* PM 제도 */
.contents--psystem .psystem-system {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 40px;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-system {
    padding: 1.25em;
  }
}
.contents--psystem .psystem-system img {
  width: 1000px;
}
.contents--psystem .psystem-system .system-image .image-view-link {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--psystem .psystem-system .system-image .image-view-link {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-system .system-image .image-view-link {
    display: block;
  }
}
.contents--psystem .psystem-role {
  overflow: hidden;
}
.contents--psystem .psystem-role .role-boxes {
  display: flex;
  margin: -2.5em 0 0 -2.5em;
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-role .role-boxes {
    flex-wrap: wrap;
  }
}
.contents--psystem .psystem-role .role-box {
  flex: 1 1 calc(50% - 2.5em);
  width: calc(50% - 2.5em);
  padding: 1.875em 2.5em;
  margin: 2.5em 0 0 2.5em;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  color: #2f68c2;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--psystem .psystem-role .role-box {
    padding: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--psystem .psystem-role .role-box {
    padding: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-role .role-box {
    flex: 1 1 calc(100% - 2.5em);
    width: calc(100% - 2.5em);
    padding: 1.25em;
  }
}
.contents--psystem .psystem-role .role-box .box-head {
  margin-bottom: 0.9375em;
}
.contents--psystem .psystem-role .role-box .box-body {
  overflow: hidden;
}
.contents--psystem .psystem-role .role-box .box-title {
  font-size: 1.1875em;
  font-weight: 600;
  text-align: center;
}
.contents--psystem .psystem-role .role-box .box-foot {
  margin-top: 1.25em;
  padding-top: 1.25em;
  border-top: 2px dashed rgba(0, 0, 0, 0.2);
}
.contents--psystem .psystem-role .role-box:nth-of-type(2) {
  color: #2B50B8;
}
.contents--psystem .psystem-role .role-box:nth-of-type(2) .role-position .cd-head {
  background-color: #2B50B8;
}
.contents--psystem .psystem-role .role-box:nth-of-type(2) .role-position .cd-head .role-count {
  color: #2B50B8;
}
.contents--psystem .psystem-role .role-box:nth-of-type(2) .role-lead {
  color: #2B50B8;
}
.contents--psystem .psystem-role .role-box:nth-of-type(2) .role-lead .role-count {
  background-color: #2B50B8;
}
.contents--psystem .psystem-role .role-position {
  display: flex;
  margin: -1.25em 0 0 -1.25em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--psystem .psystem-role .role-position {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--psystem .psystem-role .role-position {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-role .role-position {
    flex-wrap: wrap;
  }
}
.contents--psystem .psystem-role .role-position .position-card {
  flex: 1 1 calc(50% - 1.25em);
  width: calc(50% - 1.25em);
  margin: 1.25em 0 0 1.25em;
  box-sizing: border-box;
  border: 1px solid #E1E1E1;
  border-radius: 10px;
  overflow: hidden;
  letter-spacing: -0.3px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--psystem .psystem-role .role-position .position-card {
    flex: 1 1 calc(100% - 1.25em);
    width: calc(100% - 1.25em);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--psystem .psystem-role .role-position .position-card {
    flex: 1 1 calc(100% - 1.25em);
    width: calc(100% - 1.25em);
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-role .role-position .position-card {
    flex: 1 1 calc(100% - 1.25em);
    width: calc(100% - 1.25em);
  }
}
.contents--psystem .psystem-role .role-position .position-card .cd-head {
  display: flex;
  align-items: center;
  height: 2.8125em;
  padding: 0 0.625em;
  background-color: #2F68C2;
  color: #fff;
}
.contents--psystem .psystem-role .role-position .position-card .cd-head .role-count {
  margin-left: auto;
  background-color: #fff;
  color: #2f68c2;
}
.contents--psystem .psystem-role .role-position .position-card .cd-body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5.3125em;
  box-sizing: border-box;
  padding: 1em 1.25em;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-role .role-position .position-card .cd-body {
    min-height: 3.75em;
  }
}
.contents--psystem .psystem-role .role-position .position-card .cd-title {
  display: flex;
  align-items: center;
}
.contents--psystem .psystem-role .role-position .position-card .cd-title .title-icon {
  display: inline-flex;
  margin-right: 0.25em;
}
.contents--psystem .psystem-role .role-position .position-card .cd-title .title-icon i, .contents--psystem .psystem-role .role-position .position-card .cd-title .title-icon .la, .contents--psystem .psystem-role .role-position .position-card .cd-title .title-icon .las {
  font-size: 1.4em;
}
.contents--psystem .psystem-role .role-position .position-card .cd-title .title-text {
  font-size: 1.0625em;
  font-weight: 500;
}
.contents--psystem .psystem-role .role-position .position-card .cd-text {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
  text-align: center;
  color: #555555;
}
.contents--psystem .psystem-role .role-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5em;
  height: 1.5em;
  padding: 0 0.5em;
  border-radius: 7.5em;
  font-size: 1em;
  font-weight: 500;
}
.contents--psystem .psystem-role .role-lead {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2F68C2;
}
.contents--psystem .psystem-role .role-lead .lead-text {
  font-size: 1.125em;
  font-weight: 500;
}
.contents--psystem .psystem-role .role-lead .role-count {
  margin-left: 0.5em;
  background-color: #2F68C2;
  color: #fff;
}
.contents--psystem .psystem-process {
  padding: 3.125em;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--psystem .psystem-process {
    padding: 1.75em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-process {
    padding: 1.25em;
  }
}
.contents--psystem .psystem-process .process-list {
  margin-bottom: 1.5625em;
}
.contents--psystem .psystem-process .process-list ul, .contents--psystem .psystem-process .process-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contents--psystem .psystem-process .process-list > ul {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-process .process-list > ul {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-process .process-list .process-item {
    display: flex;
    width: 100%;
  }
}
.contents--psystem .psystem-process .process-list .process-item:nth-of-type(1) .process-circle {
  background-color: #2F68C2;
  color: #fff;
}
.contents--psystem .psystem-process .process-list .process-item:nth-of-type(2) .process-circle {
  background-color: #2B50B8;
  color: #fff;
}
.contents--psystem .psystem-process .process-list .process-item:nth-of-type(3) .process-circle {
  background-color: #0E3796;
  color: #fff;
}
.contents--psystem .psystem-process .process-list .process-item:nth-of-type(4) .process-circle {
  background-color: #163376;
  color: #fff;
}
.contents--psystem .psystem-process .process-list .process-item ~ .process-item {
  position: relative;
  padding-left: max(10px, min(3.125vw, 3.75em));
  margin-left: max(10px, min(3.125vw, 3.75em));
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--psystem .psystem-process .process-list .process-item ~ .process-item {
    padding-left: max(10px, min(3vw, 3.75em));
    margin-left: max(10px, min(3vw, 3.75em));
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-process .process-list .process-item ~ .process-item {
    margin: 0;
    padding: 0;
    margin-top: 1.875em;
  }
}
.contents--psystem .psystem-process .process-list .process-item ~ .process-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f105";
  font-size: 3em;
  color: #C7C8C9;
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-process .process-list .process-item ~ .process-item:before {
    left: 50%;
    top: inherit;
    bottom: 100%;
    transform: translate(-50%, 5%) rotateZ(90deg);
    font-size: 1.8em;
  }
}
.contents--psystem .psystem-process .process-list .process-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 12.5em;
  height: 12.5em;
  width: max(10px, min(10.41vw, 12.5em));
  height: max(10px, min(10.41vw, 12.5em));
  border-radius: 50%;
  background-color: #f4f4f4;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--psystem .psystem-process .process-list .process-circle {
    width: max(10px, min(17vw, 12.5em));
    height: max(10px, min(17vw, 12.5em));
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-process .process-list .process-circle {
    flex-direction: row;
    border-radius: 0.625em;
    width: 100%;
    height: 3.75em;
  }
}
.contents--psystem .psystem-process .process-list .process-circle .circle-image {
  display: inline-flex;
  margin-bottom: 0.9375em;
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-process .process-list .process-circle .circle-image {
    margin: 0;
    margin-right: 0.625em;
  }
}
.contents--psystem .psystem-process .process-list .process-circle .circle-image img {
  width: max(10px, min(3.125vw, 3.5625em));
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--psystem .psystem-process .process-list .process-circle .circle-image img {
    width: max(10px, min(5.5vw, 3.5625em));
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-process .process-list .process-circle .circle-image img {
    width: 1.875em;
  }
}
.contents--psystem .psystem-process .process-list .process-circle .circle-title {
  font-size: 1.25em;
  font-weight: 500;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--psystem .psystem-process .process-list .process-circle .circle-title {
    font-size: 1.1875em;
  }
}
.contents--psystem .psystem-process .process-ref .ref-frame {
  display: flex;
  align-items: flex-start;
  background-color: #F7F8FA;
  border-radius: 5px;
  padding: 1.25em 1.5em;
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-process .process-ref .ref-frame {
    flex-direction: column;
  }
}
.contents--psystem .psystem-process .process-ref .ref-title {
  position: relative;
  margin-right: 1.25em;
  padding-right: 1.25em;
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-process .process-ref .ref-title {
    padding: 0;
    margin: 0;
    margin-bottom: 1em;
  }
}
.contents--psystem .psystem-process .process-ref .ref-title:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  width: 1px;
  height: 0.9375em;
  background-color: #E2E4EA;
}
.contents--psystem .psystem-process .process-ref .ref-title .title-text {
  font-size: 1.0625em;
  font-weight: 500;
  color: #2F68C2;
  white-space: nowrap;
}
.contents--psystem .psystem-process .process-ref .ref-contents {
  flex: 1 1 auto;
}
.contents--psystem .psystem-process .process-ref .ref-stnc {
  overflow: hidden;
  color: #666;
  line-height: 1.4;
}
.contents--psystem .psystem-process .process-ref .ref-stnc ~ .ref-stnc {
  margin-top: 0.5em;
}
.contents--psystem .psystem-process .process-ref .ref-stnc .stnc-icon {
  position: relative;
  float: left;
  margin-right: 0.5em;
  width: 0.25em;
  color: transparent;
}
.contents--psystem .psystem-process .process-ref .ref-stnc .stnc-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 0.25em;
  height: 0.25em;
  background-color: #8C8D8F;
}
.contents--psystem .psystem-process .process-ref .ref-stnc .stnc-text {
  display: block;
  overflow: hidden;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.contents--psystem .psystem-process .process-ref .ref-stnc .stnc-text b {
  font-weight: 500;
  color: #222;
}
.contents--psystem .psystem-process .process-ref .ref-stnc .stnc-text .omks--text.style--color-blue {
  color: #2f68c2;
}
.contents--psystem .psystem-prole .process-box .bx-lst {
  width: auto;
  flex-wrap: wrap;
  margin: -3em 0 0 -1em;
  width: calc(100% + 1em);
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-prole .process-box .bx-lst {
    width: 100%;
  }
}
.contents--psystem .psystem-prole .process-box .bx-itm {
  flex: 0 0 calc(33.33% - 1em);
  width: calc(33.33% - 1em);
  margin: 3em 0 0 1em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--psystem .psystem-prole .process-box .bx-itm {
    flex: 0 0 calc(50% - 1em);
    width: calc(50% - 1em);
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--psystem .psystem-prole .process-box .bx-itm {
    flex: 0 0 calc(50% - 1em);
    width: calc(50% - 1em);
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-prole .process-box .bx-itm {
    flex: none;
    width: 100%;
  }
}
.contents--psystem .psystem-prole .process-box .bx-itm .itm-bdy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contents--psystem .psystem-prole .process-box .bx-itm .itm-stnc {
  font-size: 1.0625em;
  line-height: 1.6;
  text-align: center;
}
.contents--psystem .psystem-prole .process-box .bx-itm .itm-stnc b {
  font-weight: 500;
}
.contents--psystem .psystem-prole .process-box .bx-itm .itm-stnc .stnc-icon {
  display: none;
}
.contents--psystem .psystem-history {
  padding: 40px;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-history {
    padding: 1.25em;
  }
}
.contents--psystem .psystem-jrole {
  padding: 1.25em 0 0.625em 0;
}
.contents--psystem .psystem-jrole .jrole-box {
  letter-spacing: -0.3px;
  line-height: 1.4;
}
.contents--psystem .psystem-jrole .jrole-box .box-head {
  padding-bottom: 0.5em;
}
.contents--psystem .psystem-jrole .jrole-box .box-title {
  font-size: 0.9375em;
  font-weight: 600;
  color: #172D59;
}
.contents--psystem .psystem-jrole .jrole-box .box-body {
  border-top: 1px solid #34476D;
  border-bottom: 1px solid #DDDDDD;
  padding: 0.9375em;
}
.contents--psystem .psystem-jrole .jrole-item {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--psystem .psystem-jrole .jrole-item {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-jrole .jrole-item {
    display: block;
  }
}
.contents--psystem .psystem-jrole .jrole-item ~ .jrole-item {
  margin-top: 0.35em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--psystem .psystem-jrole .jrole-item ~ .jrole-item {
    margin-top: 0.9375em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-jrole .jrole-item ~ .jrole-item {
    margin-top: 0.9375em;
  }
}
.contents--psystem .psystem-jrole .jrole-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 5.9375em;
  width: 5.9375em;
  height: 1.75em;
  margin-right: 0.9375em;
  background-color: #395C94;
  border-radius: 0.1875em;
  color: #fff;
}
.contents--psystem .psystem-jrole .jrole-ttl .ttl-text {
  font-size: 0.875em;
  font-weight: 400;
}
.contents--psystem .psystem-jrole .jrole-cont {
  flex: 1 1 auto;
  padding-top: 0.1em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--psystem .psystem-jrole .jrole-cont {
    margin-top: 0.3125em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--psystem .psystem-jrole .jrole-cont {
    margin-top: 0.3125em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--psystem .psystem-jrole .jrole-cont {
    margin-top: 0.3125em;
  }
}
.contents--psystem .psystem-jrole .jrole-cont .omks--stnc {
  overflow: hidden;
  font-size: 0.9375em;
  color: #666;
  line-height: 1.4;
}
.contents--psystem .psystem-jrole .jrole-cont .omks--stnc ~ .omks--stnc {
  margin-top: 0.35em;
}
.contents--psystem .psystem-jrole .jrole-cont .omks--stnc .omks--stnc-icon {
  position: relative;
  float: left;
  margin-right: 0.5em;
  width: 0.25em;
  color: transparent;
}
.contents--psystem .psystem-jrole .jrole-cont .omks--stnc .omks--stnc-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 0.25em;
  height: 0.25em;
  background-color: #8C8D8F;
}
.contents--psystem .omks--table table tr th:first-child, .contents--psystem .omks--table table tr td:first-child {
  border-left: 0;
}
.contents--psystem .omks--table table tr th:last-child, .contents--psystem .omks--table table tr td:last-child {
  border-right: 0;
}

/* 이사회 안내 */
.contents--directorate .directorate-maincard {
  position: relative;
  display: flex;
  border: 1px solid #E5EBF8;
  border-radius: 1.25em;
  padding: 2.5em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--directorate .directorate-maincard {
    padding: 1.875em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--directorate .directorate-maincard {
    padding: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--directorate .directorate-maincard {
    max-width: 30em;
    margin: 0 auto;
    align-items: center;
    flex-direction: column;
    padding: 1.25em;
  }
}
.contents--directorate .directorate-maincard.style--boldline {
  border-width: 4px;
}
.contents--directorate .directorate-maincard ~ .directorate-maincard {
  margin-top: 1.875em;
}
.contents--directorate .directorate-maincard .maincard-thumbs {
  position: relative;
  flex: 0 0 190px;
  width: 190px;
  height: 240px;
  margin-right: 40px;
  box-sizing: border-box;
  border: 1px solid #EDEDED;
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--directorate .directorate-maincard .maincard-thumbs {
    flex: 0 0 10em;
    width: 10em;
    height: 13.125em;
    margin-right: 1.875em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--directorate .directorate-maincard .maincard-thumbs {
    flex: 0 0 10em;
    width: 10em;
    height: 13.125em;
    margin-right: 1.75em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--directorate .directorate-maincard .maincard-thumbs {
    flex: 0 0 8.75em;
    flex: none;
    width: 8.75em;
    height: 11.875em;
    margin-right: 0;
    margin-bottom: 0.625em;
  }
}
.contents--directorate .directorate-maincard .maincard-thumbs img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  min-width: 100%;
}
.contents--directorate .directorate-maincard .maincard-contents {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.contents--directorate .directorate-maincard .maincard-contents .maincard-info {
  flex: 1 1 auto;
}
.contents--directorate .directorate-maincard .maincard-name {
  display: flex;
  align-items: flex-end;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .contents--directorate .directorate-maincard .maincard-name {
    justify-content: center;
  }
}
.contents--directorate .directorate-maincard .maincard-name .name-text {
  font-size: 2.125em;
  font-weight: 700;
  color: #111;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--directorate .directorate-maincard .maincard-name .name-text {
    font-size: 1.875em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--directorate .directorate-maincard .maincard-name .name-text {
    font-size: 1.75em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--directorate .directorate-maincard .maincard-name .name-text {
    font-size: 1.375em;
  }
}
.contents--directorate .directorate-maincard .maincard-name .name-position {
  margin-left: 0.5em;
  font-size: 1.375em;
  font-weight: 400;
  color: #9A9A9A;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--directorate .directorate-maincard .maincard-name .name-position {
    font-size: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--directorate .directorate-maincard .maincard-name .name-position {
    font-size: 1.1875em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--directorate .directorate-maincard .maincard-name .name-position {
    font-size: 1.0625em;
  }
}
.contents--directorate .directorate-maincard .maincard-info {
  margin-top: 1.5625em;
  padding: 2.1875em 2.5em;
  border-radius: 0.9375em;
  background-color: #F8F9FF;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--directorate .directorate-maincard .maincard-info {
    padding: 1.875em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--directorate .directorate-maincard .maincard-info {
    padding: 1.75em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--directorate .directorate-maincard .maincard-info {
    padding: 1.125em;
  }
}
.contents--directorate .directorate-maincard .maincard-info .info-list {
  overflow: hidden;
}
.contents--directorate .directorate-maincard .maincard-info .info-list ul, .contents--directorate .directorate-maincard .maincard-info .info-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contents--directorate .directorate-maincard .maincard-info .info-list > ul {
  display: flex;
  flex-wrap: wrap;
  margin: -1.25em 0 0 -1.25em;
}
.contents--directorate .directorate-maincard .maincard-info .info-list .info-item {
  flex: 1 1 calc(50% - 1.25em);
  display: flex;
  flex-direction: column;
  margin: 1.25em 0 0 1.25em;
}
@media only screen and (max-width: 767px) {
  .contents--directorate .directorate-maincard .maincard-info .info-list .info-item ~ .info-item {
    flex: 1 1 100%;
  }
  .contents--directorate .directorate-maincard .maincard-info .info-list .info-item ~ .info-item .info-box {
    flex-direction: column;
  }
  .contents--directorate .directorate-maincard .maincard-info .info-list .info-item ~ .info-item .info-box .info-cont {
    margin-top: 0.9375em;
    padding: 0 0.875em;
  }
}
.contents--directorate .directorate-maincard .maincard-info .info-box {
  display: flex;
}
.contents--directorate .directorate-maincard .maincard-info .info-box ~ .info-box {
  margin-top: 1.25em;
}
.contents--directorate .directorate-maincard .maincard-info .info-ttl {
  display: flex;
  white-space: nowrap;
  margin-right: 1.25em;
}
.contents--directorate .directorate-maincard .maincard-info .info-ttl .ttl-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.625em;
  height: 1.625em;
  border-radius: 50%;
  background-color: #3D424B;
  margin-right: 0.5em;
}
.contents--directorate .directorate-maincard .maincard-info .info-ttl .ttl-icon img {
  width: 0.75em;
}
.contents--directorate .directorate-maincard .maincard-info .info-ttl .ttl-icon i, .contents--directorate .directorate-maincard .maincard-info .info-ttl .ttl-icon .la, .contents--directorate .directorate-maincard .maincard-info .info-ttl .ttl-icon .las {
  font-size: 1.4em;
}
.contents--directorate .directorate-maincard .maincard-info .info-ttl .ttl-text {
  font-size: 1.0625em;
  font-weight: 600;
  color: #272727;
}
.contents--directorate .directorate-maincard .maincard-info .info-cont {
  color: #333;
  font-weight: 400;
}
.contents--directorate .directorate-maincard .maincard-info .info-cont .omks--stnc {
  font-size: 1em;
}
@media only screen and (max-width: 767px) {
  .contents--directorate .directorate-maincard .maincard-info .info-cont .omks--stnc {
    font-size: 0.9375em;
  }
}
.contents--directorate .directorate-maincard .maincard-info .info-cont .omks--stnc .omks--stnc-icon {
  margin-right: 0.25em;
}
.contents--directorate .directorate-maincard .maincard-edit {
  position: absolute;
  top: 0.625em;
  right: 0.625em;
  width: 2.5em;
  height: 2.5em;
  box-sizing: border-box;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.contents--directorate .directorate-maincard .maincard-edit i, .contents--directorate .directorate-maincard .maincard-edit .las {
  font-size: 1.4em;
}
.contents--directorate .directorate-maincard .maincard-edit:hover {
  background-color: #F8F9FF;
  border-color: #2f68c2;
  color: #2f68c2;
}
/* 공통 네임카드 */
.contents--namecard .subcard-list {
  overflow: hidden;
}
.contents--namecard .subcard-list > ul {
  display: flex;
  flex-wrap: wrap;
  margin: -1.875em 0 0 -1.875em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--namecard .subcard-list > ul {
    margin-top: -1.875em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--namecard .subcard-list > ul {
    margin: 0;
    margin-top: -1.875em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--namecard .subcard-list > ul {
    margin: 0;
    margin-top: -1.875em;
  }
}
.contents--namecard .subcard-item {
  display: flex;
  flex: 0 0 calc(50% - 1.875em);
  margin: 1.875em 0 0 1.875em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--namecard .subcard-item {
    flex: 1 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--namecard .subcard-item {
    flex: 1 1 100%;
    margin: 0;
    margin-top: 1.875em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--namecard .subcard-item {
    flex: 1 1 100%;
    margin: 0;
    margin-top: 1.875em;
  }
}
.contents--namecard .subcard-frame {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 2.5em;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--namecard .subcard-frame {
    padding: 2.1875em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--namecard .subcard-frame {
    padding: 1.75em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--namecard .subcard-frame {
    max-width: 30em;
    margin: 0 auto;
    flex-direction: column;
    padding: 1.25em;
  }
}
.contents--namecard .subcard-thumbs {
  position: relative;
  flex: 0 0 6.875em;
  width: 6.875em;
  height: 9.6875em;
  margin-right: 2.1875em;
}
@media only screen and (max-width: 767px) {
  .contents--namecard .subcard-thumbs {
    flex: none;
    display: inline-flex;
    margin: 0 auto 0.9375em;
  }
}
.contents--namecard .subcard-thumbs .thumbs-image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.9375em;
  background-color: #f4f4f4;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.contents--namecard .subcard-thumbs .thumbs-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  width: 100%;
}
.contents--namecard .subcard-email {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25em;
  height: 2.25em;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 50%;
  background-color: #3D424B;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(25%, 25%);
}
.contents--namecard .subcard-email img {
  width: 1.375em;
}
.contents--namecard .subcard-edit {
  position: absolute;
  top: 0.625em;
  right: 0.625em;
  width: 2.5em;
  height: 2.5em;
  box-sizing: border-box;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.contents--namecard .subcard-edit i, .contents--namecard .subcard-edit .las {
  font-size: 1.4em;
}
.contents--namecard .subcard-edit:hover {
  background-color: #F8F9FF;
  border-color: #2f68c2;
  color: #2f68c2;
}
.contents--namecard .subcard-contents {
  flex: 1 1 auto;
  line-height: 1.4;
}
.contents--namecard .subcard-head {
  padding-bottom: 0.9375em;
  margin-bottom: 0.9375em;
  border-bottom: 2px dashed #E3E3E3;
}
.contents--namecard .subcard-name {
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 767px) {
  .contents--namecard .subcard-name {
    justify-content: center;
  }
}
.contents--namecard .subcard-name .name-text {
  font-size: 1.375em;
  color: #111;
}
.contents--namecard .subcard-name .name-position {
  margin-left: 0.875em;
  font-size: 1.0625em;
  color: #666;
}
.contents--namecard .subcard-info .info-list > ul {
  margin: 0;
  padding: 0;
}
.contents--namecard .subcard-info .info-list li {
  list-style: none;
}
.contents--namecard .subcard-info .info-list .info-item {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--namecard .subcard-info .info-list .info-item {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--namecard .subcard-info .info-list .info-item {
    flex-direction: row;
  }
}
.contents--namecard .subcard-info .info-list .info-item ~ .info-item {
  margin-top: 0.625em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--namecard .subcard-info .info-list .info-item ~ .info-item {
    margin-top: 0.9375em;
  }
}
.contents--namecard .subcard-info .info-ttl {
  flex: 0 0 6.25em;
  margin-right: 1em;
  white-space: nowrap;
  font-size: 0.9375em;
  font-weight: 600;
  color: #111;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--namecard .subcard-info .info-ttl {
    flex: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--namecard .subcard-info .info-ttl {
    flex: 0 0 6.25em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--namecard .subcard-info .info-ttl {
    flex: 0 0 5em;
  }
}
.contents--namecard .subcard-info .info-ttl .omks--stnc {
  font-size: 1em;
}
.contents--namecard .subcard-info .info-ttl .omks--stnc .omks--stnc-icon {
  position: relative;
  width: 4px;
  color: transparent;
}
.contents--namecard .subcard-info .info-ttl .omks--stnc .omks--stnc-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  background-color: #D9D9D9;
}
.contents--namecard .subcard-info .info-cont {
  font-size: 0.9375em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--namecard .subcard-info .info-cont {
    margin-top: 0.3125em;
    padding-left: 0.625em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--namecard .subcard-info .info-cont {
    margin: 0;
    padding: 0;
  }
}
.contents--namecard .subcard-info .info-cont .omks--stnc {
  font-size: 1em;
}
.contents--namecard .subcard-info .info-cont .omks--stnc .omks--stnc-icon {
  margin-right: 0.2em;
}

/* 컨텐츠 공통 박스 목록 */
.contents--ico-list {
  overflow: hidden;
}
.contents--ico-list ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin: -1.25em 0 0 -1.25em;
}
.contents--ico-list .ico-itm {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 1.25em 0 0 1.25em;
  flex: 0 0 calc(25% - 1.25em);
  width: calc(25% - 1.25em);
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--ico-list .ico-itm {
    flex: 0 0 calc(33.33% - 1.25em);
    width: calc(33.33% - 1.25em);
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--ico-list .ico-itm {
    flex: 0 0 calc(33.33% - 1.25em);
    width: calc(33.33% - 1.25em);
  }
}
@media only screen and (max-width: 767px) {
  .contents--ico-list .ico-itm {
    flex: 0 0 calc(50% - 1.25em);
    width: calc(50% - 1.25em);
  }
}
@media only screen and (max-width: 399px) {
  .contents--ico-list .ico-itm {
    flex: 1 1 100%;
    width: 100%;
  }
}
.contents--ico-list .ico-bx {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 16.25em;
  box-sizing: border-box;
  padding: 1.25em;
  padding-top: 2.5em;
  border-radius: 0.625em;
  border: 1px solid #DDDDDD;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--ico-list .ico-bx {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--ico-list .ico-bx {
    height: 12.5em;
    padding: 1.25em;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .contents--ico-list .ico-bx {
    height: 100%;
    min-height: 11.25em;
    padding: 1.25em;
    justify-content: center;
  }
}
@media only screen and (max-width: 480px) {
  .contents--ico-list .ico-bx {
    height: 100%;
  }
}
@media only screen and (max-width: 399px) {
  .contents--ico-list .ico-bx {
    height: auto;
  }
}
.contents--ico-list .ico-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.625em;
  height: 5.625em;
  margin-bottom: 1.5625em;
  border-radius: 50%;
  background-color: #F3F8FF;
}
.contents--ico-list .ico-circle img {
  width: 2.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .contents--ico-list .ico-circle {
    width: 5em;
    height: 5em;
  }
  .contents--ico-list .ico-circle img {
    width: 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--ico-list .ico-circle {
    width: 5em;
    height: 5em;
  }
  .contents--ico-list .ico-circle img {
    width: 2.5em;
  }
}
@media only screen and (max-width: 480px) {
  .contents--ico-list .ico-circle {
    width: 3.75em;
    height: 3.75em;
  }
  .contents--ico-list .ico-circle img {
    width: 1.875em;
  }
}
.contents--ico-list .ico-txt {
  font-size: 1em;
  font-weight: 400;
  color: #333333;
  line-height: 1.4;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--ico-list .ico-itm.style--special {
    flex: 0 0 calc(66.66% - 1.25em);
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--ico-list .ico-itm.style--special {
    flex: 0 0 calc(66.66% - 1.25em);
  }
}
.contents--ico-list .ico-itm.style--special .ico-bx {
  padding: 1.25em;
  justify-content: center;
  background-color: #2F68C2;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/istatus/ico-logo.svg");
  background-size: 12.5em auto;
  background-position: bottom -2.1875em right 0;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .contents--ico-list .ico-itm.style--special .ico-bx {
    padding: 1.25em 2.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .contents--ico-list .ico-itm.style--special .ico-bx {
    padding: 1.25em 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .contents--ico-list .ico-itm.style--special .ico-bx {
    min-height: 11.25em;
  }
}
.contents--ico-list .ico-itm.style--special .ico-txt {
  font-size: 1.25em;
  font-weight: 500;
  color: #fff;
  line-height: 1.8;
}

/* 선정과제현황 */
.selection-task {
  position: relative;
  width: 100%;
  height: 55.625em;
  background-repeat: no-repeat;
  background-color: #0E2153;
  background-image: url("../../img/contents/selection/background.png");
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .selection-task {
    height: auto;
    padding: 1.25em;
  }
}
.selection-task .task-total {
  position: absolute;
  top: 50px;
  left: 45px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  border-left: 5px solid #D9D9D9;
  color: #fff;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .selection-task .task-total {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 1.25em;
  }
}
.selection-task .task-total .total-ttl {
  display: block;
  font-size: 1.25em;
  font-weight: 500;
}
.selection-task .task-total .total-count {
  font-size: 1.75em;
  font-weight: 700;
  font-family: "Chakra Petch";
}
.selection-task .task-total .total-task {
  margin-top: 0.9375em;
}
.selection-task .task-total .total-task,
.selection-task .task-total .total-budget {
  margin-top: 0.625em;
  font-size: 1.25em;
}
.selection-task .task-frame {
  position: relative;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .selection-task .task-frame {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .selection-task .task-frame {
    transform: scale(0.75);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .selection-task .task-frame {
    transform: scale(0.75);
  }
}
@media only screen and (max-width: 767px) {
  .selection-task .task-frame {
    display: flex;
    flex-direction: column;
    gap: 1.25em;
  }
}
.selection-task .task-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateZ(0);
  width: 0;
  height: 0;
}
@media only screen and (max-width: 767px) {
  .selection-task .task-circle {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: auto;
    height: auto;
  }
}
.selection-task .task-circle .circle-frame {
  transform-origin: center;
}
@media only screen and (max-width: 767px) {
  .selection-task .task-circle .circle-frame {
    transform: none !important;
    display: flex;
    flex-direction: column;
    gap: 0.625em;
  }
  .selection-task .task-circle .circle-frame .circle-shape {
    width: 100%;
    height: auto !important;
    aspect-ratio: auto !important;
    transform: none !important;
    border-radius: 0.3125em !important;
    padding: 1.25em;
  }
}
.selection-task .task-circle .circle-shape {
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  aspect-ratio: 1/1;
  width: 18.75em;
  border-radius: 50%;
  will-change: transform;
  transition: all 0.2s ease;
}
.selection-task .task-circle .circle-shape.style--color-01 {
  background-color: rgba(76, 128, 240, 0.85);
}
.selection-task .task-circle .circle-shape.style--color-01:hover {
  background-color: #4c80f0;
}
.selection-task .task-circle .circle-shape.style--color-02 {
  background-color: rgba(53, 90, 184, 0.85);
}
.selection-task .task-circle .circle-shape.style--color-02:hover {
  background-color: #355ab8;
}
.selection-task .task-circle .circle-shape.style--color-03 {
  background-color: rgba(112, 96, 212, 0.85);
}
.selection-task .task-circle .circle-shape.style--color-03:hover {
  background-color: #7060d4;
}
.selection-task .task-circle .circle-shape.style--color-04 {
  background-color: rgba(71, 94, 153, 0.85);
}
.selection-task .task-circle .circle-shape.style--color-04:hover {
  background-color: #475e99;
}
.selection-task .task-circle .circle-shape.style--color-05 {
  background-color: rgba(23, 171, 255, 0.85);
}
.selection-task .task-circle .circle-shape.style--color-05:hover {
  background-color: #17abff;
}
.selection-task .task-circle .circle-shape.style--color-06 {
  background-color: rgba(86, 107, 118, 0.85);
}
.selection-task .task-circle .circle-shape.style--color-06:hover {
  background-color: #566b76;
}
.selection-task .task-circle .circle-shape:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateZ(0) scale(1.02);
  width: calc(100% - 0.5em);
  height: calc(100% - 0.5em);
  box-sizing: border-box;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}
.selection-task .task-circle .circle-shape:hover {
  top: -0.625em;
  box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.15);
}
.selection-task .task-circle .circle-shape:hover:before {
  transform: translate(-50%, -50%) translateZ(0) scale(1);
  opacity: 1;
  visibility: visible;
}
.selection-task .task-circle .circle-task,
.selection-task .task-circle .circle-budget {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25em;
  font-weight: 400;
  color: #fff;
  text-align: center;
  line-height: 1;
}
.selection-task .task-circle .circle-task {
  margin-bottom: 0.5em;
  padding: 0.375em 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.selection-task .task-circle .circle-count {
  margin-right: 0.25em;
  font-size: 1.75em;
  font-weight: 500;
  font-family: "Chakra Petch";
}
.selection-task .task-circle .circle-title {
  margin-bottom: 0.625em;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.selection-task .task-circle .circle-title .title-icon {
  display: inline-flex;
}
.selection-task .task-circle .circle-title .title-icon img {
  width: 3.75em;
}
.selection-task .task-circle .circle-title .title-text {
  font-size: 1.75em;
  font-weight: 400;
  color: #fff;
}
.selection-task .task-circle .circle-title,
.selection-task .task-circle .circle-contents {
  transform: translateZ(0);
}
.selection-task .task-circle .circle-contents {
  display: inline-flex;
  flex-direction: column;
}
.selection-task .task-circle[class*=size-] {
  display: none;
}
.selection-task .task-circle.size-1 {
  display: block;
}
.selection-task .task-circle.size-1 .circle-frame {
  transform: translate(-1.875em, -11.25em) translateZ(0);
  animation: circleInit01 1s ease 1;
  animation-fill-mode: both;
}
@keyframes circleInit01 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(-1.875em, -11.25em) translateZ(0);
  }
}
.selection-task .task-circle.size-1 .circle-shape {
  transform: translate(-50%, -50%) translateZ(0) scale(1.3);
}
.selection-task .task-circle.size-2 {
  display: block;
}
.selection-task .task-circle.size-2 .circle-frame {
  transform: translate(17.5em, 7.5em) translateZ(0);
  animation: circleInit02 1s ease 1;
  animation-fill-mode: both;
}
@keyframes circleInit02 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(17.5em, 7.5em) translateZ(0);
  }
}
.selection-task .task-circle.size-2 .circle-shape {
  transform: translate(-50%, -50%) translateZ(0) scale(1.2);
}
.selection-task .task-circle.size-3 {
  display: block;
}
.selection-task .task-circle.size-3 .circle-frame {
  transform: translate(-23.125em, 1.25em) translateZ(0);
  animation: circleInit03 1s ease 1;
  animation-fill-mode: both;
}
@keyframes circleInit03 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(-23.125em, 1.25em) translateZ(0);
  }
}
.selection-task .task-circle.size-3 .circle-shape {
  transform: translate(-50%, -50%) translateZ(0) scale(1.1);
}
.selection-task .task-circle.size-4 {
  display: block;
}
.selection-task .task-circle.size-4 .circle-frame {
  transform: translate(20.625em, -14.375em) translateZ(0);
  animation: circleInit04 1s ease 1;
  animation-fill-mode: both;
}
@keyframes circleInit04 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(20.625em, -14.375em) translateZ(0);
  }
}
.selection-task .task-circle.size-4 .circle-shape {
  transform: translate(-50%, -50%) translateZ(0) scale(1);
}
.selection-task .task-circle.size-5 {
  display: block;
}
.selection-task .task-circle.size-5 .circle-frame {
  transform: translate(-3.75em, 10.625em) translateZ(0);
  animation: circleInit05 1s ease 1;
  animation-fill-mode: both;
}
@keyframes circleInit05 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(-3.75em, 10.625em) translateZ(0);
  }
}
.selection-task .task-circle.size-5 .circle-shape {
  transform: translate(-50%, -50%) translateZ(0) scale(0.9);
}
.selection-task .task-circle.size-6 {
  display: block;
}
.selection-task .task-circle.size-6 .circle-frame {
  transform: translate(-18.125em, 18.75em) translateZ(0);
  animation: circleInit06 1s ease 1;
  animation-fill-mode: both;
}
@keyframes circleInit06 {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(-18.125em, 18.75em) translateZ(0);
  }
}
.selection-task .task-circle.size-6 .circle-shape {
  transform: translate(-50%, -50%) translateZ(0) scale(0.7);
}

.main-wrap {
  position: relative;
  z-index: 0;
}
.main-wrap [class^=main-] {
  animation: mainContsInit 0.5s ease 1 alternate both;
}
@keyframes mainContsInit {
  0% {
    opacity: 0;
    transform: translateY(5%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.main-inner {
  width: 1440px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-inner {
    padding: 0 28px;
  }
}
/* 홍보·알림 */
.main-promote {
  padding-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote {
    padding: 3.125em 0;
  }
}
.main-promote .main-inner {
  width: 1440px;
  max-width: 100%;
}
.main-promote .promote-head {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-head {
    margin-bottom: 1.875em;
  }
}
.main-promote .promote-head .promote-ttl {
  font-family: "SCDream";
  font-size: 35px;
  font-weight: 800;
  line-height: 1;
  color: #11264E;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-head .promote-ttl {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-head .promote-ttl {
    font-size: 1.5em;
  }
}
.main-promote .promote-head .promote-ttl b {
  color: #2F68C2;
}
.main-promote .promote-body {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body {
    flex-direction: column;
  }
}
.main-promote .promote-body .promote-col ~ .promote-col {
  margin-left: 25px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-promote .promote-body .promote-col ~ .promote-col {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body .promote-col ~ .promote-col {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-col ~ .promote-col {
    margin-left: 0;
    margin-top: 1.25em;
  }
}
.main-promote .promote-body .promote-col:has(.promote-webjin) {
  flex: 1 1 455px;
  width: 455px;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-promote .promote-body .promote-col:has(.promote-webjin) {
    flex: 1 1 33.4558823529vw;
    width: 33.4558823529vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body .promote-col:has(.promote-webjin) {
    flex: 1 1 auto;
    width: auto;
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-col:has(.promote-webjin) {
    flex: none;
    width: 100%;
    order: 2;
  }
}
.main-promote .promote-body .promote-col:has(.promote-webjin) .promote-webjin, .main-promote .promote-body .promote-col:has(.promote-webjin) .promote-e-notice {
  flex: 1 1 calc(50% - 10px);
  height: calc(50% - 10px);
  box-sizing: border-box;
  padding: 40px 40px 35px;
  border-radius: 10px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-promote .promote-body .promote-col:has(.promote-webjin) .promote-webjin, .main-promote .promote-body .promote-col:has(.promote-webjin) .promote-e-notice {
    height: 160px;
    padding: 25px 20px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body .promote-col:has(.promote-webjin) .promote-webjin, .main-promote .promote-body .promote-col:has(.promote-webjin) .promote-e-notice {
    padding: 25px;
    min-height: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-col:has(.promote-webjin) .promote-webjin, .main-promote .promote-body .promote-col:has(.promote-webjin) .promote-e-notice {
    flex: none;
    height: auto;
    min-height: 10.625em;
    padding: 1.25em;
  }
}
.main-promote .promote-body .promote-col:has(.promote-webjin) .promote-webjin ~ .promote-e-notice, .main-promote .promote-body .promote-col:has(.promote-webjin) .promote-e-notice ~ .promote-e-notice {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-col:has(.promote-webjin) .promote-webjin ~ .promote-e-notice, .main-promote .promote-body .promote-col:has(.promote-webjin) .promote-e-notice ~ .promote-e-notice {
    margin-top: 1.25em;
  }
}
.main-promote .promote-body .promote-col:has(.promote-photo-news) {
  flex: 0 0 470px;
  width: 470px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-promote .promote-body .promote-col:has(.promote-photo-news) {
    flex: 0 0 32.3529411765vw;
    width: 32.3529411765vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body .promote-col:has(.promote-photo-news) {
    flex: 0 0 50%;
    width: 50%;
    margin-right: 20px;
    order: 1;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-col:has(.promote-photo-news) {
    flex: none;
    width: 100%;
    margin: 0 0 1.25em 0;
    order: 1;
  }
}
.main-promote .promote-body .promote-col:has(.promote-sns) {
  flex: 1 1 425px;
  width: 425px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-promote .promote-body .promote-col:has(.promote-sns) {
    flex: 1 1 28.3088235294vw;
    width: 28.3088235294vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body .promote-col:has(.promote-sns) {
    flex: 1 1 100%;
    width: 100%;
    margin-left: 0;
    margin-top: 25px;
    order: 3;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-col:has(.promote-sns) {
    flex: none;
    width: 100%;
    order: 3;
  }
}
.main-promote .promote-body .promote-col .promote-ttl {
  font-size: 23px;
  font-weight: 600;
  line-height: 1;
  font-family: "SCDream";
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-col .promote-ttl {
    font-size: 1.5em;
  }
}
.main-promote .promote-body .promote-photo-news {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  padding: 40px;
  border: 2px solid #E6E9F5;
  border-radius: 10px;
  color: #000;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-promote .promote-body .promote-photo-news {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body .promote-photo-news {
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-photo-news {
    padding: 1.25em;
  }
}
.main-promote .promote-body .promote-photo-news .photo-news-head {
  display: flex;
  align-items: center;
  flex: 0 0 30px;
  height: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-photo-news .photo-news-head {
    flex: none;
    height: auto;
    margin-bottom: 1.25em;
  }
}
.main-promote .promote-body .promote-photo-news .photo-news-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.main-promote .promote-body .promote-photo-news .photo-news-body .photo-news-thumbs {
  flex: 1 1 auto;
  height: calc(100% - 20px);
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-photo-news .photo-news-body .photo-news-thumbs {
    flex: none;
    height: auto;
  }
}
.main-promote .promote-body .promote-photo-news .photo-news-body .photo-news-caption {
  flex: 0 0 20px;
  height: 20px;
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-photo-news .photo-news-body .photo-news-caption {
    flex: none;
    height: auto;
  }
}
.main-promote .promote-body .promote-photo-news .photo-news-body:hover .photo-news-thumbs, .main-promote .promote-body .promote-photo-news .photo-news-body:focus .photo-news-thumbs {
  border-color: #326AC3;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
}
.main-promote .promote-body .promote-photo-news .photo-news-body:hover .photo-news-caption .caption-ttl, .main-promote .promote-body .promote-photo-news .photo-news-body:focus .photo-news-caption .caption-ttl {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  color: #326AC3;
  text-shadow: 0px 0px 1px #326AC3;
}
.main-promote .promote-body .promote-photo-news .photo-news-more {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  box-sizing: border-box;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  color: #333333;
  line-height: 1;
  transform-origin: center;
  transition: all 0.3s ease;
}
.main-promote .promote-body .promote-photo-news .photo-news-more i, .main-promote .promote-body .promote-photo-news .photo-news-more .las {
  font-size: 18px;
}
.main-promote .promote-body .promote-photo-news .photo-news-more:hover {
  border-color: #326AC3;
  color: #326AC3;
}
.main-promote .promote-body .promote-photo-news .photo-news-thumbs {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #E1E1E1;
  overflow: hidden;
  border-radius: 10px;
  background-color: #f4f4f4;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-photo-news .photo-news-thumbs {
    aspect-ratio: 16/9;
  }
}
.main-promote .promote-body .promote-photo-news .photo-news-thumbs img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-promote .promote-body .promote-photo-news .photo-news-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-photo-news .photo-news-caption {
    margin-top: 0.9375em;
    flex-direction: column;
    align-items: flex-start;
  }
}
.main-promote .promote-body .promote-photo-news .photo-news-caption .caption-ttl {
  flex: 1 1 calc(100% - 100px);
  width: calc(100% - 100px);
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #222222;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-photo-news .photo-news-caption .caption-ttl {
    flex: none;
    width: 100%;
    font-size: 1.25em;
  }
}
.main-promote .promote-body .promote-photo-news .photo-news-caption .caption-date {
  flex: 0 0 100px;
  font-size: 16px;
  font-weight: 400;
  color: #555555;
  text-align: right;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-photo-news .photo-news-caption .caption-date {
    flex: none;
    font-size: 1em;
  }
}
.main-promote .promote-body .promote-sns {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  padding: 40px;
  border: 2px solid #E6E9F5;
  border-radius: 10px;
  color: #000;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-promote .promote-body .promote-sns {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body .promote-sns {
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-sns {
    padding: 1.25em;
  }
}
.main-promote .promote-body .promote-sns .promote-ttl {
  flex: 0 0 30px;
  height: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-sns .promote-ttl {
    flex: none;
    height: auto;
    margin-bottom: 1.25em;
    display: none;
  }
}
.main-promote .promote-body .promote-sns .sns-list {
  flex: 1 1 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body .promote-sns .sns-list {
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-sns .sns-list {
    flex: none;
  }
}
.main-promote .promote-body .promote-sns .sns-list ul, .main-promote .promote-body .promote-sns .sns-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body .promote-sns .sns-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -15px 0 0 -15px;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-sns .sns-list ul {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body .promote-sns .sns-list li {
    flex: 0 0 calc(50% - 15px);
    width: calc(50% - 15px);
    margin: 15px 0 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-sns .sns-list li {
    display: flex;
    justify-content: center;
    flex: 0 0 25%;
    padding-bottom: 1.25em;
  }
}
.main-promote .promote-body .promote-sns .sns-list li ~ li {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body .promote-sns .sns-list li ~ li {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-sns .sns-list li ~ li {
    margin: 0;
  }
}
.main-promote .promote-body .promote-sns .sns-link {
  position: relative;
  display: flex;
  align-items: center;
  height: 60px;
  box-sizing: border-box;
  padding: 5px 15px;
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  color: #333333;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-promote .promote-body .promote-sns .sns-link {
    height: auto;
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-sns .sns-link {
    flex-direction: column;
    height: auto;
    padding: 0;
    border: none;
  }
}
.main-promote .promote-body .promote-sns .sns-link .link-icon {
  display: inline-flex;
  width: 42px;
  height: 42px;
  margin-right: 15px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-promote .promote-body .promote-sns .sns-link .link-icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-sns .sns-link .link-icon {
    margin-right: 0;
  }
}
.main-promote .promote-body .promote-sns .sns-link .link-icon img {
  width: 100%;
}
.main-promote .promote-body .promote-sns .sns-link .link-name {
  font-size: 15px;
  font-weight: 400;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-promote .promote-body .promote-sns .sns-link .link-name {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-sns .sns-link .link-name {
    position: absolute;
    bottom: -0.35em;
    left: 50%;
    transform: translate(-50%, 100%);
    font-size: 0.875em;
  }
}
.main-promote .promote-body .promote-sns .sns-link:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.main-promote .promote-body .promote-sns .sns-link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) skewY(-0.01deg);
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../../img/main/sns-arrow.svg");
  background-position: left 55% center;
  background-size: 8px auto;
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-sns .sns-link:after {
    display: none;
  }
}
.main-promote .promote-body .promote-sns .sns-link:hover, .main-promote .promote-body .promote-sns .sns-link:focus {
  color: #326AC3;
  text-shadow: 0px 0px 1px #326AC3;
}
.main-promote .promote-body .promote-sns .sns-link:hover:before, .main-promote .promote-body .promote-sns .sns-link:focus:before {
  border-color: #326AC3;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
}
.main-promote .promote-body .promote-sns .sns-link:hover:after, .main-promote .promote-body .promote-sns .sns-link:focus:after {
  border-width: 2px;
}
.main-promote .promote-body .promote-webjin {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
}
.main-promote .promote-body .promote-webjin:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 4px solid #D8E0F0;
  border-radius: 10px;
}
.main-promote .promote-body .promote-webjin:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.375em;
  background-color: #2F68C2;
}
.main-promote .promote-body .promote-webjin .webjin-version,
.main-promote .promote-body .promote-webjin .webjin-link {
  position: relative;
  z-index: 1;
}
.main-promote .promote-body .promote-webjin .webjin-version {
  margin-top: 15px;
  font-size: 15px;
  font-weight: 300;
}
.main-promote .promote-body .promote-webjin .webjin-link {
  margin-top: auto;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #fff;
}
.main-promote .promote-body .promote-webjin .webjin-link .link-icon {
  display: inline-flex;
  margin-left: 5px;
}
.main-promote .promote-body .promote-webjin .webjin-link .link-icon i, .main-promote .promote-body .promote-webjin .webjin-link .link-icon .las, .main-promote .promote-body .promote-webjin .webjin-link .link-icon .la {
  font-size: 16px;
}
.main-promote .promote-body .promote-webjin .webjin-link .link-text {
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.main-promote .promote-body .promote-webjin .webjin-thumbs {
  position: absolute;
  top: 50%;
  right: 35px;
  z-index: 1;
  transform: translateY(-50%);
  width: 240px;
  height: 135px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-promote .promote-body .promote-webjin .webjin-thumbs {
    width: 170px;
    height: 115px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-promote .promote-body .promote-webjin .webjin-thumbs {
    width: 150px;
    height: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-webjin .webjin-thumbs {
    right: 1.5625em;
    width: 11.875em;
    height: 7.1875em;
  }
}
.main-promote .promote-body .promote-webjin .webjin-thumbs .thumbs-frame {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-promote .promote-body .promote-webjin .webjin-thumbs .thumbs-month {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #2F68C2;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  box-shadow: 0px 0px 0px 7px rgba(47, 104, 194, 0.1);
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-webjin .webjin-thumbs .thumbs-month {
    width: 2.375em;
    height: 2.375em;
  }
}
.main-promote .promote-body .promote-webjin .webjin-thumbs .thumbs-image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.16);
  background-color: #f4f4f4;
}
.main-promote .promote-body .promote-e-notice {
  display: flex;
  flex-direction: column;
  background-image: url("../../img/main/e-notice-background.svg");
  background-size: 136px auto;
  background-position: right 40px top 50%;
  background-repeat: no-repeat;
  background-color: #385EA9;
  background-color: #385EA9;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .main-promote .promote-body .promote-e-notice {
    background-size: 6.875em auto;
    background-position: right 1.25em top 50%;
  }
}
.main-promote .promote-body .promote-e-notice .e-noitce-version {
  margin-top: 15px;
  font-size: 15px;
  font-weight: 300;
}
.main-promote .promote-body .promote-e-notice .e-notice-link {
  margin-top: auto;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.main-promote .promote-body .promote-e-notice .e-notice-link .link-icon {
  display: inline-flex;
  margin-left: 5px;
}
.main-promote .promote-body .promote-e-notice .e-notice-link .link-icon i, .main-promote .promote-body .promote-e-notice .e-notice-link .link-icon .las, .main-promote .promote-body .promote-e-notice .e-notice-link .link-icon .la {
  font-size: 16px;
}
.main-promote .promote-body .promote-e-notice .e-notice-link .link-text {
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

/* 소식·정보 공개 */
.main-news {
  padding-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-news {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .main-news {
    padding: 0 0 3.125em 0;
  }
}
.main-news .news-head {
  display: flex;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .main-news .news-head {
    margin-bottom: 1.875em;
  }
}
.main-news .news-ttl {
  font-family: "SCDream";
  font-size: 35px;
  font-weight: 800;
  line-height: 1;
  color: #11264E;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-news .news-ttl {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .main-news .news-ttl {
    font-size: 1.5em;
  }
}
.main-news .news-ttl b {
  color: #2F68C2;
}
.main-news .news-boards {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-news .news-boards {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .main-news .news-boards {
    flex-direction: column;
  }
}
.main-news .news-board {
  flex: 1 1 calc(50% - 25px);
  width: calc(50% - 25px);
  box-sizing: border-box;
  padding: 35px 40px 15px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
  border-radius: 20px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-news .news-board {
    padding: 35px 24px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-news .news-board {
    flex: none;
    width: 100%;
    padding: 35px 25px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .main-news .news-board {
    flex: none;
    width: 100%;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
  }
}
.main-news .news-board ~ .news-board {
  margin-left: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-news .news-board ~ .news-board {
    margin-left: 0;
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .main-news .news-board ~ .news-board {
    margin-left: 0;
    margin-top: 1.875em;
  }
}
.main-news .news-board .board-head {
  display: flex;
  align-items: flex-start;
  height: 42px;
  border-bottom: 1px solid #C8C9CE;
}
@media only screen and (max-width: 767px) {
  .main-news .news-board .board-head {
    height: 3em;
    align-items: flex-end;
    padding-bottom: 0.625em;
  }
}
.main-news .news-board .board-tab {
  display: flex;
  align-items: center;
}
.main-news .news-board .board-tab .tab-button {
  position: relative;
  color: #9C9C9C;
  line-height: 1;
}
.main-news .news-board .board-tab .tab-button ~ .tab-button {
  position: relative;
  margin-left: 40px;
}
@media only screen and (max-width: 767px) {
  .main-news .news-board .board-tab .tab-button ~ .tab-button {
    margin-left: 1.25em;
  }
}
.main-news .news-board .board-tab .tab-button ~ .tab-button:before {
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #DDDDDD;
}
@media only screen and (max-width: 767px) {
  .main-news .news-board .board-tab .tab-button ~ .tab-button:before {
    left: -0.625em;
  }
}
.main-news .news-board .board-tab .tab-button .tab-text {
  padding: 4px 2px;
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .main-news .news-board .board-tab .tab-button .tab-text {
    font-size: 1em;
  }
}
.main-news .news-board .board-tab .tab-button .tab-text:hover, .main-news .news-board .board-tab .tab-button .tab-text:focus {
  color: #2F68C2;
}
.main-news .news-board .board-tab .tab-button .tab-text.is--on {
  color: #2F68C2;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -1px;
}
@media only screen and (max-width: 767px) {
  .main-news .news-board .board-tab .tab-button .tab-text.is--on {
    font-size: 1.0625em;
  }
}
.main-news .news-board .board-tab .tab-button:has(.tab-text.is--on):after {
  content: "";
  position: absolute;
  top: 42px;
  left: 50%;
  transform: translate(-50%, -100%) skewY(-0.01deg);
  width: 110%;
  height: 5px;
  border-radius: 8px;
  background-color: #2F68C2;
}
@media only screen and (max-width: 767px) {
  .main-news .news-board .board-tab .tab-button:has(.tab-text.is--on):after {
    top: 2.375em;
    height: 0.25em;
  }
}
.main-news .news-board .board-more {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  box-sizing: border-box;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  color: #333333;
  line-height: 1;
  transform-origin: center;
  transition: all 0.3s ease;
}
.main-news .news-board .board-more i, .main-news .news-board .board-more .las {
  font-size: 18px;
}
.main-news .news-board .board-more:hover {
  border-color: #326AC3;
  color: #326AC3;
}
.main-news .news-board .board-list ul, .main-news .news-board .board-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-news .news-board .board-list li {
  display: flex;
  align-items: center;
  height: 64px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .main-news .news-board .board-list li {
    height: 3em;
  }
}
.main-news .news-board .board-list li ~ li {
  border-top: 1px solid #E5E7EE;
}
.main-news .news-board .board-list .list-none {
  justify-content: center;
  font-size: 18px;
  font-weight: 300;
  color: #777;
}
@media only screen and (max-width: 767px) {
  .main-news .news-board .board-list .list-none {
    font-size: 1em;
  }
}
.main-news .news-board .board-link {
  display: inline-block;
  padding: 4px 0;
  font-size: 17px;
  font-weight: 0;
  color: #222222;
  letter-spacing: -0.2px;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
  .main-news .news-board .board-link {
    font-size: 1em;
  }
}
.main-news .news-board .board-link:hover {
  text-shadow: 0px 0px 0.5px #222;
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.main-news .news-board .board-new {
  flex: 0 0 40px;
  font-size: 14px;
  color: #EC6C61;
  font-weight: 500;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .main-news .news-board .board-new {
    flex: 0 0 2.5em;
    font-size: 13px;
  }
}
.main-news .news-board .board-date {
  margin-left: auto;
  flex: 0 0 100px;
  font-size: 15px;
  color: #898989;
  font-weight: 300;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .main-news .news-board .board-date {
    flex: 0 0 5.9375em;
    font-size: 13px;
  }
}

/* 연구지원사업 */
.main-support {
  padding-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .main-support {
    padding: 0;
  }
}
.main-support:not(:has(.toggle-button.is--on)) .support-business {
  position: relative;
  z-index: -1;
  height: 0;
  visibility: hidden;
  opacity: 0;
}
.main-support:has(.toggle-button.is--on) .support-business {
  visibility: visible;
  opacity: 1;
}
.main-support .support-toggle {
  display: flex;
  justify-content: center;
}
.main-support .support-toggle .toggle-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 22.1875em;
  height: 4.375em;
  box-sizing: border-box;
  padding: 0 1.25em;
  padding-left: 5.625em;
  background-color: #2F68C2;
  box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 10px 0px 15px;
  transform: translateY(-50%);
}
.main-support .support-toggle .toggle-button .toggle-character {
  display: inline-flex;
  position: absolute;
  bottom: 0;
  left: 1.25em;
}
.main-support .support-toggle .toggle-button .toggle-character img {
  width: 3.125em;
}
.main-support .support-toggle .toggle-button .toggle-text {
  font-family: "SCDream";
  font-size: 1.125em;
  font-weight: 500;
  color: #fff;
}
.main-support .support-toggle .toggle-button .toggle-arrow {
  margin-left: auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75em;
  height: 1.75em;
  border-radius: 50%;
  background-color: #fff;
  color: #2F68C2;
  transition: all 0.3s ease;
  transform: rotateZ(180deg) skewY(-0.01deg);
}
.main-support .support-toggle .toggle-button .toggle-arrow img {
  width: 0.875em;
}
.main-support .support-toggle .toggle-button.is--on .toggle-arrow {
  transform: rotateZ(0) skewY(-0.01deg);
}
.main-support .support-business {
  background-color: #11264E;
  background-repeat: repeat-x;
  background-image: url("../../img/main/support-background.png");
  background-position: center;
  background-size: 2500px auto;
  transition: all 0.3s ease;
}
.main-support .support-business .main-inner {
  display: flex;
  padding: 100px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .main-inner {
    padding: 50px 20px 80px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .main-inner {
    padding: 3.125em 1.25em 5em;
    flex-direction: column;
  }
}
.main-support .support-business .support-ttl {
  font-family: "SCDream";
  font-size: 35px;
  font-weight: 800;
  line-height: 1;
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.4;
  color: #fff;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-support .support-business .support-ttl {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .support-ttl {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-ttl {
    font-size: 1.5em;
  }
}
.main-support .support-business .support-ttl b {
  color: #93C4FF;
}
.main-support .support-business .support-side {
  flex: 1 1 auto;
  width: 300px;
  margin-right: 120px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-support .support-business .support-side {
    width: 20.5882352941vw;
    margin-right: 1.4705882353vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .support-side {
    flex: none;
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-side {
    flex: none;
    width: 100%;
    margin: 0;
  }
}
.main-support .support-business .support-side .side-head {
  display: flex;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .support-side .side-head {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-side .side-head {
    margin-bottom: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .support-side .side-body {
    margin-bottom: 20px;
  }
  .main-support .support-business .support-side .side-body:after {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
    content: "Scroll →";
    color: #d4e3fa;
    font-weight: 300;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-side .side-body {
    margin-bottom: 1.25em;
  }
  .main-support .support-business .support-side .side-body:after {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
    color: #d4e3fa;
    font-weight: 300;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .support-tab {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 10px;
  }
  .main-support .support-business .support-tab::-webkit-scrollbar {
    width: 8px;
    height: 6px;
  }
  .main-support .support-business .support-tab::-webkit-scrollbar-track {
    background-color: #f3f5f7;
    border-radius: 8px;
  }
  .main-support .support-business .support-tab::-webkit-scrollbar-thumb {
    background-color: #d4e3fa;
    border-radius: var(--omks-radius-3x);
    border-radius: 8px;
  }
  .main-support .support-business .support-tab::-webkit-scrollbar-corner {
    background-color: #f3f5f7;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-tab {
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 10px;
    display: none;
  }
  .main-support .support-business .support-tab::-webkit-scrollbar {
    width: 8px;
    height: 6px;
  }
  .main-support .support-business .support-tab::-webkit-scrollbar-track {
    background-color: #f3f5f7;
    border-radius: 8px;
  }
  .main-support .support-business .support-tab::-webkit-scrollbar-thumb {
    background-color: #d4e3fa;
    border-radius: var(--omks-radius-3x);
    border-radius: 8px;
  }
  .main-support .support-business .support-tab::-webkit-scrollbar-corner {
    background-color: #f3f5f7;
  }
}
.main-support .support-business .support-tab .tab-button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .support-tab .tab-button {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-tab .tab-button {
    padding: 0 1.25em;
  }
}
.main-support .support-business .support-tab .tab-button .button-text {
  font-size: 19px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-support .support-business .support-tab .tab-button .button-text {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .support-tab .tab-button .button-text {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-tab .tab-button .button-text {
    font-size: 17px;
    white-space: nowrap;
  }
}
.main-support .support-business .support-tab .tab-button.is--on {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .support-tab .tab-button.is--on {
    padding-left: 0;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-tab .tab-button.is--on {
    padding-left: 0;
    padding-right: 40px;
  }
}
.main-support .support-business .support-tab .tab-button.is--on:before {
  content: "";
  display: inline-flex;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url("../../img/main/support-tab-arrow.svg");
  background-position: center;
  background-size: 7px auto;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-tab .tab-button.is--on:before {
    width: 22px;
    height: 22px;
  }
}
.main-support .support-business .support-tab .tab-button.is--on:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transform: skewY(-0.01deg);
}
.main-support .support-business .support-tab .tab-button.is--on .button-text {
  font-weight: 600;
  color: #fff;
}
.main-support .support-business .support-tab .tab-button:hover .button-text, .main-support .support-business .support-tab .tab-button:focus .button-text {
  font-weight: 600;
  color: #fff;
}
.main-support .support-business .support-mobile-tab {
  display: none;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-mobile-tab {
    display: block;
  }
}
.main-support .support-business .support-mobile-tab .omks--select {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 0.125em solid #93C4FF;
  border-radius: 0;
  background-color: transparent;
  background-image: url("../../img/main/support-select-arrow.svg");
  padding: 0 0.625em;
  font-size: 1.375em;
  font-weight: 500;
  color: #fff;
}
.main-support .support-business .support-mobile-tab .omks--select option {
  color: #222;
}
.main-support .support-business .support-list {
  position: relative;
  flex: 0 0 980px;
  width: 980px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 25px;
  background-color: rgba(151, 149, 171, 0.23);
  background-repeat: no-repeat;
  background-image: url("../../img/main/support-logo.svg");
  background-size: 170px auto;
  background-position: center;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-support .support-business .support-list {
    flex: 0 0 70.5882352941vw;
    width: 70.5882352941vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .support-list {
    flex: none;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-list {
    flex: none;
    width: 100%;
    border-radius: 15px;
  }
}
.main-support .support-business .support-list ul, .main-support .support-business .support-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-support .support-business .support-list .support-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transform: translateY(5%);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .support-list .support-item {
    position: relative;
    top: inherit;
    left: inherit;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-list .support-item {
    position: relative;
    top: inherit;
    left: inherit;
    display: none;
  }
}
.main-support .support-business .support-list .support-item.is--on {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .support-list .support-item.is--on {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .support-list .support-item.is--on {
    display: block;
  }
}
.main-support .support-business .business-all {
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 40px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-support .support-business .business-all {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .business-all {
    height: 420px;
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-all {
    padding: 1.25em;
  }
}
.main-support .support-business .business-all ul {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  margin-top: -40px;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-all ul {
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    margin-top: 0;
  }
}
.main-support .support-business .business-all ul li {
  position: relative;
  flex: 0 0 25%;
  width: 25%;
  height: calc(50% - 20px);
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-all ul li {
    flex: none;
    width: 100%;
    height: auto;
    margin-top: 0;
  }
  .main-support .support-business .business-all ul li:first-child:before {
    content: none !important;
  }
}
.main-support .support-business .business-all ul li:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 1px;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url("../../img/main/support-all-line.svg");
  background-size: 1px auto;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-all ul li:before {
    top: 0;
    transform: skewY(-0.01deg);
    width: 100%;
    height: 1px;
    background: none;
    background-color: rgba(255, 255, 255, 0.3);
  }
}
.main-support .support-business .business-all ul li:nth-child(4n+1):before {
  content: none;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-all ul li:nth-child(4n+1):before {
    content: "";
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-all ul li:has(.all-tab.is--on) + li:before {
    content: none;
  }
}
.main-support .support-business .business-all .all-tab {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  padding: 1.875em;
  border-radius: 10px;
  color: #fff;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-support .support-business .business-all .all-tab {
    padding: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .business-all .all-tab {
    padding: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-all .all-tab {
    padding: 0.875em 1.125em;
  }
}
.main-support .support-business .business-all .all-tab .tab-name {
  font-size: 1.3125em;
  font-weight: 600;
  word-break: keep-all;
  overflow-wrap: break-word;
  line-height: 1.4;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-support .support-business .business-all .all-tab .tab-name {
    font-size: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .business-all .all-tab .tab-name {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-all .all-tab .tab-name {
    font-size: 1.3125em;
  }
}
.main-support .support-business .business-all .all-tab .tab-icon {
  position: absolute;
  bottom: 1.5625em;
  right: 1.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.4375em;
  height: 3.4375em;
  opacity: 0.7;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-support .support-business .business-all .all-tab .tab-icon {
    width: 2.5em;
    height: 2.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .business-all .all-tab .tab-icon {
    width: 2.5em;
    height: 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-all .all-tab .tab-icon {
    bottom: 1.25em;
    right: 1.25em;
    width: 2.375em;
    height: 2.375em;
  }
}
.main-support .support-business .business-all .all-tab .tab-icon img {
  width: 3.4375em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-support .support-business .business-all .all-tab .tab-icon img {
    width: 2.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .business-all .all-tab .tab-icon img {
    width: 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-all .all-tab .tab-icon img {
    width: 2.375em;
  }
}
.main-support .support-business .business-all .all-tab .tab-link {
  margin-top: auto;
  display: flex;
  align-items: center;
  font-size: 1em;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-all .all-tab .tab-link {
    font-size: 0.875em;
  }
}
.main-support .support-business .business-all .all-tab .tab-link .link-icon {
  display: inline-flex;
  margin-left: 5px;
}
.main-support .support-business .business-all .all-tab .tab-link .link-icon i, .main-support .support-business .business-all .all-tab .tab-link .link-icon .las, .main-support .support-business .business-all .all-tab .tab-link .link-icon .la {
  font-size: 1em;
}
.main-support .support-business .business-all .all-tab .tab-link .link-text {
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.main-support .support-business .business-all .all-tab:hover, .main-support .support-business .business-all .all-tab:focus, .main-support .support-business .business-all .all-tab.is--on {
  background: #2F68C2;
  box-shadow: 5px 4px 13px rgba(0, 0, 0, 0.17);
  transition: all 0.3s ease;
}
.main-support .support-business .business-all .all-tab:hover .tab-icon, .main-support .support-business .business-all .all-tab:focus .tab-icon, .main-support .support-business .business-all .all-tab.is--on .tab-icon {
  opacity: 1;
}
.main-support .support-business .business-layer {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--omks-radius-2x);
  overflow: hidden;
  color: #fff;
}
.main-support .support-business .business-layer .layer-head {
  display: flex;
  align-items: center;
  width: 100%;
  height: 4.6875em;
  box-sizing: border-box;
  padding: 0 1.75em;
  border-bottom: 1px solid #fff;
  flex: 0 0 4.6875em;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-layer .layer-head {
    flex-direction: column;
    align-items: flex-start;
    padding: 1em 1.25em;
    height: auto;
    flex: none;
  }
}
.main-support .support-business .business-layer .layer-title {
  display: flex;
  align-items: center;
}
.main-support .support-business .business-layer .layer-title .title-icon {
  display: inline-flex;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-layer .layer-title .title-icon {
    flex: 0 0 1.875em;
  }
}
.main-support .support-business .business-layer .layer-title .title-icon img {
  width: 2.5em;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-layer .layer-title .title-icon img {
    width: 1.875em;
  }
}
.main-support .support-business .business-layer .layer-title .title-text {
  font-size: 1.5em;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-layer .layer-title .title-text {
    font-size: 1.25em;
  }
}
.main-support .support-business .business-layer .layer-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(100% - 4.6875em);
  box-sizing: border-box;
  padding: 1.25em;
}
.main-support .support-business .business-layer .layer-box .box-head {
  display: flex;
  margin-bottom: 0.75em;
}
.main-support .support-business .business-layer .layer-box .box-title {
  display: flex;
  align-items: center;
  color: #93C4FF;
  line-height: 1;
}
.main-support .support-business .business-layer .layer-box .box-title .title-icon {
  display: inline-flex;
  margin-right: 0.5em;
}
.main-support .support-business .business-layer .layer-box .box-title .title-icon i, .main-support .support-business .business-layer .layer-box .box-title .title-icon .las {
  font-size: 1.4em;
}
.main-support .support-business .business-layer .layer-box .box-title .title-text {
  font-size: 1.25em;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-layer .layer-box .box-title .title-text {
    font-size: 1em;
  }
}
.main-support .support-business .business-layer .layer-box ~ .layer-box {
  margin-top: 1.25em;
}
.main-support .support-business .business-layer .layer-box .box-paragraph {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  height: 3em;
  font-size: 1.0625em;
  line-height: 1.4;
  color: #fff;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-layer .layer-box .box-paragraph {
    height: auto;
    min-height: 3em;
    font-size: 1em;
  }
}
.main-support .support-business .business-layer .layer-box:last-child {
  margin-top: auto;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-layer .layer-box:last-child {
    margin-top: 1.25em;
  }
}
.main-support .support-business .business-count {
  margin-left: 2.5em;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-count {
    margin: 0;
    margin-top: 0.5em;
  }
}
.main-support .support-business .business-count ul, .main-support .support-business .business-count li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-support .support-business .business-count ul {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .business-count ul {
    flex-direction: column;
  }
}
.main-support .support-business .business-count ul li {
  display: flex;
}
.main-support .support-business .business-count ul li ~ li {
  position: relative;
  margin-left: 1.25em;
  padding-left: 1.25em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .business-count ul li ~ li {
    margin: 0;
    padding: 0;
    margin-top: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-count ul li ~ li {
    margin-left: 0.5em;
    padding-left: 0.5em;
  }
}
.main-support .support-business .business-count ul li ~ li:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 1px;
  height: 1.125em;
  background-color: #FFF;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-support .support-business .business-count ul li ~ li:before {
    content: none;
  }
}
.main-support .support-business .business-count .count-title {
  display: flex;
  align-items: center;
  margin-right: 0.9375em;
  font-weight: 600;
  font-size: 1em;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-count .count-title {
    font-size: 15px;
  }
}
.main-support .support-business .business-count .count-title .title-icon {
  display: inline-flex;
  margin-right: 0.5em;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-count .count-title .title-icon {
    display: none;
  }
}
.main-support .support-business .business-count .count-contents {
  font-size: 1em;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-count .count-contents {
    font-size: 0.9375em;
  }
}
.main-support .support-business .business-count .count-contents b {
  font-size: 1.1875em;
  font-weight: 800;
}
.main-support .support-business .business-update {
  position: relative;
  border-top: 1px solid #D4D4D4;
  padding-top: 20px;
}
.main-support .support-business .business-update .update-period {
  position: absolute;
  top: -0.625em;
  right: 0;
  transform: translateY(-100%);
  display: flex;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-update .update-period {
    position: relative;
    top: inherit;
    right: inherit;
    transform: none;
    margin-bottom: 0.9375em;
  }
}
.main-support .support-business .business-update .update-period .period-select {
  min-width: 6.5625em;
  height: 2.625em;
  border-color: #C5C9D6;
  font-size: 0.9375em;
  color: #333;
}
.main-support .support-business .business-update .update-period .period-select ~ .period-select {
  margin-left: 0.5em;
}
.main-support .support-business .business-update .update-list ul, .main-support .support-business .business-update .update-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-support .support-business .business-update .update-list ul {
  display: flex;
  margin: -12px 0 0 -12px;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .main-support .support-business .business-update .update-list ul {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-update .update-list ul {
    flex-wrap: wrap;
  }
}
.main-support .support-business .business-update .update-list ul li {
  flex: 0 0 calc(20% - 12px);
  width: calc(20% - 12px);
  margin: 12px 0 0 12px;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .main-support .support-business .business-update .update-list ul li {
    flex: 0 0 calc(33.33% - 12px);
    width: calc(33.33% - 12px);
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-update .update-list ul li {
    flex: 0 0 calc(50% - 12px);
    width: calc(50% - 12px);
  }
}
.main-support .support-business .business-update .update-tab {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 8.125em;
  box-sizing: border-box;
  padding: 1.25em;
  border: 1px solid #C0D3F7;
  background-color: #F9FBFF;
  border-radius: 0.9375em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-support .support-business .business-update .update-tab {
    padding: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-update .update-tab {
    min-height: 6.25em;
    padding: 14px 12px;
  }
}
.main-support .support-business .business-update .update-tab .tab-title {
  font-size: 1.0625em;
  font-weight: 400;
  color: #333333;
}
.main-support .support-business .business-update .update-tab .tab-count {
  margin-top: auto;
  display: inline-flex;
  align-items: flex-end;
  font-size: 1em;
  line-height: 1;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-update .update-tab .tab-count {
    font-size: 14px;
  }
}
.main-support .support-business .business-update .update-tab .tab-count b {
  transform: translateY(5px);
  margin-right: 5px;
  font-size: 2.0588235294em;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.main-support .support-business .business-update .update-tab .tab-link {
  margin-top: auto;
  display: inline-flex;
  align-items: baseline;
  font-size: 1em;
  line-height: 1;
  color: #2f68c2;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-support .support-business .business-update .update-tab .tab-link {
    margin-top: 10px;
  }
}
.main-support .support-business .business-update .update-tab .tab-link .link-text {
  margin-right: 0.25em;
}
.main-support .support-business .business-update .update-tab .tab-link .link-icon {
  display: inline-flex;
}
.main-support .support-business .business-update .update-tab .tab-link .link-icon i, .main-support .support-business .business-update .update-tab .tab-link .link-icon .las, .main-support .support-business .business-update .update-tab .tab-link .link-icon .la {
  font-size: 1em;
}
.main-support .support-business .business-update .update-tab .tab-icon {
  position: absolute;
  bottom: 1em;
  right: 1.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6875em;
  height: 2.6875em;
  border-radius: 50%;
  background-color: #DCEAFF;
  color: #2F68C2;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-support .support-business .business-update .update-tab .tab-icon {
    right: 14px;
    bottom: 10px;
    width: 38px;
    height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .main-support .support-business .business-update .update-tab .tab-icon {
    right: 0.875em;
  }
}
.main-support .support-business .business-update .update-tab .tab-icon i, .main-support .support-business .business-update .update-tab .tab-icon .las, .main-support .support-business .business-update .update-tab .tab-icon .la {
  font-size: 1.6em;
}
.main-support .support-business .business-update .update-tab:hover, .main-support .support-business .business-update .update-tab:focus {
  border-color: #2F68C2;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
}
.main-support .support-business .business-update .update-tab:hover .tab-title, .main-support .support-business .business-update .update-tab:focus .tab-title {
  text-shadow: 0px 0px 1px #2F68C2;
  color: #2F68C2;
}

/* 주요 문의처 및 정보시스템 */
.main-helper {
  padding: 75px 0;
  background-color: #F3F7FC;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-helper {
    padding: 3.125em 0 6.25em 0;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper {
    padding: 3.125em 0 5em;
  }
}
.main-helper .main-inner {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-helper .main-inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .main-inner {
    flex-direction: column;
  }
}
.main-helper .helper-contact {
  flex: 1 1 auto;
  width: 530px;
  margin-right: 15px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-helper .helper-contact {
    width: 38.9705882353vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-helper .helper-contact {
    flex: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-contact {
    flex: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 2.5em;
  }
}
.main-helper .helper-contact .contact-head {
  display: flex;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-contact .contact-head {
    margin-bottom: 1.25em;
  }
}
.main-helper .helper-contact .contact-ttl {
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
  font-family: "SCDream";
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-contact .contact-ttl {
    font-size: 1.25em;
  }
}
.main-helper .helper-contact .contact-ttl b {
  color: #2F68C2;
  font-weight: 600;
}
.main-helper .helper-contact .contact-list {
  overflow: hidden;
}
.main-helper .helper-contact .contact-list ul, .main-helper .helper-contact .contact-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-helper .helper-contact .contact-list ul {
  display: flex;
  flex-wrap: wrap;
  margin: -15px 0 0 -15px;
}
.main-helper .helper-contact .contact-list ul li {
  flex: 0 0 calc(50% - 15px);
  margin: 15px 0 0 15px;
}
.main-helper .helper-contact .contact-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 135px;
  box-sizing: border-box;
  padding: 25px;
  border-radius: 15px;
  border: 1px solid #C6CDDE;
  background-color: #fff;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-helper .helper-contact .contact-card {
    padding: 1.8382352941vw;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-contact .contact-card {
    height: 6.875em;
    padding: 0.5em 1em;
  }
}
.main-helper .helper-contact .contact-name {
  line-height: 1.4;
}
.main-helper .helper-contact .contact-name .name-title {
  font-size: 16px;
  font-weight: 600;
  color: #111;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-helper .helper-contact .contact-name .name-title {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-contact .contact-name .name-title {
    font-size: 1em;
  }
}
.main-helper .helper-contact .contact-name .name-description {
  font-size: 15px;
  font-weight: 300;
  color: #555555;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-helper .helper-contact .contact-name .name-description {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-contact .contact-name .name-description {
    font-size: 0.875em;
  }
}
.main-helper .helper-contact .contact-number {
  margin-top: auto;
  font-family: "SCDream";
  font-size: 17px;
  font-weight: 800;
  color: #1C4084;
  line-height: 1.4;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-helper .helper-contact .contact-number {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-contact .contact-number {
    position: relative;
    z-index: 1;
    font-size: 1em;
  }
}
.main-helper .helper-contact .contact-icon {
  position: absolute;
  bottom: 22px;
  right: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-helper .helper-contact .contact-icon {
    bottom: inherit;
    top: 50px;
    right: 10px;
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-contact .contact-icon {
    bottom: 1.875em;
    right: 0.9375em;
    width: 2.125em;
    height: 2.125em;
    opacity: 0.6;
  }
}
.main-helper .helper-contact .contact-icon img {
  width: 42px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-helper .helper-contact .contact-icon img {
    width: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-contact .contact-icon img {
    width: 2.125em;
  }
}
.main-helper .helper-direct {
  flex: 0 0 855px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-helper .helper-direct {
    flex: 0 0 62.8676470588vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-helper .helper-direct {
    flex: none;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct {
    flex: none;
  }
}
.main-helper .helper-direct .direct-head {
  display: flex;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct .direct-head {
    margin-bottom: 1.25em;
  }
}
.main-helper .helper-direct .direct-ttl {
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
  font-family: "SCDream";
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct .direct-ttl {
    font-size: 1.25em;
  }
}
.main-helper .helper-direct .direct-ttl b {
  color: #2F68C2;
  font-weight: 600;
}
.main-helper .helper-direct .direct-body {
  display: flex;
  border: 1px solid #D1D9E3;
  border-radius: 15px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct .direct-body {
    display: block;
  }
}
.main-helper .helper-direct .direct-group {
  display: flex;
  flex-direction: column;
  height: 285px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-helper .helper-direct .direct-group {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct .direct-group {
    height: auto;
  }
}
.main-helper .helper-direct .direct-group .group-head {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 60px;
  height: 60px;
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct .direct-group .group-head {
    flex: none;
    height: 3.25em;
  }
}
.main-helper .helper-direct .direct-group .group-body {
  flex: 1 1 auto;
  padding: 30px 35px;
  background-color: #fff;
  overflow: hidden;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-helper .helper-direct .direct-group .group-body {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-helper .helper-direct .direct-group .group-body {
    padding: 20px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct .direct-group .group-body {
    padding: 1.25em;
  }
}
.main-helper .helper-direct .direct-group .group-body ul, .main-helper .helper-direct .direct-group .group-body li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-helper .helper-direct .direct-group .group-body ul {
  display: flex;
  margin-top: -25px;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .main-helper .helper-direct .direct-group .group-body ul {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct .direct-group .group-body ul {
    flex-direction: column;
    margin-top: -0.9375em;
  }
}
.main-helper .helper-direct .direct-group .group-body ul li {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct .direct-group .group-body ul li {
    margin-top: 0.9375em;
  }
}
.main-helper .helper-direct .direct-group .group-title {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct .direct-group .group-title {
    font-size: 1.0625em;
  }
}
.main-helper .helper-direct .direct-group:nth-child(1) {
  flex: 1 1 calc(100% - 305px);
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-helper .helper-direct .direct-group:nth-child(1) {
    flex: 1 1 calc(100% - 265px);
    width: calc(100% - 265px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-helper .helper-direct .direct-group:nth-child(1) {
    flex: 0 0 50%;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct .direct-group:nth-child(1) {
    flex: none;
  }
}
.main-helper .helper-direct .direct-group:nth-child(1) .group-head {
  background-color: #385EA9;
}
.main-helper .helper-direct .direct-group:nth-child(1) .group-body ul {
  flex-wrap: wrap;
}
.main-helper .helper-direct .direct-group:nth-child(1) .group-body ul li {
  flex: 0 0 50%;
}
.main-helper .helper-direct .direct-group:nth-child(1) .direct-link .link-icon {
  color: #385EA9;
}
.main-helper .helper-direct .direct-group:nth-child(2) {
  flex: 0 0 305px;
  width: 305px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-helper .helper-direct .direct-group:nth-child(2) {
    flex: 0 0 265px;
    width: 265px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-helper .helper-direct .direct-group:nth-child(2) {
    flex: 0 0 50%;
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct .direct-group:nth-child(2) {
    flex: none;
    width: 100%;
  }
}
.main-helper .helper-direct .direct-group:nth-child(2) .group-head {
  background-color: #29A3B3;
}
.main-helper .helper-direct .direct-group:nth-child(2) .group-body {
  position: relative;
}
.main-helper .helper-direct .direct-group:nth-child(2) .group-body:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 1px;
  height: 100%;
  background-color: #D1D9E3;
}
.main-helper .helper-direct .direct-group:nth-child(2) .group-body ul {
  flex-direction: column;
}
.main-helper .helper-direct .direct-group:nth-child(2) .direct-link .link-icon {
  background-color: rgba(41, 163, 179, 0.1);
  color: #29A3B3;
}
.main-helper .helper-direct .direct-link {
  display: flex;
  align-items: center;
  color: #252A31;
}
.main-helper .helper-direct .direct-link .link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 37px;
  width: 37px;
  height: 37px;
  margin-right: 10px;
  background-color: rgba(47, 104, 194, 0.1);
  border-radius: 50%;
  font-size: 13px;
  letter-spacing: -0.3px;
  text-align: center;
  line-height: 1.1;
  font-weight: 500;
}
.main-helper .helper-direct .direct-link .link-icon img {
  width: 20px;
}
.main-helper .helper-direct .direct-link .link-text {
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.4;
  word-break: keep-all;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-helper .helper-direct .direct-link .link-text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .main-helper .helper-direct .direct-link .link-text {
    font-size: 1.0625em;
  }
}
.main-helper .helper-direct .direct-link .link-text.style--high-light {
  text-shadow: 0px 0px 1px #2F68C2;
  color: #2F68C2;
}
.main-helper .helper-direct .direct-link .link-text:hover, .main-helper .helper-direct .direct-link .link-text:focus {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

/* 사업 공고 */
.main-announcement {
  position: relative;
  z-index: 1;
  padding-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-announcement {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement {
    padding-bottom: 3.125em;
  }
}
.main-announcement .announcement-head {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-head {
    margin-bottom: 2.1875em;
  }
}
.main-announcement .announcement-ttl {
  font-family: "SCDream";
  font-size: 35px;
  font-weight: 800;
  line-height: 1;
  color: #11264E;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-announcement .announcement-ttl {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-ttl {
    font-size: 1.5em;
  }
}
.main-announcement .announcement-ttl b {
  color: #2F68C2;
}
.main-announcement .announcement-boards {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-announcement .announcement-boards {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-boards {
    display: block;
    overflow: hidden;
  }
}
.main-announcement .announcement-boards .announcement-news {
  flex: 0 0 920px;
  width: 920px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-boards .announcement-news {
    flex: 0 0 60vw;
    width: 60vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-announcement .announcement-boards .announcement-news {
    flex: none;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-boards .announcement-news {
    flex: none;
    width: 100%;
  }
}
.main-announcement .announcement-boards .announcement-notice {
  flex: 1 1 auto;
  width: 450px;
  margin-left: 30px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-boards .announcement-notice {
    flex: 1 1 calc(100% - 63vw);
    width: calc(100% - 63vw);
    margin-left: 3vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-announcement .announcement-boards .announcement-notice {
    flex: none;
    width: 100%;
    margin-left: 0;
    margin-top: 4.6296296296vw;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-boards .announcement-notice {
    flex: none;
    width: 100%;
    margin-left: 0;
    margin-top: 1.875em;
  }
}
.main-announcement .announcement-boards .boards-head {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-announcement .announcement-boards .boards-head {
    margin-bottom: 2.7777777778vw;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-boards .boards-head {
    margin-bottom: 0.625em;
  }
}
.main-announcement .announcement-boards .boards-body {
  border-top: 1px solid #ccc;
}
.main-announcement .announcement-boards .boards-ttl {
  display: flex;
  align-items: center;
}
.main-announcement .announcement-boards .boards-ttl .ttl-icon {
  display: inline-flex;
  margin-right: 10px;
}
.main-announcement .announcement-boards .boards-ttl .ttl-icon img {
  width: 24px;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-boards .boards-ttl .ttl-icon img {
    width: 1.25em;
  }
}
.main-announcement .announcement-boards .boards-ttl .ttl-text {
  font-size: 22px;
  font-weight: 600;
  color: #222222;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-boards .boards-ttl .ttl-text {
    font-size: 1.125em;
  }
}
.main-announcement .announcement-boards .boards-ttl.cfy--nwbi .ttl-icon {
  position: relative;
}
.main-announcement .announcement-boards .boards-ttl.cfy--nwbi .ttl-icon:after {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(35%, -45%);
  content: "";
  display: inline-flex;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url("../../img/main/anc-title-deco.svg");
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-boards .boards-ttl.cfy--nwbi .ttl-icon:after {
    width: 1em;
    height: 1em;
  }
}
.main-announcement .announcement-boards .boards-more {
  margin-left: auto;
}
.main-announcement .announcement-boards .boards-more .more-link {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  box-sizing: border-box;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  color: #333333;
  line-height: 1;
  transform-origin: center;
  transition: all 0.3s ease;
}
.main-announcement .announcement-boards .boards-more .more-link i, .main-announcement .announcement-boards .boards-more .more-link .las {
  font-size: 18px;
}
.main-announcement .announcement-boards .boards-more .more-link:hover {
  border-color: #326AC3;
  color: #326AC3;
}
.main-announcement .announcement-news .news-list ul, .main-announcement .announcement-news .news-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-announcement .announcement-news .news-item {
  position: relative;
}
.main-announcement .announcement-news .news-item ~ .news-item {
  border-top: 1px solid #f5f5f5;
}
.main-announcement .announcement-news .news-write {
  display: flex;
  align-items: center;
  height: 60px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-news .news-write {
    flex-wrap: wrap;
    height: auto;
    padding: 0.5em 0;
  }
}
.main-announcement .announcement-news .news-write [class*=news-] {
  white-space: nowrap;
}
.main-announcement .announcement-news .news-write [class*=news-] ~ [class*=news-] {
  margin-left: 5px;
}
.main-announcement .announcement-news .news-write [class*=news-] ~ .news-link {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-news .news-write [class*=news-] ~ .news-link {
    margin-left: 0;
  }
}
.main-announcement .announcement-news .news-write [class*=news-] ~ .news-date {
  margin-left: auto;
}
.main-announcement .announcement-news .news-state {
  flex: 0 0 80px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-news .news-state {
    flex: 0 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-news .news-state {
    flex: 0 0 4.375em;
    order: 1;
  }
}
.main-announcement .announcement-news .news-state .state-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  border-radius: 5px;
  background-color: #f4f4f4;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-news .news-state .state-block {
    height: 1.75em;
  }
}
.main-announcement .announcement-news .news-state .state-block .block-text {
  font-size: 15px;
  font-weight: 400;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-news .news-state .state-block .block-text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-news .news-state .state-block .block-text {
    font-size: 0.875em;
  }
}
.main-announcement .announcement-news .news-state .state-block.style--color-red {
  background-color: #FFEFF3;
  border-color: #FFEFF3;
  color: #EE2E5B;
}
.main-announcement .announcement-news .news-state .state-block.style--color-blue {
  background-color: #2F68C2;
  color: #fff;
}
.main-announcement .announcement-news .news-state .state-block.style--color-gray {
  background-color: #999999;
  color: #fff;
}
.main-announcement .announcement-news .news-state .state-block.style--color-emerald {
  background-color: #29A3B3;
  color: #fff;
}
.main-announcement .announcement-news .news-dday {
  flex: 0 0 50px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #2F68C2;
  color: #EC6C61;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-news .news-dday {
    flex: 0 0 40px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-news .news-dday {
    flex: 0 0 2.5em;
    font-size: 0.875em;
    order: 2;
  }
}
.main-announcement .announcement-news .news-category {
  position: relative;
  flex: 0 0 95px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-news .news-category {
    flex: 0 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-news .news-category {
    position: static;
    flex: none;
    order: 3;
  }
}
.main-announcement .announcement-news .news-category .category-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 95px;
  height: 30px;
  border: 1px solid #D1D1D1;
  color: #777B84;
  border-radius: 25px;
  line-height: 1;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-news .news-category .category-toggle {
    width: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-news .news-category .category-toggle {
    width: auto;
    min-width: 5em;
    height: 1.75em;
    padding: 0 0.5em;
  }
}
.main-announcement .announcement-news .news-category .category-toggle .toggle-text {
  font-size: 0.875em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-news .news-category .category-toggle .toggle-text {
    font-size: 13px;
  }
}
.main-announcement .announcement-news .news-category .category-toggle .toggle-icon {
  display: inline-flex;
  margin-left: 5px;
}
.main-announcement .announcement-news .news-category .category-toggle .toggle-icon i, .main-announcement .announcement-news .news-category .category-toggle .toggle-icon .omks--icon-search {
  font-size: 13px;
}
.main-announcement .announcement-news .news-category .category-toggle .toggle-icon img {
  width: 12px;
}
.main-announcement .announcement-news .news-category .category-toggle:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
  border-color: #2F68C2;
  color: #2F68C2;
}
.main-announcement .announcement-news .news-category .category-layer {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  transform: translateY(5px);
  width: -moz-max-content;
  width: max-content;
  max-width: 25em;
  box-sizing: border-box;
  padding: 5px 12px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #2F68C2;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.0705882353);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-news .news-category .category-layer {
    top: 2.5em;
    transform: none;
    max-width: calc(100vw - 2.5em);
  }
}
.main-announcement .announcement-news .news-category .category-layer:not(:has(.category-item)) {
  display: none;
}
.main-announcement .announcement-news .news-category .category-layer:has(.category-item) {
  display: block;
}
.main-announcement .announcement-news .news-category .category-layer.is--on {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.main-announcement .announcement-news .news-category .category-item {
  font-size: 0.875em;
  font-weight: 300;
  color: #2F68C2;
  line-height: 1.4;
  white-space: pre-wrap;
}
.main-announcement .announcement-news .news-link {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
  font-size: 1.0625em;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-news .news-link {
    flex: 1 1 100%;
    display: block;
    margin: 0.625em 0 0.3125em;
    order: 5;
  }
}
.main-announcement .announcement-news .news-link:hover, .main-announcement .announcement-news .news-link:focus {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.main-announcement .announcement-news .news-new {
  flex: 0 0 50px;
  font-size: 0.9375em;
  font-weight: 600;
  text-align: center;
  color: #EC6C61;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-news .news-new {
    flex: 0 0 30px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-news .news-new {
    flex: none;
    order: 4;
  }
}
.main-announcement .announcement-news .news-date {
  flex: 0 0 280px;
  margin-left: auto;
  font-size: 15px;
  font-weight: 300;
  color: #666;
  text-align: right;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-news .news-date {
    flex: 0 0 240px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-announcement .announcement-news .news-date {
    flex: 0 0 240px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-news .news-date {
    display: flex;
    flex: 1 1 100%;
    font-size: 0.9375em;
    order: 6;
  }
}
.main-announcement .announcement-notice .boards-more {
  margin-left: 20px;
}
.main-announcement .announcement-notice .notice-banner {
  height: 300px;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-notice .notice-banner {
    height: 315px;
  }
}
.main-announcement .announcement-notice .notice-banner .banner-container {
  height: 100%;
}
.main-announcement .announcement-notice .notice-banner .banner-slide ~ .banner-slide .notice-item {
  border-top: 1px solid #E6E6E6;
}
.main-announcement .announcement-notice .notice-banner-funcs {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.main-announcement .announcement-notice .notice-banner-funcs .banner-pager {
  width: auto;
  min-width: 60px;
  margin: 0 5px;
  font-size: 16px;
  font-weight: 500;
  color: #505050;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-notice .notice-banner-funcs .banner-pager {
    font-size: 1em;
  }
}
.main-announcement .announcement-notice .notice-banner-funcs .banner-pager .pager-now {
  font-weight: 700;
  color: #444;
}
.main-announcement .announcement-notice .notice-banner-funcs .banner-pager .pager-now:after {
  content: "/";
  margin: 0 5px;
}
.main-announcement .announcement-notice .notice-banner-funcs .banner-navi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  color: #505050;
}
.main-announcement .announcement-notice .notice-banner-funcs .banner-navi i, .main-announcement .announcement-notice .notice-banner-funcs .banner-navi .la, .main-announcement .announcement-notice .notice-banner-funcs .banner-navi .las {
  font-size: 18px;
}
.main-announcement .announcement-notice .notice-item {
  display: flex;
  flex-direction: column;
  height: 150px;
  box-sizing: border-box;
  padding: 20px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-announcement .announcement-notice .notice-item {
    flex-direction: row;
    height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-notice .notice-item {
    position: relative;
    height: auto;
    padding: 0.5em 0;
  }
}
.main-announcement .announcement-notice .notice-item .item-head {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-announcement .announcement-notice .notice-item .item-head {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-notice .notice-item .item-head {
    margin: 0;
  }
}
.main-announcement .announcement-notice .notice-item .item-head .notice-category {
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-notice .notice-item .item-head .notice-category {
    margin: 0 5px;
  }
}
.main-announcement .announcement-notice .notice-state .state-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  box-sizing: border-box;
  padding: 0 10px;
  border-radius: 5px;
  background-color: #f4f4f4;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-notice .notice-state .state-block {
    height: 1.75em;
  }
}
.main-announcement .announcement-notice .notice-state .state-block .block-text {
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-notice .notice-state .state-block .block-text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-notice .notice-state .state-block .block-text {
    font-size: 0.875em;
  }
}
.main-announcement .announcement-notice .notice-state .state-block.style--color-blue {
  background-color: #2F68C2;
  color: #fff;
}
.main-announcement .announcement-notice .notice-state .state-block.style--color-gray {
  background-color: #999999;
  color: #fff;
}
.main-announcement .announcement-notice .notice-state .state-block.style--color-emerald {
  background-color: #29A3B3;
  color: #fff;
}
.main-announcement .announcement-notice .notice-category {
  position: relative;
  flex: 0 0 95px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-notice .notice-category {
    flex: 0 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-notice .notice-category {
    position: static;
    flex: none;
  }
}
.main-announcement .announcement-notice .notice-category .category-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 95px;
  height: 30px;
  border: 1px solid #D1D1D1;
  box-sizing: border-box;
  color: #777B84;
  border-radius: 25px;
  line-height: 1;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-notice .notice-category .category-toggle {
    width: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-notice .notice-category .category-toggle {
    width: auto;
    min-width: 5em;
    height: 1.75em;
    padding: 0 0.5em;
  }
}
.main-announcement .announcement-notice .notice-category .category-toggle .toggle-text {
  font-size: 0.875em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-notice .notice-category .category-toggle .toggle-text {
    font-size: 13px;
  }
}
.main-announcement .announcement-notice .notice-category .category-toggle .toggle-icon {
  display: inline-flex;
  margin-left: 5px;
}
.main-announcement .announcement-notice .notice-category .category-toggle .toggle-icon i, .main-announcement .announcement-notice .notice-category .category-toggle .toggle-icon .omks--icon-search {
  font-size: 13px;
}
.main-announcement .announcement-notice .notice-category .category-toggle .toggle-icon img {
  width: 12px;
}
.main-announcement .announcement-notice .notice-category .category-toggle:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
  border-color: #2F68C2;
  color: #2F68C2;
}
.main-announcement .announcement-notice .notice-category .category-layer {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  transform: translateY(5px);
  width: -moz-max-content;
  width: max-content;
  max-width: 12.5em;
  box-sizing: border-box;
  padding: 5px 12px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #2F68C2;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.0705882353);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-notice .notice-category .category-layer {
    top: 2.5em;
    left: 0;
    transform: translate(0);
    max-width: calc(100vw - 2.5em);
  }
}
.main-announcement .announcement-notice .notice-category .category-layer:not(:has(.category-item)) {
  display: none;
}
.main-announcement .announcement-notice .notice-category .category-layer:has(.category-item) {
  display: block;
}
.main-announcement .announcement-notice .notice-category .category-layer.is--on {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.main-announcement .announcement-notice .notice-category .category-item {
  font-size: 0.875em;
  font-weight: 300;
  color: #2F68C2;
  line-height: 1.4;
  white-space: pre-wrap;
}
.main-announcement .announcement-notice .notice-link {
  display: inline-block;
  max-width: 100%;
  font-size: 1.0625em;
  font-weight: 400;
  color: #222;
  line-height: 1.4;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline-offset: -2px;
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-notice .notice-link {
    flex: 1 1 100%;
    display: block;
    margin: 0.625em 0 0.3125em;
  }
}
.main-announcement .announcement-notice .notice-link:hover, .main-announcement .announcement-notice .notice-link:focus {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.main-announcement .announcement-notice .notice-date {
  margin-top: auto;
  font-size: 15px;
  font-weight: 300;
  color: #666;
  white-space: nowrap;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-announcement .announcement-notice .notice-date {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-announcement .announcement-notice .notice-date {
    margin: 0;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .main-announcement .announcement-notice .notice-date {
    display: flex;
    flex: 1 1 100%;
    margin-top: none;
    font-size: 0.9375em;
  }
}
.main-announcement .announcement-layer {
  display: none;
  position: fixed;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
  max-width: 12.5em;
  box-sizing: border-box;
  padding: 5px 12px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #2F68C2;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.0705882353);
  animation: announcementLayer 0.3s ease 1 alternate both;
}
@keyframes announcementLayer {
  0% {
    opacity: 0;
    transform: translateY(5%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.main-announcement .announcement-layer.is--on {
  display: block;
}
.main-announcement .announcement-layer ul {
  margin: 0;
  padding: 0;
}
.main-announcement .announcement-layer ul li {
  list-style: none;
}
.main-announcement .announcement-layer:not(:has(.category-item)) {
  display: none;
}
.main-announcement .announcement-layer:has(.category-item) {
  display: block;
}
.main-announcement .announcement-layer .category-item {
  display: inline-block;
  font-size: 0.875em;
  font-weight: 300;
  color: #2F68C2;
  line-height: 1.2;
  word-break: keep-all;
}

/* 주요서비스 */
.main-service {
  padding: 50px 0 90px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-service {
    margin-top: -130px;
    padding: 4.6296296296vw 0 8.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .main-service {
    margin-bottom: 1.875em;
    padding: 0.625em 0 4.375em;
  }
}
.main-service .main-inner {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-service .main-inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .main-service .main-inner {
    flex-direction: column;
    align-items: center;
  }
}
.main-service .service-head {
  flex: 0 0 260px;
  margin-right: 60px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-service .service-head {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-service .service-head {
    flex: none;
    margin-bottom: 30px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .main-service .service-head {
    flex: none;
    margin-right: 0;
    margin-bottom: 0.9375em;
  }
}
.main-service .service-body {
  flex: 1 1 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-service .service-body {
    flex: none;
  }
}
@media only screen and (max-width: 767px) {
  .main-service .service-body {
    flex: none;
    width: 100%;
    position: relative;
    margin-top: -1em;
  }
}
.main-service .service-ttl {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .main-service .service-ttl {
    align-items: flex-end;
  }
}
.main-service .service-ttl .ttl-text {
  font-family: "SCDream";
  font-size: 34px;
  font-weight: 800;
  line-height: 1.4;
  color: #11264E;
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-service .service-ttl .ttl-text {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .main-service .service-ttl .ttl-text {
    font-size: 1.5em;
    white-space: nowrap;
    text-align: center;
    padding-bottom: 0.9375em;
  }
  .main-service .service-ttl .ttl-text br {
    display: none;
  }
}
.main-service .service-ttl .ttl-text b {
  color: #2F68C2;
}
@media only screen and (max-width: 767px) {
  .main-service .service-ttl .ttl-text b:before {
    content: " ";
  }
}
.main-service .service-ttl .ttl-character {
  margin-left: 15px;
}
.main-service .service-ttl .ttl-character img {
  width: 4.6875em;
}
@media only screen and (max-width: 767px) {
  .main-service .service-list {
    box-sizing: border-box;
    padding: 0 0.625em 0.9375em;
    margin-top: 1.875em;
  }
}
.main-service .service-list ul, .main-service .service-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-service .service-list ul {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .main-service .service-list ul {
    flex-wrap: wrap;
    margin-top: -3.75em;
  }
}
@media only screen and (max-width: 767px) {
  .main-service .service-list ul li {
    flex: 0 0 33%;
    margin-top: 3.75em;
  }
}
.main-service .service-link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main-service .service-link .link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px #DDE5F4;
  border-radius: 1.5625em;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-service .service-link .link-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    border-radius: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .main-service .service-link .link-icon {
    width: 5.125em;
    height: 5.125em;
    margin-bottom: 0;
    box-shadow: 0px 0px 5px #dde5f4;
  }
}
.main-service .service-link .link-icon img {
  width: 40px;
}
@media only screen and (max-width: 767px) {
  .main-service .service-link .link-icon img {
    width: 2.1875em;
  }
}
.main-service .service-link .link-icon:hover, .main-service .service-link .link-icon:focus {
  box-shadow: 0px 0px 10px #2F68C2;
  transition: all 0.3s ease;
}
.main-service .service-link .link-icon:hover ~ .link-text, .main-service .service-link .link-icon:focus ~ .link-text {
  color: #2F68C2;
  text-shadow: 0px 0px 1px #2F68C2;
  transition: all 0.3s ease;
}
.main-service .service-link .link-text {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  font-size: 17px;
  font-weight: 500;
  color: #222;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .main-service .service-link .link-text {
    bottom: -1em;
    font-size: 1em;
  }
}
.main-service .service-link.cfy--nwbi .link-icon {
  position: relative;
}
.main-service .service-link.cfy--nwbi .link-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  top: calc(50% - 20px);
  left: calc(50% + 15px);
  transform: translate(-50%, -50%);
  content: "";
  display: inline-flex;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url("../../img/main/anc-title-deco.svg");
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .main-service .service-link.cfy--nwbi .link-icon:after {
    top: calc(50% - 1.25em);
    left: calc(50% + 0.9375em);
    width: 1em;
    height: 1em;
  }
}

/* 최상단 */
.main-surface {
  position: relative;
  min-height: 580px;
  box-sizing: border-box;
  padding: 100px 0;
  overflow: hidden;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-surface {
    padding: 100px 0 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-surface {
    padding: 100px 0 50px 0;
    min-height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .main-surface {
    min-height: auto;
    padding: 3.125em 0;
    margin-bottom: 1.875em;
  }
}
.main-surface .main-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-surface .main-inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .main-surface .main-inner {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
}
.main-surface .surface-group {
  flex: 1 1 auto;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-surface .surface-group {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-surface .surface-group {
    flex: none;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .main-surface .surface-group {
    flex: none;
    max-width: 100%;
  }
}
.main-surface .main-banner {
  flex: 1 1 auto;
  flex: 0 0 540px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-surface .main-banner {
    flex: 0 0 39.7058823529vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-surface .main-banner {
    flex: none;
    margin-left: auto;
    margin-top: -100px;
  }
}
@media only screen and (max-width: 767px) {
  .main-surface .main-banner {
    flex: none;
  }
}
.main-surface .surface-visual {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110em;
  height: 580px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-surface .surface-visual {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-surface .surface-visual {
    top: 0;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .main-surface .surface-visual {
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
  }
}
.main-surface .surface-visual .visual-frame {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #F0F5FD;
  border-radius: 70px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .main-surface .surface-visual .visual-frame {
    border-radius: 0;
  }
}
.main-surface .surface-visual .visual-frame [class*=visual-shape] {
  position: absolute;
}
.main-surface .surface-visual .visual-frame .visual-shape01 {
  width: 52.8125em;
  bottom: -20.625em;
  left: -11.25em;
  animation: visualShape01 1s ease 0.1s 1 normal both;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-surface .surface-visual .visual-frame .visual-shape01 {
    left: inherit;
    right: calc(50% + 13vw);
    bottom: -24.2647058824vw;
    width: 62.1323529412vw;
  }
}
@media only screen and (max-width: 767px) {
  .main-surface .surface-visual .visual-frame .visual-shape01 {
    width: 25em;
    left: -6.25em;
    bottom: -6.25em;
  }
}
.main-surface .surface-visual .visual-frame .visual-shape02 {
  width: 61.5em;
  top: -12.5em;
  right: -11.25em;
  animation: visualShape02 1s ease 0.1s 1 normal both;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-surface .surface-visual .visual-frame .visual-shape02 {
    top: -14.7058823529vw;
    left: calc(50% + 3vw);
    right: inherit;
    width: 72.3529411765vw;
  }
}
@media only screen and (max-width: 767px) {
  .main-surface .surface-visual .visual-frame .visual-shape02 {
    top: -6.25em;
    right: -12.5em;
    width: 30em;
  }
}
@keyframes visualShape01 {
  0% {
    transform: translate(-50%, 50%);
    opacity: 0;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes visualShape02 {
  0% {
    transform: translate(50%, -100%);
    opacity: 0;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}

/* 소개 글 */
.main-wellcome {
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .main-wellcome {
    margin-bottom: 2.8125em;
  }
}
.main-wellcome .wellcome-title {
  font-family: "SCDream";
  font-size: 34px;
  font-weight: 800;
  line-height: 1.4;
  color: #11264E;
  text-align: left;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {
  .main-wellcome .wellcome-title {
    font-size: 1.5em;
    text-align: center;
  }
}
.main-wellcome .wellcome-title b {
  color: #2F68C2;
}
.main-wellcome .wellcome-paragraph {
  margin-top: 20px;
  font-size: 19px;
  font-weight: 400;
  color: #333;
  line-height: 1.6;
  word-break: keep-all;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .main-wellcome .wellcome-paragraph br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .main-wellcome .wellcome-paragraph {
    margin-top: 1em;
    font-size: 0.9375em;
    font-weight: 300;
    text-align: center;
  }
  .main-wellcome .wellcome-paragraph br {
    display: none;
  }
}
@media only screen and (max-width: 399px) {
  .main-wellcome .wellcome-paragraph br {
    display: none;
  }
}

/* 검색 */
.main-search {
  width: 730px;
  max-width: 100%;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-search {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-search {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .main-search {
    max-width: 100%;
  }
}
.main-search .search-form {
  position: relative;
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  padding-right: 80px;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-search .search-form {
    max-width: 730px;
  }
}
@media only screen and (max-width: 767px) {
  .main-search .search-form {
    height: 3.75em;
    padding-right: 3.75em;
  }
}
.main-search .search-form:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 4px solid #2F68C2;
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .main-search .search-form:before {
    border-width: 0.1875em;
  }
}
.main-search .search-form .keywords-input[type=text] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 28px;
  background: transparent;
  border-radius: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-family: "SCDream";
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .main-search .search-form .keywords-input[type=text] {
    padding: 0 1.5em;
    font-size: 0.9375em;
  }
}
.main-search .search-form .keywords-input[type=text]::-moz-placeholder {
  font-family: "SCDream";
  font-weight: 500;
  color: #2F68C2;
}
.main-search .search-form .keywords-input[type=text]::placeholder {
  font-family: "SCDream";
  font-weight: 500;
  color: #2F68C2;
}
.main-search .search-form .keywords-submit {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: #2F68C2;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media only screen and (max-width: 767px) {
  .main-search .search-form .keywords-submit {
    width: 3.75em;
    height: 3.75em;
  }
}
.main-search .search-form .keywords-submit img {
  width: 32px;
}
@media only screen and (max-width: 767px) {
  .main-search .search-form .keywords-submit img {
    width: 1.5em;
  }
}
.main-search .search-form .keywords-submit:hover, .main-search .search-form .keywords-submit:focus {
  background-color: #283142;
  transition: all 0.2s ease;
}
.main-search .hot-keywords {
  display: flex;
  align-items: flex-start;
  margin-top: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-search .hot-keywords {
    width: 50%;
    min-height: 9.375em;
  }
}
@media only screen and (max-width: 767px) {
  .main-search .hot-keywords {
    margin-top: 1.5625em;
    position: relative;
  }
}
.main-search .hot-keywords .hk-ttl {
  display: flex;
  align-items: center;
  flex: 0 0 7.5em;
  width: 7.5em;
  height: 42px;
  white-space: nowrap;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .main-search .hot-keywords .hk-ttl {
    height: 2.1875em;
  }
}
.main-search .hot-keywords .hk-ttl .ttl-icon {
  display: inline-flex;
  margin-right: 5px;
}
.main-search .hot-keywords .hk-ttl .ttl-icon img {
  width: 20px;
}
@media only screen and (max-width: 767px) {
  .main-search .hot-keywords .hk-ttl .ttl-icon img {
    width: 1.1875em;
  }
}
.main-search .hot-keywords .hk-ttl .ttl-text {
  font-size: 18px;
  font-weight: 600;
  color: #11264E;
}
@media only screen and (max-width: 767px) {
  .main-search .hot-keywords .hk-ttl .ttl-text {
    font-size: 1em;
  }
}
.main-search .hot-keywords .hk-list {
  flex: 1 1 auto;
  overflow: hidden;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .main-search .hot-keywords .hk-list {
    flex: 1 1 calc(100% - 7.5em);
    width: calc(100% - 7.5em);
    padding-bottom: 0;
  }
}
.main-search .hot-keywords .hk-list ul, .main-search .hot-keywords .hk-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-search .hot-keywords .hk-list ul {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 0 -10px;
}
.main-search .hot-keywords .hk-list ul li {
  margin: 10px 0 0 10px;
}
.main-search .hot-keywords .hk-words {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  box-sizing: border-box;
  padding: 4px 18px;
  border: 1px solid transparent;
  background-color: #fff;
  border-radius: 10px;
  color: #555F72;
  outline-offset: -3px;
}
@media only screen and (max-width: 767px) {
  .main-search .hot-keywords .hk-words {
    width: -moz-max-content;
    width: max-content;
    height: 2.1875em;
    padding: 0.25em 0.9375em;
  }
}
.main-search .hot-keywords .hk-words.style--high-light {
  background-color: #192850;
}
.main-search .hot-keywords .hk-words.style--high-light .words-text {
  color: #fff;
}
.main-search .hot-keywords .hk-words .words-text {
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .main-search .hot-keywords .hk-words .words-text {
    font-size: 0.9375em;
  }
}
.main-search .hot-keywords .hk-words:hover {
  border-color: #2F68C2;
  color: #2F68C2;
  text-shadow: 0px 0px 1px #2F68C2;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
  transition: all 0.3s ease;
}

/* 배너 팝업존 */
.main-banner {
  position: relative;
  width: 540px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .main-banner {
    width: 39.7058823529vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .main-banner {
    width: 420px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .main-banner {
    width: 380px;
  }
}
@media only screen and (max-width: 767px) {
  .main-banner {
    width: 28.75em;
    max-width: 100%;
    margin-top: 2.5em;
  }
}
.main-banner .banner-frame {
  overflow: hidden;
  box-shadow: 3px 4px 26px rgba(0, 0, 0, 0.25);
  border-radius: 1.5625em;
}
@media only screen and (max-width: 767px) {
  .main-banner .banner-frame {
    box-shadow: 3px 4px 13px rgba(0, 0, 0, 0.25);
  }
}
.main-banner .banner-image {
  display: flex;
  position: relative;
  aspect-ratio: 3/2;
  background-color: #f4f4f4;
  border-radius: 25px;
  outline-offset: -3px;
  overflow: hidden;
}
.main-banner .banner-funcs {
  position: absolute;
  bottom: -0.9375em;
  right: 0;
  z-index: 1;
  transform: translateY(100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 0.9375em;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .main-banner .banner-funcs {
    bottom: -0.625em;
  }
}
.main-banner .banner-funcs .banner-pager {
  font-weight: 600;
  color: #777;
}
.main-banner .banner-funcs .banner-pager .pager-now {
  color: #333;
}
.main-banner .banner-funcs .banner-pager .pager-now:after {
  content: "/";
  margin: 0 2.5px;
}
.main-banner .banner-funcs .banner-navi {
  display: flex;
  align-items: center;
  transform: translateX(10px);
  margin-left: 0.625em;
}
.main-banner .banner-funcs .banner-navi [class*=navi-] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 16px;
}
.main-banner .banner-funcs .banner-navi .navi-pause,
.main-banner .banner-funcs .banner-navi .navi-play {
  display: none;
}
.main-banner .banner-funcs .banner-navi .navi-pause.is--on,
.main-banner .banner-funcs .banner-navi .navi-play.is--on {
  display: flex;
}

/* 
background: linear-gradient(270deg, #FFFFFF 15.07%, rgba(255, 255, 255, 0) 182.19%);
*/
/* 게시판 */
@media only screen and (max-width: 767px) {
  .is--mobile-none {
    display: none;
  }
}

/* 카드 */
.board--card {
  margin: 0.625em 0;
  border: 0.0625em solid #c4c4c4;
  border-radius: 0.3125em;
}
.board--card .card-row {
  display: flex;
  align-items: center;
  padding: 0.625em 0.75em;
}
.board--card .card-row ~ .card-row {
  border-top: 0.0625em solid #ececec;
}
.board--card .card-head {
  display: flex;
  align-items: center;
  padding: 0.625em 0.9375em;
  border-bottom: 0.0625em solid #c4c4c4;
  border-radius: 0.3125em 0.3125em 0 0;
  background-color: #fcfcfc;
}
@media only screen and (max-width: 767px) {
  .board--card .card-head {
    flex-wrap: wrap;
  }
}
.board--card .card-head .card-button {
  margin-left: auto;
  border: 1px solid #ccc;
}
.board--card .card-body {
  padding: 0;
}
.board--card .card-body ~ .card-head {
  border-top: 1px solid #ccc;
  border-radius: 0;
}
.board--card .card-title {
  margin: 0;
  padding: 0.3125em 0.625em;
  font-size: 1.1875em;
  font-weight: 600;
  color: #1f2020;
  line-height: 1.2;
}
.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.625em;
  background-color: #ededed;
  border-radius: 0.9375em;
  font-size: 0.875em;
}
.board--card .card-info {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: -0.5em;
}
.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) {
  .board--card .card-info li {
    flex: 1 1 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .board--card .card-info li {
    flex: 1 1 100%;
  }
}
@media only screen and (max-width: 767px) {
  .board--card .card-info li {
    flex: 1 1 100%;
  }
}
.board--card .card-info li .info-title {
  flex: none;
}
.board--card .card-info li .info-title ~ .info-contents {
  flex: none;
  margin-top: 0.3125em;
}
@media only screen and (max-width: 767px) {
  .board--card .card-info li .info-title ~ .info-contents {
    padding: 0 0.3125em;
  }
}
.board--card .card-info li:last-child {
  flex-grow: 1;
}
@media only screen and (min-width: 1081px) {
  .board--card .card-info.style--width-half li {
    flex: 0 0 50%;
  }
}
.board--card .card-info .info-title,
.board--card .card-info .info-contents {
  box-sizing: border-box;
  padding: 0 0.3125em;
}
.board--card .card-info .info-title {
  position: relative;
  flex: 0 0 5em;
  box-sizing: border-box;
  font-size: 1em;
  color: #555;
  line-height: 1.3;
  font-weight: 400;
}
.board--card .card-info .info-contents {
  flex: 1 1 auto;
  font-size: 1.0625em;
  color: #000;
  line-height: 1.5;
  font-weight: 500;
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* 아코디언 */
.board--accordion {
  margin: 1em 0;
}
.board--accordion .accordion-item {
  border-radius: 0.325em;
  border: 1px solid #ededed;
  overflow: hidden;
}
.board--accordion .accordion-item ~ .accordion-item {
  margin-top: 0.75em;
}
.board--accordion .accordion-item.is--on .accordion-body {
  display: block;
}
.board--accordion .accordion-item.is--on .accordion-toggle {
  transform: rotateZ(180deg);
}
.board--accordion .accordion-head {
  display: flex;
  align-items: center;
  height: 2.5em;
  background-color: #ededed;
}
.board--accordion .accordion-body {
  display: none;
  padding: 1.25em;
}
.board--accordion .accordion-title {
  display: flex;
  align-items: center;
  margin: 0 1.25em;
  font-size: 1em;
  font-weight: 600;
  color: #1f2020;
  line-height: 1.2;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.board--accordion .accordion-title [class*=omks--icon-] {
  font-size: 1.2em;
  margin-right: 0.5em;
}
.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;
}
.board--accordion .accordion-func-button [class*=omks--icon-] {
  margin-right: 0.5em;
}
.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: #686868;
  transform-origin: center;
}

/* 동의 */
.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.0625em);
}
.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;
}

/* 국제협력사업 목록 */
.board--icoop .icoop-list {
  border-top: 0.125em solid #000000;
}
.board--icoop .icoop-item {
  display: flex;
  padding: 1.25em 0.5em;
  border-bottom: 1px solid var(--omks-outline);
}
@media only screen and (max-width: 480px) {
  .board--icoop .icoop-item {
    position: relative;
  }
}
.board--icoop .icoop-item .item-contents {
  display: flex;
  flex-direction: column;
}
.board--icoop .icoop-item .item-category {
  margin-bottom: 0.5em;
  font-size: 1em;
  font-weight: 300;
  color: #2F68C2;
  line-height: 1;
}
.board--icoop .icoop-item .item-title {
  margin-bottom: 0.5em;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.3;
}
.board--icoop .icoop-item .item-title a:hover {
  color: #0080E2;
  text-shadow: 0px 0px 1px #0080E2;
}
.board--icoop .icoop-item .item-foot {
  display: flex;
  align-items: flex-start;
  margin-top: auto;
}
.board--icoop .icoop-item .item-foot .item-attached {
  margin-left: auto;
}
.board--icoop .icoop-item .item-info {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.board--icoop .icoop-item .item-info li {
  padding: 0;
  margin: 0;
  position: relative;
  margin-right: 0.625em;
  padding-left: 0.6em;
  font-size: 0.875em;
  font-weight: 400;
  color: #666;
}
.board--icoop .icoop-item .item-info li:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 0.3125em;
  height: 0.3125em;
  border-radius: 50%;
  background-color: #2F68C2;
}
.board--icoop .icoop-item .item-info .info-title {
  font-weight: 500;
  color: #2F68C2;
}
.board--icoop .icoop-item .item-body {
  margin-bottom: 1em;
}
.board--icoop .icoop-item .item-preview {
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 0.9375em;
  line-height: 1.4;
  color: #777;
}
.board--icoop .icoop-item .item-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.board--icoop .icoop-item .item-head .item-title {
  flex: 1 1 100%;
}
.board--icoop .icoop-item .item-head .item-type {
  display: inline-flex;
  font-size: 1em;
  line-height: 1;
  padding: 0.4em 0.8em;
  margin-bottom: 0.5em;
  margin-right: 0.25em;
  background-color: #f4f4f4;
  border-radius: 0.3125em;
}
.board--icoop .icoop-item .item-head .item-type.style--color-blue {
  background-color: rgba(64, 119, 200, 0.1);
  color: #4077C8;
}
.board--icoop .icoop-item .item-head .item-type.style--color-gray {
  background-color: #999999;
  color: #fff;
}
.board--icoop .icoop-item .item-head .item-type.style--color-emerald {
  background-color: rgba(41, 163, 179, 0.1);
  color: #29A3B3;
}
.board--icoop .icoop-item .item-head .item-type.style--color-red {
  background-color: rgba(238, 46, 91, 0.1);
  color: #EE2E5B;
}
.board--icoop .icoop-match {
  color: var(--omks-primary-blue2) !important;
  font-weight: 600 !important;
}

.board--icoop .omks--card.is--hidden {
  padding-bottom: 1em;
  border-bottom: 0.0625em solid #ccc;
}
.board--icoop .omks--card.is--hidden .omks--card-body {
  display: none;
}
.board--icoop .omks--card.is--hidden .omks--card-title {
  color: #aaa;
}
.board--icoop .omks--card-head {
  display: flex;
  align-items: flex-end;
}
.board--icoop .omks--card-head .icoop-fold-button {
  margin-left: auto;
}
.board--icoop .icoop-fold-button .omks--button {
  min-width: auto;
}
.board--icoop .icoop-fold-button .omks--button .button-text {
  margin-right: 0.5em;
}
.board--icoop .icoop-fold-button .omks--button .button-text:before {
  content: "접기";
}
.board--icoop .icoop-fold-button .omks--button.is--on .button-text:before {
  content: "펼치기";
}
.board--icoop .icoop-fold-button .omks--button.is--on .button-icon {
  transform: rotateZ(180deg);
}

/* 기타 입력 셋 */
.etc-input-set {
  display: flex;
  align-items: center;
}
.etc-input-set .omks--choice ~ .omks--input {
  margin-left: 0.625em;
}
.etc-input-set .omks--input {
  margin: 0.625em;
  height: 1.7em;
}
.etc-input-set .set-title {
  font-weight: 500;
}

/* 검색 트리 */
.depths-tree {
  width: -moz-max-content;
  width: max-content;
  width: 100%;
  max-width: 100%;
}
.depths-tree .tree-filter {
  position: relative;
  display: flex;
  margin-bottom: 2.1875em;
  overflow: hidden;
}
.depths-tree .tree-filter .filter-input {
  flex: 1 1 calc(100% - 3.75em);
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: #fff;
  width: 100%;
  height: 3.125em;
  box-sizing: border-box;
  border: 0.0625em solid var(--omks-tableline);
  padding: 0 0.875em;
  padding-right: 3.75em;
  border-radius: var(--omks-radius-1x);
  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 {
  flex: 0 0 3.125em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125em;
  height: 3.125em;
  margin-left: 0.625em;
  background-color: #404966;
  border-radius: var(--omks-radius-1x);
  font-size: 1em;
  line-height: 1;
  color: #fff;
}
.depths-tree .tree-filter .filter-submit [class*=omks--icon] {
  font-size: 1.25em;
}
.depths-tree .tree-contents {
  display: flex;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .depths-tree .tree-contents {
    flex-direction: column;
  }
}
.depths-tree .tree-tab {
  flex: 0 0 20em;
  width: 20em;
}
@media only screen and (max-width: 767px) {
  .depths-tree .tree-tab {
    flex: none;
    width: 100%;
    margin: 0 0 1em 0;
  }
}
.depths-tree .tree-wrap {
  flex: 1 1 auto;
  width: 37.5em;
}
@media only screen and (max-width: 767px) {
  .depths-tree .tree-wrap {
    flex: none;
    width: 100%;
  }
}
.depths-tree .tree-head {
  margin-bottom: 0.625em;
}
.depths-tree .tree-title {
  position: relative;
  padding: 0;
  margin: 0;
  font-size: 1.0625em;
  font-weight: 500;
  line-height: 1.3;
}
.depths-tree .tree-body {
  background-color: #F4F5F9;
  overflow: hidden;
}
.depths-tree .tree-body > .tree-list {
  max-height: 25em;
  box-sizing: border-box;
  border: 0.0625em solid #ececec;
  overflow-y: auto;
}
.depths-tree .tree-body > .tree-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.depths-tree .tree-body > .tree-list::-webkit-scrollbar-track {
  background-color: #f3f5f7;
}
.depths-tree .tree-body > .tree-list::-webkit-scrollbar-thumb {
  background-color: #6c6c6c;
}
.depths-tree .tree-body > .tree-list::-webkit-scrollbar-corner {
  background-color: #f3f5f7;
}
.depths-tree .tree-item {
  background-color: #fff;
}
.depths-tree .tree-item ~ .tree-item {
  border-top: 0.0625em solid #E1E1E1;
}
.depths-tree .tree-item .tree-list {
  display: none;
  position: relative;
}
.depths-tree .tree-item .tree-list .tree-item,
.depths-tree .tree-item .tree-list .tree-item.is--on {
  background-color: rgb(234, 240, 249);
}
.depths-tree .tree-item .tree-list .tree-item .tree-subject,
.depths-tree .tree-item .tree-list .tree-item.is--on .tree-subject {
  background-color: rgb(234, 240, 249);
  color: #333;
}
.depths-tree .tree-item .tree-list .tree-subject {
  padding-left: 3.75em;
  background: transparent;
}
.depths-tree .tree-item .tree-list .tree-list .tree-item {
  background-color: #fff;
}
.depths-tree .tree-item .tree-list .tree-list .tree-item .tree-subject {
  background-color: #fff;
  color: #555;
}
.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: 0.1875em;
  background-image: url("../../img/board/tree-depths.svg");
}
.depths-tree .tree-item.is--on > .tree-subject {
  background-color: #2F68C2;
  color: #fff;
}
.depths-tree .tree-item.is--on > .tree-subject .tree-toggle {
  transform: rotateZ(180deg);
}
.depths-tree .tree-item.is--on > .tree-list {
  display: block;
}
.depths-tree .tree-item.is--on:has(.tree-list) + .tree-item {
  margin-top: 0;
}
.depths-tree .tree-subject {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 3.125em;
  padding: 0.3125em 1em;
  font-size: 1em;
  line-height: 1.2;
}
.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 .subject-dot {
  display: none;
  flex: 0 0.625em;
  width: 0.625em;
  height: 0.625em;
  border-radius: 50%;
  background-color: #0080E2;
  margin-right: 0.5em;
  transform: skewY(-0.01deg);
}
.depths-tree .tree-subject .tree-link {
  flex: 1 1 calc(100% - 3.125em);
  width: calc(100% - 3.125em);
}
.depths-tree .tree-subject .tree-toggle {
  position: absolute;
  top: 0;
  right: 0;
  flex: 0 0 3.125em;
  width: 3.125em;
  height: 100%;
}
.depths-tree .tree-link {
  text-underline-offset: 0.125em;
}
.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;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125em;
  height: 3.125em;
  transform-origin: center;
  font-size: 1.25em;
}
.depths-tree .tree-cart {
  margin: 1em 0 2.1875em;
}
.depths-tree .tree-cart .board--accordion {
  padding: 0;
  border: none;
}
.depths-tree .tree-cart .board--accordion .accordion-head {
  padding: 0;
  background-color: transparent;
}
.depths-tree .tree-cart .board--accordion .accordion-body {
  min-height: 3em;
  box-sizing: border-box;
  padding: 0.75em 1em;
  background-color: #F9F9F9;
  border-radius: var(--omks-radius-1x);
}
.depths-tree .tree-cart .board--accordion .accordion-item {
  padding: 0;
  border: none;
}
.depths-tree .tree-cart .board--accordion .accordion-title {
  margin: 0;
  font-size: 1.0625em;
}
.depths-tree .tree-cart .board--accordion .accordion-toggle {
  display: none;
}
.depths-tree .tree-cart .board--accordion:not(:has(.tag-item)) {
  display: none;
}
.depths-tree .tree-cart .board--accordion:has(.tag-item) {
  display: block;
}
.depths-tree .omks--tag.tag-block {
  max-width: 56.25em;
}
.depths-tree .omks--choice .omks--choice-text {
  padding-top: 0.1em;
}
.depths-tree .omks--choice .omks--choice-input[type=checkbox] ~ .omks--choice-icon {
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.625em;
  border-color: #919191;
}
.depths-tree .omks--choice .omks--choice-input[type=checkbox] ~ .omks--choice-icon:before {
  width: 0.6em;
  height: 0.75em;
  border-color: #2F68C2;
}
.depths-tree .omks--choice .omks--choice-input[type=checkbox]:checked ~ .omks--choice-icon {
  background-color: #fff;
  border-color: #919191;
}
.depths-tree .omks--choice .omks--choice-input[type=checkbox]:checked ~ .omks--choice-icon:before {
  border-color: #2F68C2;
}
.depths-tree .tree-body > .tree-list > .tree-item.is--on > .tree-subject .omks--choice .omks--choice-input:checked ~ .omks--choice-text {
  color: #fff;
}
.depths-tree .tree-body > .tree-list > .tree-item.is--on > .tree-subject .omks--choice .omks--choice-input:checked ~ .omks--choice-icon {
  background-color: #fff;
  border-color: #fff;
}
.depths-tree .tree-body > .tree-list > .tree-item.is--on > .tree-subject .omks--choice .omks--choice-input:checked ~ .omks--choice-icon:before {
  border-color: var(--omks-primary-blue2);
}
/* 수신 알림 */
.noti-receive {
  width: 40em;
  max-width: 100%;
  text-align: left;
}
.noti-receive .noti-receive-set .set-list {
  padding: 0;
  margin: 0;
  border: none;
  list-style: none;
  display: flex;
}
.noti-receive .noti-receive-set .set-list li {
  padding: 0;
  margin: 0;
  border: none;
  list-style: none;
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  width: 50%;
  box-sizing: border-box;
  padding: 0.625em;
}
.noti-receive .noti-receive-set .set-title {
  margin-right: 0.625em;
  font-size: 1em;
  font-weight: 500;
}

/* 게사판 목록 상단 카드 스타일 */
.omks--card.style--board-field .omks--card-body {
  padding: 1.25em;
  background-color: #f6f9fe;
  border: 0.0625em solid #f1f2f3;
  border-radius: 0.3125em;
}
@media only screen and (max-width: 767px) {
  .omks--card.style--board-field .omks--card-body {
    padding: 0.625em;
  }
}

/* 설문 */
.cms-omks--survey {
  background-color: #eef3f7;
  padding: 3.125em;
  border-radius: 0.3125em;
  font-size: 1em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--survey {
    padding: 2em 1em;
    font-size: 0.9325em;
  }
}
.cms-omks--survey .survey-head {
  position: relative;
  font-size: 1em;
  padding-bottom: 2em;
}
.cms-omks--survey .survey-head:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0.3125em;
  background-color: #0152a5;
  border-radius: 0.3125em;
}
.cms-omks--survey .survey-head ~ .survey-body, .cms-omks--survey .survey-head ~ .survey-foot {
  margin-top: 2em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--survey .survey-head ~ .survey-body, .cms-omks--survey .survey-head ~ .survey-foot {
    margin-top: 1.5em;
  }
}
.cms-omks--survey .survey-title {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  font-weight: 600;
  color: #0152a5;
  line-height: 1.3;
}
.cms-omks--survey .survey-description {
  margin-top: 1em;
  padding: 1.25em;
  border-radius: 0.3125em;
  background-color: #fff;
  font-size: 1em;
  font-weight: 400;
  color: #777;
  line-height: 1.5;
}
.cms-omks--survey .survey-period {
  display: flex;
  align-items: center;
  margin-top: 1em;
  height: 2.25em;
  box-sizing: border-box;
  padding: 0 1em;
  background-color: #fff;
  border-radius: 1.25em;
  font-size: 1em;
  line-height: 1.4;
  color: #777;
}
.cms-omks--survey .survey-period .period-ttl:after {
  content: "|";
  margin: 0 1em;
}
.cms-omks--survey .survey-submit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3.4375em;
  border-radius: 0.3125em;
  background-color: #43709a;
}
.cms-omks--survey .survey-submit .button-text {
  font-size: 1.125em;
  font-weight: 400;
  color: #fff;
}
.cms-omks--survey .survey-card {
  padding: 1.875em;
  background-color: #fff;
  border-radius: 0.3125em;
  box-shadow: 0px 2px 0.85px 0.15px rgba(0, 0, 0, 0.03);
}
@media only screen and (max-width: 767px) {
  .cms-omks--survey .survey-card {
    padding: 1em 1.125em;
  }
}
.cms-omks--survey .survey-card ~ .survey-card {
  margin-top: 2.5em;
}
@media only screen and (max-width: 767px) {
  .cms-omks--survey .survey-card ~ .survey-card {
    margin-top: 1.5em;
  }
}
.cms-omks--survey .survey-question {
  margin: 0;
  padding: 0;
}
.cms-omks--survey .survey-question .question-title {
  font-size: 1.125em;
  font-weight: 500;
  color: #444;
}
.cms-omks--survey .survey-question .question-title .title-order {
  color: #0152a5;
}
.cms-omks--survey .survey-question .question-title .title-option {
  font-size: 0.84em;
  font-weight: 400;
  color: #777;
}
.cms-omks--survey .survey-question .question-title.is--require:before {
  content: "*";
  color: #cf2b2b;
  margin: 0.25em;
}
.cms-omks--survey .survey-question .question-description {
  margin: 0;
  padding: 0;
  margin-top: 0.15em;
  font-size: 0.9375em;
  font-weight: 400;
  color: #777777;
  line-height: 1.5;
}
.cms-omks--survey .survey-answer {
  margin-top: 0.9375em;
}
.cms-omks--survey .survey-answer .answer-item {
  display: flex;
  padding: 1em 1.125em;
  border-radius: 0.3125em;
  border: 0.0625em solid #f3f3f3;
  background-color: #f7f8fb;
}
.cms-omks--survey .survey-answer .answer-item:focus-within {
  border-color: #0152a5;
}
.cms-omks--survey .survey-answer .answer-item ~ .answer-item {
  margin-top: 0.625em;
}
.cms-omks--survey .survey-answer .answer-item textarea, .cms-omks--survey .survey-answer .answer-item .omks--textarea {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
}
.cms-omks--survey .survey-ref {
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  color: #cf2b2b;
  font-weight: 400;
}
.cms-omks--survey .survey-ref:last-child {
  margin-top: 0.75em;
}

/* 비밀번호 확인 */
.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;
}
.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 .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 .omks--input::-moz-placeholder {
  font-family: "NanumSquare";
}
.password-confirm .confirm-form .omks--input::placeholder {
  font-family: "NanumSquare";
}

/* 국제협력 상세검색 옵션 레이어 */
.omks--search {
  position: relative;
}
.omks--search .ncs-filter-layer {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  transform: translateY(0.5em);
  width: 100%;
  width: 55em;
  max-width: 100%;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  border-radius: 0.3125em;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transform: translateY(1em);
  transition: all 0.3s ease;
}
.omks--search .ncs-filter-layer.is--on {
  visibility: visible;
  opacity: 1;
  transform: translateY(0.5em);
}
.omks--search .ncs-filter-layer .nfl-body {
  padding: 1em;
}
.omks--search .ncs-filter-layer .nfl-foot {
  padding: 1em;
  border-top: 0.0625em solid #ececec;
}
.omks--search .ncs-filter-layer .nf-row {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .omks--search .ncs-filter-layer .nf-row {
    flex-direction: column;
  }
}
.omks--search .ncs-filter-layer .nf-row ~ .nf-row {
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 0.0625em solid #ececec;
}
.omks--search .ncs-filter-layer .nf-row .nfr-ttl {
  flex: 0 0 10em;
  width: 10em;
  box-sizing: border-box;
  padding: 0 1em 0 0;
  margin-right: 1em;
}
@media only screen and (max-width: 767px) {
  .omks--search .ncs-filter-layer .nf-row .nfr-ttl {
    flex: none;
    width: 100%;
    margin: 0 0 0.5em 0;
    padding: 0;
  }
}
.omks--search .ncs-filter-layer .nf-row .nfr-ttl .ttl-text {
  font-size: 1em;
  line-height: 1.2;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.omks--search .ncs-filter-layer .nf-row .nfr-con {
  flex: 1 1 auto;
  width: calc(100% - 11em);
}
@media only screen and (max-width: 767px) {
  .omks--search .ncs-filter-layer .nf-row .nfr-con {
    flex: none;
    width: 100%;
  }
}
.omks--search .ncs-filter-layer .nf-oplist {
  display: flex;
  margin: -0.5em 0 0 -1em;
}
.omks--search .ncs-filter-layer .nf-oplist:after {
  display: block;
  clear: both;
  content: "";
}
.omks--search .ncs-filter-layer .nf-oplist li {
  display: inline-flex;
  align-items: center;
  height: 2.25em;
  margin: 0.5em 0 0 1em;
}
.omks--search .ncs-filter-layer .nf-period-set {
  display: flex;
  flex-direction: column;
}
.omks--search .ncs-filter-layer .nf-period-set .omks--period {
  display: none;
  margin-top: 0.8em;
}
.omks--search .ncs-filter-layer .nf-period-set .omks--period.is--on {
  display: flex;
}
.omks--search .ncs-filter-layer .nf-tag-selector {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.omks--search .ncs-filter-layer .nf-tag-selector .nfts-button {
  min-width: auto;
}
.omks--search .ncs-filter-layer .nf-filter-keywords .fk-row {
  display: flex;
  margin: 0 0 0 -1em;
}
@media only screen and (max-width: 767px) {
  .omks--search .ncs-filter-layer .nf-filter-keywords .fk-row {
    flex-direction: column;
    margin: 0;
    margin-top: -0.5em;
  }
}
.omks--search .ncs-filter-layer .nf-filter-keywords .fk-col {
  flex: 1 1 calc(25% - 1em);
  width: calc(25% - 1em);
  margin: 0 0 0 1em;
}
@media only screen and (max-width: 767px) {
  .omks--search .ncs-filter-layer .nf-filter-keywords .fk-col {
    flex: none;
    width: 100%;
    margin: 0;
    margin-top: 0.5em;
  }
}
.omks--search .ncs-filter-layer .nf-filter-keywords .fk-col:last-child {
  flex: 0 0 calc(50% - 1em);
  width: calc(50% - 1em);
}
@media only screen and (max-width: 767px) {
  .omks--search .ncs-filter-layer .nf-filter-keywords .fk-col:last-child {
    flex: none;
    width: 100%;
  }
}
.omks--search.style--ncs {
  padding: 1.25em;
  background-color: #a1bdde;
  border: 0.0625em solid #ececec;
  border-radius: 0.3125em;
  justify-content: center;
  background-repeat: no-repeat;
  background-image: url("../../img/board/logo-default.svg");
  background-position: 0 100%;
  background-size: 4em auto;
}
@media only screen and (max-width: 767px) {
  .omks--search.style--ncs {
    padding: 0.25em;
  }
}
.omks--search.style--ncs .search-keywords {
  width: 50em;
  border: none;
  border-radius: 0;
}
.omks--search.style--ncs .search-keywords .omks--input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.omks--search.style--ncs .search-keywords .omks--input + .keywords-button {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.omks--search.style--ncs .search-keywords .keywords-button {
  border-radius: 0.3125em;
  margin-left: 0.5em;
}

/* 부서별 통계 */
.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;
}

/* 사전정보공표, 경영공시 관리 */
.cm-funcs {
  position: relative;
}
.cm-funcs .cmf-layer {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: var(--omks-radius-1x);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  width: -moz-max-content;
  width: max-content;
  min-width: 20em;
  max-width: 40em;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
  height: 0;
  overflow: hidden;
}
.cm-funcs .cmf-layer.is--on {
  visibility: visible;
  opacity: 1;
  height: auto;
  overflow: initial;
}
.cm-funcs .cmf-layer .cmfl-frame {
  position: relative;
  font-size: 0.9375em;
  border-radius: inherit;
}
.cm-funcs .cmf-layer .cmfl-head {
  display: flex;
  align-items: center;
  height: 2.5em;
  padding: 0 1em;
  background-color: #3d6ac7;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.cm-funcs .cmf-layer .cmfl-body {
  padding: 1em;
}
.cm-funcs .cmf-layer .cmfl-label {
  display: flex;
  font-size: 1em;
  line-height: 1.4;
  color: #fff;
}
.cm-funcs .cmf-layer .cmfl-close {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  color: #fff;
}
.cm-funcs .cmf-layer .cmfl-form .omks--input {
  min-width: 15em;
  width: 100%;
}
.cm-funcs .cmf-layer .omks--button.style--color-void {
  color: #828282;
}

/* 파일 드롭 박스 */
.board--file-drop {
  display: flex;
  flex-direction: column;
}
.board--file-drop .drop-area .area-label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 5em;
  box-sizing: border-box;
  padding: 1em;
  border: 0.125em dashed #ccc;
  color: #777;
}
.board--file-drop .drop-area .area-label .label-icon {
  display: inline-flex;
  font-size: 3em;
  margin-bottom: 0.1666666667em;
}
.board--file-drop .drop-area .area-label .label-text {
  font-size: 1.0625em;
  line-height: 1.4;
}
.board--file-drop .drop-attached {
  margin-top: 2em;
}

/* 답변 */
.omks--board-answer {
  border-bottom: 0.125em solid var(--omks-tableline);
  padding-bottom: 1em;
  margin-bottom: 2em;
}
.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);
}
.omks--board-answer .answer-head .head-row {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1em;
}
.omks--board-answer .answer-body {
  padding: 1em 0;
}
.omks--board-answer .answer-funcs {
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0;
  font-size: 1em;
  color: #444444;
}
.omks--board-answer .answer-funcs .funcs-button-group {
  margin-left: auto;
}
.omks--board-answer .answer-funcs .funcs-button .button-text {
  font-size: 1.0625em;
}
.omks--board-answer .answer-funcs .funcs-button .button-icon {
  margin-left: 0.5em;
  font-size: 1.3em;
}
.omks--board-answer .answer-funcs .omks--stnc {
  font-size: 0.9375em;
}
.omks--board-answer .answer-count {
  font-size: 1.125em;
  line-height: 1;
}
.omks--board-answer .answer-count b {
  font-weight: 600;
}
.omks--board-answer .answer-title {
  margin-bottom: 1.25em;
}
.omks--board-answer .answer-title .title-paragraph {
  display: inline-flex;
  background-color: aliceblue;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.4;
}
.omks--board-answer .answer-request ~ .answer-document {
  margin-top: 2em;
}
.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;
}
.omks--board-answer .answer-request .request-toggle .button-text {
  display: inline-flex;
  padding-left: 1.25em;
  font-size: 1.0625em;
  word-break: break-word;
}
.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;
}
.omks--board-answer .answer-request .request-toggle.is--on:after {
  transform: translateY(-50%) rotateZ(-90deg);
}
.omks--board-answer .answer-request .request-toggle.is--on ~ [class*=block-] {
  display: none;
}
.omks--board-answer .answer-request .request-toggle.is--on ~ .answer-write {
  display: none;
}
.omks--board-answer .answer-request:not(:has(.request-toggle)) {
  display: none;
}
.omks--board-answer .answer-block ~ .answer-block {
  margin-top: 5em;
}
.omks--board-answer .answer-block:first-child.d-none ~ .answer-block {
  margin-top: 0;
}
.omks--board-answer .answer-block .block-head {
  position: relative;
  padding: 1em 1.25em;
  background: #F4F5F9;
  border-radius: var(--omks-radius-2x);
}
.omks--board-answer .answer-block .block-head .head-row {
  display: flex;
  align-items: center;
}
.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);
}
.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;
}
.omks--board-answer .answer-block .block-foot {
  margin-bottom: 2em;
}
.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;
}
.omks--board-answer .answer-block .block-notice .omks--stnc b {
  font-weight: 500;
}
.omks--board-answer .answer-block .block-notice .omks--text.style--color-emerald {
  color: var(--omks-color-emerald);
}
.omks--board-answer .answer-block .block-notice .omks--text.style--color-blue {
  color: var(--omks-primary-blue2);
}
.omks--board-answer .answer-block .answer-state {
  position: absolute;
  top: 1em;
  right: 1em;
}
.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;
}
.omks--board-answer .answer-block .answer-thumbs img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  max-width: 80%;
}
.omks--board-answer .answer-block .answer-who {
  display: flex;
  align-items: center;
  padding-top: 0.5em;
}
@media only screen and (max-width: 767px) {
  .omks--board-answer .answer-block .answer-who {
    flex-direction: column;
    align-items: flex-start;
  }
}
.omks--board-answer .answer-block .answer-who .who-name {
  padding: 0 0.5em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
}
.omks--board-answer .answer-block .answer-who .who-contact {
  display: flex;
  margin-left: 0.5em;
}
@media only screen and (max-width: 767px) {
  .omks--board-answer .answer-block .answer-who .who-contact {
    margin-top: 0.75em;
    margin-left: 0;
  }
}
.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;
}
.omks--board-answer .answer-block .answer-who .who-contact .contact-item ~ .contact-item {
  margin-left: 1em;
}
.omks--board-answer .answer-block .answer-info .info-item {
  padding: 0 0.5em;
}
.omks--board-answer .answer-block .answer-info .info-item ~ .info-item {
  margin-top: 0.5em;
}
.omks--board-answer .answer-block .answer-info .info-item:after {
  content: "";
  display: block;
  clear: both;
}
.omks--board-answer .answer-block .answer-info .info-item .item-ttl {
  position: relative;
  float: left;
  margin-right: 1em;
  padding-right: 1em;
}
.omks--board-answer .answer-block .answer-info .info-item .item-ttl:after {
  position: absolute;
  top: 0;
  right: 0;
  transform: skewY(-0.01deg);
  content: "|";
}
.omks--board-answer .answer-block .answer-info .info-item .item-cont {
  display: block;
  overflow: hidden;
}
.omks--board-answer .answer-block .answer-attached {
  display: flex;
  flex-wrap: wrap;
}
.omks--board-answer .answer-block .answer-attached .attached-file {
  position: relative;
  margin-right: 1.25em;
}
.omks--board-answer .answer-block .answer-attached .attached-file:after {
  content: "";
  display: block;
  clear: both;
}
.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) {
  .omks--board-answer .answer-block .answer-attached .attached-file .file-icon {
    width: 2.037037037vw;
  }
}
@media only screen and (max-width: 767px) {
  .omks--board-answer .answer-block .answer-attached .attached-file .file-icon {
    width: 3.2vw;
    margin-right: 0.6666666667vw;
  }
}
.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;
}
.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;
}
.omks--board-answer .answer-block .answer-attached .attached-file .file-name:hover {
  color: var(--omks-primary-blue2);
}
.omks--board-answer .answer-block .block-head {
  position: relative;
  border: 0.125em solid var(--omks-color-blue);
}
.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;
}
.omks--board-answer .answer-block.style--color-emerald .block-head {
  border-color: var(--omks-color-emerald);
}
.omks--board-answer .answer-block.style--color-emerald .block-head:after {
  content: "이관";
  background-color: var(--omks-color-emerald);
}
.omks--board-answer .answer-block.style--color-red .block-head {
  border-color: var(--omks-color-red);
}
.omks--board-answer .answer-block.style--color-red .block-head:after {
  content: "타부서 답변요청";
  background-color: var(--omks-color-red);
}
.omks--board-answer .answer-date {
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 0.9375em;
  font-weight: 300;
  line-height: 1.4;
  color: #999;
}
.omks--board-answer .answer-align {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.omks--board-answer .answer-align .align-button {
  display: flex;
  align-items: center;
  padding: 0 0.5em;
  color: #aaa;
}
.omks--board-answer .answer-align .align-button .button-text {
  font-weight: 300;
}
.omks--board-answer .answer-align .align-button .button-text:after {
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f309";
  font-size: 1.1em;
}
.omks--board-answer .answer-align .align-button.is--on {
  color: #333;
}
.omks--board-answer .answer-align .align-button.is--on .button-text {
  font-weight: 600;
}
.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;
}
.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) {
  .omks--board-answer .answer-notice {
    flex-direction: column;
    align-items: flex-start;
    padding: 1em 1.25em;
  }
}
.omks--board-answer .answer-notice .notice-button {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .omks--board-answer .answer-notice .notice-button {
    margin-left: 0;
    margin-top: 0.75em;
  }
}
.omks--board-answer .answer-notice .notice-button .button-icon {
  font-size: 1.2em;
  margin-right: 0.25em;
}

/* 목록 조회 조건 */
.list-request-option {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 3.125em;
  box-sizing: border-box;
  padding: 0 1.25em;
  border: 0.0625em solid var(--omks-outline);
  border-radius: var(--omks-radius-2x);
}
.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;
}
.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;
}

/* 특이사항 */
.d-none ~ .answer-block {
  margin-top: 0;
}

/* 상단 버튼 */
.board-head-buttons .omks--button-group .omks--button {
  background-color: #232A3C;
  color: #fff;
  min-height: 3.125em;
  height: auto;
  padding: 0 1.125em;
}
.board-head-buttons .omks--button-group .omks--button:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
  background-color: #203d88;
}

/* 직원 안내 */
.board-staff {
  position: relative;
}
.board-staff .staff-work-layer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  transform: translate(-50%, -50%);
  padding: 0.625em 1.25em 1.25em;
  background-color: #fff;
  border-radius: 0.9375em;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  visibility: hidden;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease;
}
.board-staff .staff-work-layer.is--on {
  visibility: visible;
  z-index: 0;
  opacity: 1;
}
.board-staff .staff-work-layer .work-layer-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 0.625em;
  margin-bottom: 0.625em;
  border-bottom: 1px solid #ececec;
}
.board-staff .staff-work-layer .work-layer-body {
  padding: 0.875em;
  background-color: #f4f4f4;
  border-radius: 0.3125em;
}
.board-staff .staff-work-layer .work-layer-close {
  margin-left: auto;
  display: inline-flex;
}
.board-staff .staff-work-layer .work-layer-close .close-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.375em;
  height: 2.375em;
}
.board-staff .staff-work-layer .work-layer-close .close-button i, .board-staff .staff-work-layer .work-layer-close .close-button .la, .board-staff .staff-work-layer .work-layer-close .close-button .las {
  font-size: 1.6em;
}
@media only screen and (max-width: 767px) {
  .board-staff .staff-work {
    display: none;
  }
}
.board-staff .staff-work-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .board-staff .staff-work-mobile {
    display: block;
  }
}
.board-staff .staff-work-mobile .mobile-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75em;
  height: 2.75em;
  background-color: #f1f1f1;
  border: 1px solid #ececec;
  border-radius: 0.625em;
  color: #333;
}
.board-staff .staff-work-mobile .mobile-button i, .board-staff .staff-work-mobile .mobile-button .la, .board-staff .staff-work-mobile .mobile-button .las {
  font-size: 1.6em;
}

/* 연구재단 국문 사업내용 */
/* 19.11.22 - JA PARK */
.scroll_table {
  width: 100%;
  overflow: auto;
}
@media all and (max-width: 768px) {
  .scroll_table {
    max-height: 50vh;
  }
}

.scroll_table table {
  width: 100%;
  max-width: 1200px;
}
@media all and (max-width: 768px) {
  .scroll_table table {
    width: -moz-max-content;
    width: max-content;
  }
}

div#txt .scroll_table + h4 {
  margin-top: 3.125em;
}

div#txt p + h4 {
  margin-top: 1.875em;
}

div#txt h4 + h5 {
  margin-top: 0.625em;
}

div#txt .h5_ul + h4 {
  margin-top: 3.125em;
}

div#txt .h5_ul + h5 {
  margin-top: 1.25em;
}

div#txt .h5_ul a img {
  margin-top: 0.3125em;
  margin-left: 0.1875em;
}

div#txt .h6_ul + h4 {
  margin-top: 3.125em;
}

div#txt .h6_ul + h5 {
  margin-top: 1.25em;
}

div#txt .table1.center + h4 {
  margin-top: 3.125em;
}

.reference {
  font-size: 14px;
  color: #777;
}

/* 사업내용 틀 */
.bs_contents_info {
  border: 1px solid #e1e1e1;
  border-radius: 0.3125em;
  padding: 2.5%;
}

.bs_contents_info img {
  max-width: 100% !important;
}

/* 기존NRF CLASS */
/************ all style **********/
div#txt {
  font-family: "Pretendard", "NotoSansRN";
}

div#txt input, button, textarea {
  font-family: "Pretendard", "NotoSansRN";
}

div#txt html {
  height: 100%;
  background: url(/nrf_tot_cms/contents/business/images/common/bg_top.jpg) no-repeat center top;
}

div#txt img {
  border: none;
  vertical-align: top;
  max-width: 100%;
}

div#txt select {
  border: 1px solid #7f9db9;
  font-size: 12px;
  font-family: dotum, verdana;
  color: #666666;
  background: #ffffff;
}

div#txt textarea {
  font-size: 12px;
  font-family: dotum, verdana;
  color: #666666;
  background-color: #ffffff;
}

div#txt p {
  font-size: 1em;
  line-height: 1.3;
}

div#txt p span b {
  font-weight: 600;
}

div#txt hr {
  display: none;
}

div#txt noscript {
  position: absolute;
  z-index: 1;
  width: 100%;
}

div#txt noscript p {
  margin: 0;
  padding: 0;
}

div#txt em {
  font-style: normal;
}

div#txt ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#txt form {
  margin: 0;
  padding: 0;
}

div#txt input {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: dotum;
  color: #666666;
}

div#txt table img {
  vertical-align: middle;
}

/************ title style **********/
div#txt h1 {
  margin: 0;
  padding: 0;
}

div#txt h2 {
  margin: 0;
  padding: 0;
}

div#txt h3 {
  margin: 0;
  padding: 0;
  font-family: "verdana";
}

div#txt h4 {
  margin: 0.625em 0 0 0;
  padding: 0.3125em 1.125em 0.3125em 1.6em;
  font-family: "Pretendard", "NotoSansRN";
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/icon/blt-hole.svg");
  background-size: 1.25em auto;
  background-position: 0 0.35em;
}

div#txt h5 {
  margin: 0.3125em 0 0 1.25em;
  padding: 0 0 0.5em 0;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
}

div#txt h6 {
  margin: 5px 0 0 35px;
  padding: 0 0 3px 16px;
  font-size: 14px;
  color: #357cba;
  background: url(/nrf_tot_cms/contents/business/images/common/h6_bul.gif) no-repeat left 6px;
}

div#txt .h7 {
  margin: 5px 0 3px 53px;
  padding: 0 0 0 7px;
  background: url(/nrf_tot_cms/contents/business/images/common/h7_bul.gif) no-repeat left 6px;
}

div#txt .h7 strong {
  font-weight: normal;
  color: #747474;
}

/************ list style **********/
div#txt .h5_ul {
  margin: 0.3125em 0 0 1.25em;
  padding: 0;
}

div#txt .h5_ul div {
  margin: 1.875em 0 0 0;
}

div#txt .h5_ul span b {
  font-weight: 600;
}

div#txt .h5_ul li {
  margin: 0.625em 0 0 0;
  padding: 0 0 0 1.45em;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/icon/blt-play.svg");
  background-size: 0.875em auto;
  background-position: 0 0.175em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
  color: #666;
  word-break: keep-all;
}

div#txt .h6_ul {
  margin: 0.3125em 0.625em 2.1875em;
  padding: 0;
}
div#txt .h6_ul li {
  margin: 0.3125em 0;
  padding: 0 0 0 0.9375em;
  background-repeat: no-repeat;
  background-image: url("../../img/contents/icon/blt-circle.svg");
  background-size: 0.3125em auto;
  background-position: 0 0.4375em;
  font-size: 1em;
  line-height: 1.3;
  color: #666;
  word-break: keep-all;
}

div#txt .h7_ul {
  margin: 0.3125em 0.625em 3.125em;
  padding: 0;
}

div#txt .h7_ul li {
  margin: 0 0 0.1875em 0;
  padding-left: 0.625em;
  font-size: 0.9375em;
  color: #666;
  word-break: keep-all;
  position: relative;
  background: none;
}
div#txt .h7_ul li:before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
}

div#txt .h8_ul {
  margin: 5px 0 10px 63px;
  padding: 0;
}

div#txt .h8_ul li {
  margin-bottom: 3px;
  padding-left: 0;
  line-height: 16px;
  background: none;
}

div#txt .h5_ul .h6_ul {
  margin-left: 0;
  margin-bottom: 3px;
}

div#txt .h6_ul .h7_ul {
  margin-left: 0;
  margin-bottom: 3px;
}

div#txt .h7_ul .h8_ul {
  margin-left: 0;
  margin-bottom: 3px;
}

div#txt .h8_ul ul {
  margin-left: 0;
  margin-bottom: 3px;
}

/************ table style **********/
div#txt .table_no caption {
  display: none;
}

div#txt .table_no .t_end {
  border-right: none;
}

div#txt .table_no .td_top {
  border-top: 2px solid #d8d8d8;
}

div#txt .table_no {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

div#txt .table_no th {
  color: #7a7a7a;
  background: #f4f4f4;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 3px;
  font-size: 12px;
}

div#txt .table_no td {
  font-weight: normal;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 3px;
}

div#txt .table1 caption {
  display: none;
}

div#txt .table1 .cell_point {
  color: #424242;
  font-weight: bold;
  text-align: center;
  background: #ededed;
}

div#txt .table1 ul {
  margin-left: 0;
}

div#txt .table1 .padd_left_15 {
  text-align: left;
  padding-left: 0.9375em;
}

/************ table style **********/
.table1 {
  width: 100%;
  margin: 0.625em 0;
  border-spacing: 0;
  border: 1px solid #ececec;
  border-top: 0.125em solid #4A506B;
  border-top-color: #4A506B;
  font-size: 1em;
}
.table1 th, .table1 td {
  padding: 0.3125em;
  border: 1px solid #ececec;
  border: 1px solid #c4c4c4;
  font-size: 1em;
  font-weight: 400;
  color: #444;
  line-height: 1.3;
  vertical-align: middle;
  text-align: center;
  word-break: break-all;
}
.table1 th *, .table1 td * {
  font-size: 1em;
}
.table1 thead {
  background-color: #3c3c42;
  background-color: #f8f9fd;
}
.table1 thead th {
  border-color: #7e7e7e;
  border-color: #c4c4c4;
  color: #fff;
  font-weight: 400;
  color: #444;
  word-break: keep-all;
}
.table1 tbody th {
  background-color: #f8f9fd;
  background-color: #F4F5F9;
  word-break: keep-all;
}
.table1 tbody td {
  color: #444;
}
.table1 tfoot th {
  background-color: #686868;
  color: #fff;
  font-weight: 400;
}
.table1 tfoot td {
  background-color: #f4f4f4;
  background-color: #F4F5F9;
}
.table1.first-cell-left tbody tr td:first-child, .table1.first-cell-left tfoot tr td:first-child {
  text-align: left;
}

.table1 caption {
  position: absolute;
  visibility: hidden;
  height: 0;
  font-size: 0;
}

/************ align style **********/
div#txt .clear {
  clear: both;
}

div#txt .ft_left {
  float: left;
}

div#txt .ft_right {
  float: right;
}

div#txt .left {
  text-align: left;
}

div#txt .right {
  text-align: right;
}

div#txt .center {
  text-align: center;
}

div#txt .v_align {
  vertical-align: middle;
}

/************ no style **********/
div#txt .no_mar {
  margin: 0;
}

div#txt .no_padd {
  padding: 0;
}

div#txt .no_bul {
  background: none;
}

div#txt .no_bold {
  font-weight: normal;
}

div#txt .no_size {
  font-size: 12px;
}

div#txt .no_color {
  color: #666666;
}

div#txt .no_dis {
  display: none;
}

/************ img style **********/
div#txt img.bd_img {
  padding: 4px;
  border: 1px solid #dddddd;
  background: #ffffff;
}

/************ content style **********/
div#txt .table_tag {
  position: absolute;
  width: 640px;
  margin: -24px 0 0 0;
  padding: 0;
  text-align: right;
}

div#txt .dot_line {
  width: 646px;
  height: 0.625em;
  font-size: 1px;
  background: url(/nrf_tot_cms/contents/business/images/common/dot_line.gif) repeat-x left center;
}

/************ margin **********/
div#txt .top_mar_0 {
  margin-top: 0px;
}

div#txt .top_mar_5 {
  margin-top: 0.3125em;
}

div#txt .top_mar_8 {
  margin-top: 0.5em;
}

div#txt .top_mar_10 {
  margin-top: 0.625em;
}

div#txt .top_mar_15 {
  margin-top: 0.9375em;
}

div#txt .top_mar_20 {
  margin-top: 1.25em;
}

div#txt .top_mar_25 {
  margin-top: 1.5625em;
}

div#txt .top_mar_30 {
  margin-top: 1.875em;
}

div#txt .top_mar_35 {
  margin-top: 2.1875em;
}

div#txt .top_mar_40 {
  margin-top: 2.5em;
}

div#txt .top_mar_45 {
  margin-top: 2.8125em;
}

div#txt .top_mar_50 {
  margin-top: 3.125em;
}

div#txt .left_mar_0 {
  margin-left: 0px;
}

div#txt .left_mar_5 {
  margin-left: 0.3125em;
}

div#txt .left_mar_10 {
  margin-left: 0.625em;
}

div#txt .left_mar_15 {
  margin-left: 0.9375em;
}

div#txt .left_mar_20 {
  margin-left: 1.25em;
}

div#txt .left_mar_25 {
  margin-left: 1.5625em;
}

div#txt .left_mar_30 {
  margin-left: 1.875em;
}

div#txt .left_mar_35 {
  margin-left: 2.1875em;
}

div#txt .left_mar_40 {
  margin-left: 2.5em;
}

div#txt .left_mar_45 {
  margin-left: 2.8125em;
}

div#txt .left_mar_50 {
  margin-left: 3.125em;
}

div#txt .left_mar_55 {
  margin-left: 3.4375em;
}

div#txt .right_mar_0 {
  margin-right: 0px;
}

div#txt .right_mar_5 {
  margin-right: 0.3125em;
}

div#txt .right_mar_10 {
  margin-right: 0.625em;
}

div#txt .right_mar_15 {
  margin-right: 0.9375em;
}

div#txt .right_mar_20 {
  margin-right: 1.25em;
}

div#txt .right_mar_25 {
  margin-right: 1.5625em;
}

div#txt .right_mar_30 {
  margin-right: 1.875em;
}

div#txt .right_mar_35 {
  margin-right: 2.1875em;
}

div#txt .right_mar_40 {
  margin-right: 2.5em;
}

div#txt .right_mar_45 {
  margin-right: 2.8125em;
}

div#txt .right_mar_50 {
  margin-right: 3.125em;
}

div#txt .bott_mar_0 {
  margin-bottom: 0px;
}

div#txt .bott_mar_5 {
  margin-bottom: 0.3125em;
}

div#txt .bott_mar_10 {
  margin-bottom: 0.625em;
}

div#txt .bott_mar_15 {
  margin-bottom: 0.9375em;
}

div#txt .bott_mar_20 {
  margin-bottom: 1.25em;
}

div#txt .bott_mar_25 {
  margin-bottom: 1.5625em;
}

div#txt .bott_mar_30 {
  margin-bottom: 1.875em;
}

div#txt .bott_mar_35 {
  margin-bottom: 2.1875em;
}

div#txt .bott_mar_40 {
  margin-bottom: 2.5em;
}

div#txt .bott_mar_45 {
  margin-bottom: 2.8125em;
}

div#txt .bott_mar_50 {
  margin-bottom: 3.125em;
}

/************ font style **********/
div#txt .bold {
  font-weight: bold;
}

div#txt .bk {
  color: #000000;
}

div#txt .rd {
  color: #ff0000;
}

div#txt .or {
  color: #eb5810;
}

div#txt .gr {
  color: #5f9e0e;
}

div#txt .bu {
  color: #4180c7;
}

div#txt .gbu {
  color: #215286;
}

/************ background style **********/
div#txt .mainbg {
  background: url(../images/main01/mainbg.jpg) repeat-x left top;
}

div#txt .footbg {
  background: url(../images/main01/footbg.jpg) repeat-x left top;
}

div#txt .main2bg_left {
  background: url(../images/main02/main2bg_left.jpg) repeat-x left 1px;
}

div#txt .main2bg_right {
  background: url(../images/main02/main2bg_right.jpg) repeat-x right 1px;
}

div#txt .main2foot {
  background: url(../images/main02/main2foot.jpg) repeat right top;
}

div#txt .main3bg {
  background: url(../images/main03/mainbg.jpg) repeat-x left top;
}

div#txt .mynrf_ov_left {
  background: url(../images/main02/mynrf_ov_left.jpg) repeat-x right 2px;
}

div#txt .mynrf_ov_right {
  background: url(../images/main02/mynrf_ov_right.jpg) repeat-x left 2px;
}

div#txt .mynrf {
  background: url(../images/main02/mynrf_bg.jpg) repeat-x left 1px;
}

/*point style*/
div#txt .pointList1 li {
  font-size: 1em;
  color: #6f571e;
  line-height: 1.3;
}

div#txt .pointBox1 {
  padding: 0.9375em;
  border: 0.1 solid #e1e1e1;
  background-color: #f4f4f4;
}

div#txt .pointBox1 > ul > li {
  color: #666;
}

div#txt .pointBox1 > ul > li > strong {
  color: #6e9e15;
  font-weight: 500;
}

div#txt .pointBox2 {
  padding: 0.3125em 1.25em;
  border: 0.125em solid #d9e1ea;
  background: #ffffff;
}

/********************************************************************************************************************************************************************************** PC */
@media all and (max-width: 1080px) {
  /* 사업내용 틀 */
  .bs_contents_info {
    padding: 1.25em;
  }
  /* 기존NRF CLASS */
  /************ table style **********/
  /************ table style **********/
}
/********************************************************************************************************************************************************************************** TABLET */
@media all and (max-width: 768px) {
  div#txt .h5_ul {
    margin: 0;
  }
}
/* 연구재단 영문 사업내용 */
/* Program - Directorate for Basic in Science & Engineering */
.page-content.program-dbse > .content + .content {
  margin-top: 65px;
}
.page-content.program-dbse > .content.chart > .image-box {
  position: relative;
  border: 1px solid #c6c6c6;
  margin-bottom: 15px;
  padding: 40px 20px;
  text-align: center;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.chart > .image-box {
    padding: 30px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.chart > .image-box {
    padding: 20px 12px;
  }
}
.page-content.program-dbse > .content.chart > .image-box img {
  max-width: 100%;
}
.page-content.program-dbse > .content.chart > .image-box > .link {
  display: none;
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  border: 1px solid #c6c6c6;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 1;
  text-align: left;
  text-indent: -9999px;
}
.page-content.program-dbse > .content.chart > .image-box > .link.expand {
  background-color: #fff;
  background-position: 50% 50%;
  background-size: 38px 38px;
  background-image: url(../../img/icons/svg/line/zoom-plus.svg);
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.chart > .image-box > .link {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.chart > .image-box > .link {
    display: block;
  }
}
.page-content.program-dbse > .content.chart > .notice {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 0;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.chart > .notice {
    font-size: 15px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.chart > .notice {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-content.program-dbse > .content.chart > .notice > .bullet {
  float: left;
  margin-right: 5px;
  color: #707070;
}
.page-content.program-dbse > .content.chart > .notice > .txt {
  overflow: hidden;
  color: #707070;
}
.page-content.program-dbse > .content.chart > .link {
  display: inline-block;
  width: 152px;
  height: 46px;
  margin-left: 5px;
  box-sizing: border-box;
  padding-left: 10px;
  border: 1px solid #c0c0c0;
  color: #67717e;
  font-weight: 500;
  font-size: 16px;
  line-height: 46px;
}
.page-content.program-dbse > .content.chart > .link:before {
  content: "";
  line-height: 30px;
}
.page-content.program-dbse > .content.chart > .link.download {
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-image: url(../../img/fixed/img-dbse-chart-download.png);
}
.page-content.program-dbse > .content.program > .tree {
  margin-left: -15px;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.program > .tree {
    margin-left: -8px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.program > .tree {
    margin: 0;
  }
}
.page-content.program-dbse > .content.program > .tree:after {
  content: "";
  display: block;
  clear: both;
}
.page-content.program-dbse > .content.program > .tree .branch {
  float: left;
  width: calc(25% - 15px);
  margin-left: 15px;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.program > .tree .branch {
    width: calc(25% - 8px);
    margin-left: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.program > .tree .branch {
    float: none;
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.program > .tree .branch + .branch {
    margin-top: 10px;
  }
}
.page-content.program-dbse > .content.program > .tree .twig {
  display: none;
  max-width: 100%;
  overflow: hidden;
}
.page-content.program-dbse > .content.program > .tree .twig + .twig > .item {
  border-top-width: 0px;
}
.page-content.program-dbse > .content.program > .tree .twig > .item {
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 285px;
  position: relative;
  box-sizing: border-box;
  padding: 0 50px 0 0;
  border-left: 1px solid #91969d;
  border-right: 1px solid #91969d;
  border-bottom: 1px solid #91969d;
  background-color: #fff;
  font-size: 0;
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.program > .tree .twig > .item {
    max-width: 100%;
  }
}
.page-content.program-dbse > .content.program > .tree .twig > .item.on ~ .twig {
  display: block;
}
.page-content.program-dbse > .content.program > .tree .twig > .item.on > .toggle {
  background-image: url(../../img/fixed/img-dbse-tree-toggle-close.png);
}
.page-content.program-dbse > .content.program > .tree .twig > .item > .cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  padding: 8px 14px 8px 32px;
  background-repeat: no-repeat;
  background-position: left 12px top 14px;
  background-image: url(../../img/fixed/img-dbse-tree-depths-arrow.png);
  font-size: 18px;
  line-height: 21px;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.program > .tree .twig > .item > .cell {
    height: 68px;
    padding: 5px 0 5px 28px;
    background-size: 8px 10px;
    background-position: left 12px top 18px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.2px;
  }
}
.page-content.program-dbse > .content.program > .tree .twig > .item > .cell > .txt {
  color: #525a65;
}
.page-content.program-dbse > .content.program > .tree .twig > .item > .cell > .link {
  text-decoration: underline;
  color: #3e84c7;
}
.page-content.program-dbse > .content.program > .tree .twig > .item > .toggle {
  position: absolute;
  top: 13px;
  right: 13px;
  background-repeat: no-repeat;
  background-color: #f4f4f4;
  background-image: url(../../img/fixed/img-dbse-tree-toggle-open.png);
  border: none;
  margin: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  text-align: left;
  text-indent: -9999px;
  cursor: pointer;
}
.page-content.program-dbse > .content.program > .tree .twig.first {
  display: block;
}
.page-content.program-dbse > .content.program > .tree .twig.first > .item {
  background-color: #525a65;
  border-color: #525a65;
}
.page-content.program-dbse > .content.program > .tree .twig.first > .item.on {
  background-color: #3e84c7;
  border-color: #3e84c7;
}
.page-content.program-dbse > .content.program > .tree .twig.first > .item.on > .toggle {
  background-image: url(../../img/fixed/img-dbse-tree-toggle-close-f.png);
}
.page-content.program-dbse > .content.program > .tree .twig.first > .item > .cell {
  padding: 0 0 0 14px;
  background: none;
}
.page-content.program-dbse > .content.program > .tree .twig.first > .item > .cell > .txt {
  color: #fff;
}
.page-content.program-dbse > .content.program > .tree .twig.first > .item > .cell > .link {
  color: #3e84c7;
}
.page-content.program-dbse > .content.program > .tree .twig.first > .item > .toggle {
  background-image: url(../../img/fixed/img-dbse-tree-toggle-open-f.png);
}
.page-content.program-dbse > .content.program > .tree .twig.second > .item {
  background-color: #e0e5ec;
}
.page-content.program-dbse > .content.program > .tree .twig.second > .item.on {
  background-color: #e0e4ed;
}
.page-content.program-dbse > .content.program > .tree .twig.second > .item > .cell > .txt {
  color: #525a65;
}
.page-content.program-dbse > .content.program > .tree .twig.second > .item > .cell > .link {
  color: #3e84c7;
}
.page-content.program-dbse > .content.program > .tree .twig.fourth > .item {
  padding-left: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.program > .tree .twig.fourth > .item {
    padding-left: 14px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .navi {
  display: table;
  width: 100%;
  background-color: #e0e5ec;
  font-size: 0;
}
.page-content.program-dbse > .content.information > .info-box > .navi > .cell {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  box-sizing: border-box;
  padding: 15px 40px;
  font-size: 21px;
  font-weight: 500;
  line-height: 24px;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .navi > .cell {
    height: 60px;
    padding: 10px 25px;
    font-size: 19px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .navi > .cell {
    height: 70px;
    padding: 10px 15px;
    font-size: 17px;
    line-height: 22px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents {
  /******************************************************************
  해당 부분이 컨텐츠 내용
  *******************************************************************/
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content + .content {
  margin-top: 28px;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content + .content {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content + .content {
    margin-top: 20px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .title {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 19px;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .title {
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .title {
    margin-bottom: 6px;
    font-size: 17px;
    line-height: 17px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .title > .bullet {
  float: left;
  display: block;
  position: relative;
  margin-right: 8px;
  color: transparent;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .title > .bullet {
    margin-right: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .title > .bullet {
    margin-right: 5px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .title > .bullet:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3.5px 0 0 -3.5px;
  width: 7px;
  height: 7px;
  background-color: #0076c0;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .title > .bullet:before {
    width: 5px;
    height: 5px;
    margin: -2.5px 0 0 -2.5px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .title > .bullet:before {
    width: 4px;
    height: 4px;
    margin: -2px 0 0 -2px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .title > .txt {
  overflow: hidden;
  color: #0076c0;
  font-weight: 500;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .txt {
  padding-left: 17px;
  font-size: 16px;
  line-height: 24px;
  color: #888888;
  font-weight: 400;
  letter-spacing: 0;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .txt {
    padding-left: 16px;
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .txt {
    padding-left: 14px;
    font-size: 14px;
    line-height: 20px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .txt + .txt {
  margin-top: 5px;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .txt > .tech {
  float: left;
  margin-right: 5px;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .txt > .txt {
  overflow: hidden;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .list {
  margin-top: 8px;
  padding-left: 17px;
  font-size: 0;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .list {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .list {
    padding-left: 12px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .list + .txt {
  margin-top: 8px;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .list > .item {
  padding-left: 10px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .list > .item {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .list > .item {
    font-size: 14px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .list > .item + .item {
  margin-top: 8px;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .list > .item + .item {
    margin-top: 7px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .list > .item + .item {
    margin-top: 6px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .list > .item > .dot {
  float: left;
  display: block;
  position: relative;
  margin-right: 8px;
  color: transparent;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .list > .item > .dot {
    margin-right: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .list > .item > .dot {
    margin-right: 5px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .list > .item > .dot:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.5px 0 0 -2.5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #888;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .list > .item > .txt {
  overflow: hidden;
  color: #888;
  font-weight: 500;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box {
  margin: 18px 0 0 -38px;
  padding-left: 17px;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box {
    padding: 0 0 0 12px;
    margin: 0;
    margin-top: 15px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box:after {
  content: "";
  display: block;
  clear: both;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box.five > .step {
  width: calc(20% - 38px);
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box.five > .step {
    width: 100%;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box.five > .step:first-child + .step:after {
  display: none;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step {
  float: left;
  width: calc(25% - 38px);
  margin-left: 38px;
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step {
    float: none;
    width: 100%;
    margin: 0;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step + .step {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step + .step {
    margin-top: 12px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step + .step:after {
  content: "";
  position: absolute;
  top: 38.5px;
  left: -30px;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-image: url(../../img/fixed/img-dbse-process-arrow.png);
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step + .step:after {
    display: none;
    content: none;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents {
  display: table;
  position: relative;
  max-width: 240px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents {
    max-width: 100%;
    table-layout: fixed;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #d1d1d1;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents > .row {
  display: table-row;
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents > .row {
    display: table-cell;
    vertical-align: middle;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents > .row > .cell {
  display: table-cell;
  vertical-align: middle;
  height: 49px;
  box-sizing: border-box;
  padding: 5px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents > .row > .cell {
    height: 45px;
    font-size: 16px;
    line-height: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents > .row > .cell {
    height: 42px;
    padding: 0 12px;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents > .row.title {
  background-color: #e9e9e9;
  color: #181818;
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents > .row.title {
    width: 135px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents > .row.content {
  color: #666666;
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents > .row.content {
    width: 50%;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents > .row.content + .row.content > .cell {
  border-top: 1px solid #d1d1d1;
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .process-box > .step > .contents > .row.content + .row.content > .cell {
    border: none;
    border-left: 1px solid #d1d1d1;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box {
  padding-left: 17px;
}
@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box {
    padding: 0 0 0 12px;
  }
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box + .txt {
  margin-top: 10px;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box > .legend {
  margin-bottom: 5px;
  text-align: right;
  font-size: 12px;
  color: #666;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box > .legend + .frame {
  margin-top: 0px;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box > .notice {
  margin-top: 5px;
  text-align: left;
  font-size: 13px;
  color: #888;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box > .frame {
  margin-top: 10px;
  max-width: 100%;
  overflow-y: auto;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box > .frame > table {
  width: 100%;
  min-width: 640px;
  border-color: #c6c6c6;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box > .frame > table th, .page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box > .frame > table td {
  height: 38px;
  border: 1px solid #c6c6c6;
  box-sizing: border-box;
  padding: 5px;
  border-color: #c6c6c6;
  text-align: center;
  font-size: 14px;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box > .frame > table thead th {
  background-color: #e0e5ec;
  font-size: 14px;
  font-weight: 600;
}
.page-content.program-dbse > .content.information > .info-box > .contents > .content > .table-box > .frame > table tbody td {
  color: #666;
}

/* // Program - Directorate for Basic in Science & Engineering */
/* 영문 기능 */
[class^=eng-contents--] .omks--card ~ .omks--card {
  margin-top: 3.75em;
}

.eng-contents--programs .programs-stnc:after {
  content: "";
  display: block;
  clear: both;
}
.eng-contents--programs .programs-stnc .stnc-icon {
  float: left;
  margin-right: 5px;
}
.eng-contents--programs .programs-stnc .stnc-text {
  display: block;
  overflow: hidden;
}
.eng-contents--programs .programs-map {
  position: relative;
}
.eng-contents--programs .programs-map .map-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 21/9;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .programs-map .map-image {
    aspect-ratio: auto;
    padding: 1em;
  }
}
.eng-contents--programs .programs-map .map-image .image-view {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .programs-map .map-image .image-view {
    display: block;
  }
}
.eng-contents--programs .programs-map .map-ref {
  margin-top: 10px;
}
.eng-contents--programs .programs-map .map-ref .programs-stnc {
  font-size: 15px;
  color: #777;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .programs-map .map-ref .programs-stnc {
    font-size: 13px;
  }
}
.eng-contents--programs .programs-map .map-download {
  position: absolute;
  top: -0.625em;
  right: 0;
  transform: translateY(-100%);
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .programs-map .map-download {
    position: relative;
    top: inherit;
    right: inherit;
    transform: none;
    margin-top: 1em;
  }
}
.eng-contents--programs .programs-map .map-download .button-text {
  margin-right: 0.5em;
}
.eng-contents--programs .programs-map .map-download .button-icon {
  display: inline-flex;
}
.eng-contents--programs .programs-map .map-download .button-icon i, .eng-contents--programs .programs-map .map-download .button-icon [class*=omks-icon] {
  font-size: 18px;
}
.eng-contents--programs .programs-tree {
  position: relative;
}
.eng-contents--programs .programs-tree .tree-ref {
  position: absolute;
  top: -0.5em;
  right: 0;
  transform: translateY(-100%);
  color: var(--omks-primary-blue2);
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .programs-tree .tree-ref {
    position: relative;
    top: inherit;
    right: inherit;
    transform: none;
    margin-bottom: 0.5em;
    font-size: 13px;
  }
}
.eng-contents--programs .programs-tree .tree-list ul, .eng-contents--programs .programs-tree .tree-list li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.eng-contents--programs .programs-tree .tree-list .tree-item {
  padding: 1em;
  border: 0.0625em solid #ddd;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .programs-tree .tree-list .tree-item {
    padding: 1em 0.5em;
  }
}
.eng-contents--programs .programs-tree .tree-list .tree-item ~ .tree-item {
  margin-top: 20px;
}
.eng-contents--programs .programs-tree .tree-head {
  margin-bottom: 1em;
}
.eng-contents--programs .programs-tree .tree-body {
  padding-top: 1em;
  border-top: 0.0625em solid #ddd;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .programs-tree .tree-body {
    padding-top: 0.5em;
  }
}
.eng-contents--programs .programs-tree .tree-title {
  display: flex;
  align-items: center;
  color: #2F68C2;
}
.eng-contents--programs .programs-tree .tree-title .title-icon {
  display: inline-flex;
  margin-right: 10px;
}
.eng-contents--programs .programs-tree .tree-title .title-icon i, .eng-contents--programs .programs-tree .tree-title .title-icon .la, .eng-contents--programs .programs-tree .tree-title .title-icon .las {
  font-size: 25px;
}
.eng-contents--programs .programs-tree .tree-title .title-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  font-family: "SCDream";
}
.eng-contents--programs .programs-tree .tree-branch .branch-list ul {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .programs-tree .tree-branch .branch-list ul {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.eng-contents--programs .programs-tree .tree-branch .branch-list ul .branch-item {
  flex: 0 0 33.33%;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .programs-tree .tree-branch .branch-list ul .branch-item {
    flex: none;
    width: 100%;
  }
}
.eng-contents--programs .programs-tree .tree-branch .branch-list .branch-item {
  width: 33.33%;
  box-sizing: border-box;
  padding: 0.5em;
}
.eng-contents--programs .programs-tree .tree-branch .branch-name {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 3.75em;
  padding: 0.5em 1em;
  padding-right: 40px;
  border: 0.0625em solid #ddd;
  border-radius: 5px;
  text-align: left;
  line-height: 1.4;
}
.eng-contents--programs .programs-tree .tree-branch .branch-name .name-text {
  font-size: 1em;
}
.eng-contents--programs .programs-tree .tree-branch .branch-name:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f35a";
  font-size: 24px;
}
.eng-contents--programs .programs-tree .tree-branch .branch-name.branch-toggle:after {
  content: "\f067";
}
.eng-contents--programs .programs-tree .tree-branch .branch-name.branch-toggle.is--on:after {
  content: "\f068";
}
.eng-contents--programs .programs-tree .tree-branch .branch-name:hover {
  border-color: #2F68C2;
  color: #2F68C2;
  text-shadow: 0px 0px 1px #2F68C2;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.19);
  transition: all 0.3s ease;
}
.eng-contents--programs .programs-tree .tree-branch .branch-name.is--on {
  background: #2F68C2;
  border-color: #2F68C2;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.19);
  font-weight: 500;
  color: #fff;
}
.eng-contents--programs .programs-tree .tree-branch .branch-name.is--on ~ .branch-depths {
  display: block;
}
.eng-contents--programs .programs-tree .tree-branch .branch-depths {
  margin-top: 0.5em;
  padding: 1em;
  border-radius: 10px;
  background-color: #EEF3FB;
  display: none;
}
.eng-contents--programs .programs-tree .tree-branch .branch-depths .depths-link {
  position: relative;
  width: 100%;
  padding: 0.25em 0;
  text-align: left;
}
.eng-contents--programs .programs-tree .tree-branch .branch-depths .depths-link:before {
  position: absolute;
  top: 50%;
  transform: translate(10%, -50%);
  right: 0;
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f35a";
  font-size: 24px;
  opacity: 0;
}
.eng-contents--programs .programs-tree .tree-branch .branch-depths .depths-link:after {
  content: "";
  display: block;
  clear: both;
}
.eng-contents--programs .programs-tree .tree-branch .branch-depths .depths-link .link-icon {
  position: relative;
  float: left;
  margin-right: 8px;
  width: 5px;
  text-indent: -9999px;
}
.eng-contents--programs .programs-tree .tree-branch .branch-depths .depths-link .link-icon:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #2F68C2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) skewY(-0.01deg);
}
.eng-contents--programs .programs-tree .tree-branch .branch-depths .depths-link .link-text {
  display: block;
  overflow: hidden;
}
.eng-contents--programs .programs-tree .tree-branch .branch-depths .depths-link:hover {
  color: #2F68C2;
}
.eng-contents--programs .programs-tree .tree-branch .branch-depths .depths-link:hover:before {
  transform: translate(0%, -50%);
  transition: all 0.3s ease;
  opacity: 1;
}
.eng-contents--programs .programs-tree .tree-branch .branch-depths .depths-link:hover .link-text:hover {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.eng-contents--programs .programs-tree .tree-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transform: translateY(1em);
  transition: all 0.3s ease;
}
.eng-contents--programs .programs-tree .tree-layer.is--on {
  opacity: 1;
  z-index: 1;
  visibility: visible;
  height: auto;
  transform: translateY(0);
}
.eng-contents--programs .prgrams-detail .detail-head {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 2em;
  background-color: #2F68C2;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .prgrams-detail .detail-head {
    padding: 1em;
  }
}
.eng-contents--programs .prgrams-detail .detail-head .detail-close {
  position: absolute;
  top: 0;
  right: 0;
}
.eng-contents--programs .prgrams-detail .detail-body {
  padding: 2em;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .prgrams-detail .detail-body {
    padding: 1em;
  }
}
.eng-contents--programs .prgrams-detail .detail-foot {
  display: flex;
  padding: 1em 2em;
}
.eng-contents--programs .prgrams-detail .detail-foot .detail-outside {
  margin-left: auto;
}
.eng-contents--programs .prgrams-detail .detail-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  font-family: "SCDream";
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .prgrams-detail .detail-title {
    font-size: 20px;
  }
}
.eng-contents--programs .prgrams-detail .detail-bread-crumbs {
  display: flex;
  align-items: center;
  margin-top: 0.9375em;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .prgrams-detail .detail-bread-crumbs {
    flex-direction: column;
    align-items: flex-start;
  }
}
.eng-contents--programs .prgrams-detail .detail-bread-crumbs li {
  list-style: none;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .prgrams-detail .detail-bread-crumbs li {
    font-size: 14px;
  }
}
.eng-contents--programs .prgrams-detail .detail-bread-crumbs li ~ li {
  position: relative;
  margin-left: 1em;
  padding-left: 1em;
}
.eng-contents--programs .prgrams-detail .detail-bread-crumbs li ~ li:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f105";
  font-size: 1em;
}
.eng-contents--programs .prgrams-detail .detail-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3em;
  height: 3em;
  background-color: #2F68C2;
  color: #fff;
}
.eng-contents--programs .prgrams-detail .detail-close i, .eng-contents--programs .prgrams-detail .detail-close .las, .eng-contents--programs .prgrams-detail .detail-close .la {
  font-size: 1.875em;
}
.eng-contents--programs .prgrams-detail .detail-fucns {
  position: relative;
  display: flex;
  background-color: #fff;
}
.eng-contents--programs .prgrams-detail .detail-move {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .prgrams-detail .detail-move {
    flex-direction: column;
  }
}
.eng-contents--programs .prgrams-detail .detail-move .move-list {
  flex: 1 1 auto;
}
.eng-contents--programs .prgrams-detail .detail-move .move-list ul {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .prgrams-detail .detail-move .move-list ul {
    flex-direction: column;
  }
}
.eng-contents--programs .prgrams-detail .detail-move .move-list ul li {
  flex: 1 1 33.33%;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .prgrams-detail .detail-move .move-list ul li {
    flex: none;
    width: 100%;
  }
}
.eng-contents--programs .prgrams-detail .detail-move .move-list ul li ~ li {
  border-left: 1px solid #cecece;
}
@media only screen and (max-width: 767px) {
  .eng-contents--programs .prgrams-detail .detail-move .move-list ul li ~ li {
    border-left: 0;
    border-top: 1px solid #cecece;
  }
}
.eng-contents--programs .prgrams-detail .detail-move .move-button {
  display: flex;
  align-items: center;
  height: 2.5em;
  box-sizing: border-box;
  padding: 0 1em;
  background-color: #4e5765;
  color: #fff;
  white-space: nowrap;
}
.eng-contents--programs .prgrams-detail .detail-move .move-button .button-icon {
  display: inline-flex;
  margin-left: 0.5em;
}
.eng-contents--programs .prgrams-detail .detail-move .move-button .button-icon i, .eng-contents--programs .prgrams-detail .detail-move .move-button .button-icon .la, .eng-contents--programs .prgrams-detail .detail-move .move-button .button-icon .las {
  font-size: 20px;
}
.eng-contents--programs .prgrams-detail .detail-move .move-button .button-text {
  font-size: 1em;
  font-weight: 300;
}
.eng-contents--programs .prgrams-detail .detail-move .omks--select {
  width: 100%;
  border: 0;
}
.eng-contents--programs .prgrams-detail .detail-outside {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  box-sizing: border-box;
  padding: 0.5em 1em;
  border: 1px solid #cecece;
  border-radius: 5px;
}
.eng-contents--programs .prgrams-detail .detail-outside .outside-icon {
  display: inline-flex;
  margin-left: 0.5em;
}
.eng-contents--programs .prgrams-detail .detail-outside .outside-icon i, .eng-contents--programs .prgrams-detail .detail-outside .outside-icon .la, .eng-contents--programs .prgrams-detail .detail-outside .outside-icon .las {
  font-size: 28px;
}
.eng-contents--programs .prgrams-detail .detail-outside .outside-text {
  font-size: 1em;
}
.eng-contents--programs .prgrams-detail .detail-outside:hover {
  border-color: #2F68C2;
  color: #2F68C2;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
}

/* 홍보관 메인 */
.pro-main .pro-inner {
  width: 1640px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 1.25em;
  margin: 0 auto;
}
.pro-main .pro-body {
  margin-top: 1.25em;
}
.pro-main .pro-title {
  font-family: "SCDream";
  font-size: 1.375em;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.5px;
}
.pro-main .pro-title b {
  font-weight: 700;
  color: #2F68C2;
}

.pro-section {
  position: relative;
  padding: 2.1875em 0 4.375em;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .pro-section {
    padding: 2.1875em 0;
  }
}
.pro-section .section-visual {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #F0F5FD;
}
.pro-section .section-visual .pro-inner {
  position: relative;
  height: 100%;
}
.pro-section .section-visual .visual-image01,
.pro-section .section-visual .visual-image02 {
  position: absolute;
}
.pro-section .section-visual .visual-image01 {
  width: 35em;
  top: -15em;
  right: -15.625em;
}
.pro-section .section-visual .visual-image02 {
  width: 52.8125em;
  bottom: -18.125em;
  left: -30.625em;
  transform: rotateZ(-15deg);
}
.pro-section .pro-header,
.pro-section .pro-container {
  position: relative;
  z-index: 1;
}

.pro-header .pro-inner {
  position: relative;
}
.pro-header .header-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pro-header .header-title .title-logo {
  display: inline-flex;
  margin-bottom: 0.9375em;
}
.pro-header .header-title .title-logo img {
  width: 3.25em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-header .header-title .title-logo img {
    width: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-header .header-title .title-logo img {
    width: 3em;
  }
}
.pro-header .header-title .title-text {
  font-family: "SCDream";
  font-size: 2.375em;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-header .header-title .title-text {
    font-size: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-header .header-title .title-text {
    font-size: 1.75em;
  }
}
.pro-header .header-title .title-description {
  margin-top: 1.1764705882em;
  font-size: 1.0625em;
  font-weight: 400;
  color: #555555;
  line-height: 1.4;
}
.pro-header .pro-sns {
  position: absolute;
  bottom: 0;
  right: 1.25em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-header .pro-sns {
    position: relative;
    bottom: inherit;
    right: inherit;
    transform: translateY(2em);
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .pro-header .pro-sns {
    position: relative;
    bottom: inherit;
    right: inherit;
    display: flex;
    justify-content: flex-end;
    margin: 1.25em 0 2.5em;
  }
}

.pro-board .board-head {
  display: flex;
  height: 1.875em;
}
.pro-board .board-body {
  margin-top: 0.9375em;
}
.pro-board .board-title {
  font-family: "SCDream";
  font-size: 1.25em;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-board .board-title {
    font-size: 1.125em;
  }
}
.pro-board .board-more {
  display: inline-flex;
  margin-left: auto;
}
.pro-board .board-more .more-link {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  box-sizing: border-box;
  border: 1px solid #DEDEDE;
  border-radius: 50%;
  color: #333333;
  line-height: 1;
  transform-origin: center;
  transition: all 0.3s ease;
}
.pro-board .board-more .more-link i, .pro-board .board-more .more-link .las {
  font-size: 18px;
}
.pro-board .board-more .more-link:hover {
  border-color: #326AC3;
  color: #326AC3;
}
.pro-board .board-thumbs {
  display: block;
  background-color: #f4f4f4;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.pro-board .board-thumbs .thumbs-frame {
  position: relative;
  width: 100%;
  min-height: 100%;
  border-radius: inherit;
  aspect-ratio: 16/9;
  transition: all 0.3s ease;
}
.pro-board .board-thumbs .thumbs-frame:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: inherit;
  transition: all 0.3s ease;
}
.pro-board .board-thumbs .thumbs-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 100%;
  height: 100%;
}
.pro-board .board-thumbs .thumbs-image img {
  height: 100%;
}
.pro-board .board-thumbs:hover, .pro-board .board-thumbs:focus {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
}
.pro-board .board-thumbs:hover .thumbs-frame:before, .pro-board .board-thumbs:focus .thumbs-frame:before {
  border-color: #2F68C2;
}
.pro-board .board-thumbs:hover ~ .board-caption .caption-title,
.pro-board .board-thumbs:hover ~ .board-caption .caption-date, .pro-board .board-thumbs:focus ~ .board-caption .caption-title,
.pro-board .board-thumbs:focus ~ .board-caption .caption-date {
  color: #2F68C2;
}
.pro-board .board-thumbs:hover ~ .board-caption .caption-title, .pro-board .board-thumbs:focus ~ .board-caption .caption-title {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.pro-board .board-caption {
  display: flex;
  align-items: center;
  margin-top: 1.25em;
  line-height: 1.4;
  letter-spacing: -0.5px;
}
.pro-board .board-caption [class^=caption-] {
  transition: all 0.3s ease;
}
.pro-board .board-caption .caption-title {
  display: inline-block;
  max-width: 100%;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 10px;
  font-size: 1.0625em;
  font-weight: 500;
  color: #222;
}
.pro-board .board-caption .caption-date {
  margin-left: auto;
  flex: 0 0 5.625em;
  font-size: 1em;
  font-weight: 400;
  color: #666666;
}

.pro-container .section-visual {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.pro-container .pro-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .pro-container .pro-inner {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .pro-container .pro-inner {
    display: block;
  }
}
.pro-container .pro-inner .pro-news {
  flex: 1 1 100%;
  margin-bottom: 40px;
}
.pro-container .pro-inner .pro-notice {
  flex: 1 1 calc(50% - 1.25em);
  width: calc(50% - 1.25em);
  margin-right: 2.5em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-container .pro-inner .pro-notice {
    margin-right: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-container .pro-inner .pro-notice {
    margin-right: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .pro-container .pro-inner .pro-notice {
    flex: none;
    width: 100%;
    margin-bottom: 1.875em;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .pro-container .pro-inner .pro-notice {
    flex: none;
    width: 100%;
    margin-bottom: 3.125em;
    margin-right: 0;
  }
}
.pro-container .pro-inner .pro-story {
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(50% - 1.25em);
  width: calc(50% - 1.25em);
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .pro-container .pro-inner .pro-story {
    flex: none;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .pro-container .pro-inner .pro-story {
    flex: none;
    width: 100%;
  }
}
.pro-container .pro-inner .pro-story .pro-body {
  flex: 1 1 auto;
}

.pro-footer {
  padding: 2.8125em 0 3.4375em;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .pro-footer {
    padding-top: 2.1875em;
  }
}
.pro-footer .pro-inner {
  position: relative;
  z-index: 1;
}
.pro-footer .pro-inner .pro-article-group {
  position: relative;
  z-index: 1;
  display: flex;
  margin: 0 0 0 -2.5em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-footer .pro-inner .pro-article-group {
    margin: 0 0 0 -1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-footer .pro-inner .pro-article-group {
    flex-wrap: wrap;
    margin: -1.25em 0 0 -1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-footer .pro-inner .pro-article-group {
    flex-direction: column;
    margin: -1.875em 0 0 0;
  }
}
.pro-footer .pro-inner .pro-article-group [class^=pro-] {
  flex: 1 1 calc(25% - 2.5em);
  width: calc(25% - 2.5em);
  margin-left: 2.5em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-footer .pro-inner .pro-article-group [class^=pro-] {
    margin-left: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-footer .pro-inner .pro-article-group [class^=pro-] {
    flex: 1 1 calc(50% - 2.5em);
    width: calc(50% - 2.5em);
    margin: 1.25em 0 0 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-footer .pro-inner .pro-article-group [class^=pro-] {
    flex: none;
    width: 100%;
    margin: 1.875em 0 0 0;
  }
}

.pro-news .pro-body {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-news .pro-body {
    position: relative;
    flex-wrap: wrap;
    padding-bottom: 8.125em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-news .pro-body {
    display: flex;
    flex-direction: column;
  }
}
.pro-news .pro-body .news-photo {
  flex: 0 0 23.125em;
  margin-right: 2.5em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-news .pro-body .news-photo {
    flex: 0 0 20em;
    margin-right: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-news .pro-body .news-photo {
    flex: 0 0 18.75em;
    margin-right: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-news .pro-body .news-photo {
    order: 2;
    flex: none;
    margin-right: 0;
    margin-top: 1.875em;
  }
}
.pro-news .pro-body .news-report {
  flex: 1 1 calc(100% - 25.625em);
  width: calc(100% - 25.625em);
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-news .pro-body .news-report {
    flex: 1 1 calc(100% - 20em);
  }
}
@media only screen and (max-width: 767px) {
  .pro-news .pro-body .news-report {
    order: 1;
    flex: 1 1 100%;
    width: 100%;
  }
}
.pro-news .news-photo {
  padding: 1.875em;
  border-radius: 1.25em;
  background: #FFFFFF;
  box-shadow: 0px -1px 13px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-news .news-photo {
    padding: 1.125em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-news .news-photo {
    padding: 1.125em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-news .news-photo {
    padding: 1.5em;
  }
}
.pro-news .news-photo .board-thumbs {
  display: block;
  position: relative;
}
.pro-news .news-photo .board-caption {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0.9375em 1.25em;
  margin: 0;
  background: linear-gradient(179.6deg, rgba(0, 0, 0, 0) 45.86%, #000000 99.66%);
}
.pro-news .news-photo .board-caption .caption-title, .pro-news .news-photo .board-caption .caption-date {
  color: #fff;
}
.pro-news .news-photo .board-caption .caption-date {
  flex: none;
  margin: 5px 0 0 0;
}
.pro-news .news-photo .pro-board {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pro-news .news-photo .pro-board .board-body {
  flex: 1 1 100%;
}
.pro-news .news-photo .pro-board .board-thumbs {
  height: 100%;
}
.pro-news .news-photo .pro-board .board-thumbs .thumbs-frame {
  min-height: 100%;
}
.pro-news .news-report {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .pro-news .news-report {
    display: block;
  }
}
.pro-news .news-report .report-board {
  flex: 1 1 calc(100% - 25.625em);
  width: calc(100% - 25.625em);
  display: flex;
  padding: 1.875em;
  border-radius: 1.25em;
  background: #FFFFFF;
  box-shadow: 0px -1px 13px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-news .news-report .report-board {
    padding: 1.125em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-news .news-report .report-board {
    padding: 1.125em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-news .news-report .report-board {
    flex: none;
    width: 100%;
    padding: 1.125em;
  }
}
.pro-news .news-report .report-board .pro-board {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pro-news .news-report .report-board .pro-board .board-body {
  flex: 1 1 auto;
  padding-top: 0.9375em;
  border-top: 1px solid #DDDDDD;
}
.pro-news .news-report .report-list {
  letter-spacing: -0.5px;
}
.pro-news .news-report .report-list ul, .pro-news .news-report .report-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pro-news .news-report .report-list .report-item ~ .report-item {
  margin-top: 5px;
}
.pro-news .news-report .report-write {
  display: flex;
  align-items: center;
  height: 1.75em;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .pro-news .news-report .report-write {
    flex-wrap: wrap;
    height: auto;
    padding: 0.5em 0;
  }
}
.pro-news .news-report .report-write [class*=report-] {
  white-space: nowrap;
}
.pro-news .news-report .report-write [class*=report-] ~ [class*=report-] {
  margin-left: 5px;
}
.pro-news .news-report .report-write [class*=report-] ~ .report-link {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .pro-news .news-report .report-write [class*=report-] ~ .report-link {
    margin-left: 0;
  }
}
.pro-news .news-report .report-write [class*=report-] ~ .report-date {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .pro-news .news-report .report-write [class*=report-] ~ .report-date {
    margin-left: 0.625em;
  }
}
.pro-news .news-report .report-state {
  flex: 0 0 3.125em;
}
.pro-news .news-report .report-state .state-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 1.5em;
  border-radius: 5px;
  background-color: #f4f4f4;
}
.pro-news .news-report .report-state .state-block .block-text {
  font-size: 0.9375em;
  font-weight: 400;
}
.pro-news .news-report .report-state .state-block.style--color-blue {
  background-color: rgba(64, 119, 200, 0.1);
  color: #4077C8;
}
.pro-news .news-report .report-state .state-block.style--color-gray {
  background-color: #999999;
  color: #fff;
}
.pro-news .news-report .report-state .state-block.style--color-emerald {
  background-color: rgba(41, 163, 179, 0.1);
  color: #29A3B3;
}
.pro-news .news-report .report-state .state-block.style--color-red {
  background-color: rgba(238, 46, 91, 0.1);
  color: #EE2E5B;
}
.pro-news .news-report .report-link {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: keep-all;
  font-size: 1.0625em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-news .news-report .report-link {
    font-size: 0.9375em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-news .news-report .report-link {
    flex: 1 1 80%;
    display: block;
    margin: 0.625em 0 0.3125em;
    order: 1;
  }
}
.pro-news .news-report .report-link:hover, .pro-news .news-report .report-link:focus {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.pro-news .news-report .report-new {
  flex: 0 0 3.125em;
  font-size: 0.875em;
  font-weight: 600;
  text-align: center;
  color: #EC6C61;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-news .news-report .report-new {
    flex: 0 0 1.875em;
    font-size: 0.8125em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-news .news-report .report-new {
    order: 2;
  }
}
.pro-news .news-report .report-date {
  flex: 0 0 5.625em;
  margin-left: auto;
  font-size: 1em;
  font-weight: 300;
  color: #666;
  text-align: right;
}
.pro-news .news-report .report-banner {
  display: flex;
  flex-direction: column;
  flex: 0 0 23.125em;
  width: 23.125em;
  margin-left: 2.5em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-news .news-report .report-banner {
    flex: 0 0 17.5em;
    width: 17.5em;
    margin-left: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-news .news-report .report-banner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    flex-direction: row;
  }
}
@media only screen and (max-width: 767px) {
  .pro-news .news-report .report-banner {
    flex: 1 1 100%;
    width: 100%;
    margin-left: 0;
    margin-top: 1.25em;
  }
}
.pro-news .news-report .report-banner .banner-card {
  display: flex;
  align-items: center;
  height: 8.125em;
  box-sizing: border-box;
  padding: 1.25em 2.5em;
  border-radius: 1.25em;
  background-color: #f4f4f4;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-news .news-report .report-banner .banner-card {
    height: 7.8125em;
    padding: 1.125em 1.75em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-news .news-report .report-banner .banner-card {
    width: calc(50% - 0.625em);
    height: 6.875em;
    padding: 1.125em 1.75em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-news .news-report .report-banner .banner-card {
    height: 6.25em;
    border-radius: 0.625em;
  }
}
.pro-news .news-report .report-banner .banner-card:hover, .pro-news .news-report .report-banner .banner-card:focus {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.pro-news .news-report .report-banner .banner-card ~ .banner-card {
  margin-top: 1.875em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-news .news-report .report-banner .banner-card ~ .banner-card {
    margin-top: 0.9375em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-news .news-report .report-banner .banner-card ~ .banner-card {
    margin-top: 0;
    margin-left: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-news .news-report .report-banner .banner-card ~ .banner-card {
    margin-top: 0.625em;
  }
}
.pro-news .news-report .report-banner .banner-card .card-title {
  flex: 0 0 50%;
  padding: 0;
  margin: 0;
  border: none;
  font-family: "SCDream";
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.5px;
  color: #fff;
  word-break: keep-all;
}
.pro-news .news-report .report-banner .banner-card .card-icon {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.25em;
  height: 5.25em;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
}
.pro-news .news-report .report-banner .banner-card .card-icon img {
  width: 3.25em;
}
.pro-news .news-report .report-banner .banner-card:nth-child(1) {
  background-color: #019AA2;
}
.pro-news .news-report .report-banner .banner-card:nth-child(2) {
  background-color: #4077C8;
}

.pro-notice .pro-body {
  display: flex;
}
.pro-notice .pro-webjin {
  flex: 0 0 370px;
  width: 370px;
  margin-right: 40px;
  padding: 30px;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: 0px -1px 13px rgba(0, 0, 0, 0.05);
}
.pro-notice .pro-enotice {
  flex: 1 1 auto;
}
.pro-notice .pro-enotice .enotice-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 45px 30px;
  background: #313C59;
  box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  background-image: url("../../img/main/e-notice-background.svg");
  background-size: 136px auto;
  background-position: bottom 2.2em right 2.2em;
  background-color: #385EA9;
  background-repeat: no-repeat;
  color: #fff;
  transition: all 0.3s ease;
}
.pro-notice .pro-enotice .enotice-card:hover, .pro-notice .pro-enotice .enotice-card:focus {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.pro-notice .pro-enotice .enotice-card:hover .performance-link .link-text, .pro-notice .pro-enotice .enotice-card:focus .performance-link .link-text {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.pro-notice .pro-enotice .enotice-title {
  font-family: "SCDream";
  font-size: 1.375em;
  font-weight: 500;
  line-height: 1.4;
}
.pro-notice .pro-enotice .enotice-description {
  margin-top: 0.9375em;
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.6;
}
.pro-notice .pro-enotice .enotice-link {
  margin-top: auto;
  display: flex;
  align-items: center;
  font-size: 1em;
}
.pro-notice .pro-enotice .enotice-link .link-icon {
  display: inline-flex;
  margin-left: 5px;
}
.pro-notice .pro-enotice .enotice-link .link-icon i, .pro-notice .pro-enotice .enotice-link .link-icon .las, .pro-notice .pro-enotice .enotice-link .link-icon .la {
  font-size: 1em;
}
.pro-notice .pro-enotice .enotice-link .link-text {
  font-weight: 500;
}
.pro-notice .notice-boards {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .pro-notice .notice-boards {
    flex-direction: column;
  }
}
.pro-notice .notice-board {
  flex: 1 1 calc(50% - 1.25em);
  width: calc(50% - 1.25em);
  box-sizing: border-box;
  padding: 1.875em;
  border-radius: 1.25em;
  background: #FFFFFF;
  box-shadow: 0px -1px 13px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-notice .notice-board {
    padding: 1.125em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-notice .notice-board {
    padding: 1.125em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-notice .notice-board {
    flex: none;
    width: 100%;
    padding: 1.5em;
  }
}
.pro-notice .notice-board ~ .notice-board {
  position: relative;
  margin-left: 2.5em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-notice .notice-board ~ .notice-board {
    margin-left: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-notice .notice-board ~ .notice-board {
    margin-left: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-notice .notice-board ~ .notice-board {
    margin-left: 0;
    margin-top: 1.25em;
  }
}
.pro-notice .notice-board ~ .notice-board:before {
  position: absolute;
  top: 50%;
  left: -1.25em;
  transform: translateY(-50%) skewY(-0.01deg);
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

.pro-story .story-boards {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .pro-story .story-boards {
    flex-direction: column;
  }
}
.pro-story .story-board {
  flex: 1 1 calc(50% - 1.25em);
  width: calc(50% - 1.25em);
  box-sizing: border-box;
  padding: 1.875em;
  border-radius: 1.25em;
  background: #FFFFFF;
  box-shadow: 0px -1px 13px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-story .story-board {
    padding: 1.125em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-story .story-board {
    padding: 1.125em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-story .story-board {
    flex: none;
    width: 100%;
    padding: 1.5em;
  }
}
.pro-story .story-board ~ .story-board {
  position: relative;
  margin-left: 2.5em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-story .story-board ~ .story-board {
    margin-left: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-story .story-board ~ .story-board {
    margin-left: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-story .story-board ~ .story-board {
    margin-left: 0;
    margin-top: 1.25em;
  }
}
.pro-story .story-board ~ .story-board:before {
  position: absolute;
  top: 50%;
  left: -1.25em;
  transform: translateY(-50%) skewY(-0.01deg);
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

.pro-promotion {
  display: flex;
  flex-direction: column;
}
.pro-promotion .outside-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  box-sizing: border-box;
  padding: 3.125em 2.5em 1.875em;
  border: 1px solid #DADADA;
  border-radius: 1.25em;
  background-image: url("../../img/promotion/promote-background.svg");
  background-size: 5.9375em auto;
  background-position: bottom 1.25em right 2.5em;
  background-color: #fff;
  background-repeat: no-repeat;
  color: #555555;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-promotion .outside-card {
    padding: 1.125em;
    padding-top: 1.5625em;
    background-size: 5em;
    background-position: bottom 1.25em right 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-promotion .outside-card {
    padding: 1.5em;
    background-size: 5em;
    background-position: bottom 1.25em right 1.25em;
  }
}
.pro-promotion .outside-card:hover, .pro-promotion .outside-card:focus {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.pro-promotion .outside-card .card-title {
  display: flex;
  margin-bottom: 1.5625em;
  font-family: "SCDream";
  font-size: 1.25em;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
  letter-spacing: -0.5px;
}
.pro-promotion .outside-card .card-description {
  margin-bottom: 1.5625em;
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.6;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-promotion .outside-card .card-description br {
    display: none;
  }
}
.pro-promotion .outside-card .card-link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  height: 2.8125em;
  box-sizing: border-box;
  padding: 0 1.125em;
  background-color: #4077C8;
  border-radius: 5px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .pro-promotion .outside-card .card-link {
    margin-top: 1.5625em;
  }
}
.pro-promotion .outside-card .card-link .link-icon {
  display: inline-flex;
  margin-left: 5px;
}
.pro-promotion .outside-card .card-link .link-icon i, .pro-promotion .outside-card .card-link .link-icon .las, .pro-promotion .outside-card .card-link .link-icon .la {
  font-size: 1em;
}
.pro-promotion .outside-card .card-link .link-text {
  font-size: 1em;
  font-weight: 500;
}

.pro-character {
  position: relative;
  background: linear-gradient(96.45deg, #3C6AE1 12.85%, #3C80E1 99.93%);
  border-radius: 20px;
  transition: all 0.3s ease;
}
.pro-character:hover, .pro-character:focus {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.pro-character .character-frame {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 19.6875em;
  box-sizing: border-box;
  padding: 1.875em;
  background-repeat: no-repeat;
  background-image: url("../../img/promotion/character-background.png");
  background-size: 18.75em auto;
  background-position: right -4.6875em bottom -6.5625em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-character .character-frame {
    height: 100%;
    padding: 1.125em;
  }
}
.pro-character .character-title {
  display: flex;
  align-items: flex-end;
  font-family: "SCDream";
  line-height: 1.4;
  color: #fff;
}
.pro-character .character-title .title-hangle {
  font-size: 1.375em;
  font-weight: 500;
}
.pro-character .character-title .title-eng {
  margin-left: 0.625em;
  font-size: 1.125em;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
}
.pro-character .character-explain {
  margin-top: 1.25em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.6;
  color: #fff;
  word-break: keep-all;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-character .character-explain {
    font-size: 0.9375em;
  }
}
.pro-character .character-tag {
  position: relative;
  z-index: 1;
  display: flex;
  margin-top: auto;
}
.pro-character .character-tag .tag-block {
  display: inline-flex;
  align-items: center;
  height: 2.25em;
  box-sizing: border-box;
  padding: 4px 1.25em;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 1.5625em;
  font-size: 0.9375em;
  color: #fff;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-character .character-tag .tag-block {
    padding: 4px 0.5em;
    background-color: rgba(47, 104, 194, 0.7);
  }
}
.pro-character .character-tag .tag-block ~ .tag-block {
  margin-left: 10px;
}
.pro-character .character-image {
  display: flex;
  position: absolute;
  bottom: 0.9375em;
  right: 1.5625em;
  background: none;
  box-shadow: none;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-character .character-image {
    right: 1.125em;
  }
}
.pro-character .character-image img {
  width: 6.75em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-character .character-image img {
    width: 5.625em;
  }
}

.pro-touch .touch-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  box-sizing: border-box;
  padding: 1.5625em 2.5em 1.875em;
  border: 1px solid #DADADA;
  border-radius: 1.25em;
  background-image: url("../../img/promotion/touch-background.svg");
  background-size: 6.8125em auto;
  background-position: bottom 1.25em right 2.5em;
  background-color: #fff;
  background-repeat: no-repeat;
  color: #555555;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-touch .touch-card {
    padding: 1.125em;
    background-size: 5.625em auto;
    background-position: bottom 1.25em right 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-touch .touch-card {
    padding: 1.5em;
    background-size: 5.625em auto;
    background-position: bottom 1.25em right 1.25em;
  }
}
.pro-touch .touch-card:hover, .pro-touch .touch-card:focus {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.pro-touch .touch-title {
  display: flex;
}
.pro-touch .touch-title img {
  width: 13.125em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-touch .touch-title img {
    width: 11.25em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-touch .touch-title img {
    width: 11.25em;
  }
}
.pro-touch .touch-description {
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.6;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-touch .touch-description br {
    display: none;
  }
}
.pro-touch .touch-link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  height: 2.8125em;
  box-sizing: border-box;
  padding: 0 1.125em;
  background-color: #29457a;
  border-radius: 5px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .pro-touch .touch-link {
    margin-top: 1.5625em;
  }
}
.pro-touch .touch-link .link-icon {
  display: inline-flex;
  margin-left: 5px;
}
.pro-touch .touch-link .link-icon i, .pro-touch .touch-link .link-icon .las, .pro-touch .touch-link .link-icon .la {
  font-size: 1.3125em;
}
.pro-touch .touch-link .link-text {
  font-size: 1em;
  font-weight: 500;
}

.pro-docs .docs-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  box-sizing: border-box;
  padding: 3.125em 2.5em 1.875em;
  border: 1px solid #DADADA;
  border-radius: 1.25em;
  background-image: url("../../img/promotion/docs-background.svg");
  background-size: 6.25em auto;
  background-position: bottom 1.25em right 2.1875em;
  background-color: #fff;
  background-repeat: no-repeat;
  color: #555555;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-docs .docs-card {
    padding: 1.125em;
    padding-top: 1.5625em;
    background-size: 5em;
    background-position: bottom 1.25em right 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-docs .docs-card {
    padding: 1.5em;
    background-size: 5em;
    background-position: bottom 1.25em right 1.25em;
  }
}
.pro-docs .docs-card:hover, .pro-docs .docs-card:focus {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.pro-docs .docs-title {
  display: flex;
  margin-bottom: 1.5625em;
  font-family: "SCDream";
  font-size: 1.25em;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
  letter-spacing: -0.5px;
}
.pro-docs .docs-description {
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.6;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-docs .docs-description br {
    display: none;
  }
}
.pro-docs .docs-link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  height: 2.8125em;
  box-sizing: border-box;
  padding: 0 1.125em;
  background-color: #4077C8;
  border-radius: 5px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .pro-docs .docs-link {
    margin-top: 1.5625em;
  }
}
.pro-docs .docs-link .link-icon {
  display: inline-flex;
  margin-left: 5px;
}
.pro-docs .docs-link .link-icon i, .pro-docs .docs-link .link-icon .las, .pro-docs .docs-link .link-icon .la {
  font-size: 1em;
}
.pro-docs .docs-link .link-text {
  font-size: 1em;
  font-weight: 500;
}

.pro-sns {
  display: flex;
  align-items: center;
}
.pro-sns .sns-title {
  display: flex;
  align-items: center;
  margin-right: 1.5625em;
}
.pro-sns .sns-title .title-icon {
  display: inline-flex;
  margin-right: 0.625em;
}
.pro-sns .sns-title .title-icon img {
  width: 2.6875em;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-sns .sns-title .title-icon img {
    width: 1.875em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-sns .sns-title .title-icon img {
    width: 1.875em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-sns .sns-title .title-icon img {
    width: 1.875em;
  }
}
.pro-sns .sns-title .title-text {
  font-family: "SCDream";
  font-size: 1.5em;
  font-weight: 500;
  color: #11264E;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .pro-sns .sns-title .title-text {
    font-size: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .pro-sns .sns-title .title-text {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .pro-sns .sns-title .title-text {
    font-size: 1.0625em;
  }
}
.pro-sns .sns-title .title-text b {
  font-size: 500;
  color: #2F68C2;
}
.pro-sns .sns-list ul {
  display: flex;
  margin: 0;
  padding: 0;
}
.pro-sns .sns-list ul li {
  display: inline-flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pro-sns .sns-list ul li ~ li {
  margin-left: 0.625em;
}
.pro-sns .sns-link {
  transition: all 0.3s ease;
}
.pro-sns .sns-link:hover .link-icon {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}
.pro-sns .sns-link .link-icon {
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  overflow: hidden;
}
.pro-sns .sns-link .link-icon img {
  width: 2.5em;
  height: 2.5em;
}

/* 영문 메인 */
.eng-main {
  position: relative;
  padding: 0 0 4.0625em;
}
.eng-main .main-inner {
  width: 1440px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 1.25em;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-inner {
    padding: 0 1.75em;
  }
}
.eng-main [class^=main-] {
  position: relative;
  z-index: 1;
}
.eng-main [class^=main-] .section-head {
  margin-bottom: 1.5625em;
}
.eng-main [class^=main-] .section-title {
  font-family: "SCDream";
  font-size: 2em;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 767px) {
  .eng-main [class^=main-] .section-title {
    font-size: 1.625em;
  }
}
.eng-main [class^=main-] .section-title b {
  font-weight: 700;
  color: #2F68C2;
}
.eng-main .main-programs {
  margin-bottom: 1.5625em;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs {
    margin-bottom: 2.8125em;
  }
}
.eng-main .main-programs .main-inner {
  position: relative;
  z-index: 1;
}
.eng-main .main-programs .section-head {
  position: relative;
  z-index: 1;
  margin-bottom: 1.875em;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-programs .section-head {
    padding: 1.875em 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .section-head {
    padding: 1.875em 0 0;
  }
}
.eng-main .main-programs .section-head .section-title {
  position: absolute;
  top: 65px;
  left: 0;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-programs .section-head .section-title {
    position: relative;
    top: inherit;
    left: inherit;
    transform: translateY(1.25em);
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-programs .section-head .section-title {
    transform: translateY(0);
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .section-head .section-title {
    position: relative;
    top: inherit;
    left: inherit;
    text-align: center;
  }
}
.eng-main .main-programs .section-body {
  position: relative;
}
.eng-main .main-programs .section-body .programs-ref {
  position: absolute;
  right: 0;
  top: -1.875em;
  transform: translateY(-100%);
  display: none;
}
.eng-main .main-programs .programs-visual {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1760px;
  height: 580px;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .eng-main .main-programs .programs-visual {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-programs .programs-visual {
    top: 0;
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-programs .programs-visual {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .programs-visual {
    top: 0;
    transform: translateX(-50%);
    height: 100%;
  }
}
.eng-main .main-programs .programs-visual .visual-frame {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #F0F5FD;
  border-radius: 70px;
  overflow: hidden;
}
.eng-main .main-programs .programs-visual .visual-frame [class*=visual-shape] {
  position: absolute;
}
.eng-main .main-programs .programs-visual .visual-frame .visual-shape01 {
  bottom: -330px;
  left: -180px;
  animation: visualShape01 1s ease 0.1s 1 normal both;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .eng-main .main-programs .programs-visual .visual-frame .visual-shape01 {
    left: inherit;
    right: calc(50% + 13vw);
    bottom: -24.2647058824vw;
    width: 62.1323529412vw;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .programs-visual .visual-frame .visual-shape01 {
    width: 23.125em;
  }
}
.eng-main .main-programs .programs-visual .visual-frame .visual-shape02 {
  top: -200px;
  right: -180px;
  animation: visualShape02 1s ease 0.1s 1 normal both;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .eng-main .main-programs .programs-visual .visual-frame .visual-shape02 {
    top: -14.7058823529vw;
    left: calc(50% + 3vw);
    right: inherit;
    width: 72.3529411765vw;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .programs-visual .visual-frame .visual-shape02 {
    width: 34.375em;
  }
}
@keyframes visualShape01 {
  0% {
    transform: translate(-50%, 50%);
    opacity: 0;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
@keyframes visualShape02 {
  0% {
    transform: translate(50%, -100%);
    opacity: 0;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
}
.eng-main .main-programs .programs-ref {
  font-size: 1.0625em;
  font-weight: 300;
  line-height: 1.4;
  color: #666666;
  word-break: keep-all;
}
.eng-main .main-programs .programs-business {
  position: relative;
  padding-left: 25.625em;
  height: 36.25em;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-programs .programs-business {
    padding-left: 19.375em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-programs .programs-business {
    height: auto;
    padding: 2.1875em 0 4.0625em 0;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .programs-business {
    height: auto;
    padding: 1.25em 0 2.5em;
  }
}
.eng-main .main-programs .programs-business .programs-tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 25.625em;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-programs .programs-business .programs-tab {
    width: 19.375em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-programs .programs-business .programs-tab {
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .programs-business .programs-tab {
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
    height: auto;
  }
}
.eng-main .main-programs .programs-business .programs-tab .tab-frame {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  padding: 6.5625em 0 4.0625em 0;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-programs .programs-business .programs-tab .tab-frame {
    padding: 4.0625em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-programs .programs-business .programs-tab .tab-frame {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .programs-business .programs-tab .tab-frame {
    display: none;
  }
}
.eng-main .main-programs .programs-business .programs-tab .tab-button {
  position: relative;
  flex: 1 1 16.6%;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0.3125em 0;
  padding-right: 5em;
  text-align: left;
  color: #333333;
  transition: all 0.3s ease;
}
.eng-main .main-programs .programs-business .programs-tab .tab-button:hover, .eng-main .main-programs .programs-business .programs-tab .tab-button:focus {
  color: #2F68C2;
}
.eng-main .main-programs .programs-business .programs-tab .tab-button:hover .button-text, .eng-main .main-programs .programs-business .programs-tab .tab-button:focus .button-text {
  text-shadow: 0 0 1px #2F68C2;
}
.eng-main .main-programs .programs-business .programs-tab .tab-button:before {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: skewY(-0.01deg);
  content: "";
  width: 100%;
  height: 1px;
  background-color: #B1BECC;
}
.eng-main .main-programs .programs-business .programs-tab .tab-button:after {
  position: absolute;
  top: 50%;
  right: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875em;
  height: 1.875em;
  background-color: #2F68C2;
  border-radius: 50%;
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f105";
  font-size: 1em;
  color: #fff;
  transform: translate(-0.25em, -50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.eng-main .main-programs .programs-business .programs-tab .tab-button .button-text {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.2;
}
.eng-main .main-programs .programs-business .programs-tab .tab-button:last-child:before {
  content: none;
}
.eng-main .main-programs .programs-business .programs-tab .tab-button:last-child.is--on {
  background-color: #2F68C2;
}
.eng-main .main-programs .programs-business .programs-tab .tab-button:last-child.is--on .button-text {
  text-shadow: 0 0 1px #333333;
}
.eng-main .main-programs .programs-business .programs-tab .tab-button:last-child.is--on:before {
  content: "";
}
.eng-main .main-programs .programs-business .programs-tab .tab-button.is--on {
  color: #2F68C2;
}
.eng-main .main-programs .programs-business .programs-tab .tab-button.is--on .button-text {
  text-shadow: 0 0 1px #2F68C2;
}
.eng-main .main-programs .programs-business .programs-tab .tab-button.is--on:before {
  height: 2px;
  background-color: #2F68C2;
}
.eng-main .main-programs .programs-business .programs-tab .tab-button.is--on:after {
  transform: translate(0, -50%);
  opacity: 1;
  visibility: visible;
}
.eng-main .main-programs .programs-business .programs-tab .tab-mobile-select {
  display: none;
  margin-bottom: 0.625em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-programs .programs-business .programs-tab .tab-mobile-select {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .programs-business .programs-tab .tab-mobile-select {
    display: block;
  }
}
.eng-main .main-programs .programs-business .programs-tab .tab-mobile-select .omks--select {
  width: 100%;
  height: 2.5em;
  padding: 0 0.875em;
  padding-right: 2em;
  border-radius: 0;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #bacded;
  background-image: url("../../img/eng-main/programs-select.svg");
  font-size: 1.0625em;
  font-weight: 600;
  color: #2F68C2;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.eng-main .main-programs .programs-business .programs-contents {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  box-sizing: border-box;
  padding-left: 1.25em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-programs .programs-business .programs-contents {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .programs-business .programs-contents {
    padding-left: 0;
  }
}
.eng-main .main-programs .programs-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 52.5em;
  height: 27.8125em;
  box-sizing: border-box;
  padding: 3.75em;
  border-radius: 1.5625em;
  background-color: #fff;
  background-repeat: repeat-x;
  background-image: url("../../img/main/support-background.png");
  background-position: center;
  background-size: 100% auto;
  box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.15);
  animation: programsCard 0.5s ease alternate both;
  display: none;
}
@media only screen and (min-width: 1081px) and (max-width: 1366px) {
  .eng-main .main-programs .programs-card {
    padding: 2.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-programs .programs-card {
    padding: 2.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-programs .programs-card {
    height: auto;
    min-height: 23.75em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .programs-card {
    height: auto;
    min-height: 18.75em;
    padding: 1.75em;
  }
}
.eng-main .main-programs .programs-card:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 10.625em;
  height: 7.875em;
  background-repeat: no-repeat;
  background-image: url("../../img/eng-main/card-background.svg");
  background-size: 10.625em auto;
  background-position: center;
}
.eng-main .main-programs .programs-card .programs-surface {
  width: 100%;
}
.eng-main .main-programs .programs-card .programs-surface .surface-title {
  font-size: 1.5625em;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .programs-card .programs-surface .surface-title {
    font-size: 1.375em;
  }
}
.eng-main .main-programs .programs-card .programs-surface .surface-paragraph {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 1.5625em;
  font-size: 0.9375em;
  font-weight: 300;
  text-align: center;
  color: #333;
  line-height: 1.4;
  overflow: hidden;
}
.eng-main .main-programs .programs-card .programs-count {
  display: flex;
  margin: 1.5625em 0;
}
.eng-main .main-programs .programs-card .programs-count li {
  width: 50%;
  box-sizing: border-box;
  padding: 0 0.9375em;
}
.eng-main .main-programs .programs-card .programs-count li ~ li {
  position: relative;
}
.eng-main .main-programs .programs-card .programs-count li ~ li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 4.375em;
  background-color: rgba(34, 34, 34, 0.37);
  transform: translateY(-50%) skewY(-0.01deg);
}
.eng-main .main-programs .programs-card .programs-count .count-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 7.5em;
  box-sizing: border-box;
  padding: 0 0.9375em;
}
.eng-main .main-programs .programs-card .programs-count .count-box .count-num {
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1;
  color: #222;
}
.eng-main .main-programs .programs-card .programs-count .count-box .count-text {
  margin-top: 1.25em;
  font-size: 1.0625em;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
  color: #333;
}
.eng-main .main-programs .programs-card .programs-link {
  display: flex;
  justify-content: center;
  margin-top: 1.5625em;
  margin-top: auto;
}
.eng-main .main-programs .programs-card .programs-link .link-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 17.5em;
  height: 3.75em;
  box-sizing: border-box;
  padding: 0.625em 1.25em;
  padding-right: 2.5em;
  background-color: #2F68C2;
  border-radius: 0.625em;
  color: #fff;
  transition: all 0.3s ease;
}
.eng-main .main-programs .programs-card .programs-link .link-button:hover, .eng-main .main-programs .programs-card .programs-link .link-button:focus {
  background-color: #2F68C2;
  color: #fff;
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.22);
}
.eng-main .main-programs .programs-card .programs-link .link-button:hover:after, .eng-main .main-programs .programs-card .programs-link .link-button:focus:after {
  color: #fff;
}
.eng-main .main-programs .programs-card .programs-link .link-button:after {
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translate(0, -50%);
  font-family: "Line Awesome Free";
  font-weight: 700;
  content: "\f105";
  font-size: 1.4em;
}
.eng-main .main-programs .programs-card .programs-link .link-button .button-text {
  font-size: 0.9375em;
  font-weight: 500;
}
.eng-main .main-programs .programs-card.is--on {
  display: flex;
}
@keyframes programsCard {
  0% {
    transform: translateY(1.25em);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
.eng-main .main-programs .programs-card.style--introduction {
  background-repeat: no-repeat;
  background-image: url("../../img/eng-main/card-banner.png");
  background-size: cover;
  background-position: center;
}
.eng-main .main-programs .programs-card.style--introduction .card-introduction {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 3.125em;
}
.eng-main .main-programs .programs-card.style--introduction .card-introduction .introduction-logo {
  display: flex;
  margin-bottom: 2.8125em;
}
.eng-main .main-programs .programs-card.style--introduction .card-introduction .introduction-logo img {
  width: 9.0625em;
}
.eng-main .main-programs .programs-card.style--introduction .card-introduction .introduction-paragraph {
  color: #fff;
  line-height: 1.4;
}
.eng-main .main-programs .programs-card.style--introduction .card-introduction .introduction-paragraph strong {
  margin: 0;
  padding: 0;
  font-size: 2em;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-programs .programs-card.style--introduction .card-introduction .introduction-paragraph strong {
    font-size: 1.75em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .programs-card.style--introduction .card-introduction .introduction-paragraph strong {
    font-size: 1.5em;
  }
}
.eng-main .main-programs .programs-card.style--introduction .card-introduction .introduction-paragraph p {
  font-size: 1.875em;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-programs .programs-card.style--introduction .card-introduction .introduction-paragraph p {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-programs .programs-card.style--introduction .card-introduction .introduction-paragraph p {
    font-size: 1.25em;
  }
}
.eng-main .main-about .about-wrap {
  position: relative;
  display: flex;
  background-color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-about .about-wrap {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-about .about-wrap {
    flex-direction: column;
  }
}
.eng-main .main-about .about-head {
  flex: 0 0 12.5em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 1.25em;
}
@media only screen and (max-width: 767px) {
  .eng-main .main-about .about-head {
    flex: none;
    justify-content: center;
  }
}
.eng-main .main-about .about-body {
  flex: 1 1 auto;
}
@media only screen and (max-width: 767px) {
  .eng-main .main-about .about-body {
    padding: 0 1.125em;
    border: 0.0625em solid #ddd;
    border-radius: 0.625em;
    background-color: #fdfdfd;
  }
}
.eng-main .main-about .about-title {
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .eng-main .main-about .about-title br {
    display: none;
  }
}
.eng-main .main-about .about-image {
  width: 4.0625em;
  margin-left: 0.625em;
}
@media only screen and (max-width: 767px) {
  .eng-main .main-about .about-image {
    margin-top: -2em;
  }
}
.eng-main .main-about .about-list {
  padding: 1.5625em 0;
}
.eng-main .main-about .about-list ul {
  display: flex;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-about .about-list ul {
    flex-wrap: wrap;
    margin: -1.25em 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-about .about-list ul {
    flex-wrap: wrap;
    margin: -1.25em 0 0 0;
  }
}
.eng-main .main-about .about-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.eng-main .main-about .about-list .about-item {
  flex: 1 1 25%;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-about .about-list .about-item {
    flex: 1 1 50%;
    margin: 1.25em 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-about .about-list .about-item {
    flex: 1 1 50%;
    margin: 1.25em 0 0 0;
  }
}
.eng-main .main-about .about-item ~ .about-item {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-about .about-item ~ .about-item:nth-of-type(3):before {
    content: none;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-about .about-item ~ .about-item:nth-of-type(3):before {
    content: none;
  }
}
.eng-main .main-about .about-item ~ .about-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.eng-main .main-about .about-link {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 6.25em;
  box-sizing: border-box;
  padding: 0 1.875em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-about .about-link {
    padding: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-about .about-link {
    padding: 1.125em;
  }
}
.eng-main .main-about .about-link .link-title,
.eng-main .main-about .about-link .link-more {
  position: relative;
  z-index: 1;
}
.eng-main .main-about .about-link .link-title {
  font-size: 1.25em;
  font-weight: 700;
  color: #222222;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-about .about-link .link-title {
    font-size: 1.125em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-about .about-link .link-title br {
    display: none;
  }
}
.eng-main .main-about .about-link .link-more {
  margin-top: auto;
  font-size: 0.9375em;
  font-weight: 400;
  color: #555555;
}
.eng-main .main-about .about-link .link-image {
  display: inline-flex;
  position: absolute;
  top: 50%;
  right: 1.25em;
  transform: translateY(-50%);
  z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-about .about-link .link-image {
    right: 1.125em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-about .about-link .link-image {
    top: inherit;
    bottom: 0.625em;
    right: 1.25em;
    transform: none;
  }
}
.eng-main .main-about .about-link .link-image img {
  width: 3.125em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-about .about-link .link-image img {
    width: 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-about .about-link .link-image img {
    width: 2.1875em;
  }
}
.eng-main .main-about .about-link:hover .link-title,
.eng-main .main-about .about-link:hover .link-more, .eng-main .main-about .about-link:focus .link-title,
.eng-main .main-about .about-link:focus .link-more {
  color: #2F68C2;
}
.eng-main .main-about .about-link:hover .link-more, .eng-main .main-about .about-link:focus .link-more {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.eng-main .main-section-group {
  margin-top: 3.125em;
}
.eng-main .main-section-group .main-inner {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner {
    display: block;
  }
}
.eng-main .main-section-group .main-inner [class^=main-] {
  flex: 1 1 calc(50% - 0.625em);
  width: calc(50% - 0.625em);
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner [class^=main-] {
    flex: none;
    width: 100%;
  }
}
.eng-main .main-section-group .main-inner [class^=main-] ~ [class^=main-] {
  margin-left: 1.25em;
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner [class^=main-] ~ [class^=main-] {
    margin-left: 0;
    margin-top: 2.5em;
  }
}
.eng-main .main-section-group .main-inner .main-board {
  display: flex;
  flex-direction: column;
}
.eng-main .main-section-group .main-inner .main-board .section-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.eng-main .main-section-group .main-inner .main-board .section-body .board-list {
  flex: 1 1 auto;
}
.eng-main .main-section-group .main-inner .main-board .board-banner {
  display: flex;
  margin-bottom: 1.25em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-section-group .main-inner .main-board .board-banner {
    margin-bottom: 0.625em;
  }
}
.eng-main .main-section-group .main-inner .main-board .board-banner .board-card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(50% - 0.625em);
  height: 9.0625em;
  box-sizing: border-box;
  padding: 1.5625em 1.875em;
  border-radius: 0.625em;
  background-color: #f4f4f4;
  line-height: 1.4;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-section-group .main-inner .main-board .board-banner .board-card {
    padding: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-section-group .main-inner .main-board .board-banner .board-card {
    height: 8.125em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner .main-board .board-banner .board-card {
    padding: 1.25em;
  }
}
.eng-main .main-section-group .main-inner .main-board .board-banner .board-card:hover, .eng-main .main-section-group .main-inner .main-board .board-banner .board-card:focus {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
}
.eng-main .main-section-group .main-inner .main-board .board-banner .board-card:nth-of-type(1) {
  background-color: #385EA9;
  color: #fff;
}
.eng-main .main-section-group .main-inner .main-board .board-banner .board-card:nth-of-type(2) {
  background-color: #29A3B3;
  color: #fff;
}
.eng-main .main-section-group .main-inner .main-board .board-banner .board-card ~ .board-card {
  margin-left: 1.25em;
}
.eng-main .main-section-group .main-inner .main-board .board-banner .board-card .card-title {
  font-size: 1.5625em;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-section-group .main-inner .main-board .board-banner .board-card .card-title {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner .main-board .board-banner .board-card .card-title {
    font-size: 1.25em;
  }
}
.eng-main .main-section-group .main-inner .main-board .board-banner .board-card .card-more {
  margin-top: auto;
  font-size: 0.9375em;
  font-weight: 400;
}
.eng-main .main-section-group .main-inner .main-board .board-banner .board-card .card-icon {
  position: absolute;
  top: 50%;
  right: 1.875em;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.875em;
  height: 5.875em;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-section-group .main-inner .main-board .board-banner .board-card .card-icon {
    width: 4.6875em;
    height: 4.6875em;
    right: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-section-group .main-inner .main-board .board-banner .board-card .card-icon {
    width: 3.75em;
    height: 3.75em;
    right: 0.625em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner .main-board .board-banner .board-card .card-icon {
    width: 3.75em;
    height: 3.75em;
    right: 0.625em;
  }
}
.eng-main .main-section-group .main-inner .main-board .board-banner .board-card .card-icon img {
  width: 3.75em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-section-group .main-inner .main-board .board-banner .board-card .card-icon img {
    width: 2.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-section-group .main-inner .main-board .board-banner .board-card .card-icon img {
    width: 2.1875em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner .main-board .board-banner .board-card .card-icon img {
    width: 2.1875em;
  }
}
.eng-main .main-section-group .main-inner .main-board .board-list {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 2.1875em 1.875em 2.5em;
  border: 1px solid #DDDDDD;
  border-radius: 0.625em;
  border-bottom-right-radius: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-section-group .main-inner .main-board .board-list {
    padding: 1.875em 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner .main-board .board-list {
    padding: 1.875em 1.25em;
  }
}
.eng-main .main-section-group .main-inner .main-board .board-list .list-head {
  display: flex;
  align-items: flex-end;
  padding-bottom: 1.25em;
  margin-bottom: 1.25em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 1.4;
}
.eng-main .main-section-group .main-inner .main-board .board-list .list-title {
  font-size: 1.5625em;
  font-weight: 500;
  color: #222;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-section-group .main-inner .main-board .board-list .list-title {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner .main-board .board-list .list-title {
    font-size: 1.375em;
  }
}
.eng-main .main-section-group .main-inner .main-board .board-list .list-more {
  margin-left: auto;
  font-size: 1em;
  font-weight: 400;
  color: #555;
}
.eng-main .main-section-group .main-inner .main-board .board-list .list-body {
  flex: 1 1 auto;
}
.eng-main .main-section-group .main-inner .main-board .board-list .list-body .banner-funcs {
  position: absolute;
  bottom: 0;
  right: 0;
}
.eng-main .main-section-group .main-inner .main-board .board-list .list-item {
  display: block;
  margin: 0;
  padding: 0;
}
.eng-main .main-section-group .main-inner .main-board .board-list .list-item .item-title {
  margin: 0;
  padding: 0;
  font-size: 1.125em;
  font-weight: 500;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.eng-main .main-section-group .main-inner .main-board .board-list .list-item .item-preview {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0.9375em 0;
  font-size: 0.9375em;
  font-weight: 300;
  line-height: 1.4;
  color: #555;
  overflow: hidden;
}
.eng-main .main-section-group .main-inner .main-board .board-list .list-item .item-date {
  margin-top: auto;
  font-size: 0.9375em;
  font-weight: 300;
  line-height: 1;
  color: #333;
}
.eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs {
  display: flex;
  align-items: center;
}
.eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-pager {
  margin: 0 1.25em;
  font-weight: 400;
  color: #9a9a9a;
}
.eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-pager .pager-now {
  font-weight: 500;
  color: #222;
}
.eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-navi {
  display: flex;
  border: 1px solid #DDDDDD;
  transform: translate(1px, 1px);
}
.eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-navi .navi-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.375em;
  height: 2.375em;
  color: #6E6E6E;
}
.eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-navi .navi-button ~ .navi-button {
  position: relative;
}
.eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-navi .navi-button ~ .navi-button:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 1px;
  height: 100%;
  background-color: #DDDDDD;
}
.eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-navi .navi-button i, .eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-navi .navi-button .la, .eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-navi .navi-button .las {
  font-size: 1.2em;
}
.eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-navi .navi-play,
.eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-navi .navi-pause {
  display: none;
}
.eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-navi .navi-play.is--on,
.eng-main .main-section-group .main-inner .main-board .board-list .banner-funcs .banner-navi .navi-pause.is--on {
  display: flex;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-banner {
  display: flex;
  margin-bottom: 1.25em;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-banner {
    margin-bottom: 0.625em;
  }
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(50% - 0.625em);
  height: 9.0625em;
  box-sizing: border-box;
  padding: 1.5625em 1.875em;
  border-radius: 0.625em;
  border: 1px solid #C6CDDE;
  line-height: 1.4;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card {
    padding: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card {
    height: 8.125em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card {
    padding: 1.25em;
  }
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card:hover, .eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card:focus {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card:nth-of-type(1) {
  background-color: #385EA9;
  color: #fff;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card:nth-of-type(2) {
  background-color: #29A3B3;
  color: #fff;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card ~ .rnd-card {
  margin-left: 1.25em;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card .card-title {
  font-size: 1.5625em;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card .card-title {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card .card-title {
    font-size: 1.25em;
  }
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card .card-more {
  margin-top: auto;
  font-size: 0.9375em;
  font-weight: 400;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card .card-icon {
  position: absolute;
  top: 50%;
  right: 1.875em;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.875em;
  height: 5.875em;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card .card-icon {
    width: 4.6875em;
    height: 4.6875em;
    right: 1.25em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card .card-icon {
    width: 3.75em;
    height: 3.75em;
    right: 0.625em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card .card-icon {
    width: 3.75em;
    height: 3.75em;
    right: 0.625em;
  }
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card .card-icon img {
  width: 3.125em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card .card-icon img {
    width: 2.1875em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card .card-icon img {
    width: 1.875em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-banner .rnd-card .card-icon img {
    width: 1.875em;
  }
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 2.1875em 1.875em 2.5em;
  border: 1px solid #DDDDDD;
  border-radius: 0.625em;
  border-bottom-right-radius: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-list {
    padding: 1.875em 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-list {
    padding: 1.875em 1.25em;
  }
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .list-head {
  display: flex;
  align-items: flex-end;
  padding-bottom: 1.25em;
  margin-bottom: 1.25em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 1.4;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .list-title {
  font-size: 1.5625em;
  font-weight: 500;
  color: #222;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-list .list-title {
    font-size: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-main .main-section-group .main-inner .main-rnd .rnd-list .list-title {
    font-size: 1.375em;
  }
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .list-more {
  margin-left: auto;
  font-size: 1em;
  font-weight: 400;
  color: #555;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .list-body {
  flex: 1 1 auto;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .list-body .banner-funcs {
  position: absolute;
  bottom: 0;
  right: 0;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .list-item {
  display: block;
  margin: 0;
  padding: 0;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .list-item .item-title {
  margin: 0;
  padding: 0;
  font-size: 1.125em;
  font-weight: 500;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .list-item .item-preview {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0.9375em 0;
  font-size: 0.9375em;
  font-weight: 300;
  line-height: 1.4;
  color: #555;
  overflow: hidden;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .list-item .item-date {
  margin-top: auto;
  font-size: 0.9375em;
  font-weight: 300;
  line-height: 1;
  color: #333;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs {
  display: flex;
  align-items: center;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-pager {
  margin: 0 1.25em;
  font-weight: 400;
  color: #9a9a9a;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-pager .pager-now {
  font-weight: 500;
  color: #222;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-navi {
  display: flex;
  border: 1px solid #DDDDDD;
  transform: translate(1px, 1px);
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-navi .navi-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.375em;
  height: 2.375em;
  color: #6E6E6E;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-navi .navi-button ~ .navi-button {
  position: relative;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-navi .navi-button ~ .navi-button:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) skewY(-0.01deg);
  content: "";
  width: 1px;
  height: 100%;
  background-color: #DDDDDD;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-navi .navi-button i, .eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-navi .navi-button .la, .eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-navi .navi-button .las {
  font-size: 1.2em;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-navi .navi-play,
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-navi .navi-pause {
  display: none;
}
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-navi .navi-play.is--on,
.eng-main .main-section-group .main-inner .main-rnd .rnd-list .banner-funcs .banner-navi .navi-pause.is--on {
  display: flex;
}

/* 영문 컨텐츠 */
/* 지원 절차 (Funding Process) */
.eng-contents--fr-group .eng-contents--fprocess,
.eng-contents--fr-group .eng-contents--rsystem {
  display: none;
}
.eng-contents--fr-group .eng-contents--fprocess.is--on,
.eng-contents--fr-group .eng-contents--rsystem.is--on {
  display: block;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box .bx-ttl {
  justify-content: center;
  text-align: center;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box .bx-ttl .ttl-text {
  font-size: 1.125em;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box .bx-frame {
  padding: 1.25em 2.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box .bx-frame {
    padding: 1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box .bx-frame {
    padding: 0.875em 1.125em;
  }
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box ~ .wp-box {
  margin-top: 2.5em;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box ~ .wp-box .bx-ttl {
  position: relative;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box ~ .wp-box .bx-ttl:before {
  position: absolute;
  top: -0.625em;
  left: 50%;
  transform: translate(-50%, -100%);
  content: "▼";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  color: #2D3D57;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(1) .bx-ttl {
  background-color: #2F68C2;
  color: #fff;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(1) .bx-hook .hook-frame:before {
  border-color: #2F68C2;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(1) .bx-hook .hook-frame:after {
  background-color: #2F68C2;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(2) .bx-ttl {
  background-color: #2F58C2;
  color: #fff;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(2) .bx-hook .hook-frame:before {
  border-color: #2F58C2;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(2) .bx-hook .hook-frame:after {
  background-color: #2F58C2;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(3) .bx-ttl {
  background-color: #2F46C2;
  color: #fff;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(3) .bx-hook .hook-frame:before {
  border-color: #2F46C2;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(3) .bx-hook .hook-frame:after {
  background-color: #2F46C2;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(4) .bx-ttl {
  background-color: #0E3796;
  color: #fff;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(4) .bx-hook .hook-frame:before {
  border-color: #0E3796;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(4) .bx-hook .hook-frame:after {
  background-color: #0E3796;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(5) .bx-ttl {
  background-color: #163376;
  color: #fff;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(5) .bx-hook .hook-frame:before {
  border-color: #163376;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(5) .bx-hook .hook-frame:after {
  background-color: #163376;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(6) .bx-ttl {
  background-color: #051846;
  color: #fff;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(6) .bx-hook .hook-frame:before {
  border-color: #051846;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(6) .bx-hook .hook-frame:after {
  background-color: #051846;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(7) .bx-ttl {
  background-color: #0e0d28;
  color: #fff;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(7) .bx-hook .hook-frame:before {
  border-color: #0e0d28;
}
.eng-contents--fr-group .eng-contents--fprocess .fprocess-process .contents--wide-process .wp-box:nth-of-type(7) .bx-hook .hook-frame:after {
  background-color: #0e0d28;
}

/* 해외협력기관 */
.eng-contents--oca {
  position: relative;
  z-index: 0;
}
.eng-contents--oca .omks--table .table-text-link {
  color: #2F58C2;
}
.eng-contents--oca .oca-contents .oca-content {
  display: none;
}
.eng-contents--oca .oca-contents .oca-content.is--on {
  display: block;
}
.eng-contents--oca .location {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: #2F58C2;
  color: #fff;
  margin: 0 0.5em;
}
.eng-contents--oca .location i, .eng-contents--oca .location .la, .eng-contents--oca .location .las {
  font-size: 1.2em;
}

/* 미션 및 비전 */
.eng-contents--mvision .contents--wide-process {
  margin: 1.875em 0;
}
.eng-contents--mvision .contents--wide-process .wp-box .bx-hook .hook-frame:before {
  border-color: #2F68C2;
}
.eng-contents--mvision .contents--wide-process .wp-box .bx-hook .hook-frame:after {
  background-color: #2F68C2;
}
.eng-contents--mvision .contents--wide-process .wp-box .bx-ttl {
  justify-content: center;
  text-transform: uppercase;
}
.eng-contents--mvision .contents--wide-process .wp-box .bx-ttl .ttl-text {
  font-size: 1.8125em;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .eng-contents--mvision .contents--wide-process .wp-box .bx-ttl .ttl-text {
    font-size: 1.25em;
  }
}
.eng-contents--mvision .contents--wide-process .wp-box .bx-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25em;
  line-height: 1.4;
  font-weight: 500;
  color: #222;
}
@media only screen and (max-width: 767px) {
  .eng-contents--mvision .contents--wide-process .wp-box .bx-frame {
    justify-content: center;
    font-size: 1.0625em;
  }
}
.eng-contents--mvision .contents--wide-process .wp-box:nth-of-type(1) .bx-ttl {
  background-color: #2B76CE;
  color: #fff;
}
.eng-contents--mvision .contents--wide-process .wp-box:nth-of-type(2) .bx-ttl {
  background-color: #2B50B8;
  color: #fff;
}
.eng-contents--mvision .mvision-image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.75em 1.25em;
}
.eng-contents--mvision .mvision-image img {
  max-width: 100%;
}
.eng-contents--mvision .mivision-strategy {
  padding: 1.875em 0;
}
.eng-contents--mvision .mivision-strategy .strategy-list {
  overflow: hidden;
}
.eng-contents--mvision .mivision-strategy .strategy-list ul {
  display: flex;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .eng-contents--mvision .mivision-strategy .strategy-list ul {
    display: block;
  }
}
.eng-contents--mvision .mivision-strategy .strategy-item {
  flex: 0 0 20%;
  width: 20%;
}
@media only screen and (max-width: 767px) {
  .eng-contents--mvision .mivision-strategy .strategy-item {
    flex: none;
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 1.25em;
  }
}
.eng-contents--mvision .mivision-strategy .strategy-item ~ .strategy-item {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .eng-contents--mvision .mivision-strategy .strategy-item ~ .strategy-item {
    margin-top: 1.25em;
  }
}
.eng-contents--mvision .mivision-strategy .strategy-item ~ .strategy-item:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%) skewY(-0.01deg);
  content: "";
  width: 1px;
  height: 80%;
  background-color: rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .eng-contents--mvision .mivision-strategy .strategy-item ~ .strategy-item:before {
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    height: 1px;
  }
}
.eng-contents--mvision .mivision-strategy .strategy-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 2.5em;
}
@media only screen and (max-width: 767px) {
  .eng-contents--mvision .mivision-strategy .strategy-icon {
    flex: 0 0 3.75em;
    margin-bottom: 0;
    margin-right: 1.25em;
  }
}
.eng-contents--mvision .mivision-strategy .strategy-icon img {
  width: 5em;
}
.eng-contents--mvision .mivision-strategy .strategy-text {
  padding: 0 1.25em;
  font-size: 1em;
  color: #000;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .eng-contents--mvision .mivision-strategy .strategy-text {
    text-align: left;
  }
}

/* Fact & Figures */
.eng-contents--ffigures .ffigures-row {
  display: flex;
}
.eng-contents--ffigures .ffigures-row ~ .ffigures-row {
  margin-top: 3.125em;
}
@media only screen and (max-width: 767px) {
  .eng-contents--ffigures .ffigures-row {
    flex-direction: column;
  }
}
.eng-contents--ffigures .ffigures-row .ffigures-col {
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(50% - 0.9375em);
  width: calc(50% - 0.9375em);
}
@media only screen and (max-width: 767px) {
  .eng-contents--ffigures .ffigures-row .ffigures-col {
    flex: none;
    width: 100%;
  }
}
.eng-contents--ffigures .ffigures-row .ffigures-col .omks--card-body {
  flex: 1 1 auto;
}
.eng-contents--ffigures .ffigures-row .ffigures-col ~ .ffigures-col {
  margin-top: 0;
  margin-left: 1.875em;
}
@media only screen and (max-width: 767px) {
  .eng-contents--ffigures .ffigures-row .ffigures-col ~ .ffigures-col {
    margin-left: 0;
    margin-top: 1.875em;
  }
}
.eng-contents--ffigures .ffigures-boxes {
  display: flex;
  height: 100%;
}
.eng-contents--ffigures .ffigures-boxes .ffigures-box {
  flex: 1 1 calc(50% - 0.9375em);
}
.eng-contents--ffigures .ffigures-boxes .ffigures-box .box-frame {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #DDDDDD;
  border-radius: 0.625em;
  padding: 2.5em;
  color: #555;
}
@media only screen and (max-width: 767px) {
  .eng-contents--ffigures .ffigures-boxes .ffigures-box .box-frame {
    padding: 1.25em;
  }
}
.eng-contents--ffigures .ffigures-boxes .ffigures-box .box-frame:has(.box-foot) {
  padding-bottom: 0;
}
.eng-contents--ffigures .ffigures-boxes .ffigures-box .box-body {
  position: relative;
  padding-bottom: 1.875em;
}
.eng-contents--ffigures .ffigures-boxes .ffigures-box .box-body .ffigures-txt-list {
  position: relative;
  z-index: 1;
}
.eng-contents--ffigures .ffigures-boxes .ffigures-box .box-body .ffigures-txt-background {
  position: absolute;
  bottom: 0.9375em;
  right: 0.3125em;
}
.eng-contents--ffigures .ffigures-boxes .ffigures-box .box-foot {
  margin-top: auto;
  border-top: 0.125em dashed #ddd;
  padding: 1em 0;
}
.eng-contents--ffigures .ffigures-boxes .ffigures-box ~ .ffigures-col {
  margin-left: 1.875em;
}
@media only screen and (max-width: 767px) {
  .eng-contents--ffigures .ffigures-boxes .ffigures-box ~ .ffigures-col {
    margin-left: 0;
    margin-top: 1.875em;
  }
}
.eng-contents--ffigures .ffigures-boxes .ffigures-box .omks--text.style--color-blue {
  color: #2F68C2;
}
.eng-contents--ffigures .ffigures-boxes b {
  font-weight: 600;
}
.eng-contents--ffigures .ffigures-boxes .ffigures-block {
  padding: 0.25em 0.5em;
  border-radius: 0.3125em;
  background-color: rgba(47, 104, 194, 0.1);
  color: #2F68C2;
  font-weight: 400;
  text-align: center;
}
.eng-contents--ffigures .ffigures-boxes.style--special .ffigures-box .box-frame {
  background-image: url("../../img/contents/eng-ffigures/background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.eng-contents--ffigures .ffigures-boxes.style--special .ffigures-box .box-foot {
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  text-align: center;
}
.eng-contents--ffigures .ffigures-boxes.style--special .ffigures-box .box-foot .omks--stnc {
  text-align: center;
}
.eng-contents--ffigures .ffigures-boxes.style--special .ffigures-ico-list ul {
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .eng-contents--ffigures .ffigures-boxes.style--special .ffigures-ico-list ul {
    flex-direction: column;
  }
}
.eng-contents--ffigures .ffigures-boxes.style--special .ffigures-ico-list ul .ico-item {
  flex: 1 1 auto;
  width: auto;
  align-items: flex-start;
}
.eng-contents--ffigures .ffigures-boxes.style--special .ffigures-ico-list ul .ico-item ~ .ico-item {
  margin-left: 3.75em;
}
@media only screen and (max-width: 767px) {
  .eng-contents--ffigures .ffigures-boxes.style--special .ffigures-ico-list ul .ico-item ~ .ico-item {
    margin-left: 0;
  }
}
.eng-contents--ffigures .ffigures-boxes.style--special .ffigures-ico-list .ico-icon {
  flex: 0 0 3.875em;
  width: 3.875em;
  height: 3.875em;
  margin-right: 0.9375em;
  border: 0.125em solid rgba(255, 255, 255, 0.3);
  background-color: transparent;
}
.eng-contents--ffigures .ffigures-boxes.style--special .ffigures-ico-list .ico-icon img {
  width: 2.1875em;
}
.eng-contents--ffigures .ffigures-boxes.style--special .ffigures-ico-list .ico-cont {
  padding-top: 0.3125em;
  color: #fff;
}
.eng-contents--ffigures .ffigures-boxes.style--special .ffigures-ico-list .ico-ttl {
  margin-bottom: 0.625em;
}
.eng-contents--ffigures .ffigures-boxes.style--special .ffigures-ico-list .omks--paragraph {
  margin-top: 1.25em;
  font-size: 0.875em;
}
.eng-contents--ffigures .ffigures-boxes.style--special .ffigures-ico-list .omks--paragraph .omks--stnc ~ .omks--stnc {
  margin-top: 0.1875em;
}
.eng-contents--ffigures .ffigures-txt-list {
  overflow: hidden;
}
.eng-contents--ffigures .ffigures-txt-list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin: -3.125em 0 0 0;
}
.eng-contents--ffigures .ffigures-txt-list ul li {
  list-style: none;
}
.eng-contents--ffigures .ffigures-txt-list ul .txt-item {
  margin: 0;
  padding: 0;
  margin: 3.125em 0 0 0;
  position: relative;
  flex: 1 1 50%;
  width: 50%;
  box-sizing: border-box;
  padding-left: 0.9375em;
  color: #555;
  line-height: 1;
}
.eng-contents--ffigures .ffigures-txt-list ul .txt-item:before {
  position: absolute;
  top: 0;
  left: 0;
  transform: skewY(-0.01deg);
  content: "";
  width: 0.1875em;
  height: 100%;
  background-color: #2F58C2;
}
.eng-contents--ffigures .ffigures-txt-list .txt-cont {
  margin-bottom: 1.25em;
  font-size: 1em;
}
.eng-contents--ffigures .ffigures-txt-list .txt-figure {
  font-size: 1.25em;
}
.eng-contents--ffigures .ffigures-txt-background img {
  width: 5em;
}
.eng-contents--ffigures .ffigures-ico-list {
  overflow: hidden;
}
.eng-contents--ffigures .ffigures-ico-list ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin: -1.875em 0 0 0;
}
.eng-contents--ffigures .ffigures-ico-list ul li {
  list-style: none;
}
.eng-contents--ffigures .ffigures-ico-list ul .ico-item {
  margin: 0;
  padding: 0;
  margin: 3.125em 0 0 0;
  flex: 1 1 33.33%;
  width: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}
.eng-contents--ffigures .ffigures-ico-list .ico-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6.25em;
  height: 6.25em;
  border-radius: 50%;
  background-color: #F4F8FD;
  margin-bottom: 1.25em;
}
.eng-contents--ffigures .ffigures-ico-list .ico-icon img {
  width: 3.5em;
}
.eng-contents--ffigures .ffigures-ico-list .ico-cont {
  margin-bottom: 0.625em;
  font-size: 1em;
}
.eng-contents--ffigures .ffigures-ico-list .ico-figure {
  font-size: 1.25em;
}
.eng-contents--ffigures .ffigures-ico-list.style--hoz {
  flex-wrap: wrap;
}
.eng-contents--ffigures .ffigures-ico-list.style--hoz ul .ico-item {
  flex-direction: row;
}
.eng-contents--ffigures .ffigures-ico-list.style--hoz .ico-ttl {
  margin-bottom: 1.5625em;
}
.eng-contents--ffigures .ffigures-ico-list.style--hoz .ico-icon {
  flex: 0 0 9.375em;
  width: 9.375em;
  height: 9.375em;
  margin-right: 1.875em;
  margin-bottom: 0;
}
.eng-contents--ffigures .ffigures-ico-list.style--hoz .ico-icon img {
  width: 6.5625em;
}
.eng-contents--ffigures .omks--paragraph {
  padding-left: 0;
}
.eng-contents--ffigures .contents--vertical-process .vp-box .bx-ttl {
  background-color: #2F68C2;
  color: #fff;
}
.eng-contents--ffigures .contents--vertical-process .vp-box .bx-ttl .ttl-text {
  font-size: 1.125em;
  line-height: 1.4;
  font-weight: 500;
}
.eng-contents--ffigures .contents--vertical-process .vp-box .bx-frame {
  display: flex;
  align-items: center;
}
.eng-contents--ffigures .contents--vertical-process .vp-box .bx-frame .ffigures-ico-list {
  width: 100%;
}
.eng-contents--ffigures .contents--vertical-process .vp-box .bx-hook .hook-frame:before {
  border-color: #2F68C2;
}
.eng-contents--ffigures .contents--vertical-process .vp-box .bx-hook .hook-frame:after {
  background-color: #2F68C2;
}

/* world map */
.world-map {
  position: relative;
  width: 100%;
  height: 400px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background-color: #BCBCBB;
  margin-bottom: 50px;
  overflow: hidden;
}

@media only screen and (min-width: 767px) and (max-width: 1080px) {
  .world-map {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .world-map {
    display: none;
  }
}
.world-map > .size {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1;
}

.world-map > .size > .button {
  display: block;
  width: 38px;
  height: 38px;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  background: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 70%;
  text-align: left;
  text-indent: -9999px;
}

.world-map > .size > .button.up {
  background-image: url(../../img/contents/eng-oca/plus.svg);
}

.world-map > .size > .button.down {
  background-image: url(../../img/contents/eng-oca/minus.svg);
}

.world-map > .size > .button + .button {
  margin-top: 8px;
}

.world-map > .map {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  margin-left: -3222px;
  margin-top: -1872px;
  width: 6444px;
  height: 3744px;
  transition: transform 0.5s ease-in-out;
}

.world-map > .map > .frame {
  position: relative;
  width: 100%;
  height: 100%;
}

.world-map > .map > .frame > .continent {
  position: absolute;
  font-size: 80px;
  font-weight: 500;
  color: #000;
  opacity: 0.35;
  transform: translateX(-50%);
}

.world-map > .map > .frame > .continent.asia {
  left: 4550px;
  top: 1330px;
}

.world-map > .map > .frame > .continent.estern-europe {
  left: 3200px;
  top: 1190px;
}

.world-map > .map > .frame > .continent.western-europe {
  left: 3010px;
  top: 1440px;
}

.world-map > .map > .frame > .continent.africa {
  left: 3580px;
  top: 2260px;
}

.world-map > .map > .frame > .continent.north-america {
  left: 1310px;
  top: 1180px;
}

.world-map > .map > .frame > .continent.south-america {
  left: 2050px;
  top: 2570px;
}

.world-map > .map > .frame > .continent.oceania {
  left: 5950px;
  top: 2990px;
}

.world-map > .map > .frame > .country {
  position: absolute;
  width: 22px;
  height: 33px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url(../../img/contents/eng-oca/point.svg);
  background-size: contain;
  cursor: pointer;
}

.world-map > .map > .frame > .country.on {
  background-image: url(../../img/contents/eng-oca/point-over.svg);
  color: #2F58C2;
  font-weight: 500;
}

.world-map > .map > .frame > .country:hover {
  background-image: url(../../img/contents/eng-oca/point-over.svg);
  color: #2F58C2;
  font-weight: 500;
}

.world-map > .map > .frame > .country > .frame {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.world-map > .map > .frame > .country > .frame > .name {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  line-height: 14px;
}

.world-map > .map > .frame > .country.brunei {
  left: 5210px;
  top: 2320px;
}

.world-map > .map > .frame > .country.china {
  left: 4880px;
  top: 1630px;
}

.world-map > .map > .frame > .country.india {
  left: 4540px;
  top: 1920px;
}

.world-map > .map > .frame > .country.indonesia {
  left: 5150px;
  top: 2520px;
}

.world-map > .map > .frame > .country.japan {
  left: 5570px;
  top: 1590px;
}

.world-map > .map > .frame > .country.kazakhstan {
  left: 4250px;
  top: 1340px;
}

.world-map > .map > .frame > .country.mongolia {
  left: 4890px;
  top: 1350px;
}

.world-map > .map > .frame > .country.philippines {
  left: 5335px;
  top: 2040px;
}

.world-map > .map > .frame > .country.qatar {
  left: 4010px;
  top: 1875px;
}

.world-map > .map > .frame > .country.singapore {
  left: 5000px;
  top: 2420px;
}

.world-map > .map > .frame > .country.taiwan {
  left: 5310px;
  top: 1890px;
}

.world-map > .map > .frame > .country.thailand {
  left: 4970px;
  top: 2070px;
}

.world-map > .map > .frame > .country.uzbekistan {
  left: 4190px;
  top: 1510px;
}

.world-map > .map > .frame > .country.vietnam {
  left: 5100px;
  top: 2120px;
}

.world-map > .map > .frame > .country.center {
  left: 1015px;
  top: 500px;
}

.world-map > .map > .frame > .citys {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.world-map > .map > .frame > .citys > .frame {
  position: relative;
  width: 100%;
  height: 100%;
}

.world-map > .map > .frame > .citys > .frame > .city {
  position: absolute;
  width: 22px;
  height: 33px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-image: url(../../img/contents/eng-oca/point.svg);
  background-size: contain;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.world-map > .map > .frame > .citys > .frame > .city.on {
  background-image: url(../../img/contents/eng-oca/point-over.svg);
  color: #2F58C2;
  font-weight: 500;
}

.world-map > .map > .frame > .citys > .frame > .city.on > .frame > .name {
  opacity: 1;
}

.world-map > .map > .frame > .citys > .frame > .city:hover {
  background-image: url(../../img/contents/eng-oca/point-over.svg);
  color: #2F58C2;
  font-weight: 500;
}

.world-map > .map > .frame > .citys > .frame > .city:hover > .frame > .name {
  opacity: 1;
}

.world-map > .map > .frame > .citys > .frame > .city > .frame {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.world-map > .map > .frame > .citys > .frame > .city > .frame > .name {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  line-height: 14px;
  white-space: nowrap;
  opacity: 0.8;
}

.world-map > .map > .frame > .citys > .frame > .city.montreal {
  left: 1775px;
  top: 1420px;
}

.world-map > .map > .frame > .citys > .frame > .city.moncton {
  left: 1950px;
  top: 1415px;
}

.world-map > .map > .frame > .citys > .frame > .city.virginia {
  left: 1695px;
  top: 1615px;
}

.world-map > .map > .frame > .citys > .frame > .city.brasilia {
  left: 2205px;
  top: 2635px;
}

.world-map > .map > .frame > .citys > .frame > .city.godoy-cruz {
  left: 1845px;
  top: 3025px;
}

.world-map > .map > .frame > .citys > .frame > .city.santiago-de-chile {
  left: 1805px;
  top: 3070px;
}

.world-map > .map > .frame > .citys > .frame > .city.rabat {
  left: 2955px;
  top: 1725px;
}

.world-map > .map > .frame > .citys > .frame > .city.cairo {
  left: 3640px;
  top: 1790px;
}

.world-map > .map > .frame > .citys > .frame > .city.kampala {
  left: 3680px;
  top: 2375px;
}

.world-map > .map > .frame > .citys > .frame > .city.dodoma {
  left: 3735px;
  top: 2490px;
}

.world-map > .map > .frame > .citys > .frame > .city.pretoria {
  left: 3580px;
  top: 2875px;
}

.world-map > .map > .frame > .citys > .frame > .city.canberra {
  left: 5745px;
  top: 3200px;
}

.world-map > .map > .frame > .citys > .frame > .city.melbourne {
  left: 5695px;
  top: 3220px;
}

.world-map > .map > .frame > .citys > .frame > .city.wellington {
  left: 6215px;
  top: 3380px;
}

.world-map > .map > .frame > .citys > .frame > .city.ulaanbaatar {
  left: 4900px;
  top: 1300px;
}

.world-map > .map > .frame > .citys > .frame > .city.beijing {
  left: 5160px;
  top: 1540px;
}

.world-map > .map > .frame > .citys > .frame > .city.kawaguchi {
  left: 5595px;
  top: 1580px;
}

.world-map > .map > .frame > .citys > .frame > .city.tokyo {
  left: 5605px;
  top: 1605px;
}

.world-map > .map > .frame > .citys > .frame > .city.new-delhi {
  left: 4500px;
  top: 1807px;
}

.world-map > .map > .frame > .citys > .frame > .city.ha-noi {
  left: 5040px;
  top: 1965px;
}

.world-map > .map > .frame > .citys > .frame > .city.taipei {
  left: 5320px;
  top: 1880px;
}

.world-map > .map > .frame > .citys > .frame > .city.taguig-city {
  left: 5335px;
  top: 2080px;
}

.world-map > .map > .frame > .citys > .frame > .city.chatuchak {
  left: 4950px;
  top: 2115px;
}

.world-map > .map > .frame > .citys > .frame > .city.bandar-seri-begawan {
  left: 5230px;
  top: 2305px;
}

.world-map > .map > .frame > .citys > .frame > .city.jakarta {
  left: 5080px;
  top: 2510px;
}

.world-map > .map > .frame > .citys > .frame > .city.doha {
  left: 4020px;
  top: 1890px;
}

.world-map > .map > .frame > .citys > .frame > .city.drammensveien {
  left: 3225px;
  top: 1080px;
}

.world-map > .map > .frame > .citys > .frame > .city.trondheim {
  left: 3225px;
  top: 1000px;
}

.world-map > .map > .frame > .citys > .frame > .city.helsinki {
  left: 3460px;
  top: 1025px;
}

.world-map > .map > .frame > .citys > .frame > .city.stockholm {
  left: 3350px;
  top: 1085px;
}

.world-map > .map > .frame > .citys > .frame > .city.turegatan {
  left: 3340px;
  top: 1115px;
}

.world-map > .map > .frame > .citys > .frame > .city.aarhus {
  left: 3220px;
  top: 1200px;
}

.world-map > .map > .frame > .citys > .frame > .city.minsk {
  left: 3530px;
  top: 1240px;
}

.world-map > .map > .frame > .citys > .frame > .city.manchester {
  left: 3040px;
  top: 1255px;
}

.world-map > .map > .frame > .citys > .frame > .city.swindon {
  left: 3060px;
  top: 1305px;
}

.world-map > .map > .frame > .citys > .frame > .city.wien {
  left: 3350px;
  top: 1395px;
}

.world-map > .map > .frame > .citys > .frame > .city.london {
  left: 3075px;
  top: 1305px;
}

.world-map > .map > .frame > .citys > .frame > .city.bratislava {
  left: 3370px;
  top: 1390px;
}

.world-map > .map > .frame > .citys > .frame > .city.bonn {
  left: 3188px;
  top: 1335px;
}

.world-map > .map > .frame > .citys > .frame > .city.dengaag {
  left: 3160px;
  top: 1285px;
}

.world-map > .map > .frame > .citys > .frame > .city.vlaanderen {
  left: 3150px;
  top: 1335px;
}

.world-map > .map > .frame > .citys > .frame > .city.paris {
  left: 3120px;
  top: 1395px;
}

.world-map > .map > .frame > .citys > .frame > .city.praha {
  left: 3315px;
  top: 1355px;
}

.world-map > .map > .frame > .citys > .frame > .city.munich {
  left: 3225px;
  top: 1425px;
}

.world-map > .map > .frame > .citys > .frame > .city.warsaw {
  left: 3445px;
  top: 1300px;
}

.world-map > .map > .frame > .citys > .frame > .city.budapest {
  left: 3410px;
  top: 1420px;
}

.world-map > .map > .frame > .citys > .frame > .city.kiev {
  left: 3660px;
  top: 1430px;
}

.world-map > .map > .frame > .citys > .frame > .city.kievUk {
  left: 3600px;
  top: 1330px;
}

.world-map > .map > .frame > .citys > .frame > .city.bucuresti {
  left: 3535px;
  top: 1475px;
}

.world-map > .map > .frame > .citys > .frame > .city.moscow {
  left: 3705px;
  top: 1190px;
}

.world-map > .map > .frame > .citys > .frame > .city.ljubljana {
  left: 3340px;
  top: 1445px;
}

.world-map > .map > .frame > .citys > .frame > .city.ankara {
  left: 3645px;
  top: 1590px;
}

.world-map > .map > .frame > .citys > .frame > .city.rome {
  left: 3305px;
  top: 1540px;
}

.world-map > .map > .frame > .citys > .frame > .city.madrid {
  left: 3025px;
  top: 1560px;
}

.world-map > .map > .frame > .citys > .frame > .city.kiev {
  left: 3660px;
  left: 1430px;
}

.world-map > .map > .frame > .citys > .frame > .city.berlin {
  left: 3285px;
  top: 1300px;
}

.world-map > .map > .frame > .citys > .frame > .city.oslo {
  left: 3240px;
  top: 1090px;
}

.world-map > .map > .frame > .citys > .frame > .city.grignano {
  left: 3310px;
  top: 1455px;
}

.world-map > .map > .frame > .citys > .frame > .city.bern {
  left: 3200px;
  top: 1430px;
}

.world-map > .map > .frame > .citys > .frame > .city.queenstown {
  left: 5025px;
  top: 2350px;
}

.world-map > .map > .frame > .citys > .frame > .city.mexico {
  left: 1250px;
  top: 2000px;
}

.world-map > .map > .frame > .citys > .frame > .city.munichGe {
  left: 3275px;
  top: 1380px;
}

/* 메인 비디오 리뉴얼 */