@charset "UTF-8";
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name PretendardGOV.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
@font-face {
  font-family: "PretendardGOV";
  font-weight: 900;
  font-display: swap;
  src: local("PretendardGOV-Black"), url("../font/PretendardGOV-Black.woff2") format("woff2"), url("../font/PretendardGOV-Black.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-weight: 800;
  font-display: swap;
  src: local("PretendardGOV-ExtraBold"), url("../font/PretendardGOV-ExtraBold.woff2") format("woff2"), url("../font/PretendardGOV-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-weight: 700;
  font-display: swap;
  src: local("PretendardGOV-Bold"), url("../font/PretendardGOV-Bold.woff2") format("woff2"), url("../font/PretendardGOV-Bold.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-weight: 600;
  font-display: swap;
  src: local("PretendardGOV-SemiBold"), url("../font/PretendardGOV-SemiBold.woff2") format("woff2"), url("../font/PretendardGOV-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-weight: 500;
  font-display: swap;
  src: local("PretendardGOV-Medium"), url("../font/PretendardGOV-Medium.woff2") format("woff2"), url("../font/PretendardGOV-Medium.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-weight: 400;
  font-display: swap;
  src: local("PretendardGOV-Regular"), url("../font/PretendardGOV-Regular.woff2") format("woff2"), url("../font/PretendardGOV-Regular.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-weight: 300;
  font-display: swap;
  src: local("PretendardGOV-Light"), url("../font/PretendardGOV-Light.woff2") format("woff2"), url("../font/PretendardGOV-Light.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-weight: 200;
  font-display: swap;
  src: local("PretendardGOV-ExtraLight"), url("../font/PretendardGOV-ExtraLight.woff2") format("woff2"), url("../font/PretendardGOV-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "PretendardGOV";
  font-weight: 100;
  font-display: swap;
  src: local("PretendardGOV-Thin"), url("../font/PretendardGOV-Thin.woff2") format("woff2"), url("../font/PretendardGOV-Thin.woff") format("woff");
}
:root {
  --font-size-1: calc(12px * var(--scaling));
  --font-size-2: calc(14px * var(--scaling));
  --font-size-3: calc(16px * var(--scaling));
  --font-size-4: calc(18px * var(--scaling));
  --font-size-5: calc(20px * var(--scaling));
  --font-size-6: calc(24px * var(--scaling));
  --font-size-7: calc(28px * var(--scaling));
  --font-size-8: calc(32px * var(--scaling));
  --font-size-9: calc(40px * var(--scaling));
  --font-size-10: calc(48px * var(--scaling));
  --font-size-11: calc(56px * var(--scaling));
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --line-height-1: calc(16px * var(--scaling));
  --line-height-2: calc(20px * var(--scaling));
  --line-height-3: calc(24px * var(--scaling));
  --line-height-4: calc(26px * var(--scaling));
  --line-height-5: calc(28px * var(--scaling));
  --line-height-6: calc(30px * var(--scaling));
  --line-height-7: calc(36px * var(--scaling));
  --line-height-8: calc(40px * var(--scaling));
  --line-height-9: calc(60px * var(--scaling));
  --letter-spacing-1: 0.0025em;
  --letter-spacing-2: 0em;
  --letter-spacing-3: 0em;
  --letter-spacing-4: -0.0025em;
  --letter-spacing-5: -0.005em;
  --letter-spacing-6: -0.00625em;
  --letter-spacing-7: -0.0075em;
  --letter-spacing-8: -0.01em;
  --letter-spacing-9: -0.025em;
  /* default values */
  --default-font-family: "PretendardGOV", "malgun gothic", "맑은 고딕", "open sans", sans-serif;
  --default-font-size: var(--font-size-3); /* Same size used for `<Text size="3">` */
  --default-font-style: normal;
  --default-font-weight: var(--font-weight-regular);
  --default-line-height: 1.5; /* Equivalent to the line-height used for `<Text size="3">` 16px * 1.5 = 24px */
  --default-letter-spacing: 0em;
  --default-leading-trim-start: 0.42em;
  --default-leading-trim-end: 0.36em;
  /* Heading */
  --heading-font-family: var(--default-font-family);
  --heading-font-size-adjust: 1;
  --heading-font-style: normal;
  --heading-leading-trim-start: var(--default-leading-trim-start);
  --heading-leading-trim-end: var(--default-leading-trim-end);
  --heading-letter-spacing: 0em;
  --heading-line-height: 1.2;
  --heading-line-height-1: calc(16px * var(--scaling));
  --heading-line-height-2: calc(18px * var(--scaling));
  --heading-line-height-3: calc(22px * var(--scaling));
  --heading-line-height-4: calc(24px * var(--scaling));
  --heading-line-height-5: calc(26px * var(--scaling));
  --heading-line-height-6: calc(30px * var(--scaling));
  --heading-line-height-7: calc(36px * var(--scaling));
  --heading-line-height-8: calc(40px * var(--scaling));
  --heading-line-height-9: calc(60px * var(--scaling));
  --font-size-body1: var(--font-size-5);
  --font-size-body2: var(--font-size-4);
  /* Code */
  --code-font-family: "Menlo", "Consolas (Custom)", "Bitstream Vera Sans Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji";
  --code-font-size-adjust: 0.95;
  --code-font-style: normal;
  --code-font-weight: inherit;
  --code-letter-spacing: -0.007em;
  --code-padding-top: 0.1em;
  --code-padding-bottom: 0.1em;
  --code-padding-left: 0.25em;
  --code-padding-right: 0.25em;
  /* Strong */
  --strong-font-family: var(--default-font-family);
  --strong-font-size-adjust: 1;
  --strong-font-style: inherit;
  --strong-font-weight: var(--font-weight-bold);
  --strong-letter-spacing: 0em;
  /* Em */
  --em-font-family: "Times New Roman", "Times", serif;
  --em-font-size-adjust: 1.18;
  --em-font-style: italic;
  --em-font-weight: inherit;
  --em-letter-spacing: -0.025em;
  /* Quote */
  --quote-font-family: "Times New Roman", "Times", serif;
  --quote-font-size-adjust: 1.18;
  --quote-font-style: italic;
  --quote-font-weight: inherit;
  --quote-letter-spacing: -0.025em;
  /* Tabs */
  --tab-active-letter-spacing: -0.01em;
  --tab-active-word-spacing: 0em;
  --tab-inactive-letter-spacing: 0em;
  --tab-inactive-word-spacing: 0em;
}

/**
 * 엑센트 컬러
 */
:root,
.light,
.light-theme {
  --blue-50: #e3f3ff;
  --blue-1: #bbe0ff;
  --blue-2: #8fceff;
  --blue-3: #60baff;
  --blue-4: #39abff;
  --blue-5: #009dff;
  --blue-6: #028ef3;
  --blue-7: #007ce0;
  --blue-8: #006bce;
  --blue-9: #004caf;
  --blue-a1: #0055ff03;
  --blue-a2: #0066ff0a;
  --blue-a3: #006ef315;
  --blue-a4: #0079ff24;
  --blue-a5: #0074ff35;
  --blue-a6: #006df549;
  --blue-a7: #0066e562;
  --blue-a8: #0063dd87;
  --blue-a9: #006bce;
  --blue-a10: #005cbe;
  --blue-a11: #006ad1f4;
  --blue-a12: #002856f2;
  --blue-contrast: #fff;
  --blue-surface: #f3f8ffcc;
  --blue-indicator: #006bce;
  --blue-track: #006bce;
}

/**
  세컨 컬러
*/
:root,
.light,
.light-theme {
  --dark-blue-50: #e6eaf2;
  --dark-blue-1: #c1cbdf;
  --dark-blue-2: #99a9c9;
  --dark-blue-3: #7188b3;
  --dark-blue-4: #526fa4;
  --dark-blue-5: #2f5796;
  --dark-blue-6: #284f8d;
  --dark-blue-7: #1f4582;
  --dark-blue-8: #183c75;
  --dark-blue-9: #0e2b5e;
  --dark-blue-a1: #0055aa03;
  --dark-blue-a2: #0055ff09;
  --dark-blue-a3: #005aff14;
  --dark-blue-a4: #006eff23;
  --dark-blue-a5: #006cff34;
  --dark-blue-a6: #0066ff49;
  --dark-blue-a7: #005dfa61;
  --dark-blue-a8: #0057ee84;
  --dark-blue-a9: #001f55f1;
  --dark-blue-a10: #00235fde;
  --dark-blue-a11: #003798c0;
  --dark-blue-a12: #001f57ed;
  --dark-blue-contrast: #fff;
  --dark-blue-surface: #f4f8ffcc;
  --dark-blue-indicator: #0e2b5e;
  --dark-blue-track: #0e2b5e;
}

/**
  그레이 컬러
*/
:root,
.light,
.light-theme {
  --gray-50: #f8f8f8;
  --gray-1: #f0f0f0;
  --gray-2: #e4e4e4;
  --gray-3: #d8d8d8;
  --gray-4: #c6c6c6;
  --gray-5: #8e8e8e;
  --gray-6: #717171;
  --gray-7: #555555;
  --gray-8: #2d2d2d;
  --gray-9: #1d1d1d;
  --gray-a1: #00000003;
  --gray-a2: #00000006;
  --gray-a3: #00000010;
  --gray-a4: #00000017;
  --gray-a5: #0000001f;
  --gray-a6: #00000027;
  --gray-a7: #00000031;
  --gray-a8: #00000044;
  --gray-a9: #000000e2;
  --gray-a10: #000000cc;
  --gray-a11: #0000009b;
  --gray-a12: #000000df;
  --gray-contrast: #ffffff;
  --gray-surface: #f8f8f8cc;
  --gray-indicator: #1d1d1d;
  --gray-track: #1d1d1d;
}

/**
  시멘틱 변수들
*/
:root {
  --color-primary: var(--blue-8);
  --color-secondary: var(--dark-blue-9);
  --color-info: var(--blue-8);
  --color-danger: #e21c2c;
  --color-warning: #ffb624;
  --color-disabled: var(--gray-5);
  --color-white: #fff;
  --color-black: #000;
  --font-white: var(--gray-contrast);
  --font-light: var(--gray-6);
  --font-basic: var(--gray-7);
  --font-darken: var(--gray-9);
  --font-point: var(--color-primary);
  --font-error: var(--color-danger);
  --font-disabled: var(--color-disabled);
  --border-white: var(--gray-contrast);
  --border-light: var(--gray-2);
  --border-basic: var(--gray-4);
  --border-darken: var(--gray-8);
  --bg-white: var(--color-white);
  --bg-light: var(--gray-50);
  --bg-lighten: var(--gray-1);
  --bg-primary: var(--color-primary);
  --bg-primary-active: var(--blue-9);
  --bg-disabled: var(--gray-2);
  --bg-error: var(--color-danger);
  --bg-error-light: #FFEBEF;
  --bg-darken: var(--gray-8);
  --bg-blue: var(--dark-blue-9);
  --bg-footer: var(--gray-1);
  --bg-light-blue: var(--blue-50);
  --bg-dark-blue: var(--color-secondary);
  --bg-dark-blue-50: var(--dark-blue-50);
}

:root {
  --scaling: 1;
  --space-1: calc(4px * 1 * var(--scaling));
  --space-2: calc(4px * 2 * var(--scaling));
  --space-3: calc(4px * 3 * var(--scaling));
  --space-4: calc(4px * 4 * var(--scaling));
  --space-5: calc(4px * 5 * var(--scaling));
  --space-6: calc(4px * 6 * var(--scaling));
  --space-7: calc(4px * 7 * var(--scaling));
  --space-8: calc(4px * 8 * var(--scaling));
  --space-9: calc(4px * 9 * var(--scaling));
  --space-10: calc(4px * 10 * var(--scaling));
  --space-11: calc(4px * 11 * var(--scaling));
  --space-12: calc(4px * 12 * var(--scaling));
  --space-13: calc(4px * 13 * var(--scaling));
  --space-14: calc(4px * 14 * var(--scaling));
  --space-15: calc(4px * 15 * var(--scaling));
  --space-16: calc(4px * 16 * var(--scaling));
  --space-17: calc(4px * 17 * var(--scaling));
  --space-18: calc(4px * 18 * var(--scaling));
  --space-19: calc(4px * 19 * var(--scaling));
  --space-20: calc(4px * 20 * var(--scaling));
  --space-21: calc(4px * 21 * var(--scaling));
  --space-22: calc(4px * 22 * var(--scaling));
  --space-23: calc(4px * 23 * var(--scaling));
  --space-24: calc(4px * 24 * var(--scaling));
  --space-25: calc(4px * 25 * var(--scaling));
  --space-26: calc(4px * 26 * var(--scaling));
  --space-27: calc(4px * 27 * var(--scaling));
  --space-28: calc(4px * 28 * var(--scaling));
  --space-29: calc(4px * 29 * var(--scaling));
  --space-30: calc(4px * 30 * var(--scaling));
  --space-31: calc(4px * 31 * var(--scaling));
  --space-32: calc(4px * 32 * var(--scaling));
  --space-33: calc(4px * 33 * var(--scaling));
  --space-34: calc(4px * 34 * var(--scaling));
  --space-35: calc(4px * 35 * var(--scaling));
  --space-36: calc(4px * 36 * var(--scaling));
  --space-37: calc(4px * 37 * var(--scaling));
  --space-38: calc(4px * 38 * var(--scaling));
  --space-39: calc(4px * 39 * var(--scaling));
  --space-40: calc(4px * 40 * var(--scaling));
  --space-mobile-side: var(--space-4);
}

:root {
  --radius-factor: 1;
  --radius-1: calc(4px * var(--scaling) * var(--radius-factor));
  --radius-2: calc(8px * var(--scaling) * var(--radius-factor));
  --radius-3: calc(12px * var(--scaling) * var(--radius-factor));
  --radius-4: calc(16px * var(--scaling) * var(--radius-factor));
  --radius-5: calc(20px * var(--scaling) * var(--radius-factor));
  --radius-6: calc(24px * var(--scaling) * var(--radius-factor));
  --radius-7: calc(28px * var(--scaling) * var(--radius-factor));
  --radius-8: calc(32px * var(--scaling) * var(--radius-factor));
  --radius-9: calc(36px * var(--scaling) * var(--radius-factor));
  --radius-basic: var(--radius-1);
}

/* reset.scss */
*,
*:before,
*:after {
  box-sizing: border-box;
  flex-shrink: 1;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;
  word-break: break-word;
}

:lang(ko) {
  word-break: keep-all;
  word-wrap: break-word;
}
:lang(en) {
  word-break: keep-all;
  word-wrap: break-word;
}

/*
.gnb ul:lang(ne) {justify-content: space-between;}

.gnb li:lang(ne) {flex:none;}*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
address,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
hr {
  margin: 0;
  padding: 0;
}

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

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

html {
  /* 스크롤 바의 색상 지정 */
  /* 스크롤 바 호버 시 색상 지정 */
}
html ::-webkit-scrollbar {
  width: 17px; /* 스크롤 바의 너비 */
  height: 17px; /* 스크롤 바의 높이 */
  background-color: var(--bg-light);
  /* 스크롤 바의 배경색 */
}
html ::-webkit-scrollbar-thumb {
  background-color: var(--border-basic);
  /* 스크롤 바의 색상 */
}
html ::-webkit-scrollbar-thumb:hover {
  background-color: var(--border-basic);
  /* 스크롤 바의 색상 */
}
html ::-webkit-scrollbar-button {
  width: 17px;
  height: 16px;
}

/*
html ::-webkit-scrollbar-button:start {
  background: url("../images/common/icon-scrollbar-top.svg") no-repeat center/cover;
}
html ::-webkit-scrollbar-button:end {
  background: url("../images/common/icon-scrollbar-bottom.svg") no-repeat center/cover;
} */


html::-webkit-scrollbar-button:first-child {
    background: url("../images/common/icon-scrollbar-top.svg") no-repeat center/cover;
}
html::-webkit-scrollbar-button:last-child {
    background: url("../images/common/icon-scrollbar-bottom.svg") no-repeat center/cover;
}


body {
  color: var(--font-darken);
  font-family: var(--default-font-family);
  font-size: var(--default-font-size);
  font-weight: var(--default-font-weight);
  font-style: var(--default-font-style);
  line-height: var(--default-line-height);
  letter-spacing: var(--default-letter-spacing);
  box-sizing: border-box;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  /* 스크롤 바의 색상 지정 */
  /* 스크롤 바 호버 시 색상 지정 */
}
body ::-webkit-scrollbar {
  width: 5px; /* 스크롤 바의 너비 */
  height: 5px; /* 스크롤 바의 높이 */
  background-color: var(--gray-1);
  /* 스크롤 바의 배경색 */
}
body ::-webkit-scrollbar-thumb {
  border-radius: var(--radius-1);
  background-color: var(--border-darken);
  /* 스크롤 바의 색상 */
}
body ::-webkit-scrollbar-thumb:hover {
  background-color: var(--border-darken);
  /* 스크롤 바의 색상 */
}
body ::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
/*
body ::-webkit-scrollbar-button:start {
  background: unset;
}
body ::-webkit-scrollbar-button:end {
  background: unset;
}*/
body ::-webkit-scrollbar-button:first-child {
    background: unset;
}
body ::-webkit-scrollbar-button:last-child {
    background: unset;
}


caption,
legend {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}

table {
  border-spacing: 0;
  table-layout: fixed;
}

picture {
  display: inline-block;
}

picture > img {
  display: block;
}

img,
picture,
video,
canvas {
  max-width: 100%;
  border: none;
}

img {
  vertical-align: top;
}

hr.type-dashed {
  border-top-style: dashed;
}
hr.type-hide {
  display: none;
}

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

dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

a {
  display: inline-block;
  text-decoration: none;
  text-underline-position: under;
  color: currentColor;
}

a:hover {
  text-decoration: underline;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  overflow: visible;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
}
button:disabled {
  cursor: default;
}

input,
select,
textarea {
  box-sizing: border-box;
  outline: none;
  font-size: var(--default-font-size);
  font-family: var(--default-font-family);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {outline-style:solid; outline-color: #000; outline-width: 2px;}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: #000 !important;
  box-shadow: 0 0 0px 1000px #fff inset !important;
}

svg {
  fill: transparent;
}

select,
.select2-container {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 150px;
  height: -moz-fit-content;
  height: fit-content;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
select select,
select .select2-selection--single,
.select2-container select,
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 48px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
select select .select2-selection__rendered,
select .select2-selection--single .select2-selection__rendered,
.select2-container select .select2-selection__rendered,
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  font-size: var(--font-size-4);
  white-space: normal;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
select select .select2-selection__clear,
select .select2-selection--single .select2-selection__clear,
.select2-container select .select2-selection__clear,
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
select[dir=rtl] .select2-selection--single .select2-selection__rendered,
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
select .select2-selection--multiple,
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
select .select2-selection--multiple .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
select .select2-selection--multiple .select2-selection__clear,
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
select .select2-search--inline .select2-search__field,
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
select .select2-search--inline .select2-search__field::-webkit-search-cancel-button,
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

select.fluid {
  width: 100%;
}
select.fluid + .select2-container {
  width: 100% !important;
}

select {
  display: block;
  padding-left: 12px;
  border-color: var(--border-light);
  color: var(--font-light);
  border-radius: var(--radius-1);
  background-image: url("../images/common/icon-chevron-down.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 16px 16px;
  white-space: normal;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

select.size-sm + .select2-container .select2-selection__arrow b,
select.size-sm + .select2-container .select2-selection--single .select2-selection__arrow b {
  width: 20px;
  height: 20px;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-1);
  overflow: hidden;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1001;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: var(--space-1) var(--space-4);
}
.select2-search--dropdown .select2-search__field {
  padding: var(--space-1);
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-1);
}
.select2-container--default .select2-selection--single:hover, .select2-container--default .select2-selection--single:focus {
  border-width: 1px;
  border-color: var(--color-primary);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--font-darken);
  line-height: 46px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 46px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--font-darken);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px;
  position: absolute;
  top: 1px;
  right: var(--space-4);
  width: 20px;
  display: flex;
  align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: inline-block;
  content: " ";
  width: 20px;
  height: 20px;
  transition: all 300ms ease-in-out;
  background-image: url("../images/common/icon-chevron-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: var(--bg-disabled);
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--disabled .select2-selection--single, .select2-container--default.select2-container--disabled .select2-selection--single:hover, .select2-container--default.select2-container--disabled .select2-selection--single:focus {
  border-width: 1px;
  border-color: var(--border-basic);
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered, .select2-container--default.select2-container--disabled .select2-selection--single:hover .select2-selection__rendered, .select2-container--default.select2-container--disabled .select2-selection--single:focus .select2-selection__rendered {
  color: var(--font-disabled);
}
.select2-container--default.select2-container--disabled .select2-selection__arrow b {
  opacity: 0.2;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotateX(-180deg);
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid var(--border-light);
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid var(--border-light);
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid var(--border-light);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid var(--border-light);
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--border-light);
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--color-primary-100);
  color: #004caf;
  font-weight: 700;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.type-text + .select2-container .select2-selection--single {
  border: none;
}

.blocker {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
  box-sizing: border-box;
  z-index: 200;
}

.blocker:before {
  content: "";
  display: inline-block;
  margin-right: -0.05em;
  height: 100%;
  vertical-align: middle;
}

.blocker.behind {
  background-color: transparent;
}

.modal {
  display: none;
  position: relative;
  width: 95%;
  border-radius: 0;
  background: #fff;
  text-align: left;
  vertical-align: middle;
  box-sizing: border-box;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  z-index: 2;
}

.modal .close-modal {
  display: none;
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
  text-indent: -9999px;
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  animation-delay: -1s;
}

.modal-spinner .rect4 {
  animation-delay: -0.9s;
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    /* transform: scaleY(0.5); */
    transform: matrix(1, 0, 0, 0.5, 0, 0);
    -webkit-transform: scaleY(0.5);
  }
  20% {
    /* transform: scaleY(1); */
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: scaleY(1);
  }
}
body {
  position: relative;
  display: flex;
  -ms-overflow-style: none;
}
body .body-contents {
  position: relative;
  flex-grow: 1;
  overflow-y: scroll;
  height: 100%;
}
body::-webkit-scrollbar {
  display: none;
}

.use-overlay {
  overflow: hidden;
}
.use-overlay body[data-ai=true] .body-contents {
  overflow: hidden;
  margin-right: 5px;
}
.use-overlay .overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-black);
  opacity: 0.68;
  z-index: 100;
}
#skip-nav {position: absolute; top: 0; left: 0; width: 100%;}
#skip-nav a {display: block; position: absolute; top: -50px; left: 0; z-index: 1001; width: 100%; text-align: center;font-size: 16px;}
#skip-nav a:hover,
#skip-nav a:focus,
#skip-nav a:active {top: 0; padding: 12px 0; font-weight: bold; color: #fff; background-color: var(--dark-blue-9);}
/*
#skip-nav a {
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: -10000px;
}
#skip-nav a:hover, #skip-nav a:focus, #skip-nav a:active {
  top: 0;
  padding: 1rem 0;
  width: 100%;
  background-color: var(--bg-darken);
  color: var(--font-white);
  text-align: center;
  z-index: 100;
}*/
.skip-text {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
header {
  position: relative;
  background-color: white;
  z-index: 101;
}
header .container {
  display: flex;
  align-items: center;
}
header .logo {
  flex-grow: 1;
  font-size: 0;
  margin: var(--space-2) 0;
}
header .logo a {
  background: url(../images/common/logo.svg) center center no-repeat;
  background-size: contain;
  width: 104px;
  height: 48px;
}
header .buttons {
  display: inline-flex;
  align-items: center;
  margin: unset;
}
header .buttons button,
header .buttons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 48px;
  font-size: 0;
}
header .buttons button.button-sitemap,
header .buttons a.button-sitemap {
  display: none;
}
header .buttons button:hover,
header .buttons a:hover {
  text-decoration: none;
  background-color: var(--bg-light-blue);
  border-radius: var(--radius-1);
}
header .buttons svg {
  width: 24px;
  height: 24px;
}
header .buttons .button-join {
  display: none;
}
header .btn-sitemap {display: flex; align-items: center;}
header .btn-sitemap::before {display: block; content: ''; width: 24px; height: 24px; margin-right: 4px; background: url(../images/common/icon-sitemap.svg) no-repeat center; background-size: cover;}

header .language + .select2-container {
  display: none;
  position: absolute;
  top: 12px;
  left: 4px;
}
header.type-booth {
  min-height: auto;
}
header.type-booth .logo {
  margin-top: var(--space-1);
}
header.type-booth .language + .select2-container {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  min-width: auto;
}

.use-mega .language + .select2-container {
  display: inline-block;
  z-index: 102;
}
.use-mega .button-sitemap {
  display: inline-block !important;
  position: absolute;
  top: 24px;
  right: 40px;
  z-index: 102;
}

.mega {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  background-color: var(--bg-white);
  z-index: 101;
}
.mega .mega-header {
  padding: var(--space-3) var(--space-4);
}
.mega .mega-header .input-search {
  margin-top: var(--space-4);
}
.mega.active {
  display: flex;
  padding-top: 40px;
}
.mega .button-close-mega {
  position: absolute;
  right: 16px;
  top: 24px;
}

.gnb {
  flex-grow: 1;
  overflow-y: auto;
}
.gnb > ul {margin-bottom: 100px;}
.gnb li {
  position: relative;
  border-bottom: 1px solid var(--border-light, #e4e4e4);
  transition: all ease-in-out 500ms;
}
.gnb li.active {
  transition: all ease-in-out 500ms;
}
.gnb li.active > a {
  background-color: var(--bg-primary);
  color: var(--font-white);
}
.gnb li.active .button-fold {
  background: url(../images/common/icon-fold-up-white.svg) center center no-repeat;
}
.gnb li.active .nav-sub {
  display: block;
}
.gnb a {
  display: flex;
  padding: var(--space-4) var(--space-16) var(--space-4) var(--space-4);
  font-size: var(--font-size-body2);
  font-weight: 700;
  min-height: 56px;
}
.gnb a:hover {
  text-decoration: none;
}
.gnb .button-fold {
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/common/icon-fold-down.svg) center center no-repeat;
  font-size: 0;
  width: 56px;
  height: 56px;
  margin-left: auto;
}

.nav-sub {
  display: none;
  background-color: white;
  margin-bottom: var(--space-4);
  animation-name: slideDown;
  animation-duration: 500ms;
  animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  transform-origin: top;
  visibility: visible !important;
}
.nav-sub ul {
  padding: var(--space-2) var(--space-4);
}
.nav-sub a {
  font-weight: 400;
  padding: var(--space-3);
  align-items: center;
}
.nav-sub .banner-column {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-4);
  border-bottom: 0;
}
.nav-sub .banner-column a {
  justify-content: space-between;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-basic);
  font-size: var(--default-font-size);
  font-weight: normal;
  padding: var(--space-3) var(--space-4);
}
.nav-sub .banner-column a svg {
  width: 24px;
  height: 24px;
}
.nav-sub .banner-block {
  display: none;
}

@keyframes slideDown {
  0% {
    /*transform: translateY(-5%) scaleY(0.8); */
    transform: translateY(-5%) matrix(1, 0, 0, 0.8, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0%) scale(1);
    opacity: 1;
  }
}
.footer-accordion-group .footer-accordion {
  background-color: var(--bg-white);
}
.footer-accordion-group .footer-accordion .footer-accordion-trigger {
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: var(--space-4);
  border-top: 1px solid var(--border-light);
}
.footer-accordion-group .footer-accordion .footer-accordion-contents {
  display: none;
  padding-block: var(--space-3);
  background-color: var(--bg-light);
  border-top: 1px solid var(--border-light);
}
.footer-accordion-group .footer-accordion .footer-accordion-contents a {
  display: flex;
  align-items: center;
  padding: var(--space-2) var(--space-6);
}
.footer-accordion-group .footer-accordion .footer-accordion-contents a:hover {
  background-color: var(--bg-light-blue);
}

footer {
  background-color: var(--bg-footer);
  border-top: 1px solid var(--border-light);
}
footer .footer-inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding-block: var(--space-8);
}
footer .footer-header img {
  width: 98px;
  height: 32px;
}
footer .footer-header img.logo-footer-eng {width: auto; height: 40px;}
footer .footer-footer {
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-light);
}
footer address {
  font-style: normal;
  color: var(--font-basic);
}
footer address ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-6);
  font-weight: var(--font-weight-bold);
  color: var(--font-darken);
}
footer address .info {
  display: none;
}
footer .buttons {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-8);
}
footer .buttons .icon-button {
  border-radius: 100%;
  font-size : 0;
  color: #fff;
}
footer .buttons .icon-button::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url() no-repeat;
}
footer .buttons .icon-button.youtube::before {
  background-image: url("../images/common/icon-footer-youtube.svg");
}
footer .buttons .icon-button.youtube:hover::before {
  background-image: url("../images/common/icon-footer-youtube-hover.svg");
}
footer .buttons .icon-button.instagram::before {
  background-image: url("../images/common/icon-footer-instagram.svg");
}
footer .buttons .icon-button.instagram:hover::before {
  background-image: url("../images/common/icon-footer-instagram-hover.svg");
}
footer .buttons .icon-button.facebook::before {
  background-image: url("../images/common/icon-footer-facebook.svg");
}
footer .buttons .icon-button.facebook:hover::before {
  background-image: url("../images/common/icon-footer-facebook-hover.svg");
}
footer .buttons .icon-button.weibo::before {
  background-image: url("../images/common/icon-footer-weibo.svg");
}
footer .buttons .icon-button.weibo:hover::before {
  background-image: url("../images/common/icon-footer-weibo-hover.svg");
}
footer .links {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  color: var(--font-basic);
}
footer .links a {
  padding-block: var(--space-2);
}
footer .links strong {
  color: var(--color-primary);
}
footer .copyright {
  margin-top: var(--space-4);
  font-size: var(--font-size-2);
  color: var(--font-basic);
}

main {
  margin-bottom: var(--space-16);
}

:root {
  --container: 100%;
}

.container {
  position: relative;
  padding-left: var(--space-mobile-side);
  padding-right: var(--space-mobile-side);
  max-width: var(--container);
}

button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
}

.button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: var(--space-1);
  padding: 2px var(--space-4);
  min-height: 48px;
  border: 1px solid var(--border-darken);
  border-radius: var(--radius-1);
  background-color: var(--bg-white);
  color: var(--font-darken);
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-medium);
}
.button:hover, .button:focus {
  background-color: var(--bg-light);
  text-decoration: none;
}
.button:disabled, .button.disabled {
  border-color: var(--border-light);
  background-color: var(--bg-disabled);
  color: var(--font-disabled);
  cursor: default;
  pointer-events: none;
}
.button svg {
  flex-shrink: 0;
  fill: transparent;
  width: 24px;
  height: 24px;
  font-size: var(--font-size-3);
}
.button.size-sm {
  padding: 0 var(--space-3);
  min-height: 40px;
  font-size: var(--font-size-3);
}
.button.size-sm svg {
  width: 20px;
  height: 20px;
}
.button.type-primary {
  border-color: transparent;
  background-color: var(--bg-primary);
  color: var(--font-white);
}
.button.type-primary:hover, .button.type-primary:focus {
  background-color: var(--bg-primary-active);
}
.button.type-primary:active, .button.type-primary.active {
  background-color: var(--color-secondary);
}
.button.type-primary:disabled, .button.type-primary.disabled {
  border-color: var(--border-light);
  background-color: var(--gray-1);
  color: var(--font-disabled);
}
.button.type-secondary {
  border-color: var(--color-primary);
  background-color: #f3faff;
  color: var(--font-point);
}
.button.type-secondary:hover, .button.type-secondary:focus {
  background-color: var(--blue-50);
}
.button.type-secondary:active, .button.type-secondary.active {
  background-color: var(--blue-1);
}
.button.type-secondary:disabled, .button.type-secondary.disabled {
  border-color: var(--border-light);
  background-color: var(--gray-1);
  color: var(--font-disabled);
}
.button.type-tertiary {
  border-color: var(--border-darken);
  background-color: var(--bg-white);
  color: var(--font-darken);
}
.button.type-tertiary:hover, .button.type-tertiary:focus {
  background-color: var(--bg-light);
}
.button.type-tertiary:active, .button.type-tertiary.active {
  background-color: var(--gray-1);
}
.button.type-tertiary:disabled, .button.type-tertiary.disabled {
  border-color: var(--border-light);
  background-color: var(--gray-1);
  color: var(--font-disabled);
}
.button.type-text {
  border-color: transparent;
  background-color: transparent;
  color: var(--font-darken);
}
.button.type-text:hover, .button.type-text:focus {
  background-color: transparent;
  color: var(--color-primary);
}
.button.type-text:active, .button.type-text.active {
  background-color: transparent;
  color: var(--blue-9);
}
.button.type-text:disabled, .button.type-text.disabled {
  border-color: transparent;
  background-color: transparent;
  color: var(--font-disabled);
}
.button.type-icon-only {
  padding: 0;
}
.button.fluid {
  flex: 1 1 100%;
  width: 100%;
}

.buttons {
  display: flex;
  gap: var(--space-2);
}
.buttons.direction-column {
  flex-direction: column;
}

.reg-buttons {
  display: flex;
  gap: var(--space-2);
  margin-top: var(--space-10);
}
.reg-buttons .button {
  flex: 1 1 100%;
}

.page-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-10);
}
.page-buttons .button {
  flex: 1 1 100%;
}

.modal-buttons .button {
  padding: 0 var(--space-3);
  height: 40px;
  font-size: var(--font-size-3);
}

input:not([type=checkbox], [type=radio]) {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  max-width: 100%;
  height: 48px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-1);
  background-color: var(--bg-white);
  color: var(--font-darken);
  font-size: var(--font-size-4);
  min-width: 1px;
  background-color: white;
}
input:not([type=checkbox], [type=radio])::-moz-placeholder {
  color: var(--font-light);
}
input:not([type=checkbox], [type=radio])::placeholder {
  color: var(--font-light);
}
input:not([type=checkbox], [type=radio]):not(:disabled):hover, input:not([type=checkbox], [type=radio]):not(:disabled):focus {
  border-width: 2px;
  border-color: var(--color-info);
  color: var(--font-darken);
}
input:not([type=checkbox], [type=radio]):invalid {
  border-width: 2px;
  border-color: var(--color-danger);
  color: var(--font-darken);
}
input:not([type=checkbox], [type=radio]):disabled, input:not([type=checkbox], [type=radio]).disabled {
  color: var(--font-disabled);
  background-color: var(--bg-disabled);
}
input:not([type=checkbox], [type=radio]):-moz-read-only {
  color: var(--font-darken);
  background-color: var(--bg-disabled);
}
input:not([type=checkbox], [type=radio]):read-only {
  color: var(--font-darken);
  background-color: var(--bg-disabled);
}
input:not([type=checkbox], [type=radio]).grow {
  width: 100%;
}

input[type=date] {
  position: relative;
  background-image: url("../images/common/icon-calendar.svg");
  background-size: 20px;
  background-position: center right var(--space-3);
  background-repeat: no-repeat;
  letter-spacing: -1px;
  /* font-size: var(--font-basic); */
  font-size: var(--font-size-4);
}
input[type=date]::-webkit-clear-button, input[type=date]::-webkit-inner-spin-button {
  display: none;
}
input[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  z-index: 1;
}

label.invisible {
  display: none;
}

.input-search {
  position: relative;
}
.input-search input {
  width: 100%;
  padding-right: 48px;
}
.input-search .icon-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
}
.input-search .icon-button svg {
  width: 20px;
}

.input-inner-extra {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0;
  max-width: 100%;
  min-width: 1px;
  height: 40px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-1);
  background-color: var(--bg-white);
}
.input-inner-extra:hover, .input-inner-extra:focus {
  border-width: 2px;
  border-color: var(--color-info);
  color: var(--font-darken);
}
.input-inner-extra > label {
  display: none;
}
.input-inner-extra > input {
  padding-right: 0;
  height: 100%;
  border: 0;
  font-size: var(--font-size-3);
}
.input-inner-extra .icon-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.input-inner-extra .icon-button svg {
  width: 20px;
  height: 20px;
}
.input-inner-extra.disabled {
  color: var(--font-disabled);
  background-color: var(--bg-disabled);
}
.input-inner-extra.disabled input {
  color: var(--font-disabled);
  background-color: var(--bg-disabled);
}

.calendar-range {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.calendar-range input {
  flex: 1 1 50%;
  width: 0;
}
.calendar-range + .buttons {
  display: flex;
  width: 100%;
  margin-top: var(--space-2);
}
.calendar-range + .buttons .button {
  flex-grow: 1;
}

.ox {
  display: inline-flex;
  gap: var(--space-2);
}
.ox input[type=radio] {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  margin-top: 2px;
  padding: 0;
  border: 1px solid var(--border-basic);
  border-radius: 100%;
  background-color: var(--bg-white);
  cursor: pointer;
}
.ox input[type=radio]:checked {
  border-color: var(--color-primary);
}
.ox input[type=radio]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: var(--color-primary);
  border-radius: 100%;
}
.ox input[type=radio]:disabled {
  pointer-events: none;
  cursor: default;
}
.ox input[type=radio]:disabled:checked {
  background-color: var(--bg-disabled);
  border-color: var(--border-basic);
}
.ox input[type=radio]:disabled:checked::before {
  background-color: var(--color-disabled);
}
.ox input[type=radio]:disabled + .label {
  color: var(--color-disabled);
  cursor: default;
}
.ox.baseline {
  align-items: baseline;
}
.ox.indeterminate input[type=checkbox]:checked {
  background-color: var(--color-primary);
}
.ox.indeterminate input[type=checkbox]:checked::before {
  width: 8px;
  height: 2px;
  background: var(--color-white);
}
.ox.indeterminate input[type=checkbox]:checked:disabled::before {
  width: 8px;
  height: 2px;
  background: var(--font-disabled);
}
.ox input[type=checkbox] {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  margin-top: 2px;
  padding: 0;
  border: 1px solid var(--border-basic);
  border-radius: var(--radius-1);
  background-color: var(--bg-white);
  cursor: pointer;
}
.ox input[type=checkbox]:checked {
  background-color: var(--color-primary);
}
.ox input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: url("../images/common/icon-check-on.svg") no-repeat;
}
.ox input[type=checkbox]:disabled {
  pointer-events: none;
  cursor: default;
}
.ox input[type=checkbox]:disabled:checked {
  background-color: var(--bg-disabled);
}
.ox input[type=checkbox]:disabled:checked::before {
  width: 16px;
  height: 16px;
  background: url("../images/common/icon-check-on-disabled.svg") no-repeat;
}
.ox input[type=checkbox]:disabled + label {
  color: var(--color-disabled);
  cursor: default;
}
.ox label {
  cursor: pointer;
}
.ox label.is-desc {
  display: inline-flex;
  flex-direction: column;
  gap: var(--space-2);
}
.ox label.is-desc .desc {
  font-size: var(--font-size-2);
  color: var(--font-light);
}

.ox-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.ox-group.justify-right {
  justify-content: flex-end;
}
.ox-group.type-vertical {
  flex-direction: column;
}

textarea {
  padding: var(--space-4);
  width: 100%;
  min-height: 144px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-1);
  background-color: var(--bg-white);
  color: var(--font-darken);
  font-size: var(--font-size-4);
  min-width: 1px;
}
textarea::-moz-placeholder {
  color: var(--font-light);
}
textarea::placeholder {
  color: var(--font-light);
}
textarea:not(:disabled):hover, textarea:not(:disabled):focus {
  border-width: 2px;
  border-color: var(--color-info);
  color: var(--font-darken);
}
textarea:invalid {
  border-width: 2px;
  border-color: var(--color-danger);
  color: var(--font-darken);
}
textarea:disabled, textarea.disabled {
  color: var(--font-disabled);
  background-color: var(--bg-disabled);
}
textarea:-moz-read-only {
  color: var(--font-darken);
  background-color: var(--bg-disabled);
}
textarea:read-only {
  color: var(--font-darken);
  background-color: var(--bg-disabled);
}

.digits {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: calc(var(--space-1) - 2px);
       column-gap: calc(var(--space-1) - 2px);
  width: 100%;
  color: var(--font-basic);
  font-size: var(--font-size-2);
}
.digits .count {
  color: var(--font-point);
  position: relative !important;
}

.is-error textarea {
  border-width: 2px;
  border-color: var(--color-danger);
  color: var(--font-darken);
}
.is-error textarea:not(:disabled):hover, .is-error textarea:not(:disabled):focus {
  border-color: var(--color-danger);
}
.is-error .digits .count {
  color: var(--color-danger);
}

h3 {
  font-size: var(--font-size-6);
}

h4 {
  font-size: var(--font-size-5);
  margin-bottom: var(--space-5);
}

h5 {
  font-size: var(--font-size-4);
}

h6 {
  font-size: var(--font-size-3);
}

h4.required::before, h5.required::before, h6.required::before {
  content: "*";
  margin-right: var(--space-2);
  color: var(--font-error);
}

.text-red {
  color: var(--font-error);
}

.text-basic {
  color: var(--font-basic);
}
.text-basic.date.type1 {margin-top: -28px;}

.text-primary {
  color: var(--color-primary);
}

.text-primary {
  color: var(--color-primary);
}

.text-secondary {
  color: var(--color-secondary);
}

.text-info {
  color: var(--color-info);
}

.text-danger {
  color: var(--color-danger);
}

.text-warning {
  color: var(--color-warning);
}

.text-disabled {
  color: var(--color-disabled);
}

.text-white {
  color: var(--color-white);
}

.text-black {
  color: var(--color-black);
}

.desc {
  font-weight: 400;
}

.date {
  font-size: var(--font-size-2);
  color: var(--font-basic);
  font-weight: 400;
}

.ul-circle {
  counter-reset: list-number;
}
.ul-circle li {
  display: flex;
  align-items: baseline;
  counter-increment: list-number;
  gap: var(--space-2);
  margin: 12px 0;
}
.ul-circle li:before {
  display: inline-block;
  background-color: var(--gray-4);
  content: counter(list-number);
  min-width: 24px;
  text-align: center;
  color: white;
  border-radius: 12px;
}

.dl-tbl .dl-row-wrap {
  padding: var(--space-6) var(--space-4);
  border-bottom: 1px solid var(--gray-2);
}
.dl-tbl .dl-row-wrap .dl-row-title {
  margin-bottom: var(--space-6);
}
.dl-tbl .dl-row-wrap .dl-row {
  display: flex;
  flex-direction: column;
}
.dl-tbl .dl-row-wrap .dl-row .dl-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-2) 0 var(--space-3);
  border: 1px dashed var(--gray-2);
  border-width: 0 0 1px;
}
.dl-tbl .dl-row-wrap .dl-row .dl-cell:last-child {
  border-width: 0;
}
.dl-tbl.one-tbl .dl-row-wrap {
  padding: 0 var(--space-4) 0;
  border-bottom: 0;
}
.dl-tbl.one-tbl .dl-row-wrap:first-child {
  padding-top: var(--space-6);
}
.dl-tbl.one-tbl .dl-row-wrap:last-child {
  padding-bottom: var(--space-6);
  border-bottom: 1px solid var(--gray-2);
}
.dl-tbl.one-tbl .dl-row-wrap:not(:last-child) .dl-cell:last-child {
  border-bottom-width: 1px;
}

.dl-tbl .col-type .dl-row .dl-cell {
  flex-direction: column;
  align-items: flex-start;
}

.table-wrap {
  overflow-x: auto;
  width: 100%;
  margin-top: var(--space-10);
}

.table-wrap.type1 {width: 100%; max-height: 400px; overflow-y: auto; border-bottom: 1px solid #ddd;}
.table-wrap.type1 table {margin-bottom: 0;}
.table-wrap.type1 thead {position: sticky; top: 0; z-index: 10;}
.table-wrap.type1 thead th {position: relative; /* border-color: #ddd; */ border: 0;}
.table-wrap.type1 thead th::after {display: block; content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 1px; background-color: #ccc; z-index: 1;}
.table-wrap.type1 thead th::before {display: block; content: ''; position: absolute; right: 0; top: 0px; width: 1px; height: 100%; background-color: #ccc; z-index: 1;}
.table-wrap.type1 thead tr:first-of-type th:last-of-type:before {background-color: var(--dark-blue-50);}


.table-wrap + .table-wrap {
  margin-top: var(--space-6);
}

table.tbl-col {
  width: 100%;
  margin-bottom: 20px;
  background-color: var(--bg-white);
  border-collapse: collapse;
  border-spacing: 0;
}
table.tbl-col thead th {
  padding: var(--space-2);
  color: var(--font-darken);
  font-weight: var(--font-weight-bold);
  text-align: center;
  vertical-align: middle;
  background-color: var(--dark-blue-50);
  border: 1px solid var(--dark-blue-1);
  border-width: 0 1px 1px;
}
table.tbl-col tbody th,
table.tbl-col tbody td {
  padding: var(--space-2);
  color: var(--font-basic);
  font-weight: var(--font-weight-normal);
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
}
table.tbl-col tbody th .text-wrap,
table.tbl-col tbody td .text-wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
table.tbl-col tbody th .text-wrap + .text-wrap,
table.tbl-col tbody td .text-wrap + .text-wrap {
  margin-top: var(--space-6);
}
table.tbl-col tbody th .badge,
table.tbl-col tbody td .badge {
  margin-bottom: var(--space-2);
}
table.tbl-col tr:first-child > * {
  border-top: 0;
}
table.tbl-col tr th:first-child,
table.tbl-col tr td:first-child {
  border-left: 0;
}
table.tbl-col tr th:last-child,
table.tbl-col tr td:last-child {
  border-right: 0;
}

.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.icon svg {
  width: 100%;
  height: 100%;
}
.icon img {
  width: 100%;
}
.icon.size-sm {
  width: 16px;
  height: 16px;
}
.icon.size-md {
  width: 24px;
  height: 24px;
}
.icon.size-lg {
  width: 32px;
  height: 32px;
}
.icon.size-xl {
  width: 40px;
  height: 40px;
}
.icon.size-xxl {
  width: 60px;
  height: 60px;
}

.icon-button {
  width: 24px;
  height: 24px;
  color: var(--font-basic);
}
.icon-button:disabled {
  color: var(--font-disabled);
  cursor: default;
  pointer-events: none;
  opacity: 0.3;
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.icon-button.size-sm {
  width: 40px;
  height: 40px;
}
.icon-button.size-sm img {
  width: 100%;
  height: 100%;
}
.icon-button.size-md {
  width: 48px;
  height: 48px;
}
.icon-button.size-md img {
  width: 100%;
  height: 100%;
}
.icon-button svg {
  width: 100%;
  height: 100%;
}
.icon-button.favorite-button {
  width: 40px;
  height: 40px;
  background: url("../images/edu/icon-favorite-off.svg") center/cover;
}
.icon-button.favorite-button.active {
  background-image: url("../images/edu/icon-favorite-on.svg");
}

.rating-stars {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-1);
}
.rating-stars .star {
  width: 34px;
  height: 32px;
  color: var(--bg-disabled);
}
.rating-stars .star.active {
  color: var(--color-primary);
}
.rating-stars .star .icon {
  width: 100%;
  height: 100%;
}

.badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--space-2);
  min-height: 24px;
  border: 1px solid transparent;
  border-radius: var(--radius-1);
  background-color: var(--bg-darken);
  color: var(--font-white);
  font-size: var(--font-size-2);
  line-height: 1;
  word-break: break-all;
  /* white-space: nowrap;*/
  vertical-align: -webkit-baseline-middle;
  z-index: 1;
}
.badge:empty {
  padding: 0;
  width: 6px;
  height: 6px;
  min-height: auto;
  border-radius: 50%;
}
.badge, .badge:hover, .badge:focus {
  color: var(--font-white);
  text-decoration: none;
}
.badge.type-rounded {
  border-radius: var(--radius-5);
}
.badge[class*=text-] {
  background-color: var(--font-white);
  border-color: currentColor;
}
.badge.text-primary {
  color: var(--color-primary);
}
.badge.text-secondary {
  color: var(--color-secondary);
}
.badge.text-danger {
  color: var(--color-danger);
}
.badge.text-yellow {
  color: #A0470B;
}
.badge.fill-primary {
  background-color: var(--color-primary);
}
.badge.fill-secondary {
  background-color: var(--color-secondary);
}
.badge.fill-danger {
  background-color: var(--color-danger);
}
.badge.pastel-primary {
  background-color: var(--blue-50);
  border-color: transparent;
  color: var(--color-primary);
}
.badge.pastel-secondary {
  background-color: var(--dark-blue-50);
  border-color: transparent;
  color: var(--color-secondary);
  word-break: break-all;
  white-space: normal;
}
.badge.pastel-danger {
  background-color: #FFEBEF;
  border-color: transparent;
  color: var(--color-danger);
}
.badge.pastel-yellow {
  background-color: #FFEDB6;
  border-color: transparent;
  color: #A0470B;
}
.badge.pastel-green {
  background-color: #CEEFF5;
  border-color: transparent;
  color: #297886;
}

.badges {
  display: inline-flex;
  gap: var(--space-1);
}

.tabs {
  max-width: calc(100vw - 37px);
}
.tabs .pane-wrap.is-margin {
  margin-top: var(--space-10);
}
.tabs .pane-wrap > .pane {
  display: none;
}
.tabs .pane-wrap .display-show {
  display: block;
}
.tabs.tabs-btm-line {
  overflow-X: auto;
}
.tabs.tabs-btm-line li {
  border: none;
  flex-grow: unset;
  flex-basis: unset;
}
.tabs.tabs-btm-line li > a {
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  font-weight: var(--font-weight-medium);
}
.tabs.tabs-btm-line .active {
  background: unset;
  border-bottom: 2px solid var(--blue-8);
}
.tabs.tabs-btm-line .active > a {
  color: var(--blue-8);
  font-weight: var(--font-weight-bold);
}
.tabs.bg-tile {
  overflow-X: auto;
}
.tabs.bg-tile .tab-list li {
  background-color: var(--bg-light);
  border: 1px solid var(--border-light);
  border-bottom: 3px solid var(--border-darken);
}
.tabs.bg-tile .tab-list a {
  padding-block: var(--space-5);
  font-size: var(--font-size-5);
  font-weight: var(--font-weight-bold);
  line-height: 1.5;
  color: var(--font-light);
}
.tabs.bg-tile .tab-list .active {
  background: var(--bg-white) url(../images/common/bg-tab-tile.svg) no-repeat top -10px left -3px/33px 66px;
  border: 1px solid var(--border-darken);
  border-bottom: 3px solid var(--border-darken);
}
.tabs.bg-tile .tab-list .active a {
  color: var(--font-darken);
}
.tabs .pane-wrap.is-margin {
  margin-top: var(--space-10);
}
.tabs .pane-wrap > .pane {
  display: none;
}
.tabs .pane-wrap .display-show {
  display: block;
}

.tab {
  position: relative;
  overflow-x: auto;
  width: 100%;
  scrollbar-width: none;
}
.tab ul {
  display: flex;
}
.tab li {
  flex-grow: 1;
  flex-basis: 20%;
  border: 1px solid var(--dark-blue-2);
}
.tab li:hover, .tab li:focus {
  background-color: var(--blue-50);
}
.tab li.active {
  border-color: transparent;
  background-color: var(--color-secondary);
}
.tab li.active a {
  color: var(--font-white);
}
.tab li:not(:first-of-type) {
  border-left-color: transparent;
}
.tab a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: var(--space-3) var(--space-4);
  color: var(--font-basic);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  height: 100%;
  text-align: center;
}
.tab a:hover {
  text-decoration: none;
}

.tab-filter {
  max-width: calc(100vw - 40px);
  overflow-x: auto;
  scrollbar-width: none;
  background: var(--bg-dark-blue-50, #e6eaf2);
  margin-top: var(--space-2);
}
.tab-filter ul {
  display: flex;
}
.tab-filter li {
  display: inline-block;
  padding: var(--space-2) var(--space-2);
  font-weight: 500;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
}
.tab-filter li.active {
  border-color: var(--color-primary);
}
.tab-filter li.active a {
  color: var(--color-primary);
  font-weight: 700;
}


.form-search {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.form-search .form-item {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.form-sh01 .form-item {width: 100%;}
.form-search .form-item .box-field {flex:none; width: calc(100% - 164px);}
.form-search .btn {
  width: 100%;
}
.form-search .btn button {
  width: 100%;
  height: 100%;
}
.form-search .ipt-field.num01 {
  margin-bottom: 4px;
}
.form-search .ipt-field .select-box {
  flex:none;
  width: calc(50% - 2px);
  margin-bottom: 4px;
}
.form-search .ipt-field .search-box {
  flex:1;
}
/* .form-search .ipt-field.num02 .search-box {
  flex:1;
  margin: 0 0 4px 4px;
} */
.form-search .ipt-field .select-box .select2-container {
  min-width: 100%;
}
.form-search .ipt-field .search-box input {
  width: 100%;
}
.sh-open-layer {width: 100%; display: flex; flex-wrap: wrap;}
.sh-open-layer.on .box-sh-layer {display: flex; flex:none; width: 100%;}
.box-sh-layer {display: none; height: 200px; margin-top: 4px; border:1px solid #ccc;}
.box-sh-layer .layer-inner {height: 100%; padding: 8px 8px; overflow-y: auto; border-right:1px solid #ccc;}
.box-sh-layer .layer-inner:last-of-type {border-right: 0;}

.form-search .ipt-field.num01 .box-sh-layer .layer-inner.num01 {width: 200px;}
.form-search .ipt-field.num01 .box-sh-layer .layer-inner.num02 {width: calc(100% - 200px); background: #fcfcfc;}
.form-search .ipt-field.num02 .box-sh-layer .layer-inner.num01 {width: 200px;}
.form-search .ipt-field.num02 .box-sh-layer .layer-inner.num02 {width: 200px;}
.form-search .ipt-field.num02 .box-sh-layer .layer-inner.num03 {width: calc(100% - 400px); background: #fcfcfc;}

.btn-sh-layer {margin-right: 4px; border-color: var(--border-light);}
.btn-sh-layer::after {content: ''; display: block; margin-left: 2px; width: 20px; height: 20px; background: url(../images/common/icon-chevron-down.svg) no-repeat center; background-size: cover;}
.btn-sh-layer.on::after {transform: rotate(-180deg);}

.sh-ck-list {width: 100%; display: flex; flex-wrap: wrap;}
.sh-ck-list li {flex:none; margin-bottom: 4px;}
.sh-ck-list li:last-of-type {margin-bottom: 0px;}
.sh-ck-list.col1 li {width: 100%;}
.sh-ck-list.col3 li {width: 33.33%;}
.sh-ck-list.col5 li {width: 20%;}

.sh-ck-list .ox {display: flex; width: calc(100% - 8px);}
.sh-ck-list .ox input {flex:none; width: 20px;}
.sh-ck-list .ox label {flex:none; width: calc(100% - 24px);}

/* form */
.form-ipt {margin-bottom:20px}
.form-ipt .form-item {margin-bottom:20px}
.form-ipt .form-item:last-of-type {margin-bottom:0}

.form-ipt .entry {margin-bottom:10px;font-weight:500}
.form-ipt .entry > label {font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit;}
.form-ipt .ox {align-items: center;}

.form-ipt.et-center .entry {align-content: center; padding-top: 1px;}

[class^='form-ipt row'] .form-item {display:flex;flex-direction:row}
[class^='form-ipt row'] .entry {width:100px; margin-right:10px; margin-bottom:0; /* padding-top:6px */}
[class^='form-ipt row'] .comp {flex:1}

.form-list.form-work24 {
  position: relative;
  margin-bottom: 40px;
  border-radius: 12px;
  border: 4px solid #eee;
}
.form-list.form-work24 .form-ipt {
  margin-bottom: 0;
  padding-top: 16px;
  border-top: 1px solid #000;
}
.form-list.form-work24 .form-ipt.type2 {
  border-top: 0;
}
.form-list.form-work24 .form-sh01 {
  padding: 20px 12px;
}

.form-list.form-work24 .form-sh02 .form-ipt {
  padding: 20px 12px;
}
.form-list.form-work24 .form-btn {
  height: 52px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.form-list.form-work24 .btn-open-form {
  width: 100%;
  height: 100%;
}
.form-list.form-work24 .btn-open-form a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: large;
  font-weight: 600;
  background-color: #f8f8f8;
}
.form-list.form-work24 .btn-open-form a:hover {
  color: var(--bg-primary);
}
.form-list.form-work24 .btn-open-form a::after {
  content: '';
  display: block;
  margin-left: 4px;
  width: 20px;
  height: 20px;
  background: url(../images/common/icon-chevron-down.svg) no-repeat center;
  background-size: cover;
  transition: all 300ms ease-in-out;
}
.form-list.form-work24 .btn-open-form.on a::after {
  transform: rotateX(-180deg);
}
.form-list.form-work24 .form-ipt .form-item {
  flex-direction: column;
}
.form-list.form-work24 .form-ipt .entry {
  position: relative;
  width: 100%;
  margin: 0 0 12px 0;
  font-weight: 600;
}
.form-list.form-work24 .ox-group {
  gap: var(--space-3) var(--space-6);
}
.ipt-mid {
  height: 32px !important;
}
.mo-full {
  width: 100% !important;
}
.box-align {
  display: flex;
}
.box-align.type1 {
  flex-direction: column;
  justify-content: space-between;
}
.box-align .right {
  order: 1;
}
.box-align .left {
  order: 2;
  margin-right: 20px;
}
.login-modal .lm-title {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
.modal .login-modal .form-field {
  gap: 0;
}
.login-modal input {
  width: 100%;
}
.login-modal .button.type-primary {
  width: 100%;
}
.login-modal .division-items {
  text-align: right;
  margin-top: 0;
}
.login-modal form > :not(:first-child) {
  margin-top: var(--space-4);
}
.login-modal .info {
  position: relative;
  margin-top: var(--space-4);
  padding-left: var(--space-6);
}
.login-modal .info::before {
  content: "";
  position: absolute;
  top: var(--space-1);
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../images/common/icon-info.svg") no-repeat center/contain;
}
.login-modal-simple {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-4);
}
.login-modal-simple p {
  margin: 0 !important;
  color: var(--font-darken);
  font-size: var(--font-size-4);
}
.login-modal .division-items a {
  display: inline-block;
  line-height: var(--line-height-1);
  font-weight: var(--font-weight-medium);
}
.login-modal .division-items > :not(:first-child) {
  margin-left: var(--space-1);
  padding-left: var(--space-2);
  border-left: 1px solid var(--border-light);
}
.form-error .message-wrap {
  min-height: auto !important;
}
.form-error .message-wrap .message {
  position: relative; top: 0;
}
.form-error .is-error .message {
  display: block;
}
.form-error .is-error .hint {
  display: none;
}
.ox-group.type-appy {flex-wrap: wrap !important;}
.ox-group.type-appy label {align-items: flex-start;}
.ox-group.type-appy .hint {flex:none; width: 100%;}

.ipt-cgpa1 input {flex:1; width: 100%;}
.ipt-cal1 .form-block {flex-wrap: wrap;}
.ipt-cal1 .test-info dl {width: 100%;}
.ipt-cal1 .test-info dt {flex:none; width: 100px;}

.mo-btn-left a,
.mo-btn-left button {text-align: left; margin: 4px 0; padding: 0 !important;}
.mo-col {flex-direction: column;}
.mo-w100p {width: 100%;}

.banner1 {width: 100%; height: 240px;}
.banner1 a {display: flex; flex-direction: column; justify-content: flex-start; width: 100%; height: 100%; padding: 20px;}
.banner1 a:hover {text-decoration: none;}
.banner1 span {display: block; color: #fff; font-weight: 600;}
.banner1 .text {font-size: 16px; margin-bottom: 4px;}
.banner1 .title {font-size: 24px; line-height: 32px;}
.banner1 em {font-style: normal;}
.banner1.banner-supporters {margin-top: 40px;}
.banner1.banner-supporters a {background: #13346F url("../images/common/img_banner_supp_mo.svg") no-repeat bottom right; background-size:cover;}
.banner1.banner-supporters em {color: #39ABFF;}

.bottom-link-wrap .button {flex:none;}

@media screen and (min-width: 768px) {
  .tab-filter {
    margin-top: var(--space-4);
  }
  .tab-filter li {
    padding: var(--space-3) var(--space-5);
    border-bottom: none;
  }
}
[data-collapse=collapse][open-state=open] [trigger-state=open] .icon {
  transform: rotateZ(180deg);
}
[data-collapse=collapse] [data-collapse=trigger] {
  cursor: pointer;
}

.collapse {
  border-block: 1px solid var(--border-light);
}
.collapse[open-state=open] .collapse-header:hover {
  background-color: transparent;
}
.collapse[open-state=open] > .collapse-body {
  display: block;
}
.collapse[open-state=open] .collapse-title {
  font-weight: var(--font-weight-bold);
}
.collapse .collapse-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all ease 250ms;
}
.collapse .collapse-title {
  flex-grow: 1;
  padding: var(--space-4);
  font-size: var(--font-size-4);
}
.collapse .collapse-trigger {
  width: 59px;
  height: 59px;
  padding: var(--space-4);
  color: var(--font-darken);
  transition: all ease 250ms;
}
.collapse .collapse-trigger:hover {
  color: var(--bg-primary);
}
.collapse .collapse-contents {
  padding: var(--space-4);
  background-color: var(--bg-light);
  font-size: var(--font-size-3);
}
.collapse .collapse-contents.no-bg {
  margin: 0;
  padding: var(--space-4);
  background: var(--bg-white);
  border-top: 1px solid var(--border-light);
}

.accordion .collapse {
  border-top: none;
}
.accordion .collapse:first-child {
  border-top: 3px solid var(--border-darken);
}

.filter-accordion {
  border-top: 3px solid var(--border-darken);
}
.filter-accordion > .accordion-item > .action {
  border-bottom: 1px solid var(--border-light);
}
.filter-accordion > .accordion-item > .action:hover {
  border-bottom-color: var(--border-darken);
}
.filter-accordion > .accordion-item > .action > .accordion-title {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
  padding-left: var(--space-4);
  font-size: var(--font-size-4);
  flex:none;
  width: calc(100% - 58px);
}
.filter-accordion > .accordion-item > .action > .icon-button {
  flex:none;
  width: 58px;
  height: 58px;
}
.filter-accordion > .accordion-item > .pane {
  padding: var(--space-6) var(--space-4);
  background-color: var(--bg-light);
}
.filter-accordion > .accordion-item > .pane .accordion-item {
  margin-top: var(--space-6);
}
.filter-accordion > .accordion-item > .pane .accordion-item .pane {
  margin-top: var(--space-6);
  padding-left: var(--space-7);
}
.filter-accordion .accordion-item .action {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.filter-accordion .accordion-item .accordion-title {
  flex-grow: 1;
}

.file-upload {
  display: flex;
  width: 100%;
  gap: var(--space-2);
}
.file-upload:hover .inner-form, .file-upload:focus .inner-form {
  border-width: 2px;
  border-color: var(--color-info);
  color: var(--font-darken);
}
.file-upload .inner-form {
  flex-grow: 1;
  display: flex;
  position: relative;
  overflow: hidden;
  height: 48px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-1);
  background-color: var(--bg-white);
  color: var(--font-darken);
  font-size: var(--font-size-4);
  cursor: pointer;
}
.file-upload input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  width: 100%;
  line-height: 48px;
  border: 0;
  background-color: var(--bg-white);
  font-size: var(--font-size-3);
  text-align: left;
  cursor: pointer;
}
.file-upload input[type=file]::file-selector-button {
  width: 0px;
  height: 1px;
  border: none;
  padding: 0;
  margin: 0;
  visibility: hidden;
  background-color: blue;
}
.file-upload input[type=file]:focus {
  outline: none;
}
.file-upload .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  width: 100%;
  line-height: 48px;
  background-color: var(--bg-white);
  color: var(--font-light);
  font-size: var(--font-size-3);
  text-align: left;
  z-index: 1;
}
.file-upload .button {
  height: 48px;
  cursor: pointer;
}

.file-upload-info {
  margin-top: var(--space-7);
}
.file-upload-info li {
  position: relative;
  margin-top: var(--space-2);
  padding-left: var(--space-3);
}
.file-upload-info li::before {
  content: "";
  position: absolute;
  top: var(--space-2);
  left: 0;
  width: 6px;
  height: 6px;
  background: url("../images/my/icon-bullet.svg") no-repeat center/contain;
}

.file-items {
  margin-top: var(--space-6);
  padding-inline: var(--space-4);
  background-color: var(--bg-light);
}
.file-items .file-item {
  display: flex;
  flex-direction: column;
  padding-block: var(--space-4);
}
.file-items .file-item + .file-item {
  border-top: 1px solid var(--border-light);
}
.file-items .file-item p {
  margin-top: var(--space-1);
  color: var(--font-basic);
}
.file-items .file-item .icon-button {
  margin-top: var(--space-1);
  margin-left: auto;
}
.file-items.only {
  margin-top: var(--space-4);
  padding-inline: 0;
  background-color: inherit;
}
.file-items.only .file-item {
  flex-direction: row;
  align-items: center;
  gap: var(--space-2);
  padding-block: 0;
}

.calendar .fc-header-toolbar {
  flex-wrap: wrap;
}
.calendar .fc-header-toolbar .fc-toolbar-chunk {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.calendar .fc-header-toolbar .fc-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.calendar .fc-header-toolbar .fc-prev-button,
.calendar .fc-header-toolbar .fc-next-button {
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border-color: var(--border-light);
  border-radius: 50%;
  background-color: var(--bg-white);
}
.calendar .fc-header-toolbar .fc-prev-button:not(:disabled):hover, .calendar .fc-header-toolbar .fc-prev-button:not(:disabled):focus,
.calendar .fc-header-toolbar .fc-next-button:not(:disabled):hover,
.calendar .fc-header-toolbar .fc-next-button:not(:disabled):focus {
  border-color: transparent;
  background-color: var(--bg-light-blue);
}
.calendar .fc-header-toolbar .fc-prev-button:not(:disabled).fc-button-active, .calendar .fc-header-toolbar .fc-prev-button:not(:disabled):active,
.calendar .fc-header-toolbar .fc-next-button:not(:disabled).fc-button-active,
.calendar .fc-header-toolbar .fc-next-button:not(:disabled):active {
  border-color: transparent;
  background-color: var(--color-secondary);
}
.calendar .fc-header-toolbar .fc-prev-button:not(:disabled).fc-button-active:focus, .calendar .fc-header-toolbar .fc-prev-button:not(:disabled):active:focus,
.calendar .fc-header-toolbar .fc-next-button:not(:disabled).fc-button-active:focus,
.calendar .fc-header-toolbar .fc-next-button:not(:disabled):active:focus {
  box-shadow: none;
}
.calendar .fc-header-toolbar .fc-prev-button:not(:disabled).fc-button-active .fc-icon, .calendar .fc-header-toolbar .fc-prev-button:not(:disabled):active .fc-icon,
.calendar .fc-header-toolbar .fc-next-button:not(:disabled).fc-button-active .fc-icon,
.calendar .fc-header-toolbar .fc-next-button:not(:disabled):active .fc-icon {
  color: var(--font-white);
}
.calendar .fc-header-toolbar .fc-prev-button .fc-icon,
.calendar .fc-header-toolbar .fc-next-button .fc-icon {
  color: var(--font-darken);
}
.calendar .fc-header-toolbar .fc-today-button {
  margin-top: var(--space-4);
  padding: 0 var(--space-3);
  width: 100%;
  height: 40px;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-1);
  background-color: #f3faff;
  color: var(--color-primary);
  font-size: var(--font-size-3);
  opacity: 1;
}
.calendar .fc-header-toolbar .fc-today-button:hover, .calendar .fc-header-toolbar .fc-today-button:focus {
  background-color: var(--blue-50);
}
.calendar .fc-header-toolbar .fc-today-button:active, .calendar .fc-header-toolbar .fc-today-button.active {
  background-color: var(--blue-1);
}
.calendar .fc-header-toolbar .fc-today-button:disabled, .calendar .fc-header-toolbar .fc-today-button.disabled {
  border-color: var(--border-light);
  background-color: var(--gray-1);
  color: var(--font-disabled);
}
.calendar .fc-toolbar-title {
  flex-grow: 1;
  margin: 0 var(--space-3);
  font-size: var(--font-size-5);
  text-align: center;
}
.calendar .fc-col-header-cell {
  background-color: var(--bg-light);
}
.calendar .fc-col-header-cell-cushion {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: 40px;
  color: var(--font-darken);
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-medium);
}
.calendar .fc-daygrid-day-number {
  padding: 0;
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-medium);
}
.calendar .fc-daygrid-day {
  position: relative;
}
.calendar .fc-daygrid-day-top {
  margin: var(--space-2) var(--space-1) 0;
}
.calendar .fc-daygrid-body-natural .fc-daygrid-day-events {
  margin: var(--space-1) var(--space-1) var(--space-2);
  z-index: 6;
}
.calendar .fc-daygrid-day.fc-day-today {
  background-color: var(--bg-light-blue);
}
.calendar .fc-daygrid-event {
  margin-top: 0;
  border-radius: var(--radius-1);
}
.calendar .fc-daygrid-event.fc-event-end, .calendar .fc-daygrid-event.fc-event-start {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
.calendar .fc-daygrid-dot-event .fc-event-title,
.calendar .fc-daygrid-dot-event .fc-event-time {
  display: none;
}
.calendar .fc-daygrid-event-dot {
  position: absolute;
  top: 0;
  right: var(--space-4);
  margin: 0;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 0;
  background: url("../images/common/icon-coordinate.svg") no-repeat center/contain;
  transform: translateY(calc(-100% + (var(--space-2) - 2px) * -1));
}
.calendar .fc-daygrid-block-event {
  margin-top: var(--space-1);
}
.calendar .fc-daygrid-block-event .fc-event-title {
  padding: 0;
  font-size: var(--font-size-2);
  overflow: hidden;
  text-overflow: ellipsis;
}
.calendar .fc-event-title-container {
  padding: 0 var(--space-2);
}
.calendar .fc-day-other .fc-daygrid-day-events {
  opacity: 0.4;
}

.calendar-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-4);
}
.calendar-legend li {
  position: relative;
  padding-left: calc(var(--space-7) - 2px);
  color: var(--font-basic);
  font-weight: var(--font-weight-medium);
}
.calendar-legend li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(var(--space-1) - 1px);
  width: 14px;
  height: 14px;
  border-radius: calc(var(--radius-1) - 2px);
  transform: translateY(-50%);
}
.calendar-legend .fill-primary::before {
  background-color: var(--color-primary);
}
.calendar-legend .fill-danger::before {
  background-color: var(--color-danger);
}
.calendar-legend .fill-primary {font-weight: bold;}
.calendar-legend .fill-danger {font-style: italic;}
.calendar-legend .offline::before {
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 0;
  background: url("../images/common/icon-coordinate.svg") no-repeat center/contain;
}

.visual-cards {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
.visual-cards .img-wrap img {width: 100%;}
.visual-cards .card {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 16/9; /* 16:9 비율 지정 */
}
.visual-cards .card:hover {
  text-decoration: none;
}
.visual-cards .card:hover h3 {
  text-decoration: underline;
}
.visual-cards .card.type-banner {
  min-height: 338px;
  background: var(--bg-image) no-repeat center bottom/cover;
}
.visual-cards .card.type-banner .text-wrap {
  flex-grow: 1;
  height: 100%;
  background-color: transparent;
  border: 0;
}
.visual-cards .card.type-banner .text-wrap strong img {
  width: 55px;
  margin-right: var(--space-1);
}
.visual-cards .card.type-banner .text-wrap h2 {
  font-size: var(--font-size-7);
  line-height: 1.2;
}
.visual-cards .card.type-banner .text-wrap h5 {
  margin-top: var(--space-8);
  font-size: var(--font-size-8);
  line-height: 1.2;
}
.visual-cards .image-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.visual-cards .image-wrap .player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
}
.visual-cards .image-wrap img {
  width: 100%;
  height: 100%;
}
.visual-cards .text-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-4) var(--space-4);
  border-color: var(--border-light);
  border-width: 0 1px 1px;
  border-style: solid;
  background-color: var(--bg-white);
}
.visual-cards .badge {
  margin-bottom: var(--space-2);
}
.visual-cards h3 {
  font-size: var(--font-size-5);
  line-height: 1.3;
  /* word-break: break-all; */
}
.visual-cards p {
  text-decoration: none;
  color: var(--font-basic);
  margin: 0;
  /* word-break: break-all; */
}
.visual-cards .icon {
  margin-top: auto;
  margin-left: auto;
}
.visual-cards .video-box {
  overflow: hidden;
}
.visual-cards .video-box img {width: 100%; max-width: 100%; height: 100%; object-fit: cover;}
.banner-exhabit {
  min-height: 338px;
  background: var(--gray-50) url("../images/why/bg-banner-exhabit.svg") no-repeat right bottom;
}

.item-list {
  margin: var(--space-16) auto 0;
}
.item-list > li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.item-list > li [class*=title] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: var(--font-size-5);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.item-list > li img {
  display: block;
  width: 100%;
}
.item-list > li:not(.item-list-icon) {
  margin: 0 0 var(--space-4);
}
.item-list > li:not(.item-list-icon) .text-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: var(--space-6);
  box-sizing: border-box;
  text-align: center;
  border-top: 1px solid var(--border-light);
}
.item-list .item-list-icon {
  position: relative;
  padding: var(--space-6);
  border-top: 1px solid var(--gray-2);
}
.item-list .item-list-icon:nth-child(1) {
  border-top: 1px solid var(--gray-8);
}
.item-list .item-list-icon img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto var(--space-8);
}
.item-list .item-list-icon + li:not(.item-list-icon) {
  margin: var(--space-10) 0 var(--space-4);
}
.item-list .card.line-box {
  align-items: flex-start;
  text-align: left;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-4);
}
.item-list .card.line-box strong {
  font-size: var(--font-size-4);
}
.item-list .card.line-box img {
  width: 60px;
  height: 60px;
}
.item-list.card-h3 {
  margin-top: var(--space-1);
}
.item-list.card-h3 .card {
  margin-bottom: var(--space-4);
  padding: var(--space-4);
  text-align: left;
  border: 1px solid var(--gray-2);
}
.item-list.card-h3 .card:has(h3) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-7);
  margin-bottom: var(--space-7);
  padding: 0;
  border: 0;
}
.item-list.card-h3 .text-wrap {
  margin-top: var(--space-6);
}
.item-list.card-h3 .text-wrap h5 {
  margin-bottom: var(--space-4);
}
.item-list.step {
  margin: 0;
}
.item-list.step .line-box {
  position: relative;
  align-items: flex-start;
  gap: var(--space-2);
  padding: var(--space-6) var(--space-6) 104px;
  text-align: left;
}
.item-list.step .line-box::after {
  content: "";
  position: absolute;
  bottom: var(--space-6);
  right: var(--space-6);
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
}
.item-list.step .line-box .text-primary {
  font-size: var(--font-size-5);
}
.item-list.step .line-box strong {
  font-size: var(--font-size-4);
}
.item-list.step .line-box p {
  margin: 0;
  font-size: var(--font-size-3);
}
.item-list.rank {
  margin: var(--space-7) auto 0;
}
.item-list.rank .item-list-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-2);
  font-weight: var(--font-weight-bold);
}
.item-list.rank .item-list-icon:nth-child(1) {
  border-top: 0;
}
.item-list.rank .item-list-icon span {
  font-size: var(--font-size-4);
}
.item-list.rank .item-list-icon strong {
  font-size: var(--font-size-6);
}

[class*=title] + .item-list {
  margin-top: var(--space-7);
}

.box-col-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.box-col-list li {
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--gray-2);
}
.box-col-list li:hover {
  background-color: #E3F3FF;
  border-color: #006BCE;
  transition: 0.3s;
}
.box-col-list li:hover a {
  text-decoration: none;
}
.box-col-list li .text-wrap {
  display: flex;
  width: 100%;
  padding: var(--space-4) var(--space-16) var(--space-4) var(--space-4);
}
.box-col-list li .text-wrap .icon {
  position: absolute;
  top: 50%;
  right: var(--space-4);
  transform: translateY(-50%);
}

.info-link-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-6);
  margin-top: var(--space-7);
  border: 1px solid var(--border-light);
}
.info-link-box + .info-link-box {
  margin-top: var(--space-2);
}
.info-link-box:hover {
  border-color: var(--border-darken);
}
.info-link-box .text-wrap .title {
  margin: 0 0 var(--space-2);
}
.info-link-box .title {
  margin: 0;
  font-size: var(--font-size-5);
  font-weight: var(--font-weight-bold);
}
.info-link-box .icon {
  margin-left: auto;
}
.info-link-box .button {
  width: 100%;
  margin-left: auto;
  text-align: center;
}

.gray-box {
  display: block;
  padding: var(--space-6) var(--space-4);
  background-color: var(--gray-50);
}
.gray-box.sm {
  padding: var(--space-4);
  font-size: var(--font-size-3);
}
.gray-box + .chart-wrap {
  border: 0;
}

.gray-box-2 {
  display: block;
  padding: var(--space-6) var(--space-4);
  font-size: var(--font-size-5);
  text-align: center;
  background-color: var(--gray-50);
}
.gray-box-2.sm {
  padding: var(--space-4);
  font-size: var(--font-size-3);
}
.gray-box-2 + .chart-wrap {
  border: 0;
}

.line-box {
  display: block;
  padding: var(--space-6);
  border: 1px solid var(--gray-2);
}
.line-box.blue {
  border-top: 4px solid var(--color-primary);
}
.line-box.red {
  border-top: 4px solid var(--color-danger);
}
.line-box.green {
  border-top: 4px solid #00CCA2;
}
.line-box.yellow {
  border-top: 4px solid #FFC208;
}
.line-box.no-moline {
  border-width: 0;
}
.line-box + [class*=title] {
  margin: var(--space-16) 0 var(--space-7);
}
.line-box.diagram .img-list {
  gap: var(--space-10);
  margin: 0;
}
.line-box.diagram .img-wrap .img-title {
  margin: var(--space-4) auto 0;
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-bold);
}
.line-box.diagram .img-wrap img {
  width: 148px;
  aspect-ratio: initial;
  -o-object-fit: initial;
     object-fit: initial;
}
.line-box .box-title {
  margin: 0 auto var(--space-10);
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
  text-align: center;
}

.list-dot.text-primary > li {
  color: var(--color-primary);
}
.list-dot.text-primary > li::before {
  background-color: var(--color-primary);
}
.list-dot > li {
  position: relative;
  padding-left: var(--space-6);
  color: var(--font-basic);
}
.list-dot > li::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: var(--space-1);
  height: var(--space-1);
  background-color: var(--gray-7);
  border-radius: 50%;
}
.list-dot.col2 {
  display: flex;
  flex-wrap: wrap;
}
.list-dot.gap4 {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.list-num > li {
  position: relative;
  padding-left: 27px;
  color: var(--font-basic);
}
.list-num > li .num {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 22px;
  text-align: right;
}
.list-num > li .num.extra {
  top: 0;
  left: 0;
  bottom: inherit;
}
.list-num > li:has(.extra) .num {
  top: var(--space-6);
}
.list-num.agree-cont li {
  margin-bottom: var(--space-5);
}

.list-bar > li {
  position: relative;
  padding-left: var(--space-5);
  color: var(--font-basic);
}
.list-bar > li::before {
  content: "-";
  position: absolute;
  left: var(--space-1);
}

.imp-text > li {
  position: relative;
  padding-left: var(--space-5);
  color: var(--font-basic);
}
.imp-text > li::before {
  content: "※";
  position: absolute;
  left: 0;
}
.imp-text.col2 {
  display: flex;
  flex-wrap: wrap;
}

p.list-dot {
  position: relative;
  padding-left: 27px;
  color: var(--font-basic);
}
p.list-dot::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: var(--space-1);
  height: var(--space-1);
  background-color: var(--gray-7);
  border-radius: 50%;
}

p.imp-text {
  position: relative;
  padding-left: var(--space-5);
  color: var(--font-basic);
}
p.imp-text::before {
  content: "※";
  position: absolute;
  left: 0;
}

li > p.imp-text {
  margin-left: var(--space-4);
}

.search-word-wrap.tag {
  margin: var(--space-16) auto;
  padding: var(--space-10) var(--space-10) var(--space-6);
  background-color: var(--bg-light);
  flex-grow: 1;
}
.search-word-wrap.tag .search-words {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding: var(--space-5) 0 0;
  background-color: var(--bg-light);
  flex-grow: 1;
}
.search-word-wrap.tag .search-words .search-word {
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-3);
  /* height: 32px; */
  border: 1px solid var(--border-light);
  border-radius: var(--radius-9);
  background-color: var(--bg-white);
}
.search-word-wrap.tag .search-words .search-word:hover {
  text-decoration: none;
  border-color: var(--border-darken);
}
@media screen and (max-width: 768px) {
	.search-word-wrap.tag {
		padding: var(--space-4) var(--space-4);
	}
}

.top-summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--space-16) 0 var(--space-10);
  border-bottom: 1px solid var(--border-darken);
}
.top-summary img {
  margin-bottom: var(--space-6);
}
.top-summary .text-wrap .title {
  margin-bottom: var(--space-4);
}

.bg-container {
  margin: var(--space-16) 0;
  padding: var(--space-16) 0;
  background-color: var(--bg-light);
}
.bg-container .container > .section-title {
  margin-top: 0;
}
.bg-container .ltem-list {
  margin-top: var(--space-7);
}

.mo-hide {
  display: none;
}

.pc-hide {
  display: block;
}

.pc-br {
  display: none;
}

.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.font-regular {
  font-weight: var(--font-weight-regular) !important;
}

.font-bold {
  font-weight: var(--font-weight-bold) !important;
}

.fz16 {
  font-size: 16px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.pd0 {
  padding: 0 !important;
}

.no-line {
  border: 0 !important;
}

.text-sub {
  margin-top: var(--space-6);
  color: var(--font-basic);
  font-weight: var(--font-weight-semibold);
}
.text-sub a {
	word-break: break-all;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
}

.content-wrap {
  margin: var(--space-7) auto;
}
.content-wrap h4 {
  margin: 0 auto var(--space-4);
}

.text-flex {
  display: flex;
  flex-direction: column;
}
.text-flex .buttons .button {
  width: -moz-fit-content;
  width: fit-content;
}

.page-visual {
  width: 100%;
  height: 217px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-visual p {max-width: 1250px;}

.page-breadcrumb {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin-bottom: var(--space-6);
  padding-top: var(--space-6);
}
.page-breadcrumb .home {
  margin-left: 0;
  width: 24px;
  height: 24px;
}
.page-breadcrumb .home::before, .page-breadcrumb .home::after {
  content: none;
}
.page-breadcrumb .home a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.page-breadcrumb .home svg {
  width: 100%;
  height: 100%;
}
.page-breadcrumb li {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-left: var(--space-5);
}
.page-breadcrumb li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(var(--space-1) * -1);
  width: 16px;
  height: 16px;
  background: url("../images/common/icon-chevron-right.svg") no-repeat center/contain;
  transform: translate(-100%, -50%);
}
.page-breadcrumb a {
  color: var(--font-darken);
  font-size: var(--font-size-2);
}
.page-breadcrumb .depth1 a {
  width: 24px;
  height: 24px;
  background: url("../images/common/icon-ellipsis.svg") no-repeat center/contain;
  font-size: 0;
}

.page-title {
  margin-top: var(--space-10);
  padding-bottom: var(--space-10);
}
.page-title.type-border {
  border-bottom: 3px solid var(--border-darken);
}
.page-title h2 {
  font-size: var(--font-size-7);
  line-height: var(--heading-line-height);
}
.page-title p {
  margin-top: var(--space-4);
  font-size: var(--font-size-3);
}

.page-bg {
  background-repeat: no-repeat;
}

.section-title {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  margin-top: var(--space-16);
  margin-bottom: var(--space-7);
}
/* .section-title * {word-break: break-all;}*/
.section-title.no-bottom {
  margin-bottom: 0;
}
.section-title.type-more {
  margin-bottom: 0;
}
.section-title.type-more a {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  position: relative;
  margin-left: auto;
}
.section-title.type-more a span {
  display: none;
}
.section-title.type-more a .icon {
  width: 24px;
  height: 24px;
}
.section-title.type-button {
  margin-bottom: 0;
}
.section-title.type-button .button {
  margin-top: var(--space-7);
  width: 100%;
}
.section-title.title-type1 {justify-content: space-between;}
.section-title.title-type1 h3 {width: fit-content;}


.section-title.type-registration {
  margin-bottom: 0;
}
.section-title.type-registration .section-extra {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-7);
  margin-left: auto;
}
.section-title.type-registration .ox {
  margin-right: var(--space-5);
}
.section-title.type-select {
  align-items: center;
}
.section-title.type-select .section-extra {
  margin-left: auto;
}
.section-title h3 {
  flex-shrink: 0;
  position: relative;
  padding-left: calc(var(--space-4) - 2px);
  font-size: var(--font-size-6);
}
.section-title h3::before {
  content: "";
  position: absolute;
  top: calc(var(--space-1) + 3px);
  left: 0;
  width: 6px;
  height: 20px;
  background: url("../images/main/icon-bullet.svg") no-repeat center/contain;
}
.section-title h5 {
  flex-shrink: 0;
  position: relative;
  padding-left: calc(var(--space-4) - 2px);
  font-size: var(--font-size-5);
}
.section-title h5::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  transform: translateY(-50%);
  background: url("../images/main/icon-bullet-sm.svg") no-repeat center/contain;
}
.section-title .text-red {
  order: 3;
  margin-top: var(--space-3);
  width: 100%;
}

.section-text {
  margin-top: var(--space-4);
  color: var(--font-basic);
}

.board-list {
  border-top: 3px solid var(--border-darken);
}
.board-list.no-border {
  border-top: none;
}
.board-list.thin-border {
  margin-top: var(--space-6);
  border-width: 1px;
}
.board-list.board-type1 .board-items {gap: 0;}

.card-item {cursor: pointer;}
.board-result {
  margin: var(--space-7) 0;
  font-size: var(--font-size-5);
  font-weight: var(--font-weight-bold);
}
.board-result .total {
  margin-left: var(--space-1);
  color: var(--font-point);
}

.board-items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
  margin-bottom: var(--space-8);
}
.board-items .card-item-body iframe {
	width: 100% !important;
	height: auto !important;
}
.board-items.no-gap {
  gap: 0;
}
.board-items.no-gap .board-text-item .text-wrap {
  margin-top: 0;
}
.board-items.is-margin-top {
  margin-top: var(--space-6);
}
.board-items a:hover {
  text-decoration: none;
}
.board-items a:hover .title {
  text-decoration: underline;
}

.board-sub-title {
  margin-top: var(--space-6);
}
.board-sub-title + .board-items {
  margin-top: var(--space-4);
}

.board-utility {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-16);
}

.search-box {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
}
.search-box input {
  flex-grow: 1;
}
.search-box button {
  flex-shrink: 0;
  width: 64px;
}
.search-box label {
  display: none;
}
.search-box.mo-sh-box {
	flex-direction: column;
}
.search-box.mo-sh-box input {
	flex:none;
}
.select-box {
  width: 100%;
}
.select-box label {
  display: none;
}

.tabs .board-utility {
  margin-top: var(--space-13);
}

.board-pagination.type-button {
  display: none;
}
.board-pagination.type-input {
  text-align: center;
}
.board-pagination.type-input .pagination-buttons {
  display: inline-flex;
}
.board-pagination.type-input .pagination-input {
  margin-top: var(--space-2);
}
.board-pagination.type-input .pagination-input input {
  width: 65px;
  text-align: center;
}
.board-pagination.type-input .pagination-input .total {
  display: inline-flex;
  position: relative;
  padding-left: var(--space-2);
  /* margin-right: var(--space-2); */
  color: var(--font-basic);
  height: 30px;
  align-items: center;
}
.board-pagination.type-input .pagination-input .total::before {
	display: inline-block;
  content: "/";
  margin-right: 6px;
  /*
  position: absolute;
  top: 10px;
  left: 0;*/
}

.board-detail {
  border-top: 3px solid var(--border-darken);
  overflow: hidden;
}
.board-detail iframe {max-width: 100% !important;}

.board-detail-header {
  padding: var(--space-8) var(--space-4);
  border-bottom: 1px solid var(--border-light);
}
.board-detail-header .badge {
  margin-bottom: var(--space-2);
}
.board-detail-header h3 {
  font-size: var(--font-size-5);
}

.board-detail-utility {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  width: 100%;
  padding: var(--space-3) var(--space-4);
  background-color: var(--bg-light);
  color: var(--font-basic);
}
.board-detail-utility .writer,
.board-detail-utility .avatar-info {
  flex: 1 1 100%;
}
.board-detail-utility .view {
  display: inline-flex;
  gap: var(--space-1);
  align-items: center;
  margin-left: auto;
}

.board-detail-body {
  padding-block: var(--space-8);
  border-bottom: 1px solid var(--border-light);
  /* max-width: 924px; */
  width: 100%;
}
.board-detail-body p {
  color: var(--font-basic);
}
.board-detail-body .video-box {
  margin-top: var(--space-6);
}
.board-detail-body .video-box img {
  max-width: 100%;
}
.board-detail-body > :not(:first-child) {
  margin-top: var(--space-4);
}
.board-detail-body p.date {
  text-align: right;
  padding: var(--space-1) 0;
  border-bottom: 1px solid var(--border-light);
  margin-bottom: var(--space-2);
}

.source-wrap {
  margin-top: var(--space-6);
  color: var(--font-basic);
}
.source-wrap a {
  text-decoration: underline;
}

.link-wrap {
  padding-block: var(--space-4);
  border-bottom: 1px solid var(--border-light);
}
.link-wrap .link-title {
  position: relative;
  color: var(--font-darken);
  font-weight: var(--font-weight-bold);
}
.link-wrap a {
  display: block;
  margin-top: var(--space-2);
  color: var(--font-basic);
  text-decoration: underline;
}
.link-wrap a[download] {
  text-decoration: none;
}

.board-detail-footer {
  margin-top: var(--space-10);
}
.board-detail-footer .button {
  width: 100%;
}

.tabs .board-view {
  margin-top: var(--space-13);
}

.answer-wrap {
  margin-top: var(--space-10);
}
.answer-wrap .answer-title {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: 0;
  font-size: var(--font-size-5);
  font-weight: var(--font-weight-bold);
}
.answer-wrap .answer-title .icon {
  width: 24px;
  height: 24px;
}
.answer-wrap .answer-box {
  margin-top: var(--space-4);
  padding-inline: var(--space-2);
  border: 1px solid var(--border-light);
}
.answer-wrap .answer-box .answer-title {
  padding-block: var(--space-10);
  padding-inline: var(--space-4);
}
.answer-wrap .board-detail-utility .writer {
  flex: 1 1;
}
.answer-wrap .board-detail-body {
  padding-block: var(--space-10);
  padding-inline: var(--space-4);
  border-bottom: none;
}
.answer-wrap .link-wrap {
  padding-inline: var(--space-4);
  border-top: 1px solid var(--border-light);
  border-bottom: none;
}

.board-view {
  width: 100%;
}

.avatar-info {
  display: flex;
  align-items: center;
}
.avatar-info .icon-avatar {
  width: 36px;
  height: 36px;
  background: url("../images/common/icon-avatar.svg") no-repeat center/contain;
  font-size: 0;
  flex:none;
}
.avatar-info span {
  margin-left: var(--space-2);
  color: var(--font-basic);
  flex: 1;
  word-break: break-all;
}

.card-item {
  display: flex;
  flex-direction: column;
  padding: var(--space-6);
  width: 100%;
  border: 1px solid var(--border-light);
  color: var(--font-darken);
  overflow: hidden;
}
.card-item:hover, .card-item:focus {
  border-color: var(--border-darken);
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.12);
  text-decoration: none;
}

.card-item-header {
  margin-bottom: var(--space-6);
}

.card-item-body .badge {
  margin-bottom: var(--space-4);
}
.card-item-body .image-box {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--space-6);
  max-height: 134px;
  height: 134px;
  overflow: hidden;
  border: 1px solid var(--border-light);
}
.card-item-body .image-box img {
  width: 100%;
  height: 100%;
}
.card-item-body p {
  margin-bottom: var(--space-4);
}
.card-item-body .link-wrap {
  margin-bottom: var(--space-6);
  padding: 0;
  border-bottom: 0;
}
.card-item-body .link-wrap .link-title {
  position: relative;
  margin-bottom: 0;
  color: var(--font-darken);
  font-weight: var(--font-weight-bold);
}
.card-item-body .link-wrap .url {
  display: block;
  margin-top: var(--space-1);
  margin-bottom: 0;
  color: var(--font-basic);
}
.card-item-body .simple-link {
  color: var(--font-basic);
  text-decoration: underline;
  word-break: break-all;
}

.card-item-footer {
  margin-top: auto;
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-light);
}
.card-item-footer p {
  font-size: var(--font-size-3);
}
.card-item-footer .block-wrap {
  display: flex;
}
.card-item-footer .view {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}
.card-item-footer .view .icon-view {
  width: 20px;
  height: 20px;
  background: url("../images/common/icon-view.svg") no-repeat center/contain;
  font-size: 0;
}
.card-item-footer .view .number {
  margin-left: var(--space-1);
  color: var(--font-basic);
}

.card-item-title {
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-5);
  font-weight: var(--font-weight-bold);
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.card-item-description {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
div.card-item-description {
  margin-bottom: var(--space-4);
}
.card-image-item {
  margin-top: var(--space-6);
}
.card-image-item:first-of-type {
  margin-top: 0;
}
.card-image-item .image-wrap img {
  width: 100%;
}
.card-image-item .text-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-4);
  min-height: 356px;
  border: 1px solid var(--border-light);
}
.card-image-item .university-name {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.card-image-item .university-name a {display: flex; width: 100%; overflow: hidden;}
.card-image-item .university-name strong {
  font-size: var(--font-size-4);
  flex:none; width: calc(100% - 40px); overflow: hidden;
}
.card-image-item .simbol {
  /* flex-shrink: 0;*/
  display: block;
  flex:none;
  width: 32px;
  height: 32px;
  margin-right: 8px;

}
.card-image-item .simbol img {width: 100%; height: 100%;}
.card-image-item .date-wrap {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-2);
  padding-bottom: var(--space-2);
}
.card-image-item .date {
  color: var(--font-basic);
  font-size: var(--font-size-2);
}
.card-image-item .extra {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}
.card-image-item .certification {
  width: 32px;
  height: 32px;
}
.card-image-item .bookmark {
  width: 32px;
  height: 32px;
  background-image: url("../images/search/icon-bookmark-off.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999rem;
}
.card-image-item .bookmark.active {
  background-image: url("../images/search/icon-bookmark-on.svg");
}
.card-image-item .text-body strong {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin-top: var(--space-6);
}
.card-image-item .text-body strong:first-of-type {
  margin-top: 0;
}
.card-image-item .text-body strong::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.card-image-item .text-body .description {
  margin-top: var(--space-1);
  color: var(--font-basic);
  word-break: break-word;
}
.card-image-item .text-body .division-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: var(--space-1);
  margin-top: var(--space-1);
}
.card-image-item .text-body .division-items p {
  position: relative;
  padding-right: calc(var(--space-4) + 1px);
  color: var(--font-basic);
}
.card-image-item .text-body .division-items p:last-of-type::after {
  content: none;
}
.card-image-item .text-body .division-items p::after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--space-2);
  width: 1px;
  height: 11px;
  background-color: var(--border-light);
  transform: translateY(-50%);
}
.card-image-item .local::before {
  background-image: url("../images/search/icon-local.svg");
}
.card-image-item .public::before {
  background-image: url("../images/search/icon-public.svg");
}
.card-image-item .text-footer .button {
  width: 100%;
  height: 40px;
  font-size: var(--font-size-3);
}

.card-title-item {
  margin-top: var(--space-6);
  border: 1px solid var(--border-light);
}
.card-title-item:first-of-type {
  margin-top: 0;
}
.card-title-item .title-wrap {
  padding: var(--space-6) var(--space-4) var(--space-4);
}
.card-title-item .title-wrap a {display: block;}
.card-title-item .title {
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
}
.card-title-item .major {
  margin-top: var(--space-2);
  color: var(--font-basic);
}
.card-title-item .text-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding: var(--space-4) var(--space-4) var(--space-6);
  background-color: var(--bg-light);
}
.card-title-item .text-header .division-items {
  margin-top: var(--space-2);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--border-light);
}
.card-title-item .university-name {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.card-title-item .university-name strong {
  font-size: var(--font-size-4);
}
.card-title-item .division-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.card-title-item .division-items p {
  position: relative;
  padding-right: calc(var(--space-4) + 1px);
}
.card-title-item .division-items p:last-of-type {
  padding-right: 0;
}
.card-title-item .division-items p:last-of-type::after {
  content: none;
}
.card-title-item .division-items p::after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--space-2);
  width: 1px;
  height: 11px;
  background-color: var(--border-basic);
  transform: translateY(-50%);
}
.card-title-item .local,
.card-title-item .public {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}
.card-title-item .local::before,
.card-title-item .public::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.card-title-item .local {
  margin-left: auto;
}
.card-title-item .local::before {
  background-image: url("../images/search/icon-local.svg");
}
.card-title-item .public::before {
  background-image: url("../images/search/icon-public.svg");
}
.card-title-item .date {
  margin-top: var(--space-1);
  color: var(--font-basic);
  font-size: var(--font-size-2);
  text-align: right;
}
.card-title-item .text-body strong {
  display: inline-block;
  margin-top: var(--space-2);
}
.card-title-item .text-body strong:first-of-type {
  margin-top: 0;
}
.card-title-item .text-body .language {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}
.card-title-item .text-body .language::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("../images/search/icon-language.svg") no-repeat center/contain;
}
.card-title-item .text-body p {
  margin-top: var(--space-1);
  color: var(--font-basic);
}
.card-title-item .text-footer .button {
  width: 100%;
  height: 40px;
  font-size: var(--font-size-3);
}

.trending {
  margin-top: var(--space-16);
}

.trending-title {
  margin-bottom: var(--space-4);
  padding: calc(var(--space-8) - 2px) var(--space-6);
  color: var(--font-white);
  font-size: var(--font-size-6);
  background: url("../images/common/bg-trending-title.svg") no-repeat center/cover;
}

.trending-items {
  padding: 0 var(--space-3);
}
.trending-items a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--border-light);
  color: var(--font-basic);
}
.trending-items a:hover {
  text-decoration: none;
}
.trending-items a:hover .trending-item-title {
  text-decoration: underline;
}
.trending-items a > p {word-break: break-all;}
.trending-items .icon {
  margin-top: var(--space-1);
  margin-left: auto;
}

.trending-item-title {
  margin-bottom: var(--space-3);
  color: var(--font-darken);
  font-weight: var(--font-weight-bold);
}

.recommend {
  display: none;
  padding-top: var(--space-6);
  width: 100%;
  border-top: 1px solid var(--border-darken);
}
.recommend img {
	width: 100% !important; height: 174px !important;
}
.recommend .link-title .icon img {width: 20px !important; height: 20px !important;}
.recommend-title {
  font-size: var(--font-size-6);
  margin-bottom: var(--space-6);
}

.recommend-items {
  display: flex;
  gap: var(--space-6);
}

.basic-items {
  margin-top: var(--space-7);
  border-top: 1px solid var(--border-darken);
}
.basic-items + .board-pagination {
  margin-top: var(--space-7);
}
.basic-items.type-selection {
  margin-top: 0;
  border-top: 0;
}
.basic-items.type-selection .number {
  margin-top: 0;
}
.basic-items.type-selection .title {
  margin-top: 0;
}

.basic-item {
  padding: var(--space-6) var(--space-4);
  border-bottom: 1px solid var(--border-light);
}
.basic-item:hover {
  text-decoration: none;
}
.basic-item:hover .title {
  text-decoration: underline;
}
.basic-item .number {
  margin-bottom: var(--space-6);
  font-size: var(--font-size-4);
}
.basic-item .title-wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

@media screen and (max-width: 1024px) {
	.basic-item .title-wrap{
		flex-direction: column !important;
	}
}
.basic-item .badge + .title {
  margin-top: var(--space-2);
}
.basic-item .title {
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-4);
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.basic-item .note {
  margin-top: var(--space-2);
  width: 100%;
  font-weight: var(--font-weight-medium);
}
.basic-item .major-wrap {
  display: flex;
  margin-top: var(--space-4);
}
.basic-item .major {
  flex-shrink: 0;
  position: relative;
  margin-right: calc(var(--space-4) + 1px);
  font-weight: var(--font-weight-bold);
}
.basic-item .major::after {
  content: "";
  position: absolute;
  top: calc(var(--space-2) - 2px);
  right: calc((var(--space-2) + 1px) * -1);
  width: 1px;
  height: 12px;
  background-color: var(--border-basic);
}
.basic-item .item-buttons {
  display: flex;
  flex-direction: column;
}
.basic-item .item-buttons .button {
  min-width: 0;
  min-height: 40px;
  font-size: var(--space-3);
}
.basic-item .button {
  margin-top: var(--space-3);
  width: 100%;
}
.basic-item .button.is-continue {
  border-color: var(--color-primary);
  background-color: #f3faff;
  color: var(--font-point);
}
.basic-item .button.is-continue:hover, .basic-item .button.is-continue:focus {
  background-color: var(--blue-50);
}
.basic-item .button.is-continue:active, .basic-item .button.is-continue.active {
  background-color: var(--blue-1);
}
.basic-item .division-items {
  display: flex;
  align-items: center;
  margin-top: var(--space-2);
  min-width: 152px;
}
.basic-item .division-items p {
  position: relative;
  margin-left: calc(var(--space-4) + 1px);
}
.basic-item .division-items p:first-of-type {
  margin-left: 0;
}
.basic-item .division-items p:first-of-type::before {
  content: none;
}
.basic-item .division-items p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc((var(--space-2) + 1px) * -1);
  width: 1px;
  height: 12px;
  background-color: var(--border-basic);
  transform: translateY(-50%);
}
.basic-item .division-items strong {
  position: relative;
  margin-right: calc(var(--space-4) + 1px);
}
.basic-item .division-items strong::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc((var(--space-2) + 1px) * -1);
  width: 1px;
  height: 12px;
  background-color: var(--border-basic);
  transform: translateY(-50%);
}
.basic-item .description {
  display: -webkit-box;
  overflow: hidden;
  margin-top: var(--space-2);
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.basic-item .ox {
  margin-top: var(--space-3);
}

.status {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.status .state {
  flex: 1 1;
}

.state {
  position: relative;
  margin-top: var(--space-6);
  padding-left: var(--space-7);
}
.state::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.state + .division-items {
  margin-left: 0;
}
.state.write {
  color: var(--font-point);
}
.state.write::before {
  background-image: url("../images/my/icon-write.svg");
}
.state.live {
  color: var(--font-point);
}
.state.live::before {
  background-image: url("../images/my/icon-live.svg");
}
.state.complete-writing::before {
  background-image: url("../images/my/icon-check.svg");
}
.state.participate::before {
  background-image: url("../images/my/icon-check.svg");
}
.state.approval::before {
  background-image: url("../images/my/icon-check.svg");
}
.state.waiting-approval {
  color: var(--font-light);
}
.state.waiting-approval::before {
  background-image: url("../images/my/icon-sandglass.svg");
}
.state.online::before {
  background-image: url("../images/my/icon-online.svg");
}
.state.entrance-application::before {
  background-image: url("../images/my/icon-entrance.svg");
}
.state.waiting-reception::before {
  background-image: url("../images/my/icon-sandglass-disabled.svg");
}
.state.answer-completed::before {
  background-image: url("../images/my/icon-bubble.svg");
}
.state.receipt::before {
  background-image: url("../images/my/icon-check.svg");
}
.state.unpassed::before {
  background-image: url("../images/my/icon-unpassed.svg");
}
.state.passed {
  color: var(--font-point);
}
.state.passed::before {
  background-image: url("../images/my/icon-passed.svg");
}
.state.cancel::before {
  background-image: url("../images/my/icon-cancel.svg");
}
.state.done::before {
  background-image: url("../images/my/icon-done.svg");
}
.state.result::before {
  background-image: url("../images/my/icon-result.svg");
}

.abroad-wrap:last-child .abroad-contents {
  border-bottom: 1px solid var(--border-light);
}
.abroad-wrap [abroad-contents] {
  display: none;
}
.abroad-wrap .button {
  min-height: 40px;
  padding-inline: var(--space-3);
  font-size: var(--font-size-3);
}
.abroad-wrap .title-wrap .title {
  margin-top: var(--space-4);
}
.abroad-wrap .badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.abroad-wrap .badges p {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.abroad-wrap .fractions {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--space-4);
  gap: var(--space-4) var(--space-5);
}
.abroad-wrap .fractions .division-items {
  min-width: unset;
  margin-top: 0;
}
.abroad-wrap .fractions .note {
  width: 100%;
  margin-top: 0;
}
.abroad-wrap .actions-box {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-light);
}
.abroad-wrap .actions-box .state {
  margin-top: 0;
}
.abroad-wrap .actions-box .actions .button.active {
  background-color: var(--bg-lighten);
}
.abroad-wrap .abroad-contents {
  padding: var(--space-6) var(--space-4);
  background-color: var(--bg-light);
}
.abroad-wrap .abroad-contents .title {
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
}
.abroad-wrap .abroad-contents-header {
  display: flex;
  align-items: center;
}
.abroad-wrap .abroad-contents-header .icon-button {
  margin-left: auto;
  color: var(--font-darken);
}
.abroad-wrap .abroad-contents-body {
  margin-top: var(--space-3);
}
.abroad-wrap .abroad-contents-body .form-block .buttons {
  flex-direction: column;
}
.abroad-wrap .abroad-contents-body .request-lists {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.abroad-wrap .abroad-contents-body .request-lists li {
  padding: var(--space-6) var(--space-4);
  background-color: var(--bg-white);
}
.abroad-wrap .abroad-contents-body .request-lists li .state {
  font-weight: var(--font-weight-bold);
}
.abroad-wrap .abroad-contents-body .request-lists li .request-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-top: var(--space-2);
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-light);
}
.abroad-wrap .abroad-contents-body .request-lists li .request-info .desc {
  margin-top: var(--space-4);
}
.abroad-wrap .abroad-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  margin-top: var(--space-3);
}
.abroad-wrap .abroad-pagination .page-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background-color: var(--bg-white);
  border-radius: var(--radius-1);
}
.abroad-wrap .abroad-pagination .page-button:hover {
  color: var(--font-darken);
}
.abroad-wrap .abroad-pagination .page-button.page-prev {
  padding-left: var(--space-1);
  padding-right: var(--space-2);
}
.abroad-wrap .abroad-pagination .page-button.page-next {
  padding-left: var(--space-2);
  padding-right: var(--space-1);
}

.no-data {
  position: relative;
  padding: var(--space-4);
  width: 100%;
  font-size: var(--space-4);
  font-weight: var(--font-weight-bold);
  text-align: center;
}
.no-data::before {
  content: "";
  display: block;
  margin: 0 auto var(--space-6);
  width: 160px;
  height: 160px;
  background: url("../images/common/icon-no-data.svg") no-repeat center/contain;
}

.search-items {
  border-top: 1px solid var(--border-darken);
}

.search-item {
  padding: var(--space-6) 0;
}
.search-item:hover {
  text-decoration: none;
}
.search-item:hover .title {
  text-decoration: underline;
}
.search-item .title {
  font-size: var(--font-size-4);
}
.search-item .description {
  display: -webkit-box;
  overflow: hidden;
  margin-top: var(--space-4);
  color: var(--font-basic);
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.search-item .date {
  margin-top: var(--space-4);
  color: var(--font-basic);
}

.board-text-item {
  width: 100%;
  padding: var(--space-6) var(--space-4);
  border-bottom: 1px solid var(--border-light);
}
.board-text-item:hover {
  text-decoration: none;
  background-color: #f1faff;
}
.board-text-item:hover .title-box .title {
  text-decoration: underline;
}
.board-text-item .num {
  display: inline-flex;
  align-items: center;
  /* justify-content: center; */
  min-width: 60px;
  font-size: var(--font-size-4);
}
.board-text-item .text-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  margin-top: var(--space-6);
}
.board-text-item .title-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
}
.board-text-item .title {
  display: flex;
  gap: var(--space-2);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.board-text-item .status {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.board-text-item .status .state {
  flex: 1 1;
}
.board-text-item .state {
  position: relative;
  margin-top: var(--space-6);
  padding-left: var(--space-7);
}
.board-text-item .state::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.board-text-item .state.write {
  color: var(--font-point);
}
.board-text-item .state.write::before {
  background-image: url("../images/my/icon-write.svg");
}
.board-text-item .state.live {
  color: var(--font-point);
}
.board-text-item .state.live::before {
  background-image: url("../images/my/icon-live.svg");
}
.board-text-item .state.complete-writing::before {
  background-image: url("../images/my/icon-check.svg");
}
.board-text-item .state.participate::before {
  background-image: url("../images/my/icon-check.svg");
}
.board-text-item .state.approval::before {
  background-image: url("../images/my/icon-check.svg");
}
.board-text-item .state.waiting-approval {
  color: var(--font-light);
}
.board-text-item .state.waiting-approval::before {
  background-image: url("../images/my/icon-sandglass.svg");
}
.board-text-item .state.online::before {
  background-image: url("../images/my/icon-online.svg");
}
.board-text-item .state.entrance-application::before {
  background-image: url("../images/my/icon-entrance.svg");
}
.board-text-item .state.waiting-reception::before {
  background-image: url("../images/my/icon-sandglass-disabled.svg");
}
.board-text-item .state.answer-completed::before {
  background-image: url("../images/my/icon-bubble.svg");
}
.board-text-item .state.receipt::before {
  background-image: url("../images/my/icon-check.svg");
}
.board-text-item .state.unpassed::before {
  background-image: url("../images/my/icon-unpassed.svg");
}
.board-text-item .state.passed {
  color: var(--font-point);
}
.board-text-item .state.passed::before {
  background-image: url("../images/my/icon-passed.svg");
}
.board-text-item .state.cancel::before {
  background-image: url("../images/my/icon-cancel.svg");
}
.board-text-item .state.done::before {
  background-image: url("../images/my/icon-done.svg");
}
.board-text-item .state.result::before {
  background-image: url("../images/my/icon-result.svg");
}
.board-text-item .info-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  width: 100%;
  color: var(--font-basic);
}
.board-text-item .writer {
  flex: 1 1 100%;
}
.board-text-item .view {
  display: inline-flex;
  gap: var(--space-1);
  align-items: center;
  margin-left: auto;
}
.board-text-item .divider-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.board-text-item .divider-group li {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.board-text-item .divider-group .desc {
  color: var(--font-basic);
}
.board-text-item .divider-dates {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.board-text-item .divider-dates li {
  display: flex;
  gap: var(--space-2);
}
.board-text-item .divider-dates .title {
  position: relative;
  padding-right: var(--space-2);
}
.board-text-item .divider-dates .title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(50%);
  width: 1px;
  height: 12px;
  background-color: var(--border-light);
}
.board-text-item .divider-dates .desc {
  color: var(--font-basic);
}
.board-text-item + .private-box {
  display: none;
  position: relative;
  width: 100%;
  padding: var(--space-6) var(--space-4);
  border-bottom: 1px solid var(--border-light);
  background-color: var(--bg-light);
}
.board-text-item + .private-box [close-btn] {
  position: absolute;
  top: var(--space-6);
  right: var(--space-4);
  width: 20px;
  height: 20px;
  color: var(--font-darken);
}
.board-text-item + .private-box .title {
  margin-bottom: var(--space-3);
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
}
.board-text-item + .private-box .message-wrap {
  min-height: auto;
}
.board-text-item + .private-box .form-block {
  flex-direction: column;
}
.board-text-item + .private-box .form-block input {
  width: 100%;
  height: 40px;
}
.board-text-item + .private-box .form-block .button {
  width: 100%;
  min-height: 40px;
  background-color: var(--bg-white);
}

.step-view {
  width: 100%;
}
.step-view .step-list-wrap {
  margin-top: var(--space-16);
}
.step-view .step-list .buttons {
  flex-direction: column;
  margin-top: var(--space-6);
}
.step-view .step-list .buttons .button {
  width: 100%;
}
.step-view .step-title {
  padding: var(--space-6);
  background: var(--dark-blue-indicator) url("../images/online/bg-step-title.svg") no-repeat top right;
}
.step-view .step-title strong {
  display: block;
  font-size: var(--font-size-5);
  color: var(--font-white);
}
.step-view .step-title strong:first-child {
  color: var(--blue-3);
}
.step-view .step-detail {
  margin-top: var(--space-16);
}
.step-view .step-detail .section-title {
  margin: 0 0 var(--space-6);
}
.step-view .step-detail * + .section-title {
  margin: var(--space-10) 0 var(--space-6);
}
.step-view .step-detail .content-wrap {
  margin: 0 0 var(--space-7);
}
.step-view .step-detail .section-title + .content-wrap {
  padding-top: var(--space-6);
  border-top: 1px solid var(--border-darken);
}
.step-view.step-online .step-detail {margin-top: 40px;}
.step-view.step-online .content-title > img {width: 180px; margin-bottom: 12px;}
.step-view.step-online.type1 .section-title h5 {width: 100%;}

.step-detail .section-title h3 {flex:1;}
.step-detail .section-title .ox-group {flex:none;}
.step-detail .section-title > p {flex:none; width: 100%;}
.step-detail select,
.step-detail .select2-container {width: 100% !important;}
/* .form-flex1 .form-block {flex:1;}
.form-flex1 .form-block input {flex:1; width: 100%;} */

.online-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.online-list .list-item {
  border: 1px solid var(--border-light);
}
.online-list .list-item:hover, .online-list .list-item:focus {
  border-color: var(--border-darken);
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.12);
}
.online-list .list-item > a {
  display: block;
  padding: var(--space-6) var(--space-4);
  text-decoration: none;
}
.online-list .list-item .uni-img {
  width: 180px;
  height: auto;
  object-fit: cover;
}
.online-list .list-item .text-wrap {
  margin-top: var(--space-6);
}
.online-list .list-item .status {flex:none; width: 120px; max-width: 120px;}
.online-list .list-item .text-wrap .title {
  font-size: var(--font-size-4);
}
.online-list .list-item .text-wrap .date,
.online-list .list-item .text-wrap .uni {
  font-size: var(--font-size-3);
}
.online-list .list-item .text-wrap .tag {
  margin-top: var(--space-6);
}
.online-list .list-item .text-wrap .tag .badge:not(:last-child) {
  margin-right: var(--space-2);
}
.online-list .list-item .status span {
  position: relative;
  padding-left: var(--space-6);
}
.online-list .list-item .status span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--space-5);
  height: var(--space-5);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.online-list .list-item .status span.live {
  color: var(--color-primary);
}
.online-list .list-item .status span.live::before {
  background-image: url("../images/my/icon-live.svg");
}

.step-list {
  margin-top: var(--space-6);
}
.step-list li p {
  width: 100%;
  padding: var(--space-3) var(--space-2) var(--space-3) var(--space-4);
  color: var(--font-basic);
  font-size: var(--font-size-4);
  border-bottom: 1px solid var(--border-light);
}
.step-list li.step-1depth-item .step-2depth {
  border-top: 1px solid var(--dark-blue-1);
}
.step-list li.step-2depth-item > p,
.step-list li.step-2depth-item .list-dot {
  color: var(--font-light);
  background-color: var(--bg-light);
}
.step-list li[class*=depth-item].done > p {
  position: relative;
  color: var(--dark-blue-9);
  font-weight: var(--font-weight-bold);
}
.step-list li[class*=depth-item].done > p::after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--space-2);
  width: var(--space-6);
  height: var(--space-6);
  transform: translateY(-50%);
  background-image: url("../images/my/icon-check.svg");
}
.step-list li.step-1depth-item.done {
  background-color: var(--dark-blue-50);
}
.step-list .list-dot {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-4);
}
.step-list .list-dot li {
  border-bottom: 0;
}
.step-list .list-dot li.done {
  color: var(--dark-blue-9);
  font-weight: var(--font-weight-bold);
}
.step-list .list-dot li.done::before {
  width: 5px;
  height: 5px;
  background-color: var(--dark-blue-9);
}

.step-detail .board-utility .search-box {
  display: flex;
  flex-direction: column;
}
.step-detail .board-utility .search-box * {
  width: 100%;
}
.step-detail .content-wrap > * {
  margin-bottom: var(--space-4);
}
.step-detail .agree-box {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-top: var(--space-7);
  padding: var(--space-4);
  border: 1px solid var(--border-light);
}
.step-detail .agree-box .ox-group {
  margin-top: var(--space-2);
}
.step-detail .agree-box .gray-box-2 {
  margin-top: var(--space-2);
  padding: var(--space-4);
  text-align: left;
  font-size: var(--space-4);
}
.step-detail .agree-box .gray-box-2 ul {
  font-size: 14px;
}
.step-detail .agree-check.row-type {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: var(--space-4);
}
.step-detail .agree-check.row-type .ox-group {
  margin: 0;
}
.step-detail .registration {
  max-width: 800px;
}
.step-detail .registration li .title {
  margin-bottom: var(--space-3);
}
.step-detail .registration li:has(.file-upload) {
  margin-bottom: var(--space-8);
}
.step-detail .content-title .button-wrap {
  display: flex;
  justify-content: flex-end;
}
.step-detail .content-title .button-wrap .button {
  flex: 1 1 auto;
}
.step-detail .content-line {
  padding: var(--space-4) var(--space-4) var(--space-6);
  border: 1px solid var(--border-light);
  border-width: 1px 0;
}
.step-detail .line-box {
  padding: var(--space-4);
}

.content-wrap > .content-title {
  padding: 0 var(--space-4) var(--space-6);
}

.step-view.scholarship .step-title {
  background: var(--blue-indicator) url("../images/scholarship/bg-step-scholarship-title.svg") no-repeat top right;
}
.step-view.scholarship .step-title strong:first-child {
  color: var(--blue-1);
}
.step-view.scholarship .step-list li.step-1depth-item.done {
  background-color: var(--blue-50);
}
.step-view.scholarship .step-list li[class*=depth-item].done > p {
  color: var(--blue-indicator);
  border-color: var(--blue-1);
}
.step-view.scholarship .step-list li[class*=depth-item].done > p::after {
  background-image: url("../images/scholarship/icon-check-blue.svg");
}
.step-view.scholarship .step-detail .content-wrap + .section-title {
  margin-top: var(--space-16);
}

.modal {
  max-width: 90vw;
  padding-block: var(--space-6);
}
.modal.size-xs {
  max-width: 300px;
}
.modal.size-md, .modal.size-lg {
  width: calc(100% - var(--space-10));
}
.modal.in-chatbot {
  max-width: 90vw;
  padding-block: var(--space-6);
}
.modal.in-chatbot .close-button {
  right: var(--space-4);
}
.modal.in-chatbot .modal-header {
  padding-inline: var(--space-4);
}
.modal.in-chatbot .modal-body {
  margin-top: var(--space-4);
  padding-inline: var(--space-4);
}
.modal.in-chatbot .modal-footer {
  margin-top: var(--space-4);
  padding-inline: var(--space-4);
}
.modal.in-chatbot .modal-footer .button {
  min-height: 40px;
  padding-inline: var(--space-3);
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-medium);
}
.modal.in-chatbot .terms-box {
  height: 96px;
}
.modal.in-chatbot .registration {
  margin-top: var(--space-4);
}
.modal.in-chatbot .registration > li {
  gap: var(--space-2);
}
.modal.in-chatbot .registration > li + li {
  margin-top: var(--space-4);
}
.modal.in-chatbot .form-field, .modal.in-chatbot .registration > li {
  gap: var(--space-2);
}
.modal.in-chatbot .form-field + .form-field, .modal.in-chatbot .registration > li + .form-field, .modal.in-chatbot .registration > .form-field + li, .modal.in-chatbot .registration > li + li {
  margin-top: var(--space-4);
}
.modal.in-chatbot .history-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.modal.in-chatbot .history-list li {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-4);
  border-radius: var(--space-4) var(--space-4) var(--space-3) var(--space-3);
}
.modal.in-chatbot .history-list li.counselor {
  border-top-left-radius: 0;
  background-color: var(--bg-dark-blue-50);
}
.modal.in-chatbot .history-list li.customer {
  border-top-right-radius: 0;
  background-color: var(--bg-light-blue);
  text-align: right;
}
.modal.in-chatbot .history-list li p {
  margin: 0;
  color: var(--font-darken);
}
.modal.in-chatbot .history-list li .title {
  font-weight: var(--font-weight-bold);
}
.modal.rating {
  padding-block: 0;
  padding-bottom: var(--space-6);
}
.modal.rating .modal-header {
  height: 60px;
  padding: var(--space-3) var(--space-4);
  background: var(--color-secondary) url("../images/common/bg-ai-chat.svg") no-repeat top right var(--space-8)/auto 100%;
  display: flex;
  align-items: center;
}
.modal.rating .modal-header h4 {
  color: var(--font-white);
  margin-bottom: 0;
}
.modal.rating .modal-header .icon-button {
  margin-left: auto;
  color: var(--font-white);
}
.modal.rating .modal-body {
  margin-top: 0;
  padding-inline: var(--space-4);
  padding-top: var(--space-6);
  text-align: center;
  overflow-y: visible;
}
.modal.rating .modal-body .title {
  margin-top: 0;
  font-weight: var(--font-weight-bold);
  color: var(--font-darken);
}
.modal.rating .modal-footer {
  margin-top: var(--space-10);
  padding-inline: var(--space-4);
}
.modal.rating .modal-footer .button {
  min-height: 40px;
  padding-inline: var(--space-3);
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-medium);
}
.modal.image-slider-modal {
  padding: var(--space-4);
}
.modal.image-slider-modal .image-slider-wrapper {
  max-height: 590px;
}
.modal.image-slider-modal .close-button {
  top: var(--space-7);
  right: var(--space-7);
  color: var(--font-white);
  z-index: 10;
  background: #000;
}

.modal .section-title {
  margin-bottom: var(--space-6);
  color: var(--font-darken);
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
}
.modal .close-button {
  position: absolute;
  top: 0;
  right: var(--space-4);
  width: 20px;
  height: 20px;
}
.modal .close-button svg {
  width: 100%;
  height: 100%;
}
.modal .form-field, .modal .registration > li {
  gap: var(--space-5);
}
.modal .message-wrap {
  min-height: 81px;
}
.modal .answer-box .board-detail-body p {
  margin-top: 0;
}
.modal .video.youtube {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.modal .video.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-header {
  position: relative;
  padding: 0 var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--border-darken);
}
.modal-header .title {
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
  line-height: 1.3;
}

.modal-body {
  margin-top: var(--space-4);
  max-height: 70vh;
  overflow-y: auto;
  padding-inline: var(--space-4);
}
.modal-body p {
  margin-top: var(--space-4);
  color: var(--font-basic);
}

.modal-footer {
  margin-top: var(--space-4);
  padding-inline: var(--space-5);
}

.modal-buttons {
  display: flex;
  justify-content: end;
  gap: 8px;
}

.slides {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.swiper-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
}

.swiper-slide {
  flex-shrink: 0;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  transition-property: transform;
}
.swiper-slide:hover,
.swiper-slide:hover .number,
.swiper-slide:hover .description,
.swiper-slide:hover .image-wrap p {
  text-decoration: none;
}
.swiper-slide:hover h3,
.swiper-slide:hover p {
  text-decoration: underline;
}

.controller {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
.controller.type-darken .swiper-pagination {
  border-radius: var(--radius-9);
  background-color: rgba(0, 0, 0, 0.68);
}
.controller.type-darken .swiper-pagination-bullet {
  background-color: var(--font-disabled);
}
.controller.type-darken .swiper-pagination-bullet-active {
  background-color: var(--blue-3);
}
.controller.type-darken .swiper-pagination-fraction {
  color: var(--font-disabled);
}
.controller.type-darken .swiper-pagination-current {
  color: var(--blue-3);
}
.controller .swiper-pagination {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-4);
}
.controller .swiper-pagination-bullet {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--gray-5);
  cursor: pointer;
}
.controller .swiper-pagination-bullet-active {
  width: 20px;
  border-radius: var(--radius-9);
  background-color: var(--bg-primary);
}
.controller .swiper-pagination-fraction {
  gap: var(--space-1);
  padding-top: 0;
  padding-bottom: 0;
}
.controller .swiper-pagination-fraction span {
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
}
.controller .swiper-pagination-current {
  color: var(--font-point);
}
.controller .controls {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
.controller .slider-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--border-light);
  border-radius: 50%;
  background-color: var(--bg-white);
  color: var(--font-darken);
}
.controller .slider-button svg {
  width: 24px;
  height: 24px;
}
.controller .slider-button:hover, .controller .slider-button:focus {
  border-color: transparent;
  background-color: var(--blue-50);
}
.controller .slider-button:active,
.controller .slider-button .active {
  border-color: transparent;
  background-color: var(--bg-primary-active);
  color: var(--font-white);
}
.controller .swiper-button-disabled {
  border-color: transparent;
  background-color: var(--bg-disabled);
  color: var(--font-disabled);
  pointer-events: none;
}

.visual-slider .swiper-slide {
  position: relative;
}
.visual-slider .slider-text {
  position: absolute;
  bottom: var(--space-20);
  left: 50%;
  padding: 0 var(--space-6);
  width: 100%;
  color: var(--font-white);
  transform: translateX(-50%);
}
.visual-slider .slider-text h2 {
  font-size: var(--font-size-9);
  line-height: 1.2;
  letter-spacing: 1px;
}
.visual-slider .slider-text p {
  margin-top: var(--space-15);
  font-size: var(--font-size-6);
  font-weight: var(--font-weight-bold);
}

.grid-slider {
  margin-top: var(--space-16);
}
.grid-slider .swiper-slide {
  display: inline-flex;
  flex-direction: column;
  padding: var(--space-6);
  min-height: 330px;
  background-color: var(--bg-white);
}
.grid-slider .swiper-slide > a {
  display: inline-flex;
  flex-direction: column;
  height: 100%;
}
.grid-slider .swiper-slide .number {
  margin-bottom: var(--space-6);
  color: var(--font-point);
  font-size: var(--font-size-10);
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}
.grid-slider .swiper-slide h3 {
  margin-bottom: var(--space-6);
  font-size: var(--font-size-5);
}
.grid-slider .swiper-slide .description {
  margin-bottom: var(--space-6);
  color: var(--font-basic);
  /* word-break: break-all;*/
}
.grid-slider .swiper-slide .icon {
  margin-top: auto;
  margin-left: auto;
}
.grid-slider .swiper-slide:hover * {
  text-decoration: none;
}
.grid-slider .controller {
  display: flex;
  justify-content: center;
  margin-top: var(--space-2);
}
.grid-slider .controller .swiper-pagination-bullet {
  background-color: var(--gray-4);
}
.grid-slider .controller .swiper-pagination-bullet-active {
  background-color: var(--blue-3);
}
.simple-slider .swiper-wrapper {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}
.simple-slider .swiper-slide {
  text-align: center;
}
.simple-slider .swiper-slide p {
  margin-top: var(--space-2);
  font-weight: var(--font-weight-bold);
}
.simple-slider .controller {
  display: flex;
  justify-content: center;
}
.simple-slider .controls {
  display: none;
}
.slider-title-box {width: 100%; display: flex; justify-content: flex-start; align-items: center; margin-top: var(--space-20); margin-bottom: var(--space-7);}
.slider-title-box .section-title {margin: 0px; gap: 0; margin-right: 20px;}

.card-slider {
  padding-bottom: var(--space-6);
  border: 1px solid var(--border-light);
}
.card-slider .image-wrap {
  position: relative;
}
.card-slider .image-wrap .logo {
  position: absolute;
  top: var(--space-4);
  left: var(--space-4);
  width: 326px;
  height: 37px;
}
.card-slider .image-wrap .title {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  color: var(--font-white);
  font-size: var(--font-size-6);
  font-weight: var(--font-weight-bold);
  text-align: center;
  transform: translateY(-80%);
}
.card-slider .image-wrap .title span {
  color: var(--color-warning);
}
.card-slider .text-wrap {
  padding: var(--space-9) var(--space-4) 0;
  text-align: center;
}
.card-slider .text-wrap .badge {
  margin-bottom: var(--space-9);
}
.card-slider .text-wrap h3 {
  font-size: var(--font-size-5);
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
}
.card-slider .text-wrap p {
  margin-top: var(--space-3);
  color: var(--font-basic);
}
.card-slider .controller {
  display: flex;
  justify-content: center;
  margin-top: var(--space-9);
}
.card-slider.nodata h3 {
  margin-bottom: var(--space-9);
}

.university-slider {
  border-top: 3px solid var(--border-darken);
  padding-top: var(--space-6);
  margin-bottom: var(--space-7);
}
.university-slider .swiper-slide {
  padding-bottom: var(--space-3);
}
.university-slider .swiper-slide .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 90px;
  height: 90px;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-1);
}
.university-slider .swiper-slide .logo img {width: 80px; height: 80px;}
.university-slider .swiper-slide p {
  display: -webkit-box;
  overflow: hidden;
  margin: var(--space-5) auto 0;
  width: 90px;
  font-size: var(--font-size-2);
  text-align: center;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.university-slider .controller {
  display: flex;
  justify-content: end;
  margin-top: var(--space-6);
}
.university-slider .swiper-pagination {
  display: none;
}

.images-card-slider .swiper-slide {
  border: 1px solid var(--border-light);
  background-color: var(--bg-white);
}
.images-card-slider .image-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--space-6);
  min-height: 100px;
}
.images-card-slider .text-wrap {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  padding: var(--space-4);
  min-height: 92px;
  border-top: 1px solid var(--border-light);
}
.images-card-slider .text-wrap .icon {
  margin-left: auto;
}
.images-card-slider h3 {
  font-size: var(--font-size-5);
  /* word-break: break-all;*/
}
.images-card-slider .controller {
  display: flex;
  justify-content: center;
  margin-top: var(--space-4);
}
.images-card-slider .controls {
  display: none;
}

.sns-slider {
  margin-top: var(--space-5);
}
.sns-slider .sort-buttons {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-5);
}
.sns-slider .sort-buttons button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--space-4);
  height: 40px;
  color: var(--font-basic);
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
}
.sns-slider .sort-buttons button.active {
  color: var(--color-primary);
}
.sns-slider .sort-buttons .of {
  color: var(--border-basic);
}
.sns-slider .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding: var(--space-6);
  border: 1px solid var(--border-light);
  background-color: var(--bg-white);
  min-height: 605px;
}
.sns-slider .image-wrap {
  width: 100%;
  height: 280px;
}
.sns-slider .image-wrap img {
  width: 100%;
  height: 100%;
}
.sns-slider .country {
  color: var(--font-point);
  font-size: var(--font-size-2);
}
.sns-slider h3, .sns-slider .description {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
.sns-slider h3 {
  margin-top: var(--space-6);
  font-size: var(--font-size-5);
  -webkit-line-clamp: 2;
}
.sns-slider .description {
  margin-top: var(--space-4);
  color: var(--font-basic);
  -webkit-line-clamp: 3;
}
.sns-slider .link {
  display: -webkit-box;
  overflow: hidden;
  color: var(--font-basic);
  text-decoration: underline;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: auto;
}
.sns-slider .post-detail {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  padding-top: var(--space-6);
  border-top: 1px solid var(--border-light);
  margin-top: auto;
}
.sns-slider .post-detail span {
  color: var(--font-basic);
}
.sns-slider .post-detail img {
  width: 20px;
  height: 20px;
}
.sns-slider .post-detail .view {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin-left: auto;
}
.sns-slider:has(.post-detail) .swiper-slide {
  min-height: 487px;
}
.sns-slider:has(.post-detail) .image-wrap {
  width: 100%;
  height: 133px;
}
.sns-slider:has(.post-detail) .image-wrap img {
  width: 100%;
  height: 100%;
}
.sns-slider:has(.post-detail) h3 {
  margin-top: 0;
  -webkit-line-clamp: 3;
}
.sns-slider:has(.post-detail) .description {
  -webkit-line-clamp: 2;
}
.sns-slider .controller {
  display: flex;
  justify-content: center;
  margin-top: var(--space-5);
}
.sns-slider .controls {
  display: none;
}

.booth-promotion-slider {
  margin-top: var(--space-6);
}
.booth-promotion-slider + .booth-promotion-slider {
  margin-top: var(--space-10);
}
.booth-promotion-slider .swiper-slide {
  border: 1px solid var(--border-light);
  background-color: var(--bg-white);
}
.booth-promotion-slider .video-box {
  position: relative;
  width: 100%;
  height: 0;
  margin-top: var(--space-6);
  padding-bottom: 56.25%;
}
.booth-promotion-slider .video-box:first-of-type {
  margin-top: 0;
}
.booth-promotion-slider .video-box iframe,
.booth-promotion-slider .video-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.booth-promotion-slider .image-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--space-6);
}
.booth-promotion-slider .controller {
  display: flex;
  justify-content: center;
  margin-top: var(--space-4);
}
.booth-promotion-slider .controller .swiper-pagination-bullet {
  background-color: var(--bg-lighten);
}
.booth-promotion-slider .controller .swiper-pagination-bullet-active {
  background-color: var(--school-theme-secondary);
}
.booth-promotion-slider .controls {
  display: none;
}

.thumbnails-slider .thumbnails .title {
  display: none;
}
.thumbnails-slider .thumbs-slides {
  display: none;
}
.thumbnails-slider .controller {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-6);
}

.image-slider {
  display: flex;
  flex-direction: column;
}
.image-slider .swiper-wrapper {
  max-height: 440px;
}
.image-slider .swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-darken);
  overflow: hidden;
}
.image-slider .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
}
.image-slider .text-wrap h3 {
  font-size: var(--font-size-4);
}
.image-slider .controller-box {
  margin-top: var(--space-4);
}
.image-slider .controller {
  display: flex;
  justify-content: center;
  margin-top: var(--space-2);
}

.registration.outlined {
  margin-top: var(--space-4);
}
.registration > li + li {
  margin-top: var(--space-7);
}
.registration small {
  display: block;
  margin-top: var(--space-1);
  font-weight: 400;
  font-size: var(--font-size-2);
}
.registration .ox-group {
  display: flex;
  gap: var(--space-4) var(--space-7);
}
.registration .title {
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
}
.registration .desc {
  margin-bottom: var(--space-3);
  color: var(--font-basic);
}

.form-field, .registration > li {
  display: flex;
  flex-direction: column;
  gap: 0 var(--space-2);
  min-width: 1px;
}
.registration.reg-type1 > li {
  gap: var(--space-1);
}
.registration.reg-type1 .message-wrap {
  min-height: auto;
}
.registration.reg-type1 .message {
  display: none;
  width: 100%;
  position: relative;
  top: 0;
}
.registration.reg-type1 .is-error .message {
  display: block;
  color: var(--font-error);
}
.registration.reg-type1 .is-error .hint {
  display: none;
}
.form-field > label, .registration > li > label,
.form-field .title,
.registration > li .title {
  display: inline-block;
  margin-bottom: var(--space-1);
}
.form-field.is-error .message, .registration > li.is-error .message {
  display: block;
  color: var(--font-error);
  width: 100%;
}
.form-field.is-success .message, .registration > li.is-success .message {
  display: block;
  color: var(--color-primary);
  width: 100%;
}
.form-field.required > .title, .registration > li.required > .title {
  position: relative;
}
.form-field.required > .title::before, .registration > li.required > .title::before {
  content: "*";
  margin-right: var(--space-2);
  color: var(--font-error);
}
.form-field.direction-row, .registration > li.direction-row {
  flex-direction: row;
  align-items: baseline;
}

.form-block {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  min-width: 1px;
  width: 100%;
}
.form-block.direction-column {
  flex-direction: column;
}
.form-block .grow {
  flex-grow: 1;
}

.message-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  min-width: 1px;
}
.message-wrap .select2-container {
  flex-grow: 1;
}
.message-wrap .message {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  background-color: white;
  font-size: var(--font-size-2);
}
.message-wrap .hint {
  flex-basis: 90%;
  display: inline-block;
  color: var(--font-basic);
  font-size: var(--font-size-2);
}
.message-wrap textarea + .message {
  top: auto;
  bottom: 0;
  padding-right: 80px;
  background-color: transparent;
}
.message-wrap .count {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: var(--font-size-1);
}

.ox-wrap .message {
  display: none;
  margin-top: var(--space-2);
}

.write-form-footer {
  margin-top: var(--space-10);
}
.write-form-footer p {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}
.write-form-footer .page-buttons {
  margin-top: var(--space-4);
}

.search-layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 102;
  padding-inline: var(--space-4);
  overflow-y: scroll;
  scrollbar-width: none;
  background-color: var(--bg-light-blue);
}
.search-layer .close-button {
  position: absolute;
  top: var(--space-5);
  right: var(--space-8);
  width: 32px;
  height: 32px;
  color: var(--font-darken);
  z-index: 2;
}
.search-layer .close-button i.icon {
  width: 100%;
  height: 100%;
}
.search-layer .search-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: var(--space-15);
  padding-inline: var(--space-4);
  padding-bottom: var(--space-6);
  background-color: var(--bg-white);
  position: relative;
}
.search-layer .search-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: var(--space-10);
  margin-top: var(--space-7);
  overflow: hidden;
}
.search-layer .search-box {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.search-layer .search-box input,
.search-layer .search-box .button {
  width: 100%;
}
.search-layer .search-box .select2 {
  width: 100% !important;
}
.search-layer .search-box .button {
  font-size: var(--font-size-4);
}
.search-layer .related-search-box {
  display: none;
  width: calc(100vw - 64px) !important;
  height: -moz-max-content;
  height: max-content;
  max-height: 705px;
  overflow: hidden;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-1);
  background: var(--bg-white);
  padding: 8px 0 8px 8px;
  position: absolute;
  z-index: 10;
  top: 235px;
}
.search-layer .related-search-box h5 {
  margin: 0 0 var(--space-2) var(--space-2);
}
.search-layer .related-search-box .search-keyword {
  margin-top: var(--space-1);
  padding: var(--space-3) var(--space-2);
  border-bottom: 1px solid var(--border-light);
}
.search-layer .related-search-box .search-keyword p {
  font-size: var(--font-size-3);
  line-height: var(--line-height-3);
  color: var(--font-basic);
  margin-bottom: var(--space-2);
}
.search-layer .related-search-box .search-keyword p::before {
  content: "";
  display: inline-block;
  width: var(--space-5);
  height: var(--space-5);
  background: url("../images/common/icon-search.svg") no-repeat center/contain;
  margin-right: var(--space-1);
  vertical-align: sub;
}
.search-layer .related-search-box .search-keyword .keyword {
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-3);
  color: var(--dark-blue-8);
}
.search-layer .related-search-box .search-list {
  height: -moz-fit-content;
  height: fit-content;
  max-height: 525px;
  padding: 0 var(--space-3) var(--space-4) var(--space-1);
  margin-top: var(--space-4);
  overflow-y: scroll;
}
.search-layer .related-search-box .search-list li + li {
  /* margin-top: var(--space-4); */
  margin-top: var(--space-2);
}
.search-layer .related-search-box .search-list li a {
  padding: 0;
}
.search-layer .related-search-box .search-list li a:hover {
  text-decoration: none;
}
.search-layer .related-search-box .search-list li a:hover .university {
  text-decoration: underline;
}
.search-layer .related-search-box .search-list .university img {
  width: var(--space-8);
  height: var(--space-8);
  margin-top: 2px;
  margin-right: var(--space-2);
}
.search-layer .related-search-box .search-list .university .name {
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-7);
  margin-bottom: var(--space-2);
}
.search-layer .related-search-box .search-list .info {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 45px;
  position: relative;
}
.search-layer .related-search-box .search-list .info span {
  font-size: var(--font-size-2);
  line-height: var(--line-height-5);
  color: var(--font-basic);
}
.search-layer .related-search-box .search-list .info span + span {
  margin-left: var(--space-4);
}
/*
.search-layer .related-search-box .search-list .info span + span::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: var(--space-3);
  background: var(--border-basic);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */
.search-layer .related-search-box .search-list .major {
  margin-left: 45px;
}
.search-layer .related-search-box .search-list .major span {
  display: block;
  font-size: var(--font-size-2);
  color: var(--font-basic);
}
.search-layer .related-search-box .search-list .contents-box + .contents-box {
  margin-top: var(--space-6);
}
.search-layer .related-search-box .search-list .contents-box .title {
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-4);
  word-break: keep-all;
}
.search-layer .related-search-box .search-list .contents-box .desc {
  height: 168px;
  font-size: var(--font-size-3);
  line-height: var(--line-height-3);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  margin: var(--space-3) 0;
  color: var(--font-basic);
}
.search-layer .related-search-box .search-list .contents-box .period {
  font-size: var(--font-size-2);
  color: var(--font-basic);
}
.search-layer .search-results {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.search-layer .results-box + .results-box {
  margin-top: var(--space-7);
  padding-top: var(--space-7);
  border-top: 1px solid var(--border-light);
}
.search-layer .results-box .results-header {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.search-layer .results-box .results-header .title {
  font-size: var(--font-size-4);
  font-weight: var(--font-weight-bold);
}
.search-layer .results-box .results-header .all-delete {
  height: auto;
  padding: 2px;
  margin-left: auto;
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-medium);
}
.search-layer .results-box .results-header .all-delete .icon {
  width: 14px;
}
.search-layer .results-box .results-header .desc {
  display: flex;
  align-items: center;
  margin-left: auto;
  color: var(--font-basic);
}
.search-layer .results-box ul.results-list,
.search-layer .results-box ol.results-list {
  display: flex;
  flex-direction: column;
  margin-top: var(--space-1);
  padding: var(--space-2);
  border-top: 1px solid var(--border-darken);
}
.search-layer .results-box ul.results-list li,
.search-layer .results-box ol.results-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-3);
}
.search-layer .results-box ul.results-list li a,
.search-layer .results-box ol.results-list li a {
  flex-grow: 1;
  padding-block: calc(var(--space-3) / 2);
}
.search-layer .results-box ul.results-list li .icon-button,
.search-layer .results-box ol.results-list li .icon-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  color: var(--font-darken);
}
.search-layer .results-box ul.results-list li .icon-button .icon,
.search-layer .results-box ol.results-list li .icon-button .icon {
  width: 14px;
}
.search-layer .results-box ol.results-list a {
  display: flex;
  justify-content: flex-start;
  gap: var(--space-2);
  padding-block: calc(var(--space-3) / 2);
  position: relative;
}
.search-layer .results-box ol.results-list a .num {
  display: inline-flex;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--color-white);
  font-size: var(--font-size-3);
  position: static;
  z-index: 1;
}
.search-layer .results-box ol.results-list a::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--bg-primary);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.draggable-container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 102;
}

.ai-chat {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background-color: var(--bg-white);
  border: 1px solid var(--border-darken, #2d2d2d);
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.12);
  z-index: 102;
}
.ai-chat .chat-header {
  display: flex;
  align-items: center;
  -moz-column-gap: var(--space-2);
       column-gap: var(--space-2);
  padding: var(--space-4);
  background: var(--color-secondary) url("../images/common/bg-ai-chat.svg") no-repeat top right var(--space-8)/auto 100%;
  color: var(--font-white);
}
.ai-chat .chat-header.pro-chat {
  background: #006BCE url("../images/common/bg-pro-chat.svg") no-repeat top right /auto 100%;
}
.ai-chat .chat-header .icon-button {
  flex-shrink: 0;
  color: var(--font-white);
}
.ai-chat h2 {
  flex-grow: 1;
  font-size: var(--font-size-5);
}
.ai-chat .chat-notice {
  padding: var(--space-4);
  border-bottom: 1px solid var(--border-light);
}
.ai-chat .chat-message {
  display: flex;
  justify-content: center;
  background-color: var(--bg-lighten);
  padding: var(--space-1) var(--space-5);
  text-align: center;
  width: 100%;
  color: var(--font-darken);
  gap: var(--space-1);
}
.ai-chat .chat-message .icon {
  flex-shrink: 0;
  color: var(--color-danger);
}
.ai-chat .chat-toast {
  position: absolute;
  top: var(--space-4);
  left: var(--space-5);
  right: var(--space-5);
  display: inline-flex;
  padding: var(--space-4);
  border: 1px solid var(--border-darken);
  gap: var(--space-1);
  background-color: var(--bg-lighten);
  z-index: 2;
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.12);
}
.ai-chat .chat-toast svg {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  flex-shrink: 0;
}
.ai-chat .chat-toast.is-error {
  color: var(--font-error);
  background-color: var(--bg-error-light);
  border-color: var(--color-danger);
}
.ai-chat .chat-body {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 0;
  min-width: 0;
  flex-grow: 1;
}
.ai-chat .chat-body.center-contents {
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  padding-inline: var(--space-5);
}
.ai-chat .chat-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow-y: auto;
  gap: var(--space-7);
  padding: var(--space-4) var(--space-6) var(--space-12) var(--space-4);
  height: 100%;
  transition: all ease 250ms;
}
.ai-chat .chat-container .counselor {
  position: relative;
  background-color: transparent;
}
.ai-chat .chat-container .counselor .text-wrap {
  margin-left: var(--space-11);
  padding-bottom: var(--space-2);
  border: 1px solid var(--border-light);
  border-top-left-radius: 0;
  width: calc(100% - var(--space-11));
}
.ai-chat .chat-container .counselor .text-wrap > div > * {margin-bottom: 12px;}
.ai-chat .chat-container .counselor .text-wrap > div > ul {margin-left: 42px;}
.ai-chat .chat-container .counselor .text-wrap > div > ul > li {list-style: disc;}
.ai-chat .chat-container .counselor a {
    text-decoration: underline;
    color: #006bce;
}
.ai-chat .chat-container .counselor .text-wrap.is-info, .ai-chat .chat-container .counselor .text-wrap.is-error {
  display: inline-flex;
  gap: var(--space-1);
  background-color: var(--bg-lighten);
  margin-top: var(--space-2);
  border-color: transparent;
}
.ai-chat .chat-container .counselor .text-wrap.is-info svg, .ai-chat .chat-container .counselor .text-wrap.is-error svg {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  flex-shrink: 0;
}
.ai-chat .chat-container .counselor .text-wrap.is-error {
  color: var(--font-error);
  background-color: var(--bg-error-light);
}
.ai-chat .chat-container .counselor > strong {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-1);
  font-weight: var(--font-weight-regular);
}
.ai-chat .chat-container .counselor > strong::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url("../images/common/icon-talk-color.svg") no-repeat top left/cover;
}
.ai-chat .chat-container .counselor.icon-pro-chat > strong::before {
  border-radius: 100%;
  overflow: hidden;
  background: #eee url("../images/common/icon-pro-chat.svg") no-repeat center / 50%;
}
.ai-chat .chat-container .counselor .buttons {
  margin-top: var(--space-6);
}
.ai-chat .chat-container .counselor .icon-button {
  width: 32px;
  height: 32px;
  border: 1px solid var(--border-light);
  border-radius: 50%;
}
.ai-chat .chat-container .counselor .icon-button svg {
  width: 14px;
  height: 14px;
}
.ai-chat .chat-container .counselor .like {
  color: var(--color-primary);
}
.ai-chat .chat-container .counselor .like:hover {
  border-color: transparent;
  background-color: var(--bg-light-blue);
}
.ai-chat .chat-container .counselor .like.active {
  border-color: transparent;
  background-color: var(--blue-1);
}
.ai-chat .chat-container .counselor .dislike {
  color: var(--color-danger);
}
.ai-chat .chat-container .counselor .dislike:hover {
  border-color: transparent;
  background-color: #ffebef;
}
.ai-chat .chat-container .counselor .dislike.active {
  border-color: transparent;
  background-color: #ffcdd3;
}
.ai-chat .counselor .text-wrap,
.ai-chat .customer {
  display: inline-block;
  padding: var(--space-4);
  border-radius: var(--radius-4);
  line-height: 1.5;
}
.ai-chat .counselor .text-wrap p + p,
.ai-chat .customer p + p {
  margin-top: 2px;
}
.ai-chat .icon-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ai-chat .customer {
  position: relative;
  margin-left: auto;
  border-top-right-radius: 0;
  background-color: var(--bg-dark-blue-50);
  text-align: right;
  max-width: calc(100% - var(--space-11));
}
.ai-chat .current-time {
  position: absolute;
  bottom: -18px;
  right: 10px;
  font-size: 10px;
  color: var(--font-light);
  width: 200px;
  text-align: right;
}
.ai-chat .writing {
  margin-top: var(--space-1);
  margin-left: var(--space-12);
}
.ai-chat .writing .line {
  display: inline-block;
  width: 12px;
  height: 6px;
  border-radius: var(--radius-4);
  background-color: var(--border-darken);
}
.ai-chat .writing .line:nth-of-type(1) {
  animation: loading 2s 1s infinite;
}
.ai-chat .writing .line:nth-of-type(2) {
  animation: loading 2s 0.5s infinite;
}
.ai-chat .writing .line:nth-of-type(3) {
  animation: loading 2s 0s infinite;
}
.ai-chat .chat-footer {
  position: relative;
  border-top: 1px solid var(--border-light);
}
.ai-chat .chat-footer .buttons {
  padding: var(--space-4);
}
.ai-chat .chat-footer .button {
  padding: 0 var(--space-3);
  min-height: 40px;
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-medium);
}
.ai-chat .chat-footer .trigger-footer {
  position: absolute;
  bottom: 100%;
/* left: calc(50% - var(--space-2)); */ /* 20250123 주석 */
/* 20250123 추가 */
  left: 50%;
  transform: translateX(-50%);
/* 20250123 추가 끝 */
  width: var(--space-15);
  height: var(--space-5);
  border-radius: var(--Round-Default, 4px) var(--Round-Default, 4px) 0px 0px;
  border: 1px solid var(--Line-Light, #E4E4E4);
  background: var(--Background-White, #FFF);
}
.ai-chat .chat-footer .trigger-footer svg {
  width: var(--space-4);
  height: var(--space-4);
}
.ai-chat .chat-footer .trigger-footer.rotate svg {
  transform: rotate(180deg);
}
.ai-chat .form-field, .ai-chat .registration > li {
  padding: var(--space-4);
  background-color: var(--bg-light);
}
.ai-chat .form-field input, .ai-chat .registration > li input {
  height: 40px;
  font-size: var(--font-size-3);
}
.ai-chat .form-field .icon-button, .ai-chat .registration > li .icon-button {
  width: 40px;
  height: 40px;
  flex:none;
  margin: 0;
}
.type-unitalk .form-block {align-items: center;}
.ai-chat .form-field .icon-button svg, .ai-chat .registration > li .icon-button svg {
  width: 32px;
  height: 32px;
}
.ai-chat .form-field .icon-button:hover, .ai-chat .registration > li .icon-button:hover {
  color: var(--color-primary);
}
.ai-chat .loading-progress {
  width: 80vw;
  max-width: 360px;
  height: 28px;
  border-radius: 20px;
  background: var(--border-light, #F8F8F8);
  border: 4px solid #fff;
  outline: 1px solid var(--border-light);
}
.ai-chat .loading-progress span {
  display: inline-block;
  width: 50%;
  height: 20px;
  border-radius: 20px;
  background: linear-gradient(90deg, #006BCE 0%, #E21C2C 100%);
  animation: progressBar 3s ease-in-out infinite;
  animation-fill-mode: both;
}
@keyframes progressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.type-unitalk .chat-header {
  background: #1b864b url("../images/common/bg-ai-chat.svg") no-repeat top right var(--space-8)/auto 100%;
}
.type-unitalk .counselor strong::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url("../images/common/icon-unitalk.svg") no-repeat top left/cover;
}
.type-unitalk .customer {
  background-color: #fff340;
}
.emoji-picker-container {
  position: relative;
}
.emoji-picker-container .emojiarea {
  display: none;
  position: absolute;
  background: white;
  border: 1px solid var(--border-darken);
  border-radius: var(--radius-1);
  padding: var(--space-2);
  bottom: 100%;
  right: 0;
  width: 200px;
  margin-bottom: var(--space-4);
}

@keyframes loading {
  0% {
    width: 6px;
    opacity: 0.5;
  }
  50% {
    width: 18px;
    opacity: 1;
  }
  100% {
    width: 6px;
    opacity: 0.5;
  }
}


.banner-study {
  position: relative;
}
.banner-study .banner {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	width: 100%;
	height: 240px;
	padding: 30px 20px;
	/* justify-content: center; */
	/*padding: var(--space-20); */
	background: #1867B0 url("../images/plan/bg-banner-main@2x.svg") no-repeat center/cover;

}
.banner-study .banner-text {width: auto !important;}
.banner-study .banner-title {
	margin: 0 !important;
	font-size: var(--font-size-4);
    color: var(--font-white);
}
.banner-study .banner-title span {
	color: #99F0FF;
	font-size: var(--font-size-6);
}
.banner-study .banner-sns-link {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
}
.banner-study .banner-sns-link a {
  display: block;
  margin-right: 4px;
  box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
}
.banner-study .banner-sns-link a:last-of-type {
  margin-right: 0;
}
.banner-study .banner-sns-link a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .ai-chat .chat-footer .buttons {
    flex-direction: column;
  }
}
@media screen and (max-width: 576px) {
  .ai-chat .chat-footer .buttons {
    flex-direction: column;
  }
}
.booth-visual-area {
  display: flex;
  flex-direction: column;
  min-height: 648px;
  background: var(--image-path-mo) center/cover no-repeat;
}
.booth-visual-area + .booth-promotion, .booth-visual-area + .booth-experience {
  margin-top: 0;
}
.booth-visual-area .visual-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 1px;
  padding-top: var(--space-13);
  padding-bottom: var(--space-5);
  padding-inline: var(--space-4);
}
.booth-visual-area .visual-container .title {text-shadow: 0px 0px 12px #000000;}
.booth-visual-area .contents-wrap {
  margin-bottom: auto;
}
.booth-visual-area .title-box {
  text-align: center;
  color: var(--font-white);
}
.booth-visual-area .title-box .logo {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
}
.booth-visual-area .title-box h2 {
  margin-top: var(--space-10);
  font-size: var(--font-size-9);
  line-height: 1.2;
}
.booth-visual-area .title-box .desc {
  margin-top: var(--space-4);
  font-weight: var(--font-weight-bold);
}
.booth-visual-area .filter-box {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: var(--space-4);
}
.booth-visual-area .filter-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-5);
  margin-left: auto;
  padding-left: var(--space-10);
}
.booth-visual-area .filter-list li {
  width: 32px;
  height: 32px;
}
.booth-visual-area .filter-list li img {
  width: 100%;
  height: 100%;
}
.booth-visual-area .favorite-button {
  flex-shrink: 0;
  margin-left: auto;
}
.booth-visual-area .quick-wrap {
  margin-top: var(--space-4);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-2);
  color: var(--font-white);
  background-color: rgba(var(--school-theme-primary-rgb), 0.85);
}
.booth-visual-area .quick-box {
  width: 100%;
}
.booth-visual-area .visitor-box {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: var(--space-5);
  min-height: 56px;
}
.booth-visual-area .visitor-box .favorite-button {
  width: 40px;
  height: 40px;
  margin-left: 0;
}
.booth-visual-area .counter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  width: 40%;
  max-width: 240px;
  padding-inline: var(--space-2);
}
.booth-visual-area .counter p {
  text-align: center;
  font-size: var(--font-size-2);
  font-weight: var(--font-weight-medium);
}
.booth-visual-area .counter strong {
  text-align: center;
  font-size: var(--font-size-6);
  line-height: 1.2;
}
.booth-visual-area .quick-buttons {
  display: flex;
  justify-content: space-evenly;
  gap: var(--space-10);
  margin-top: var(--space-1);
  padding-top: var(--space-1);
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.booth-visual-area .quick-button {
  flex-shrink: 0;
  display: inline-flex;
  flex-direction: column;
  gap: var(--space-1);
  width: 40%;
  max-width: 240px;
  padding: var(--space-2);
  border-radius: var(--radius-1);
  font-size: var(--font-size-2);
  font-weight: var(--font-weight-medium);
  white-space: wrap;
}
.booth-visual-area .quick-button:hover, .booth-visual-area .quick-button.active {
  background-color: rgba(0, 0, 0, 0.4);
  text-decoration: underline;
}
.booth-visual-area .quick-button .icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  color: var(--font-white);
}
.booth-visual-area .quick-button .icon path {
  stroke: var(--font-white);
}

.type-b .booth-visual-area .visual-container {
  padding-inline: 0;
}
.type-b .booth-visual-area .title-box {
  padding-inline: var(--space-6);
  text-align: left;
}
.type-b .booth-visual-area .filter-box {
  padding-inline: var(--space-6);
}
.type-b .booth-visual-area .filter-list {
  margin: 0;
  padding: 0;
}
.type-b .booth-visual-area .quick-wrap {
  border-radius: 0;
  background: linear-gradient(90deg, rgba(139, 0, 41, 0.17) -11.98%, rgba(var(--school-theme-primary-rgb), 0.85) 38.74%, rgba(var(--school-theme-primary-rgb), 0.85) 52.45%, rgba(var(--school-theme-primary-rgb), 0.17) 112.08%);
}
.type-b .booth-visual-area .quick-buttons {
  gap: var(--space-5);
}
.type-b .booth-visual-area .quick-button {
  flex-direction: row;
  gap: var(--space-2);
}

.type-c .booth-visual-area .contents-wrap {
  padding-left: var(--space-6);
}
.type-c .booth-visual-area .title-box {
  text-align: left;
}
.type-c .booth-visual-area .filter-list {
  margin: 0;
  padding: 0;
}
.type-c .booth-visual-area .quick-wrap {
  margin-top: var(--space-4);
  padding: 0;
  border-radius: var(--radius-5);
  overflow: hidden;
  background-color: transparent;
  color: var(--font-white);
}
.type-c .booth-visual-area .visitor-box {
  gap: var(--space-6);
  min-height: 88px;
  padding-block: var(--space-2);
  background-color: rgba(0, 0, 0, 0.68);
}
.type-c .booth-visual-area .quick-buttons {
  gap: var(--space-13);
  min-height: 106px;
  margin-top: 0;
  padding-block: var(--space-2);
  border-top: none;
  background-color: var(--school-theme-primary);
}

.type-d .booth-visual-area .visual-container {
  padding-inline: 0;
  padding-bottom: 0;
}
.type-d .booth-visual-area .contents-wrap {
  padding-inline: var(--space-4);
}
.type-d .booth-visual-area .filter-box {
  margin-top: var(--space-10);
}
.type-d .booth-visual-area .logo-box {
  display: none;
}
.type-d .booth-visual-area .quick-wrap {
  padding: 0;
  background-color: transparent;
}
.type-d .booth-visual-area .visitor-box {
  gap: var(--space-15);
  min-height: 88px;
  background-color: var(--school-theme-secondary);
  color: var(--font-darken);
}
.type-d .booth-visual-area .quick-buttons {
  gap: var(--space-20);
  margin-top: 0;
  padding-block: var(--space-4);
  border: 0;
  background-color: var(--school-theme-darken);
}

.type-e .booth-visual-area {
  background: none;
}
.type-e .booth-visual-area .visual-container {
  padding: 0;
}
.type-e .booth-visual-area .contents-wrap {
  flex-grow: 1;
  margin-bottom: 0;
  padding-top: var(--space-15);
  padding-bottom: 100px;
  padding-inline: var(--space-4);
  background: var(--image-path-mo) center/cover no-repeat;
}
.type-e .booth-visual-area .title-box .desc {
  margin-top: var(--space-5);
}
.type-e .booth-visual-area .filter-box {
  margin-top: var(--space-10);
}
.type-e .booth-visual-area .quick-wrap {
  transform: translateY(-50%);
  margin-top: 0;
  margin-inline: var(--space-4);
  padding: var(--space-4);
  border-radius: 0;
  background-color: var(--bg-white);
  border: 2px solid var(--school-theme-primary);
  color: var(--font-darken);
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.12);
}
.type-e .booth-visual-area .quick-wrap .favorite-button {
  display: none;
}
.type-e .booth-visual-area .visitor-box .counter strong {
  color: var(--school-theme-primary);
}
.type-e .booth-visual-area .quick-buttons {
  margin-top: var(--space-2);
  padding-top: var(--space-5);
  border-color: var(--border-light);
  white-space: nowrap;
}
.type-e .booth-visual-area .quick-button:hover {
  background-color: var(--bg-light);
}
.type-e .booth-visual-area .quick-button .icon path {
  color: var(--school-theme-secondary);
  fill-opacity: 1;
  stroke: var(--font-darken);
}

.type-f .booth-visual-area {
  background: none;
}
.type-f .booth-visual-area .visual-container {
  padding: 0;
}
.type-f .booth-visual-area .contents-wrap {
  flex-grow: 1;
  margin-bottom: 0;
  padding-top: var(--space-15);
  padding-bottom: var(--space-15);
  padding-inline: var(--space-4);
  background: var(--image-path-mo) center/cover no-repeat;
  border-end-end-radius: 120px;
}
.type-f .booth-visual-area .filter-list {
  margin-inline: auto;
  padding-left: 0;
}
.type-f .booth-visual-area .quick-wrap {
  margin-left: var(--space-2);
  padding: 0;
  background-color: transparent;
}
.type-f .booth-visual-area .quick-box {
  display: flex;
}
.type-f .booth-visual-area .visitor-box {
  flex-grow: 1;
  gap: var(--space-4);
  min-width: 1px;
  height: auto;
  padding: var(--space-4);
  border-radius: 70px 0 0 70px;
  background-color: var(--school-theme-darken);
}
.type-f .booth-visual-area .counter {
  flex-direction: column-reverse;
  padding-inline: 0;
}
.type-f .booth-visual-area .counter p {
  white-space: wrap;
  text-align: center;
}
.type-f .booth-visual-area .quick-buttons {
  flex-grow: 1;
  align-items: center;
  gap: var(--space-7);
  min-width: 1px;
  margin-top: 0;
  padding-top: 0;
  padding-inline: var(--space-2);
  background-color: var(--school-theme-primary);
}
.type-f .booth-visual-area .quick-button {
  flex-shrink: 1;
  height: -moz-fit-content;
  height: fit-content;
}

.type-g .booth-visual-area {
  min-height: 678px;
  padding-inline: var(--space-4);
  background: none;
}
.type-g .booth-visual-area .visual-container {
  padding: 0;
  padding-top: var(--space-13);
  border-radius: var(--radius-9);
  background: var(--image-path-mo) center/cover no-repeat;
  overflow: hidden;
}
.type-g .booth-visual-area .title-box {
  padding-inline: var(--space-6);
  text-align: left;
}
.type-g .booth-visual-area .filter-list {
  gap: var(--space-2);
  margin-top: var(--space-10);
  padding: 0;
}
.type-g .booth-visual-area .title-box h2 {
  margin-top: var(--space-5);
}
.type-g .booth-visual-area .quick-wrap {
  padding: 0;
  background-color: rgba(var(--school-theme-primary-rgb), 0.85);
}
.type-g .booth-visual-area .visitor-box {
  min-height: 88px;
  background-color: var(--school-theme-darken);
  padding-inline: var(--space-4);
}
.type-g .booth-visual-area .quick-buttons {
  gap: var(--space-15);
  margin: 0;
  padding-block: var(--space-4);
  border: none;
}

.type-h .booth-visual-area {
  background: none;
  padding-bottom: 76px;
}
.type-h .booth-visual-area .visual-container {
  padding: 0;
}
.type-h .booth-visual-area .contents-wrap {
  flex-grow: 1;
  margin-bottom: 0;
  padding-top: var(--space-15);
  padding-bottom: 170px;
  padding-inline: var(--space-4);
  background: var(--image-path-mo) center/cover no-repeat;
}
.type-h .booth-visual-area .quick-wrap {
  transform: translateY(-60%);
  margin-inline: var(--space-4);
  background: none;
  border-radius: 0;
}
.type-h .booth-visual-area .visitor-box {
  height: 88px;
  background-color: var(--school-theme-darken);
  border-radius: var(--radius-2);
}
.type-h .booth-visual-area .quick-buttons {
  margin-top: var(--space-1);
  padding-block: var(--space-4);
  border: 0;
  border-radius: var(--radius-2);
  background-color: var(--school-theme-primary);
}

.footer-floating-buttons {
  position: fixed;
  bottom: var(--space-10);
  right: var(--space-2);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  /* z-index: 2; */
  z-index: 11;
}
.footer-floating-buttons .icon-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background-color: var(--bg-white);
  border: 1px solid var(--border-light);
  color: var(--font-darken);
}
.footer-floating-buttons .icon-button:hover {
  background-color: var(--bg-dark-blue);
  border-color: var(--bg-dark-blue);
  color: var(--font-white);
}
.footer-floating-buttons .icon-button.type-text {
  background-color: transparent;
  border: none;
}
.footer-floating-buttons .icon-button.type-text .icon {
  width: 100%;
  height: 100%;
}
.footer-floating-buttons .icon-button.ai-chat-trigger {
  background-color: transparent;
  border: none;
}
.footer-floating-buttons .icon-button .icon {
  width: 32px;
  height: 32px;
}
.footer-floating-buttons .icon-button img {
  width: 100%;
  height: 100%;
}
.footer-floating-buttons .btn-floating-chatting {
  flex-direction: column;
  gap: 0;
}
.footer-floating-buttons .btn-floating-chatting .title {
  display: block;
  margin-top: -4px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #1d1d1d;
}
.footer-floating-buttons .btn-floating-chatting .title span.hide {font-size: 0px; line-height: 0px; position: absolute; left: -99999px;}
.footer-floating-buttons .btn-floating-chatting .title::before {content: 'Q&A'; display: block;}
.footer-floating-buttons .btn-floating-chatting:hover .title {
  color: #fff;
}

.pb0 {padding-bottom: 0px !important;}
.mb0 {margin-bottom: 0px !important;}
.text-left {text-align: left !important;}

.box-cont-open .btn-open-show {width: 100%; margin-top: 20px;}
.box-cont-open .box-sub-open {display: none; margin-top: 20px;}
.box-cont-open .box-sub-open.on {display: block;}
.box-cont-open .btn-open-show {border-color: #e4e4e4;}
.box-cont-open .btn-open-show.on svg {transform: rotate(180deg);}
.box-cont-open.type2 .btn-open-show {width: 120px; margin-top: 0; margin-left: 10px;}

.box-graphic1 > div {flex:none; display: flex; flex-direction:column; width: 100%; margin-bottom: 20px;}
.box-graphic1 .line-box {height: 100%;}
.box-graphic1 .img-wrap {text-align: center;}
.box-graphic1 .chart-legend .cate4 {flex-wrap: wrap;}

.diagram-type1 .img-wrap {text-align: center;}

.images-card-slider .swiper-wrapper {align-items: stretch;}
.images-card-slider .swiper-slide {height: auto;}

.result-depart .card-title-item .title {display: block;}
.result-depart .simbol {flex:none; width: 32px; height: 32px; text-align: center;}
.result-depart .simbol img {width: 100%; height: 100%;}
.result-depart .card-title-item .university-name strong {flex:1; overflow: hidden;}
.result-depart .card-title-item .text-body .language {word-break: break-all;}
.result-depart .card-title-item .text-body .language::before {flex: none;}
.result-depart .card-title-item .text-body strong,
.result-depart .card-title-item .text-body p {display: block; word-break: break-all;}
.search-content .tab-filter ul {flex-wrap: wrap;}
.search-content .search-item {display: block;}
.search-content .search-item .tit-box {display: flex; justify-content: space-between; flex-wrap: nowrap;}
.search-content .search-item .tit-box .title {flex: none; display: block; width: calc(100% - 200px);}
.search-content .search-item .tit-box .date {flex:none; width: 130px; display: flex; justify-content: flex-end; flex-wrap: wrap; margin-top: 4px;}
.search-content .search-item .tit-box .date span {flex:none; margin-left: 4px; text-align: right;}
.search-content .tab-filter li {white-space: inherit;}
.search-content .tab-filter li a {word-break: break-all; cursor: pointer;}

.board-webtoon {padding-top: 0px;}
.borad-stk .card-item-description img {width: 100%; max-width: 100%; height: 172px;}
.borad-stk .card-item-description iframe {width: 100%; max-width: 100%; height: 172px !important;}


.banner-study .text1 {display: block; color: #fff;}
.banner-study .text2 {display:inline-block; color: #fff;}
.banner-study .text3 {display:inline-block; color: #99F0FF;}

.banner-study .banner:hover {text-decoration: none;}
.banner-study .banner:hover:lang(ko) {text-decoration: underline; color: #fff;}
.banner-study:hover p {text-decoration: underline;}

/* kori */
.footer-floating-buttons {align-items: flex-end;}
.quick-kori {display: flex; flex-direction: column; align-items: flex-end;}
.kori-bubble {padding: 2px; background: linear-gradient(180deg, #771B98, #006BCE); border-radius: 8px; position: relative; margin-bottom: 12px; margin-right: -20px;}
.kori-bubble .bubble-inner::before { content: '';
	position: absolute;
	bottom: 0;
	left: 24px;
	width: 0;
	height: 0;
	border:6px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	/* border-right: 0; */
	margin-left: -8px;
	margin-bottom: -4px;
  z-index: 1;
}
.kori-bubble .bubble-inner::after {
  content: '';
	position: absolute;
	bottom: 0;
	left: 24px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #006BCE;
	border-bottom: 0;
	/* border-right: 0; */
	margin-left: -10px;
	margin-bottom: -8px;
  z-index: 0;
}
.kori-bubble .bubble-inner{
  border-radius: 6px;
  background-color: #fff;
  padding: 4px 10px;
  max-width: 100px;
}
.kori-bubble .text {display: inline-block; font-size: 13px; font-weight: 600; color: #1D1D1D; letter-spacing: 0px; line-height: 16px;}
.kori-bubble .text.t1 {text-align: left; /* font-size: 12px; */}
.kori-bubble .text.t2 em:nth-of-type(1) {/* color: #006BCE; */font-style: normal; /* font-size: 12px; */}
.kori-bubble .text.t2 em:nth-of-type(2) {/* color: #771B98; */color: #0c5192; font-style: normal; font-weight: 700; letter-spacing: 0px; font-size: 14px;}

.bd-null {margin-left: auto; width: auto;}

.basic-items.dl-tbl .dl-row-wrap + .list-text-basic.type1 {margin-top: var(--space-4);}
.list-text-basic.type1 li {position: relative; padding-left: 20px; color: var(--font-basic);}
.list-text-basic.type1 li::before {content: '※'; display: block; position: absolute; left: 0px; top: 0px; width: 20px; height: 20px;}

/* css chart bar */
  .chart-title > .sm {display: block; font-size: 18px; font-weight: 600; color: #444; margin-top: 4px;}
  .chart-bar {width: 100%; max-width: 700px; margin: 0 auto;}
  .chart-bar .chart-item {position: relative; margin-bottom: 8px;}
  .chart-bar .chart-item:last-of-type {margin-bottom: 0;}
  .chart-bar .chart-item > .label {display: block; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); font-size: 18px; font-weight: 700; font-weight: 700; color: #1d1d1d; z-index: 1;}
  .chart-bar .chart-item .bar-box {position: relative; background-color: #F8F8F8;}
  .chart-bar .chart-item .bar {background-image: linear-gradient(to right, #BBE0FF , #BBE0FF); height: 48px;  width: 0; /* Start at 0 width */ /* transition: width 0.4s ease-in-out; */}
  .chart-bar .chart-item .bar-box .num {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 28px; font-weight: 700; color: #717171; text-shadow: -2px 0px #F8F8F8, 0px 2px #F8F8F8, 2px 0px #F8F8F8, 0px -2px #F8F8F8;}
  .chart-bar .chart-item.new .bar {background-image: linear-gradient(to right, #006BCE , #006BCE);}
  .chart-bar .chart-item.new .label {color: #fff;}
  .chart-bar .chart-item.new .num {color: #1d1d1d;}

  .chart-bar.type1 .chart-item > .label {position: relative; left: 0; top: 0; transform: none; margin-bottom: 4px; text-align: left;}
  .chart-bar.type1 .chart-item {margin-bottom: 24px;}
  .chart-bar.type1 .chart-item:last-of-type {margin-bottom: 0;}
  .chart-bar.type1 .chart-item.new .label {color: #1d1d1d;}

  .chart-bar.multi .chart-item {margin-bottom: 24px;}
  .chart-bar.multi .chart-item:last-of-type {margin-bottom: 0;}
  .chart-bar.multi .chart-item > .label {position: relative; left: 0; top: 0; transform: none; margin-bottom: 4px;}
  .chart-bar.multi .chart-item .bar-box {margin-bottom: 6px;}
  .chart-bar.multi .chart-item .bar-box:last-of-type {margin-bottom: 0px;}
  .chart-bar.multi .chart-item .bar-box:nth-of-type(2) .bar {background-image: linear-gradient(to right, #006BCE , #006BCE);}
  .chart-bar.multi .chart-item.last .num {color : #1d1d1d;}

  .chart-bar .chart-legend ul.unit {align-items: flex-start;}
  .chart-bar .chart-legend ul.unit .right {text-align: right;}

  /* css chart pie */
  .chart-pie {position: relative; width: 300px; height: 300px; border-radius: 50%; overflow: hidden; margin: 0 auto; background-color: #ffc208;}
  .chart-pie::after{content: ''; display: block; position:absolute; width:100px; height: 100px; background :#fff; top: 50%; transform: translateY(-50%); left:0; right:0; margin: 0 auto; border-radius: 50%; z-index: 2;}
  .chart-pie .pie-slice {position: absolute; width: 100%; height: 100%; clip-path: polygon(50% 50%, 100% 100%, 100% 0%, 50% 0%); transform-origin: 50% 50%;}
  .pie-slice.num01 {background-color: #ffc208; z-index: 1;}
  .pie-slice.num02 {background-color: #006BCE;}
  .pie-slice.num03 {background-color: #BBE0FF;}
  .pie-slice.num04 {background-color: #FA2B95;}
  .pie-slice.num05 {background-color: #0E2B5E;}
  .pie-slice.num06 {background-color: #32C3CD;}
  .pie-slice.num07 {background-color: #A9A9A9;}

  .pie-slice .value {position: absolute; font-size: 20px; font-weight: 700; color: #000; z-index: 1; text-shadow: -1px 0px #F8F8F8, 0px 1px #F8F8F8, 1px 0px #F8F8F8, 0px -1px #F8F8F8;}
  .pie-slice .value.sm {font-size: 16px;}

  .pie-type1 .pie-slice.num01 .value {right: 10px; top: 50%; transform: translateY(-100%);}
  .pie-type1 .pie-slice.num02 .value {right: 40px; top: 70px; transform: rotate(-124.2deg);}
  .pie-type1 .pie-slice.num03 .value {left: 150px; top: 15px; transform: rotate(-219.6deg);}
  .pie-type1 .pie-slice.num04 .value {left: 150px; top: 15px; transform: rotate(-241.2deg);}
  .pie-type1 .pie-slice.num05 .value {left: 135px; top: 15px; transform: rotate(-262.8deg);}
  .pie-type1 .pie-slice.num06 .value {left: 140px; top: 10px; transform: rotate(-273.6deg);}
  .pie-type1 .pie-slice.num07 .value {left: 180px; top: 50px; transform: rotate(-280.8deg);}

  .pie-type2 .pie-slice.num01 .value {right: 30px; top: 70%; transform: translateY(-100%);}
  .pie-type2 .pie-slice.num02 .value {right: 40px; top: 70px; transform: rotate(-588.6deg);}
  .pie-type2 .pie-slice.num03 .value {left: 150px; top: 15px; transform: rotate(-698.04deg);}

  .pie-type3 .pie-slice.num01 .value {right: 20px; top: 55%; transform: translateY(-100%);}
  .pie-type3 .pie-slice.num02 .value {right: 70px; top: 40px; transform: rotate(-883.08deg);}
  .pie-type3 .pie-slice.num03 .value {left: 150px; top: 30px; transform: rotate(-941.4deg);}
  .pie-type3 .pie-slice.num04 .value {left: 180px; top: 60px; transform: rotate(-973.08deg);}
  .pie-type3 .pie-slice.num05 .value {left: 150px; top: 20px; transform: rotate(-1057.32deg);}

  .pie-life-dw1 .pie-slice.num01 .value {right: 40px; top: 70%; transform: translateY(-100%);}
  .pie-life-dw1 .pie-slice.num02 .value {right: 120px; top: 30px; transform: rotate(-255.6deg);}
  .pie-life-dw1 .pie-slice.num03 .value {left: 180px; top: 40px; transform: rotate(-270deg);}
  .pie-life-dw1 .pie-slice.num04 .value {left: 165px; top: 30px; transform: rotate(-331.2deg);}

  .chart-pie-legend {margin: 20px auto 0;}
  .chart-pie-legend ul {display: flex; align-items: center; margin-bottom: 12px;}
  .chart-pie-legend li {display: flex; align-items: center;}
  .chart-pie-legend li::before {content: ''; display: block; width: 20px; height: 20px; margin-right: 8px; border-radius: 4px;}
  .chart-pie-legend li span {font-size: 16px;}
  .chart-pie-legend li.num01::before {background-color: #ffc208;}
  .chart-pie-legend li.num02::before {background-color: #006BCE;}
  .chart-pie-legend li.num03::before {background-color: #BBE0FF;}
  .chart-pie-legend li.num04::before {background-color: #FA2B95;}
  .chart-pie-legend li.num05::before {background-color: #0E2B5E;}
  .chart-pie-legend li.num06::before {background-color: #32C3CD;}
  .chart-pie-legend li.num07::before {background-color: #A9A9A9;}
  .chart-pie-legend > span {margin: 0; width: 100%; text-align: center;}

  .search-layer h3 > span {display: block;font-weight:400;font-size: 14px;margin-top: 4px;color: var(--font-basic);}

  .nodata-thum {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px; background-color: rgba(254, 254, 254, 0.8);}
  .nodata-thum img {width: auto !important; height: 70px !important;}

  .fc-h-event .fc-event-title {width: 100%;}
  .expo-type-N {font-weight: bold !important;}
  .expo-type-S,
  .expo-type-A,
  .expo-type-O {font-style: italic !important;}
/* //mo */
/* desktop */
@media screen and (min-width: 768px) {
	.mega.active {padding-top: 0px;
	}
  header {
    min-height: 122px;
  }
  header .container {
    align-items: flex-end;
    flex-wrap: wrap;
  }
  header .logo {
    margin-top: 40px;
  }
  header .logo a {
    width: 162px;
    height: 74px;
  }
  header .buttons {
    margin-bottom: 4px;
  }
  header .buttons a,
  header .buttons button {
    /* font-size: var(--font-basic); */
    font-size: var(--font-size-4);
    gap: var(--space-2);
    padding: 0 var(--space-3);
  }
  header .buttons a.button-sitemap,
  header .buttons button.button-sitemap {
    display: inline-flex;
  }
  header .buttons .button-join {
    display: inline-flex;
  }
  header .buttons .button-open-mega {
    display: none;
  }
  header .language {
    display: inline-block;
  }
  header .language + .select2-container {
    left: unset;
    right: 0;
    display: inline-block;
    z-index: 102;
  }
  .mega {
    position: relative;
    width: unset;
    height: unset;
    display: block;
    background-color: transparent;
  }
  .mega .mega-header {
    position: fixed;
    top: 0;
    right: 0;
    max-width: var(--container);
  }
  .mega .input-search {
    display: none;
  }
  .mega .button-close-mega {
    display: none;
  }
  .gnb {
    border-top: 1px solid var(--border-light, #e4e4e4);
    border-bottom: 1px solid var(--border-light, #e4e4e4);
    transition: all ease-in 500ms;
  }
  .gnb > ul {margin-bottom: 0px;}
  .gnb a {
    justify-content: center;
    font-size: var(--font-size-5);
    padding: var(--space-1);
    padding-top: 12px;
    height: 100%;
    /* white-space: nowrap; */
  }
  .gnb ul {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
    gap: 0.3vw;
    justify-content: space-between;
  }
  .gnb ul:lang(ko),
  .gnb ul:lang(en) {justify-content: flex-start;}
  .gnb li {
	flex:none;
    /* flex: 1 1 16%;*/
    display: inline-block;
    position: unset;
    border-bottom: unset;
  }
  .gnb li:lang(ko),
  .gnb li:lang(en) {flex: 1 1 16%;}

  .gnb li.active > a {
    position: relative;
    background-color: unset;
    color: var(--color-primary);
  }
  .gnb li.active > a::after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 8px;
    right: 8px;
    height: 4px;
    background-color: var(--bg-primary);
  }
  .gnb a:lang(vi),
  .gnb a:lang(si) {font-size: var(--font-size-4);}

  .gnb .button-fold {
    display: none;
  }
  .nav-sub {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 200;
    background-color: var(--dark-blue-50);
    border-top: var(--gray-2);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  }
  .nav-sub ul {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    gap: var(--space-4);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
    grid-auto-rows: minmax(0, auto);
    background-color: white;
    padding: var(--space-6) var(--space-9) var(--space-10);
    margin-top: 1px;
  }
  .nav-sub li {
    flex-grow: unset;
    flex-basis: calc(25% - var(--space-6));
  }
  .nav-sub a {
    justify-content: flex-start;
    margin-bottom: var(--space-2);
    font-size: var(--font-size-body2);
    font-weight: 700;
    border-radius: var(--radius-basic);
    padding: var(--space-3);
    min-height: unset;
    border-radius: 0;
    border-bottom: 1px solid var(--border-light);
    height: 100%;
  }
  .nav-sub a:hover {
    border-radius: var(--radius-basic);
    background-color: var(--blue-1);
    border-bottom-color: transparent;
  }
  .nav-sub .banner-column {
    margin-top: unset;
    gap: unset;
    grid-column: 4/5;
    grid-row: 2/4;
  }
  .nav-sub .banner-block {
    display: flex;
    width: 100%;
    gap: var(--space-6);
    background-color: white;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 var(--space-6) var(--space-10);
  }
  .nav-sub .banner-block a {
    flex-grow: 1;
    gap: var(--space-3);
    padding: var(--space-5) var(--space-6);
    border: 1px solid var(--border-light);
    margin: 0;
  }
  .nav-sub .banner-block a:hover {
    background-color: white;
    border-color: var(--border-darken);
  }
  @keyframes slideDown {
    0% {
      /* transform: translateY(-5%) scaleY(0.8); */
      transform: translateY(-5%) matrix(1, 0, 0, 0.8, 0, 0);
      opacity: 0;
    }
    100% {
      transform: translateY(0%) scale(1);
      opacity: 1;
    }
  }
  .footer-accordion-group {
    background-color: var(--bg-white);
    border-top: 1px solid var(--border-light);
  }
  .footer-accordion-group .footer-accordions {
    display: flex;
    max-width: var(--container);
    padding-inline: var(--space-5);
    margin-inline: auto;
  }
  .footer-accordion-group .footer-accordions .footer-accordion {
    position: relative;
  }
  .footer-accordion-group .footer-accordions .footer-accordion:first-child .footer-accordion-trigger {
    border-left: 1px solid var(--border-light);
  }
  .footer-accordion-group .footer-accordions .footer-accordion-trigger {
    min-width: 214px;
    border-top: none;
    border-right: 1px solid var(--border-light);
  }
  .footer-accordion-group .footer-accordions .footer-accordion-contents {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    background-color: var(--bg-white);
    border: 1px solid var(--border-light);
    z-index: 1;
  }
  footer .footer-header img {
    width: 145px;
    height: 48px;
  }
  footer .footer-header img.logo-footer-eng {width: auto; height: 56px;}
  footer .footer-inner {
    gap: var(--space-10);
  }
  footer .footer-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-10);
  }
  footer .footer-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-10);
  }
  footer address .info {
    display: block;
    margin-top: var(--space-10);
    color: var(--font-darken);
  }
  footer .buttons {
    margin-top: 0;
  }
  footer .links a {
    padding-block: 0;
  }
  main {
    margin-bottom: var(--space-35);
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }
  :root {
    --container: 1320px;
  }
  .container {
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
  }
  .button {
    padding: 0 var(--space-4);
    min-height: 48px;
    font-size: var(--font-size-4);
  }
  .buttons.direction-column {
    flex-direction: row;
  }
  .buttons.align-end {
    justify-content: flex-end;
  }
  .reg-buttons {
    justify-content: flex-end;
  }
  .reg-buttons .button {
    height: 56px;
    flex: 0 1 auto;
  }
  .page-buttons .button,
  .login .button {
    padding: 0 var(--space-5);
    min-height: 56px;
  }
  .modal-buttons .button {
    padding: 0 var(--space-4);
    min-height: 48px;
    font-size: var(--font-size-4);
  }
  h4 {
    font-size: var(--font-size-6);
    margin-bottom: var(--space-7);
  }
  h5 {
    font-size: var(--font-size-5);
  }
  .input-inner-extra {
    height: 56px;
  }
  .input-inner-extra input {
    font-size: var(--font-size-4);
  }
  .input-inner-extra .icon-button {
    width: 56px;
    height: 56px;
  }
  .calendar-range {
    /*
    width: 395px;
    영문 떨어짐 때문에 크기 변경
    */
    width: 550px;
  }
  .calendar-range + .buttons {
    width: unset;
    margin-top: 0;
  }
  .calendar-range + .buttons .button {
    flex-grow: unset;
  }
  .tabs .pane-wrap.is-margin {
    margin-top: var(--space-20);
  }
  .tabs.tabs-btm-line .tab.md a {
    min-height: 40px;
    font-size: 16px;
    padding: var(--space-2) var(--space-3);
  }
  .tabs.tabs-btm-line li > a {
    min-height: 48px;
    padding: calc(var(--space-2) + 2px) var(--space-5);
  }
  .tabs.tabs-btm-line .active {
    border-bottom: 4px solid var(--blue-8);
  }
  .tabs.bg-tile .tab-list a {
    padding-block: calc(var(--space-10) + 2px);
    font-size: var(--font-size-6);
  }
  .tabs.bg-tile .tab-list .active {
    background: var(--bg-white) url(../images/common/bg-tab-tile.svg) no-repeat top left/contain;
  }
  .tab a {
    min-height: 56px;
    font-size: var(--font-size-4);
    font-weight: var(--font-weight-bold);
    white-space: unset;
  }
  .collapse .collapse-title {
    padding: var(--space-6);
  }
  .collapse .collapse-trigger {
    width: 75px;
    height: 75px;
    padding: var(--space-6);
  }
  .collapse .collapse-contents {
    margin: 0 var(--space-6) var(--space-6);
  }
  .collapse .collapse-contents.no-bg {
    padding: var(--space-10) var(--space-6);
  }
  .calendar .fc-header-toolbar .fc-toolbar-chunk {
    width: auto;
  }
  .calendar .fc-toolbar-title {
    min-width: 280px;
  }
  .calendar .fc-daygrid-day-top {
    margin-left: var(--space-2);
    margin-right: var(--space-2);
  }
  .calendar .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin: var(--space-2);
  }
  .calendar .fc-daygrid-event-dot {
    right: var(--space-5);
  }
  .calendar-legend {
    justify-content: flex-end;
    margin-top: var(--space-5);
  }
  .visual-cards {
    flex-direction: row;
  }
  .visual-cards .card {
    display: flex;
    flex-direction: column;
  }
  .visual-cards .card.type-banner .text-wrap h2 {
    font-size: var(--font-size-9);
    line-height: 1.2;
    margin-top: var(--space-6);
  }
  .visual-cards .card.type-banner .text-wrap strong {
    font-size: var(--font-size-4);
  }
  .visual-cards .card.type-banner .text-wrap strong + h3 {
    margin-top: var(--space-6);
  }
  .visual-cards .image-wrap {
    max-height: 196px;
  }
  .visual-cards .image-wrap img {
    height: auto;
  }
  .visual-cards .text-wrap {
    flex: 1;
    gap: 0;
    padding: var(--space-9) var(--space-6) var(--space-6);
  }
  .visual-cards p {
    margin: var(--space-4) 0 var(--space-6);
  }
  .visual-cards.col3 {
    flex-wrap: wrap;
  }
  .visual-cards.col3 .card {
    width: calc(33.33% - var(--space-4));
  }
  .banner-exhabit {
    min-height: initial;
  }
  .item-list {
    display: flex;
    justify-content: space-between;
    gap: var(--space-6);
    margin: var(--space-10) auto 0;
  }
  .item-list > li {
    flex: 1;
  }
  .item-list .card.line-box {
    gap: var(--space-8);
    padding: var(--space-6);
  }
  .item-list .card.line-box strong {
    font-size: var(--font-size-5);
  }
  .item-list .item-list-icon {
    padding: var(--space-4) var(--space-3) var(--space-5);
    border-top: 0 !important;
  }
  .item-list .item-list-icon:not(:nth-child(3n))::after {
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--gray-2);
  }
  .item-list .item-list-icon + li:not(.item-list-icon),
  .item-list li:not(.item-list-icon) {
    margin: 0;
  }
  .item-list.col2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .item-list.col2.list-pisa {
	grid-template-columns: repeat(1, 1fr);
  }
  .item-list.col3 {
    flex-wrap: wrap;
  }
  .item-list.col3 > li {
    flex: initial;
    width: calc(33.33% - var(--space-6));
  }
  .item-list.col4 {
    flex-wrap: wrap;
    gap: var(--space-4);
  }
  .item-list.col4 li {
    flex: initial;
    width: calc(25% - var(--space-4));
  }
  .item-list.card-h3 {
    flex-wrap: wrap;
    gap: var(--space-10);
  }
  .item-list.card-h3 .card {
    width: calc(33.33% - var(--space-7));
    margin: 0;
    padding: var(--space-6);
  }
  .item-list.card-h3 .card:has(h3) {
    gap: initial;
    margin: 0;
    padding: var(--space-7) 0;
  }
  .item-list.card-h3 .card:has(h3) img {
    width: 40%;
  }
  .item-list.step {
    gap: var(--space-4);
  }
  .item-list.step .line-box {
    padding: var(--space-7) 108px var(--space-7) var(--space-7);
  }
  .item-list.step li::after {
    top: var(--space-6);
  }
  .item-list.rank {
    margin: var(--space-10) auto 0;
  }
  .item-list.rank .item-list-icon {
    flex-direction: column;
    align-items: flex-end;
  }
  .item-list.rank .item-list-icon span {
    font-size: var(--font-size-5);
  }
  .item-list.rank .item-list-icon strong {
    font-size: var(--font-size-8);
  }
  [class*=title] + .item-list {
    margin-top: var(--space-10);
  }
  .info-link-box {
    flex: 1 1;
    flex-direction: row;
    align-items: center;
    gap: var(--space-10);
    padding: var(--space-6) var(--space-10);
    margin-top: var(--space-10);
  }
  .info-link-box.md {
    padding: var(--space-10);
  }
  .info-link-box .text-wrap {
    flex: inherit;
  }
  .info-link-box .button {
    width: auto;
  }
  .line-box {
    /* padding: var(--space-10); */
    border: 1px solid var(--gray-2);
  }
  .line-box.no-moline {
    border-width: 1px;
  }
  .line-box.diagram .img-list {
    gap: var(--space-17);
  }
  .line-box.diagram .img-list.narrow {
    gap: var(--space-10);
  }
  .line-box.diagram .img-wrap .img-title {
    margin: var(--space-4) auto 0;
    font-size: var(--font-size-4);
  }
  .line-box.diagram .img-wrap img {
    width: 180px;
  }
  .line-box .box-title {
    font-size: var(--font-size-5);
  }
  .gray-box-2 {
    padding: var(--space-10);
  }
  .list-dot.col2 li {
    width: 50%;
  }
  .search-word-wrap.tag {
    display: flex;
    margin: var(--space-20) auto 0;
    padding: var(--space-10);
  }
  .search-word-wrap.tag h3 {
    padding-right: 8px;
    border-right: 1px solid var(--gray-2);
    flex:none;
    width: 160px;
  }

  .search-word-wrap.tag h3:lang(ko),
  .search-word-wrap.tag h3:lang(en) {width: 90px;}
  .search-word-wrap.tag .search-words {
    padding: 0 var(--space-5);
  }
  .top-summary {
    flex-direction: row;
    align-items: center;
    gap: var(--space-6);
    margin-top: var(--space-20);
    padding: 0 var(--space-6) var(--space-10);
    border-bottom: 1px solid var(--border-darken);
  }
  .top-summary img {
    margin-bottom: 0;
  }
  .top-summary .text-wrap .title {
    font-size: var(--font-size-8);
    margin-bottom: var(--space-4);
  }
  .top-summary .text-wrap .text-basic {
    font-size: var(--font-size-4);
  }
  .bg-container {
    position: relative;
    overflow: hidden;
  }
  .bg-container::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    display: block;
    width: 236px;
    height: 236px;
  }
  .bg-container::after {
    content: "";
    position: absolute;
    top: 46px;
    right: 50px;
    display: block;
    width: 263px;
    height: 262px;
  }
  .bg-container .ltem-list {
    position: relative;
    margin-top: var(--space-10);
    z-index: 1;
  }
  .file-items {
    padding-inline: var(--space-6);
  }
  .file-items .file-item {
    align-items: center;
    flex-direction: row;
  }
  .file-items .file-item p {
    margin-top: 0;
    margin-left: var(--space-2);
  }
  .file-items .file-item .icon-button {
    margin-top: 0;
  }
  .dl-tbl .dl-row-wrap {
    padding: var(--space-6) var(--space-10);
  }
  .dl-tbl .dl-row-wrap .dl-row {
    flex-direction: row;
  }
  .dl-tbl .dl-row-wrap .dl-row .dl-cell {
    display: block;
    flex: 1;
    padding: 0 var(--space-2) 0 var(--space-6);
    border-width: 0 0 0 1px;
  }
  .dl-tbl .dl-row-wrap .dl-row .dl-cell:first-child {
    padding: 0 var(--space-2) 0 0;
    border-width: 0;
  }
  .dl-tbl .dl-row-wrap .dl-row .dl-cell:last-child {
    border-left-width: 1px;
  }
  .dl-tbl.one-tbl .dl-row-wrap {
    padding: var(--space-6) var(--space-10);
    border-bottom: 1px solid var(--gray-2);
  }
  .dl-tbl.one-tbl .dl-row-wrap .dl-cell:last-child {
    border-bottom: 0;
  }
  table.tbl-col {
    width: 100%;
    margin-bottom: 20px;
    background-color: var(--bg-white);
    border-collapse: collapse;
    border-spacing: 0;
  }
  table.tbl-col thead th {
    padding: var(--space-4);
  }
  table.tbl-col tbody th,
  table.tbl-col tbody td {
    padding: var(--space-3);
  }
  .mo-hide {
    display: block;
  }
  .pc-hide {
    display: none;
  }
  .mo-br {
    display: none;
  }
  .content-wrap {
    margin: var(--space-10) auto;
  }
  .content-wrap h4 {
    margin: 0 auto var(--space-4);
  }
  .text-flex {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .page-visual {
    height: 280px;
  }
  .page-visual h2 {
    padding-top: var(--space-22);
  }
  .page-breadcrumb .depth1 a {
    width: auto;
    height: auto;
    background: none;
    font-size: var(--font-size-2);
  }
  .page-title {
    margin-top: var(--space-12);
    margin-bottom: var(--space-12);
  }
  .page-title h2 {
    font-size: var(--font-size-9);
  }
  .page-title p {
    font-size: var(--font-size-4);
  }
  .section-title {
    gap: var(--space-3);
    margin-top: var(--space-20);
  }
  .section-title.type-more a .icon {
    width: 20px;
    height: 20px;
  }
  .section-title.type-button .button {
    margin-top: 0;
    margin-left: auto;
    width: auto;
  }
  .section-title.type-registration .section-extra {
    margin-top: 0;
  }
  .section-title.type-registration .button {
    padding: 0 var(--space-3);
    height: 40px;
    font-size: var(--font-size-3);
  }
  .section-title .text-red {
    order: inherit;
    margin-top: 0;
    width: auto;
  }
  .section-title h3 {
    font-size: var(--font-size-8);
  }
  .section-title h3::before {
    top: calc(var(--space-2) + 2px);
    width: 8px;
    height: 24px;
  }
  .board-result {
    margin: var(--space-8) 0;
  }
  .board-items.col-4 .card-item {
    flex-basis: calc((100% - var(--space-6) * 3) / 4);
  }
  .board-utility .select-box {
    flex: 1 1 40%;
    width: auto;
  }
  .tabs .board-utility {
    margin-top: var(--space-20);
  }
  .board-pagination.type-input {
    display: none;
  }
  .board-pagination.type-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  .board-pagination.type-button button {
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: calc(var(--radius-2) - 2px);
    color: var(--font-basic);
  }
  .board-pagination.type-button button:hover, .board-pagination.type-button button:focus, .board-pagination.type-button button.active {
    background-color: var(--bg-primary);
    color: var(--font-white);
    font-weight: var(--font-weight-bold);
  }
  .board-pagination.type-button button svg {
    width: 20px;
    height: 20px;
  }
  .board-detail {
    flex: 1 1;
  }
  .board-detail-header {
    padding-block: var(--space-10);
  }
  .board-detail-utility {
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-10);
  }
  .board-detail-utility .writer,
  .board-detail-utility .avatar-info {
    flex-basis: auto;
  }
  .board-detail-utility .view {
    margin-left: 0;
  }
  .board-detail-body {
    padding: var(--space-10) var(--space-4);
  }
  .link-wrap {
    padding-inline: var(--space-4);
  }
  .link-wrap a {
    padding-left: var(--space-6);
  }
  .board-detail-footer {
    text-align: right;
  }
  .board-detail-footer .button {
    width: auto;
  }
  .tabs .board-view {
    margin-top: var(--space-20);
  }
  .answer-wrap .answer-box {
    padding-inline: var(--space-6);
  }
  .board-view {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-25) var(--space-15);
    width: 100%;
  }
  .card-item {
    flex: 0 1 calc((100% - var(--space-6) * 2) / 3);
  }
  .card-item-title {
    -webkit-line-clamp: 2;
  }
  .card-items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-6);
  }
  .card-image-item {
    display: flex;
    flex-direction: column;
    flex: 0 1 calc((100% - var(--space-6)* 2) / 3);
    margin-top: 0;
  }
  .card-image-item .text-wrap {
    gap: var(--space-6);
    padding: var(--space-6);
    height: 100%;
  }
  .card-image-item .university-name {
    align-items: flex-start;
  }
  .card-image-item .university-name strong {
    margin-top: calc(var(--space-1) - 2px);
    font-size: var(--font-size-5);
  }
  .card-image-item .date-wrap {
    flex-wrap: wrap;
  }
  .card-image-item .text-footer {
    margin-top: auto;
  }
  .card-item-body .image-box {
    max-height: 172px;
    height: 172px;
  }
  .card-title-item {
    display: flex;
    flex-direction: column;
    flex: 0 1 calc((100% - var(--space-6)* 2) / 3);
    margin-top: 0;
  }
  .card-title-item .title-wrap {
    padding: var(--space-6);
  }
  .card-title-item .title {
    font-size: var(--font-size-5);
  }
  .card-title-item .text-wrap {
    padding: var(--space-6);
    height: 100%;
  }
  .card-title-item .university-name {
    align-items: flex-start;
  }
  .card-title-item .university-name strong {
    margin-top: calc(var(--space-1) - 2px);
  }
  .card-title-item .text-body .language {
    align-items: flex-start;
  }
  .card-title-item .text-body .language::before {
    margin-top: calc(var(--space-1) - 2px);
  }
  .card-title-item .text-footer {
    margin-top: auto;
  }
  .trending {
    flex-shrink: 0;
    margin-top: 0;
    width: 296px;
  }
  .recommend {
    display: block;
  }
  .basic-items {
    margin-top: var(--space-6);
  }
  .basic-items + .board-pagination {
    margin-top: var(--space-6);
  }
  .basic-items.type-horizontal .basic-item .title-wrap {
    flex-direction: row;
    gap: var(--space-2);
  }
  .basic-items.type-horizontal .basic-item .title {
    margin-top: 0;
  }


  .basic-items.type-online .basic-item {gap: 0; justify-content: flex-end;}
  .basic-items.type-online .basic-item .title-wrap {margin-right: auto; max-width: 400px;}
  .basic-items.type-online .basic-item .state {margin-left: 20px; width: 160px;}
  .basic-items.type-online .basic-item .division-items {margin-left: 20px; width: 230px;}
  .basic-items.type-online .basic-item .division-items p:nth-of-type(2) {flex:none; width: 90px;}

  .basic-item.type-counsel .title-wrap {flex:1;}
  .basic-items.type-counsel .state {width: 120px; min-width: auto; margin-right: 20px;}
  .basic-items.type-counsel .division-items p:nth-of-type(2) {width: 100px;}

  .type-kori-board .state {flex:none; width: 160px; min-width: auto;}
  .type-kori-board .division-items p:nth-of-type(2) {width: 100px;}


  .basic-items.type-selection .basic-item {
    gap: var(--space-2);
    padding: var(--space-4) var(--space-3);
  }
  .basic-items.type-selection .basic-item:first-of-type {
    padding-top: 0;
  }
  .basic-items.type-selection .basic-item .number {
    min-width: 22px;
  }
  .basic-items.type-selection .basic-item .number + .title-wrap {
    padding-left: var(--space-2);
    max-width: 45%;
  }
  .basic-items.type-selection .basic-item .description {
    max-width: 45%;
  }
  .basic-items.type-scholarship .basic-item {}
  .basic-items.type-scholarship .basic-item .number {flex:none; width: 40px; text-align: center;}
  .basic-items.type-scholarship .basic-item .title-wrap {flex:1; /* flex:none; width: 590px; */
    /* max-width: 596px; flex-shrink: 0; */
  }
  .basic-items.type-scholarship .basic-item .status {flex:none; width: 260px; gap: 0; justify-content: flex-start;}
  .basic-items.type-scholarship .basic-item .status .state {flex:none; flex-wrap: wrap; width: 50%; gap: 0; margin-left: 0; min-width: auto;}
  .basic-items.type-scholarship .basic-item .status .state.write,
  .basic-items.type-scholarship .basic-item .status .state.waiting-approval {width: 100%;}
  .basic-items.type-scholarship .basic-item .item-buttons {text-align: right; flex:none; display: block; width: 160px; min-width: auto; }
  .basic-item {
    display: flex;
    align-items: center;
    padding: var(--space-4) var(--space-6);
    gap: var(--space-5);
  }
  .basic-item .number {
    margin-bottom: 0;
  }
  .basic-item .number + .title-wrap {
    padding-left: var(--space-6);
    border-left: 1px solid var(--border-light);
  }
  .basic-item .title-wrap {
    flex-grow: 1;
    flex-basis: 10%;
  }
  .basic-item .note {
    flex-shrink: 0;
    margin-top: 0;
    max-width: 180px;
    width: auto;
  }
  .basic-item .major-wrap {
    flex-shrink: 0;
    flex-wrap: wrap;
    -moz-column-gap: var(--space-2);
         column-gap: var(--space-2);
    margin-top: 0;
    max-width: 180px;
  }
  .basic-item .major {
    margin-right: 0;
  }
  .basic-item .major::after {
    content: none;
  }
  .basic-item .button {
    flex-shrink: 0;
    margin-top: 0;
    width: auto;
    min-width: 101px;
  }
  .basic-item .division-items {
    margin-top: 0;
    margin-left: auto;
  }
  .basic-item .description {
    margin-top: 0;
  }
  .basic-item .ox {
    margin-top: 0;
    margin-left: auto;
  }
  .basic-item .item-buttons {
    flex-direction: row;
    justify-content: flex-end;
    gap: var(--space-2);
    min-width: 220px;
    margin-left: auto;
  }
  .basic-item .item-buttons .button {
    height: 40px;
    padding-inline: var(--space-3);
    font-size: var(--font-size-3);
  }
  .status {
    max-width: 280px;
  }
  .state {
    flex-shrink: 0;
    margin-top: 0;
    margin-left: auto;
    min-width: 120px;
  }
  .abroad-wrap .division-items {
    display: flex;
    align-items: center;
    min-width: 152px;
  }
  .abroad-wrap .division-items p {
    position: relative;
    margin-left: calc(var(--space-4) + 1px);
  }
  .abroad-wrap .division-items p:first-of-type {
    margin-left: 0;
  }
  .abroad-wrap .division-items p:first-of-type::before {
    content: none;
  }
  .abroad-wrap .division-items p::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc((var(--space-2) + 1px) * -1);
    width: 1px;
    height: 12px;
    background-color: var(--border-basic);
    transform: translateY(-50%);
  }
  .abroad-wrap .button {
    min-width: unset;
  }
  .abroad-wrap .number {
    flex-shrink: 0;
    width: 32px;
  }
  .abroad-wrap .aboard-info-wrap {
    flex-grow: 1;
  }
  .abroad-wrap .aboard-info-box {
    display: flex;
    gap: var(--space-10);
  }
  .abroad-wrap .fractions {
    align-items: center;
    flex-shrink: 0;
    margin-top: 0;
  }
  .abroad-wrap .fractions .division-items {
    margin-left: 0;
  }
  .abroad-wrap .fractions .note {
    display: inline-block;
    width: auto;
  }
  .abroad-wrap .actions-box {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .abroad-wrap .actions-box .actions {
    margin-left: auto;
  }
  .abroad-wrap .abroad-contents {
    padding: var(--space-6);
  }
  .abroad-wrap .abroad-contents .form-block .buttons {
    flex-direction: row;
    margin-left: auto;
  }
  .abroad-wrap .abroad-contents .request-lists li {
    display: flex;
    align-items: center;
    padding: var(--space-3) var(--space-6);
  }
  .abroad-wrap .abroad-contents .request-lists li .state {
    /* min-width: 100px; */
    width: 120px;
    padding: 0 10px 0 0px;
  }
  .abroad-wrap .abroad-contents .request-lists li .state::before {display: none;}
  .abroad-wrap .abroad-contents .request-lists li .request-info {
    flex-grow: 1;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 0;
    padding-left: var(--space-6);
    border-top: none;
    border-left: 1px solid var(--border-light);
  }
  .abroad-wrap .abroad-contents .request-lists li .request-info .button {
    margin-left: auto;
  }
  .no-data {
    padding: var(--space-10);
    font-size: var(--space-5);
  }
  .search-item .description {
    -webkit-line-clamp: 2;
  }
  .board-text-item {
    display: flex;
    align-items: flex-start;
    gap: var(--space-6);
    padding: var(--space-6);
  }
  .board-text-item.type-vertical .title-box {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .board-text-item .num {
    align-items: flex-start;
  }
  .board-text-item .text-wrap {
    flex-grow: 1;
    margin-top: 0;
  }
  .board-text-item .title-box {
    flex-direction: row;
    gap: var(--space-2);
  }
  .board-text-item .title {
    -webkit-line-clamp: 1;
  }
  .board-text-item .info-box {
    gap: var(--space-10);
  }
  .board-text-item .writer {
    flex: 0 1 auto;
  }
  .board-text-item .view {
    margin-left: 0;
  }
  .board-text-item .state {
    margin-top: 0;
  }
  .board-text-item + .private-box {
    padding: var(--space-6);
  }
  .board-text-item + .private-box .title {
    margin-bottom: var(--space-3);
    font-size: var(--font-size-4);
    font-weight: var(--font-weight-bold);
  }
  .board-text-item + .private-box [close-btn] {
    right: var(--space-6);
  }
  .board-text-item + .private-box .form-block {
    flex-direction: row;
  }
  .board-text-item + .private-box .form-block input {
    width: 100%;
  }
  .board-text-item + .private-box .form-block .button {
    width: auto;
  }
  .board-text-item .divider-group {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-10);
  }
  .board-text-item .divider-group li {
    flex-direction: row;
    gap: var(--space-2);
  }
  .board-text-item .divider-group .title {
    position: relative;
    padding-right: var(--space-2);
  }
  .board-text-item .divider-group .title::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(50%);
    width: 1px;
    height: 12px;
    background-color: var(--border-light);
  }
  .board-text-item .divider-dates {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-10);
  }
  .step-detail .content-wrap {
    margin: var(--space-10) auto;
  }
  .step-detail .content-wrap h4 {
    margin: 0 auto var(--space-6);
    font-size: var(--font-size-5);
  }
  .step-detail .content-wrap strong {
    display: block;
  }
  .step-detail .content-wrap > *:not(:last-child) {
    margin-bottom: var(--space-6);
  }
  .step-detail .content-title .button-wrap .button {
    flex: inherit;
  }
  .step-detail .agree-box {
    padding: var(--space-6);
  }
  .step-detail .board-utility .search-box {
    flex-direction: row;
    flex: 1;
  }
  .step-detail .board-utility .search-box button {
    width: 64px;
  }
  .step-detail .line-box {
    padding: var(--space-6);
  }
  .step-view {
    display: flex;
    gap: var(--space-25) var(--space-15);
  }
  .step-view .step-list-wrap {
    flex-shrink: 0;
    width: 296px;
    margin-top: 0;
  }
  .step-view .step-detail {
    flex: 1 1;
    margin-top: 0;
  }
  .step-view .step-detail .content-wrap {
    margin: 0 0 var(--space-10);
  }
  .online-list .list-item > a {
    display: flex;
    align-items: center;
    padding: var(--space-6);
    gap: var(--space-6);
  }
  .online-list .list-item .text-wrap {
    margin-top: 0;
  }
  .online-list .list-item .text-wrap .title {
    margin-bottom: var(--space-4);
  }
  .online-list .list-item .status {
    margin-top: 0;
    width: unset;
    flex-shrink: 0;
    margin-left: auto;
  }
  .step-list li.step-1depth-item.done a::after {
    right: var(--space-4);
  }
  .page-buttons {
    justify-content: flex-end;
  }
  .page-buttons .button {
    flex: inherit;
  }
  .scholarship .step-detail .content-wrap + .section-title {
    margin-top: var(--space-20);
  }
  .modal {
    max-width: 560px;
    padding: var(--space-8) 0 var(--space-10);
  }
  .modal.size-md {
    max-width: 800px;
  }
  .modal.size-lg {
    max-width: 1000px;
  }
  .modal.in-chatbot {
    max-width: 420px;
  }
  .modal.rating {
    max-width: 440px;
  }
  .modal.image-slider-modal {
    max-width: 1280px;
    max-height: 768px;
    padding: var(--space-6);
  }
  .modal.image-slider-modal .image-slider-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
  }
  .modal.image-slider-modal .image-slider-wrapper .swiper-slide {
    height: auto;
    max-height: 100%;
  }
  .modal.image-slider-modal .close-button {
    top: var(--space-10);
    right: var(--space-10);
    width: 40px;
    height: 40px;
  }
  .modal .section-title {
    font-size: var(--font-size-5);
  }
  .modal .close-button {
    right: var(--space-10);
  }
  .modal .form-field .title, .modal .registration > li .title {
    flex-basis: unset;
  }
  .modal .answer-box .board-detail-body p {
    margin-top: 0;
  }
  .modal-header {
    padding-inline: var(--space-10);
  }
  .modal-body {
    margin-top: var(--space-8);
    max-height: 520px;
    padding-inline: var(--space-10);
  }
  .modal-body p {
    margin-top: var(--space-6);
  }
  .modal-footer {
    margin-top: var(--space-8);
    padding-inline: var(--space-10);
  }
  .visual-slider .swiper-wrapper {
    width: 1920px;
    margin: 0 auto;
  }
  .visual-slider .swiper-slide {
    width: 320px;
    height: 520px;
  }
  .visual-slider .slider-text {
    bottom: var(--space-17);
    padding: 0;
    width: 755px;
    text-align: center;
  }
  .visual-slider .slider-text h2 {
    font-size: var(--font-size-11);
    line-height: 1.5;
  }
  .visual-slider .slider-text p {
    margin-top: var(--space-7);
  }
  .grid-slider {
    margin-top: 0;
  }
  .grid-slider .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
    height: 750px;
  }
  .grid-slider .controller {
    display: none;
  }
  .grid-slider .swiper-slide {
    overflow-y: auto;
  }
  .grid-slider .swiper-slide:hover, .grid-slider .swiper-slide:focus {
    background-color: var(--color-danger);
  }
  .grid-slider .swiper-slide:hover .number,
  .grid-slider .swiper-slide:hover h3,
  .grid-slider .swiper-slide:hover .description,
  .grid-slider .swiper-slide:hover .description li,
  .grid-slider .swiper-slide:hover .icon, .grid-slider .swiper-slide:focus .number,
  .grid-slider .swiper-slide:focus h3,
  .grid-slider .swiper-slide:focus .description,
  .grid-slider .swiper-slide:focus .icon {
    color: var(--font-white);
  }
  .grid-slider .swiper-slide:hover .description li::before {background-color: #fff;}
  .grid-slider .swiper-slide:nth-of-type(2) {
    order: 3;
    margin-top: 0 !important;
  }
  .grid-slider .swiper-slide:nth-of-type(3) {
    order: 5;
  }
  .grid-slider .swiper-slide:nth-of-type(4) {
    order: 2;
  }
  .grid-slider .swiper-slide:nth-of-type(5) {
    order: 4;
    margin-top: var(--space-2) !important;
  }
  .grid-slider .swiper-slide:nth-of-type(6) {
    order: 6;
  }
  .simple-slider .swiper-wrapper {
    padding-top: var(--space-5);
    padding-bottom: 0;
  }
  .simple-slider .controller {
    display: inline;
  }
  .simple-slider .swiper-pagination {
    display: none;
  }
  .simple-slider .controls {
    display: block;
  }
  /* .simple-slider .slider-button {
    position: absolute;
    top: calc(var(--space-11) + 1px);
  }
  .simple-slider .slider-prev {
    left: 0;
  }
  .simple-slider .slider-next {
    right: 0;
  } */
  .card-slider {
    flex-shrink: 0;
    width: 38%;
    max-width: 410px;
  }
  .card-slider.nodata .text-wrap {
    height: 268px;
    padding: var(--space-9) var(--space-6) 0;
  }
  .card-slider.nodata h3 {
    margin-bottom: 0;
    line-height: 135px;
  }
  .university-slider {
    margin-bottom: var(--space-6);
  }
  .university-slider .swiper-slide {
    width: 90px;
  }
  .university-slider .swiper-pagination {
    display: inline-flex;
  }
  .images-card-slider .text-wrap {
    min-height: 153px;
  }
  .images-card-slider .controller {
    justify-content: end;
    margin-top: var(--space-6);
  }
  .images-card-slider .controls {
    display: inline-flex;
  }
  .sns-slider {
    margin-top: var(--space-7);
    padding-bottom: 60px;
  }
  .sns-slider .swiper-slide {
    min-height: 575px;
  }
  .sns-slider .image-wrap {
    /* width: 254px;*/
    width: 100%;
    height: 238px;
  }
  .sns-slider h3 {
    margin-top: var(--space-6);
  }
  .sns-slider .description {
    margin-top: var(--space-4);
  }
  .sns-slider:has(.post-detail) .swiper-slide {
    width: 410px;
    min-height: 526px;
  }
  .sns-slider:has(.post-detail) .image-wrap {
    width: 100%;
    height: 172px;
  }
  .sns-slider .controller {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 0;
  }
  .sns-slider .controls {
    display: inline-flex;
  }
  .booth-promotion-slider .controller {
    justify-content: end;
    margin-top: var(--space-6);
  }
  .booth-promotion-slider .controls {
    display: inline-flex;
  }
  .thumbnails-slider .thumbnails .swiper-slide .title {
    margin-top: var(--space-4);
    font-size: var(--font-size-5);
    font-weight: var(--font-weight-bold);
  }
  .thumbnails-slider .thumbs-slides {
    display: block;
    margin-top: var(--space-10);
  }
  .thumbnails-slider .thumbs-slides .swiper-slide {
    width: 25%;
    max-width: 302px;
  }
  .thumbnails-slider .thumbs-slides .swiper-slide .video {
    height: auto;
    overflow: initial;
  }
  .thumbnails-slider .thumbs-slides .swiper-slide .video img {border-radius: 8px;}
  .thumbnails-slider .thumbs-slides .swiper-slide.swiper-slide-thumb-active .title {
    color: var(--font-darken);
    font-weight: var(--font-weight-bold);
  }
  .thumbnails-slider .thumbs-slides .swiper-slide .title {
    margin-top: var(--space-4);
    color: var(--font-basic);
  }
  .image-slider .swiper-wrapper {
    max-height: 656px;
    height: 656px;
  }
  .image-slider .controller-box {
    display: flex;
    justify-content: space-between;
  }
  .image-slider .text-wrap {
    align-content: center;
  }
  .image-slider .controller {
    margin-top: 0;
  }
  .registration {
    max-width: 880px;
  }
  .registration.fluid {
    max-width: 100%;
  }
  .registration.outlined {
    max-width: 100%;
    margin-top: var(--space-6);
    padding: var(--space-10);
    border: 1px solid var(--border-light);
  }
  .registration.outlined li {
    max-width: 880px;
  }
  .message-wrap .form-block {
    align-items: flex-start;
  }
  .write-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .write-form-footer .page-buttons {
    margin-top: 0;
  }
  .search-layer {
    bottom: auto;
    position: absolute;
    top: 100%;
    z-index: 2;
  }
  .search-layer .close-button {
    width: 40px;
    height: 40px;
  }
  .search-layer .search-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 1280px;
    max-height: 100%;
    margin-inline: auto;
    max-height: 700px;
    height: 700px;
  }
  .search-layer h3 {
    width: 100%;
    max-width: 846px;
    margin-inline: auto;
  }

  .search-layer .search-body {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 846px;
    height: 100%;
    margin-top: var(--space-6);
    margin-inline: auto;
    position: relative;
  }
  .search-layer .search-body .search-box {
    flex-direction: row;
  }
  .search-layer .search-body .search-box .select2 {
    width: 220px !important;
  }
  .search-layer .search-body .search-box .button {
    width: auto;
  }
  .search-layer .search-body .related-search-box {
    display: none;
    width: 746px !important;
    /* height: 488px; */
    height: calc(100% - 60px);
    max-height: unset;
    overflow: hidden;
    padding: var(--space-2) var(--space-4);
    top: 55px;
  }
  .search-layer .search-body .related-search-box h5 {
    width: 200px;
    margin: calc(var(--space-1) + 1px) 0 calc(var(--space-1) + 1px) var(--space-2);
  }
  .search-layer .search-body .related-search-box .tab {
    position: absolute;
    top: 8px;
    right: 16px;
  }
  .search-layer .search-body .related-search-box .tab ul {
    justify-content: flex-end;
  }
  .search-layer .search-body .related-search-box .search-keyword {
    margin: var(--space-3) 0;
  }
  .search-layer .search-body .related-search-box .search-keyword p {
    display: inline-block;
    width: 185px;
    margin-bottom: 0;
    margin-right: var(--space-2);
  }
  .search-layer .search-body .related-search-box .search-list {
	height: 340px;
    /* height: 360px; */
    max-height: unset;
    padding: var(--space-2);
    margin: 0;
  }
  .search-layer .search-body .related-search-box .search-list li a {
    display: flex;
    align-items: center;
    gap: var(--space-6);
  }
  .search-layer .search-body .related-search-box .search-list .info {
    margin-left: 0;
    flex:none;
    width: 100px;
  }
  /* ── 영어(item-lang-en) 모드 전용 오버라이드 ── */
  /* 1) a 태그 자체에 붙은 item-lang-en 클래스 */
  .search-layer .search-body .related-search-box .search-list li a.item-lang-en {
    gap: inherit;
    display: flex;
    align-items: initial;
    flex-direction: column;
  }

  /* 2) 그 안의 .info 영역만 따로 */
  .search-layer .search-body .related-search-box .search-list li a.item-lang-en .info {
    margin-left: var(--space-12);
    width: 90%;
  }
  .search-layer .search-body .related-search-box .search-list .university {display: flex; align-items: center;}
  .search-layer .search-body .related-search-box .search-list .university img {
    width: 40px;
    height: 40px;
    margin-top: 0;
    flex:none;
  }
  .search-layer .search-body .related-search-box .search-list .university strong {flex:none; width: calc(100% - 45px);}
  .search-layer .search-body .related-search-box .search-list .university .name {
    line-height: var(--space-10);
  }
  .search-layer .search-body .related-search-box .search-list .major {
    margin-left: 0;
  }
  .search-layer .search-body .related-search-box .search-list .major span {
    position: relative;
    display: inline-block;
  }
  /* 영어 모드(item-lang-en)일 때만 */
  .search-layer .search-body .related-search-box .search-list li a.item-lang-en .major {
    margin-left:var(--space-12)
  }
  .search-layer .search-body .related-search-box .search-list .major span:first-of-type {
    margin-right: 16px;
  }
  .search-layer .search-body .related-search-box .search-list .major span:first-of-type:not(:only-of-type)::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: var(--space-3);
    background: var(--border-basic);
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
  }
  .search-layer .search-body .related-search-box .search-list .contents-box .desc {
    height: 72px;
    -webkit-line-clamp: 3;
  }
  .search-layer .search-body .search-results {
    flex-direction: row;
  }
  .search-layer .search-body .search-results .results-box {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    gap: var(--space-9);
    padding: var(--space-3) var(--space-6);
  }
  .search-layer .search-body .search-results .results-box + .results-box {
    margin-top: 0;
    border-top: none;
    border-left: 1px solid var(--border-light);
  }
  .search-layer .search-body .search-results .results-box .results-header {
    flex-direction: row;
    justify-content: space-between;
  }
  .search-layer .search-body .search-results .results-box ul.results-list,
  .search-layer .search-body .search-results .results-box ol.results-list {
    max-height: 360px;
    margin-top: 0;
    padding: 0;
    border-top: none;
  }
  .booth-visual-area {
    min-height: 500px;
    background: var(--image-path) center/cover no-repeat;
  }
  .booth-visual-area + .booth-promotion, .booth-visual-area + .booth-experience {
    margin-top: 0;
  }
  .booth-visual-area .visual-container {
    width: 100%;
    max-width: var(--container);
    margin-inline: auto;
  }
  .booth-visual-area .title-box .logo {
    width: 100px;
    height: 100px;
  }
  .booth-visual-area .title-box h2 {
    margin-top: var(--space-7);
    font-size: var(--font-size-10);
  }
  .booth-visual-area .title-box .desc {
    margin-top: var(--space-2);
    font-size: var(--font-size-5);
  }
  .booth-visual-area .filter-box {
    margin-top: var(--space-7);
  }
  .booth-visual-area .quick-wrap {
    min-height: 112px;
    margin-top: var(--space-6);
    padding-block: var(--space-3);
  }
  .booth-visual-area .quick-box {
    display: flex;
    justify-content: space-evenly;
    max-width: 1000px;
    margin-inline: auto;
  }
  .booth-visual-area .visitor-box {
    flex-grow: 1;
    justify-content: space-around;
    gap: var(--space-4);
    max-width: 50%;
    min-height: 0;
  }
  .booth-visual-area .counter {
    flex-direction: column-reverse;
    max-width: 240px;
  }
  .booth-visual-area .counter strong {
    font-size: var(--font-size-8);
  }
  .booth-visual-area .counter p {
    font-size: var(--font-size-3);
    font-weight: var(--font-weight-bold);
  }
  .booth-visual-area .quick-buttons {
    flex-grow: 1;
    margin: 0;
    padding: 0;
    border: none;
    justify-content: space-around;
    gap: var(--space-4);
    max-width: 50%;
  }
  .booth-visual-area .quick-button {
    gap: var(--space-2);
    max-width: 240px;
    font-size: var(--font-size-3);
    font-weight: var(--font-weight-bold);
  }
  .type-b .booth-visual-area .visual-container {
    max-width: 100%;
    margin-inline: 0;
    padding-top: var(--space-20);
  }
  .type-b .booth-visual-area .title-box {
    display: flex;
    align-items: center;
    gap: var(--space-7);
    max-width: 1000px;
    margin-inline: auto;
    padding: var(--space-9) var(--space-8);
  }
  .type-b .booth-visual-area .title-box .title {
    flex: 1 1;
    min-width: 1px;
    text-align: center;
  }
  .type-b .booth-visual-area .title-box h2 {
    margin-top: 0;
  }
  .type-b .booth-visual-area .filter-box {
    width: 100%;
    max-width: var(--container);
    margin-top: var(--space-5);
    margin-inline: auto;
  }
  .type-b .booth-visual-area .filter-box .filter-list {
    margin-left: auto;
    padding-left: var(--space-10);
  }
  .type-b .booth-visual-area .quick-wrap {
    min-height: 120px;
    align-content: center;
  }
  .type-b .booth-visual-area .quick-button {
    flex-direction: column;
  }
  .type-c .booth-visual-area {
    padding-inline: var(--space-5);
  }
  .type-c .booth-visual-area .visual-container {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-15);
    padding: 0;
  }
  .type-c .booth-visual-area .contents-wrap {
    margin-bottom: 0;
    padding-left: 0;
  }
  .type-c .booth-visual-area .quick-wrap {
    flex-shrink: 0;
  }
  .type-c .booth-visual-area .quick-box {
    display: block;
    width: 390px;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 0;
    border-radius: var(--radius-5);
  }
  .type-c .booth-visual-area .counter {
    flex-direction: row;
    max-width: 40%;
    gap: var(--space-4);
  }
  .type-c .booth-visual-area .visitor-box {
    justify-content: space-evenly;
    max-width: 100%;
    padding-inline: var(--space-2);
  }
  .type-c .booth-visual-area .quick-buttons {
    align-items: center;
    justify-content: space-evenly;
    gap: var(--space-4);
    max-width: 100%;
    padding-inline: var(--space-2);
  }
  .type-c .booth-visual-area .quick-button {
    max-width: 40%;
  }
  .type-d .booth-visual-area {
    height: 500px;
  }
  .type-d .booth-visual-area .visual-container {
    flex-direction: row-reverse;
    height: 100%;
    padding-top: 0;
  }
  .type-d .booth-visual-area .quick-wrap {
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 420px;
    height: 100%;
    margin-top: 0;
    background-color: var(--school-theme-primary);
    border-radius: 0;
  }
  .type-d .booth-visual-area .quick-box {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .type-d .booth-visual-area .quick-box .logo-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-1);
    height: 100%;
    padding: var(--space-3);
  }
  .type-d .booth-visual-area .quick-box .logo-box .logo {
    width: 150px;
    height: 150px;
  }
  .type-d .booth-visual-area .visitor-box {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 80px;
  }
  .type-d .booth-visual-area .counter {
    flex-direction: row;
    gap: var(--space-4);
  }
  .type-d .booth-visual-area .quick-buttons {
    min-width: 100%;
    padding-block: var(--space-6);
    padding-inline: var(--space-2);
  }
  .type-d .booth-visual-area .contents-wrap {
    flex-grow: 1;
    align-content: center;
    margin-bottom: 0;
  }
  .type-d .booth-visual-area .contents-wrap .logo {
    display: none;
  }
  .type-d .booth-visual-area .contents-wrap .favorite-button {
    display: none;
  }
  .type-d .booth-visual-area .title-box {
    max-width: 520px;
    margin-inline: auto;
  }
  .type-d .booth-visual-area .title-box h2 {
    margin-top: 0;
  }
  .type-d .booth-visual-area .title-box .desc {
    margin-top: var(--space-5);
  }
  .type-d .booth-visual-area .filter-list {
    margin-top: var(--space-10);
    margin-inline: auto;
    padding-left: 0;
  }
  .type-e .booth-visual-area {
    padding-bottom: 50px;
    background: none;
  }
  .type-e .booth-visual-area .visual-container {
    max-width: 100%;
  }
  .type-e .booth-visual-area .contents-wrap {
    min-height: 440px;
    padding-top: var(--space-10);
    padding-bottom: 0;
    background: var(--image-path) center/cover no-repeat;
  }
  .type-e .booth-visual-area .filter-box .favorite-button {
    display: none;
  }
  .type-e .booth-visual-area .filter-list {
    margin-inline: auto;
  }
  .type-e .booth-visual-area .quick-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: var(--container);
    min-height: 100px;
    margin-top: 0;
    margin-inline: auto;
  }
  .type-e .booth-visual-area .quick-wrap .favorite-button {
    display: inline-flex;
    width: 48px;
    height: 48px;
    margin-left: auto;
  }
  .type-e .booth-visual-area .quick-box {
    margin-right: 0;
  }
  .type-e .booth-visual-area .visitor-box {
    margin-left: auto;
  }
  .type-e .booth-visual-area .counter {
    flex-direction: row;
    gap: var(--space-4);
  }
  .type-e .booth-visual-area .quick-buttons {
    margin: 0;
    padding: 0;
  }
  .type-e .booth-visual-area .quick-button {
    flex-direction: row;
    font-weight: var(--font-weight-bold);
  }
  .type-f .booth-visual-area {
    position: relative;
    min-height: 535px;
  }
  .type-f .booth-visual-area::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    min-width: 90.41%;
    max-width: 1736px;
    min-height: 450px;
    border-end-start-radius: 255px;
    border-start-start-radius: 255px;
    background-color: var(--bg-lighten);
  }
  .type-f .booth-visual-area .visual-container {
    max-width: 100%;
  }
  .type-f .booth-visual-area .contents-wrap {
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 81.25%;
    max-width: 1560px;
    min-height: 420px;
    padding-right: 100px;
    border-start-end-radius: 255px;
    border-end-end-radius: 255px;
    background: var(--image-path) center/cover no-repeat;
  }
  .type-f .booth-visual-area .contents-wrap .title-box {
    width: 100%;
    max-width: 1000px;
  }
  .type-f .booth-visual-area .quick-wrap {
    gap: 0;
    margin-top: var(--space-4);
    min-width: 81.25%;
    max-width: 1560px;
    margin-left: auto;
  }
  .type-f .booth-visual-area .quick-box {
    max-width: 100%;
    justify-content: start;
    min-height: 80px;
    margin-inline: 0;
  }
  .type-f .booth-visual-area .visitor-box {
    flex-grow: 0;
    flex-basis: 490px;
    justify-content: flex-start;
    gap: var(--space-6);
    padding-left: var(--space-5);
    padding-right: 4.89%;
  }
  .type-f .booth-visual-area .visitor-box .favorite-button {
    margin-left: 0;
    margin-right: auto;
  }
  .type-f .booth-visual-area .counter {
    flex-direction: row;
  }
  .type-f .booth-visual-area .quick-buttons {
    flex-shrink: 0;
    justify-content: flex-start;
    max-width: 100%;
    padding-left: 4.89%;
  }
  .type-f .booth-visual-area .quick-button {
    flex-direction: row;
  }
  .type-g .booth-visual-area {
    min-height: 500px;
    margin-top: var(--space-5);
    padding-inline: var(--space-10);
    padding-bottom: var(--space-5);
  }
  .type-g .booth-visual-area .visual-container {
    max-width: 100%;
    padding: 0;
  }
  .type-g .booth-visual-area .contents-wrap {
    flex-grow: 1;
    align-content: center;
    width: 100%;
    max-width: var(--container);
    margin-inline: auto;
    margin-bottom: 0;
    padding: 0;
  }
  .type-g .booth-visual-area .title-box {
    display: flex;
    gap: var(--space-10);
  }
  .type-g .booth-visual-area .title-box .logo {
    width: 150px;
    height: 150px;
  }
  .type-g .booth-visual-area .title-box .filter-list {
    gap: var(--space-5);
    margin-top: 0;
  }
  .type-g .booth-visual-area .title-box h2 {
    margin-top: var(--space-6);
  }
  .type-g .booth-visual-area .title-box .desc {
    margin-top: var(--space-4);
  }
  .type-g .booth-visual-area .quick-wrap {
    gap: 0;
    min-height: 0;
    margin-top: 0;
    border-radius: 0;
  }
  .type-g .booth-visual-area .quick-box {
    min-height: 100px;
    max-width: var(--container);
  }
  .type-g .booth-visual-area .visitor-box {
    justify-content: space-evenly;
    max-width: calc(var(--container) / 2);
    height: auto;
  }
  .type-g .booth-visual-area .counter {
    flex-direction: row;
    gap: var(--space-4);
  }
  .type-g .booth-visual-area .quick-buttons {
    justify-content: space-evenly;
    max-width: calc(var(--container) / 2);
  }
  .type-g .booth-visual-area .quick-button {
    flex-direction: row;
  }
  .type-h .booth-visual-area {
    padding-bottom: 0;
    background: var(--image-path) center/cover no-repeat;
  }
  .type-h .booth-visual-area .visual-container {
    max-width: 1000px;
    padding-top: var(--space-10);
    padding-bottom: var(--space-5);
  }
  .type-h .booth-visual-area .contents-wrap {
    padding: 0;
    background: none;
  }
  .type-h .booth-visual-area .title-box {
    display: flex;
    align-items: center;
    gap: var(--space-7);
    padding: var(--space-10) var(--space-8);
  }
  .type-h .booth-visual-area .title-box .logo {
    width: 120px;
    height: 120px;
  }
  .type-h .booth-visual-area .title-box .title {
    flex-grow: 1;
  }
  .type-h .booth-visual-area .title-box .title h2 {
    margin-top: 0;
  }
  .type-h .booth-visual-area .quick-wrap {
    transform: none;
    padding: 0;
  }
  .type-h .booth-visual-area .quick-box {
    gap: var(--space-5);
    min-height: 128px;
  }
  .type-h .booth-visual-area .visitor-box {
    width: 100%;
    max-width: 50%;
    height: auto;
  }
  .type-h .booth-visual-area .quick-buttons {
    width: 100%;
    max-width: 50%;
    margin-top: 0;
  }
  .footer-floating-buttons {
    right: var(--space-12);
  }
  .footer-floating-buttons .icon-button {
    width: 80px;
    height: 80px;
  }
  .footer-floating-buttons .btn-floating-chatting .title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
  }
  .form-search {
    margin-bottom: 40px;
  }
  .form-list.form-work24 {
    border: 8px solid #eee;
  }
  .form-list.form-work24 .form-ipt {
    padding-top: 24px;
  }
  .form-list.form-work24 .form-sh01 {
    padding: 20px;
  }
  .form-list.form-work24 .form-sh02 .form-ipt {
    padding: 20px;
  }
  .w60p {
    width: 60% !important;
  }
  .ipt-mid {
    height: 40px !important;
  }
  .box-align.type1 {
    flex-direction: row;
  }
  .box-align.type1 .left {
    order: 1;
  }
  .box-align.type1 .right {
    order: 2;
  }
  .login-modal .lm-title {
    font-size: 18px;
  }
  .login-modal-simple {
    margin-top: var(--space-10);
  }
  .ipt-grad1 .form-wrap {flex-wrap: wrap;}
  .ipt-grad1 .form-wrap > label {width: 160px !important;}
  .ipt-grad1 .form-wrap .ox-group {flex:1;}
  .search-box.mo-sh-box {
	flex-direction: row;
  }
  .search-box.mo-sh-box input {
	flex:1;
  }
  .mo-col {flex-direction: row;}
  .mo-w100p {width: auto;}

  .banner1 a {justify-content: center; padding-left: 88px;}
  .banner1 .text {font-size: 20px;}
  .banner1 .title {font-size: 40px;}
  .banner1.banner-supporters a {background: #13346F url("../images/common/img_banner_supp.png") no-repeat bottom right; background-size: auto 100%;}

  .box-graphic1 > div {width: calc(50% - var(--space-6)); margin-bottom: 0px;}
  .box-graphic1 .chart-desc {text-align: left;}
  .box-graphic1 .chart-legend .cate4 {flex-direction: row; align-items: flex-start; flex-wrap: wrap;}

  .banner-study .banner {
	align-items: center;
	padding: 0 var(--space-20);
	background: #1867B0 url(../images/life/bg-banner-main.svg) right top / cover no-repeat;
	background-position: right -170px top;
  }
  .banner-study .banner-title span {font-size: inherit;}
  .banner.gks .banner-title,
  .banner-study .banner .banner-title {font-size: var(--font-size-6);}

  .table-wrap.type1 {max-height: 555px;}

  .board-webtoon {padding-top: 40px;}

  /* .simple-slider {padding: 0 40px;}
  .simple-slider .slider-button {z-index: 2;}
  .simple-slider::before {position: absolute; left: 0px; top: 0px; content: ''; display: block; width: 40px; height: 100%; background: #fff; z-index: 1;}
  .simple-slider::after {position: absolute; right: 0px; top: 0px; content: ''; display: block; width: 40px; height: 100%; background: #fff; z-index: 1;} */

  .kori-bubble .bubble-inner::before {border-right: 0;}
  .kori-bubble .bubble-inner::after {border-right: 0;}

/* //tb-pc */
}

/* wide */
@media screen and (min-width: 1024px) {
  .page-bg.community {
    background-image: url("../images/community/bg-community.svg");
    background-position: top right;
    background-size: 486px 162px;
  }
  .section-title.type-more a span {
    display: inline-block;
  }
  .board-utility .select-box {
    flex: none;
    width: 203px;
  }
  .board-utility .search-box {
    width: 503px;
  }
  .basic-items.type-online .basic-item .note,
  .basic-items.type-online .basic-item .major-wrap,
  .basic-items.type-online .basic-item .button {
    margin-left: auto;
  }
  .visual-slider {
    background: #09224e;
  }
  .visual-slider .swiper-wrapper {
    max-width: 1920px;
    margin: 0 auto;
  }
  /* .simple-slider {
    padding-left: var(--space-18);
    padding-right: var(--space-18);
  } */
  .grid-slider {
    margin-left: var(--space-6);
  }
  .sns-slider .swiper-slide {
    padding: var(--space-6);
  }
  .images-card-slider .text-wrap {
    min-height: 108px;
  }
  .ai-chat .chat-footer .buttons {
    flex-direction: row;
  }
  .floating {
    gap: var(--space-3);
  }
  .floating .icon-button {
    width: 60px;
    height: 60px;
  }
  .form-list.form-work24 {
    border-width: 12px;
  }
  .form-list.form-work24 .form-sh01 {
    padding: 48px;
  }
  .form-list.form-work24 .form-sh02 .form-ipt {
    padding: 32px 48px;
  }
  .form-search {
    flex-direction: row;
  }
  .form-search .ipt-field {
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  .form-search .ipt-field .select-box {
    width: 150px !important;
    margin: 0 4px 0 0;
  }
  .form-search .ipt-field.num02 .search-box {
    margin: 0px;
  }
  .form-search .btn {
    flex:none;
    width: 160px;
    height: 100px;
    margin-left: 4px;
  }
  .form-list.form-work24 .form-ipt .form-item {
    flex-direction: row;
  }
  .form-list.form-work24 .form-ipt .entry {
    width: 120px;
    margin-bottom: 0;
  }
  .form-list.form-work24 .form-sh02 .form-ipt .form-item:first-of-type {
    border-top: 1px solid #ccc;
  }
  .form-list.form-work24 .form-sh02 .form-ipt .form-item {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
  .form-list.form-work24 .form-sh02 .form-ipt .entry {
    width: 160px;
    padding: 0 20px;
    background-color: rgb(248, 248, 248, 0.5);
  }
  .form-list.form-work24 .form-sh02 .form-ipt .comp {
    padding: 20px 12px;
  }

  .step-detail .section-title h3 {flex:none}
  .step-detail .section-title > p {width: auto;}

  .ipt-cal1 .form-block {flex-wrap: nowrap;}
  .ipt-cal1 .test-info dt {width: auto;}
  .ipt-grad1 .form-wrap {flex-wrap: nowrap;}
  .item-list.col2.list-pisa {
	grid-template-columns: repeat(2, 1fr);
  }

  line-box {
    padding: var(--space-10);
  }

.banner-study .banner {background-position: right top;}
.banner.gks .banner-title,
.banner-study .banner .banner-title {font-size: var(--font-size-8);}


.result-search,
.result-depart {width: calc(100% - 302px - var(--space-6));}
.result-search .card-image-item,
.result-depart .card-title-item {overflow: hidden;}
.result-search .card-image-item .image-wrap {flex:none; width: 100%; max-width: 100%; height: 196px;}
.result-search .card-image-item .image-wrap img {width: 100%; max-width: 100%; height: 100%;}

.search-content .result-wrap {flex:none; width: calc(100% - 300px - var(--space-6)); overflow: hidden;}
.search-content .search-items > a {display: block;}

.banner-study .text1 {display: block; color: #fff; font-size: var(--font-size-8);}
.banner-study .text2 {display:inline-block; color: #fff; font-size: var(--font-size-8);}
.banner-study .text3 {display:inline-block; color: #99F0FF; font-size: var(--font-size-8);}
/*.modal.image-slider-modal .swiper-wrapper {overflow-y: auto; overflow-x: hidden;} */
/* //pc */
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
  .card-image-item {
    max-width: 30.9%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .result-search,
  .result-depart {width: 100%;}

  .result-search .card-image-item {max-width: 31%;}
  .result-search .card-image-item {overflow: hidden;}
  .result-search .card-image-item .image-wrap {flex:none; width: 100%; max-width: 100%; height: 196px;}
  .result-search .card-image-item .image-wrap img {width: 100%; max-width: 100%; height: 100%;}

  .result-depart .card-title-item {flex:none; width: calc(50% - var(--space-3));}

  .sh-ck-list.col3 li,
  .sh-ck-list.col5 li {width: 50%;}

  .form-search .form-item .box-field {width: 100%; margin-bottom: 4px;}

  .dl-tb-col2 .dl-row-wrap .dl-row {flex-wrap: wrap;}
  .dl-tb-col2 .dl-row-wrap .dl-row .dl-cell {flex:none !important; width: calc(50% - var(--space-3));}

  .banner.ai .banner-text {width: 100%;}
  .banner.ai .banner-title .sm {font-size: var(--font-size-6) !important;}
  .banner.ai .banner-title p {font-size: var(--font-size-6) !important;}

  .banner1 .title {font-size: 28px;}

  .banner-study .text1,
  .banner-study .text2,
  .banner-study .text3 {font-size: var(--font-size-6);}

  .basic-items.type-online .basic-item {justify-content: flex-start; flex-wrap: wrap;}
  .basic-items.type-online .basic-item .title-wrap {flex:none; width: 100%; max-width: 100%; margin-bottom: 10px;}
  .basic-items.type-online .basic-item .state {margin-left: 0;}

  .abroad-wrap .aboard-info-box {gap: 0; flex-direction: column;}
  .abroad-wrap .fractions {margin-top: 8px;}

  .basic-items.type-counsel .division-items {flex-direction: column;}
  .basic-items.type-counsel .division-items p::before {display: none;}
  /*
  .basic-items.type-counsel .basic-item {flex-wrap: wrap;}
  .basic-items.type-counsel .basic-item .title-wrap {flex:none; width: 100%;}*/

  .online-list .list-item > a {flex-direction: column; align-items: flex-start;}
  .online-list .list-item .status {width: auto; max-width: 100%;}

  .search-content .result-wrap {
    flex: none;
    width: calc(100% - 300px - var(--space-6));
    overflow: hidden;
  }

}

@media screen and (max-width: 1024px) {
  .search-content .search-item .tit-box {flex-direction: column;}
  .search-content .search-item .tit-box .title {width: 100%;}
  .search-content .search-item .tit-box .date {width: 100%; justify-content: flex-start; margin-top: 8px;}
  .search-content .search-item .tit-box .date span {margin-left: 0; margin-right: 4px;}
}

@media screen and (max-width: 768px) {
	.nodata-page {display: none !important;}
	.mo-mt4 {margin-top: 4px !important;}
  .sh-ck-list li {width: 100% !important;}
  .form-search .ipt-field.num01 .box-sh-layer .layer-inner.num01 {width: 50%;}
  .form-search .ipt-field.num01 .box-sh-layer .layer-inner.num02 {width: 50%;}

  .form-search .form-item .box-field {width: 100%; margin-bottom: 4px;}

  .form-search .ipt-field.num02 .box-sh-layer {flex-wrap: wrap; height: 270px;}
  .form-search .ipt-field.num02 .box-sh-layer .layer-inner.num01 {width: 100%; height: 120px; border-bottom: 1px solid #ccc;}
  .form-search .ipt-field.num02 .box-sh-layer .layer-inner.num02 {width: 50%; height: 150px;}
  .form-search .ipt-field.num02 .box-sh-layer .layer-inner.num03 {width: 50%; height: 150px;}

	.section-title h3 {width: 100%;}
  .section-title.type-more h3 {flex:none; width: calc(100% - 30px);}
  .section-title.type-more a {flex:none; width: 24px; margin-bottom: 4px;}

  /* .banner-study p:hover {border-bottom: 1px solid #fff;} */
  .banner-study .text1,
  .banner-study .text2,
  .banner-study .text3 {display: block;}

  .message-wrap.type1 .message {position: relative; top: 0;}

  .kori-bubble .bubble-inner {padding: 0px 8px; width: auto;}
  .kori-bubble {margin-right: 0;}
  .kori-bubble .text.t2 {display: none;}

  .kori-bubble .text {font-size: 12px; font-weight: 700;}
  .kori-bubble .bubble-inner::before {border-left: 0; margin-bottom: -2px; left: inherit; right: 8px;}
  .kori-bubble .bubble-inner::after {border-left: 0; margin-bottom: -6px; z-index: -1; left: inherit; right: 5px;}

  .grid-slider .swiper-wrapper {align-items: stretch;}
  .grid-slider .swiper-slide {height: auto;}

  .text-basic.date.type1 {margin-top: -16px;}

  .basic-items.type-online .basic-item .division-items p:nth-of-type(2) {flex: none; width: 90px;}
  .type-kori-board .division-items p:nth-of-type(2) {width: 100px;}
  .type-kori-board .basic-item {width: 100%;}

  .section-title.type-registration .section-extra {margin: 4px 0 0 0; gap: 0;}
  .section-title.type-registration .ox {flex:none;}
  .section-title.type-registration .section-extra .button {margin-left: 4px;}

  .online-list .list-item .status {width: 100%; max-width: 100%;}

  .mo-reg-col .file-upload {flex-direction: column;}

  .page-breadcrumb {flex-wrap: wrap;}

  .no-data::before {
	  width: 80px;
	  height: 80px;
	  margin: 0 auto var(--space-2);
	}

	.result-search .card-image-item .text-wrap {min-height: auto;}

	.result-search .card-image-item .image-wrap {width: 100%; max-width: 100%; height: 200px;}
	.result-search .card-image-item .image-wrap img {width: 100%; max-width: 100%; height: 100%;}

	.sh-open-layer:not(:lang(ko)) {flex-direction: column;}
	.btn-sh-layer:not(:lang(ko)) {margin-right: 0; margin-bottom: 4px;}

	.abroad-wrap .fractions .division-items > p {flex:none; width: auto;}

	.search-layer .related-search-box {width: 100% !important;}

	/*
	.search-layer .search-wrapper {height: 100%;}
	.search-layer .related-search-box {max-height: calc(100vh - 235px);}
	.search-layer .related-search-box .search-list {max-height: 360px;} */

	.search-layer .related-search-box .search-list .university {display: flex; align-items: center;}
	.search-layer .related-search-box .search-list .university img {flex:none; width: 32px; height: 32px;}
	.search-layer .related-search-box .search-list .university strong {flex:none; width: calc(100% - 40px);}


	.chart-bar .chart-item .label {font-size: 16px; width: calc(100% - 140px);}
	.chart-bar.type1 .chart-item > .label {width: 100%;}
	.chart-bar .chart-item .bar-box .num {font-size: 24px; letter-spacing: -0.4px;}
	.chart-bar .chart-legend ul.unit .right {text-align: left;}

	.chart-pie-legend ul {flex-wrap: wrap;}
	.chart-pie-legend li {margin: 2px 0;}
	.chart-pie-legend > span {text-align: left;}

	.chart-title > .sm {font-size: 14px;}

  .chart-wrap.mo-nimg::before {display: none !important;}
  .chart-wrap.mo-nimg .chart-title {margin: 0 0 20px 0;}

  .grid-slider .list-dot > li {font-size: 16px !important;}
  .modal.image-slider-modal .close-button {background: #000;}

}