@charset "UTF-8";
/* ^scss에서 수정해주세요!  Don't edit .css file, Only work on the scss*/
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-Thin.woff2) format("woff2"), url(../../common/fonts/Pretendard-Thin.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-ExtraLight.woff2) format("woff2"), url(../../common/fonts/Pretendard-ExtraLight.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-Light.woff2) format("woff2"), url(../../common/fonts/Pretendard-Light.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-Regular.woff2) format("woff2"), url(../../common/fonts/Pretendard-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-Medium.woff2) format("woff2"), url(../../common/fonts/Pretendard-Medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-SemiBold.woff2) format("woff2"), url(../../common/fonts/Pretendard-SemiBold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-Bold.woff2) format("woff2"), url(../../common/fonts/Pretendard-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-ExtraBold.woff2) format("woff2"), url(../../common/fonts/Pretendard-ExtraBold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-Black.woff2) format("woff2"), url(../../common/fonts/Pretendard-Black.woff) format("woff");
  font-display: swap;
}
html {
  /* Prevent font scaling in landscape */
  -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
  -moz-text-size-adjust: none; /*Firefox*/
  -ms-text-size-adjust: none; /*Ie*/
  -o-text-size-adjust: none; /*old versions of Opera*/
}

html, a, button,
input, textarea {
  font-family: "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕", Roboto, Arial;
}

*,
*::before,
*::after {
  letter-spacing: -0.02em;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-break: keep-all;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  letter-spacing: -0.025em;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  *,
  *::before,
  *::after {
    word-break: break-all;
  }
}

html {
  height: 100vh;
  -webkit-text-size-adjust: none;
  /*Chrome, Safari, newer versions of Opera*/
  -moz-text-size-adjust: none;
  /*Firefox*/
  -ms-text-size-adjust: none;
  /*Ie*/
  -o-text-size-adjust: none;
  /*old versions of Opera*/
}

/*a,body,dd,div,dl,dt,h1,h2,h3,h4,h5,input,li,ol,p,html,ul,button,textarea*/
html,
textarea,
input {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.35px;
  line-height: 1.14;
  word-break: keep-all;
}

a,
body,
dd,
div,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
html,
li,
ol,
p,
ul {
  padding: 0;
  margin: 0;
}

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

a,
img {
  border: none;
}

img {
  max-width: 100%;
}

a + a,
img,
input + a,
input + button {
  vertical-align: middle;
}

a {
  text-decoration: none;
  display: inline-block;
  color: #222;
  outline: none;
}

a:hover {
  text-decoration: none;
}

button,
button:hover,
button:active,
button:visited,
a:hover,
a:active,
a:visited {
  color: #222;
}

input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=date],
input[type=search],
input[type=time],
select,
textarea {
  box-sizing: border-box;
  color: #222;
  font-size: 14px;
  background: #fff;
  vertical-align: middle;
  height: 40px;
  padding-inline: 15px;
  border-radius: 6px;
  border: solid 1px #ddd;
}

input {
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

textarea {
  line-height: 1.5;
  outline: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/icon_arrow_down.png") no-repeat #fff;
  background-position: calc(100% - 10px) center;
  background-size: 10px auto;
  outline: none;
  padding-right: 30px;
}

/*select:disabled { background-image:url('../img/common/select_arrow_off.png'); background-color: #f8f8f8; } */
input[type=chekbox],
input[type=radio] {
  display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=search] {
  padding-inline: 12px 10px;
  height: 40px;
  border: 1px solid #EDEDED;
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: url(../img/icon_del.png) center center no-repeat;
  background-size: 10px auto;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

i {
  font-style: normal;
}

*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

table {
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
}

th {
  text-align: center;
  font-weight: 600;
}

td {
  text-align: left;
}

table > caption {
  position: absolute;
  text-indent: -9999px;
}

button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
}

button,
input,
textarea {
  -webkit-appearance: none;
}

textarea {
  width: 100%;
}

textarea {
  min-height: 150px;
  text-align: left;
  padding: 12px 15px;
}

input[type=tel] {
  width: 40px;
  min-width: 40px;
  margin-right: 4px;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
  font-size: 14px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
  font-size: 14px;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
  font-size: 14px;
}

input::placeholder,
textarea::placeholder {
  color: #C3C0C3;
  opacity: 1;
  font-size: 14px;
}

input:disabled {
  border: solid 1px #e7e8ef;
  background-color: transparent;
  cursor: not-allowed;
}

select:disabled,
input[readonly],
textarea[readonly] {
  border: 1px solid #e7e8ef;
  opacity: 1;
  background: transparent;
}

input[readonly]:focus,
textarea[readonly]:focus {
  outline: none;
}

input:focus {
  outline: none;
}

input:disabled::-webkit-input-placeholder,
input[readonly]::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder,
textarea[readonly]::-webkit-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}

input:disabled:-ms-input-placeholder,
input[readonly]:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}

input:disabled::-ms-input-placeholder,
input[readonly]::-ms-input-placeholder,
textarea:disabled::-ms-input-placeholder,
textarea[readonly]::-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}

input:disabled::placeholder,
input[readonly]::placeholder,
textarea:disabled::placeholder,
textarea[readonly]::placeholder {
  color: #C3C0C3;
  opacity: 1;
}

input::-ms-clear,
input::-ms-reveal,
textarea::-ms-clear,
textarea::-ms-reveal {
  display: none;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

textarea {
  line-height: 1.5;
}

textarea {
  resize: none;
}

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

hr {
  display: block;
  width: 100%;
  height: 1px;
  border: none;
}

main,
section,
article {
  display: block;
}

fieldset,
form {
  border: none;
  outline: none;
}

address {
  font-style: normal;
}

.svg_icon {
  transition: all 0.2s;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.svg_icon.icon_email {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.333 3.333h13.334c.916 0 1.666.75 1.666 1.667v10c0 .917-.75 1.667-1.666 1.667H3.333c-.916 0-1.666-.75-1.666-1.667V5c0-.917.75-1.667 1.666-1.667Z'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.333 5 10 10.833 1.667 5'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_pw {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23222' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.125 12.5a6.875 6.875 0 1 0 13.75 0 6.875 6.875 0 0 0-13.75 0Z'/%3E%3Cpath d='M8.125 12.5a1.875 1.875 0 1 0 3.75 0 1.875 1.875 0 0 0-3.75 0Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5.625 7.196V5a4.375 4.375 0 1 1 8.75 0v2.196'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_reset {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.334 7.333A5.4 5.4 0 0 0 3 6m-.333-2.667V6h2.667M2.667 8.667A5.4 5.4 0 0 0 13 10m.334 2.667V10h-2.667'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_search {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5.798 11.263a4.798 4.798 0 1 0 0-9.596 4.798 4.798 0 0 0 0 9.596ZM9.465 9.764l2.895 2.895'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.memu_academy {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23222' fill-rule='evenodd' d='M2.332.917A1.416 1.416 0 0 0 .916 2.333v6.179a1.416 1.416 0 0 0 1.416 1.416h6.18a1.416 1.416 0 0 0 1.415-1.416v-6.18A1.416 1.416 0 0 0 8.511.918h-6.18Zm0 11.156a1.416 1.416 0 0 0-1.416 1.416v6.179a1.416 1.416 0 0 0 1.416 1.416h6.18a1.416 1.416 0 0 0 1.415-1.416v-6.179a1.415 1.415 0 0 0-1.416-1.416h-6.18Zm8.88-9.44c0-.355.288-.643.644-.643h8.583a.644.644 0 1 1 0 1.287h-8.583a.644.644 0 0 1-.644-.644Zm.644 2.146a.644.644 0 1 0 0 1.287h8.583a.644.644 0 1 0 0-1.287h-8.583Zm-.644 3.432c0-.355.288-.643.644-.643h8.583a.644.644 0 1 1 0 1.287h-8.583a.644.644 0 0 1-.644-.644Zm.644 4.935a.644.644 0 1 0 0 1.287h8.583a.644.644 0 0 0 0-1.287h-8.583Zm-.644 3.432c0-.355.288-.643.644-.643h8.583a.644.644 0 1 1 0 1.287h-8.583a.644.644 0 0 1-.644-.644Zm.644 2.146a.644.644 0 1 0 0 1.287h8.583a.644.644 0 0 0 0-1.287h-8.583Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.memu_communication {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23222' fill-rule='evenodd' d='M14.143 4.722a2.285 2.285 0 0 0-3.59-1.925l-.004.003-6.083 4.271H2.357A2.374 2.374 0 0 0 0 9.428v3.143a2.374 2.374 0 0 0 2.357 2.357h2.104l5.94 4.268.011.008c1.525 1.056 3.69-.038 3.73-1.901V4.722Zm4.307.641a1.18 1.18 0 0 1 1.66.157c1.304 1.576 1.846 3.468 1.846 5.48 0 2.011-.544 3.903-1.846 5.48a1.179 1.179 0 0 1-1.817-1.503c.89-1.075 1.306-2.404 1.306-3.977s-.417-2.903-1.304-3.976a1.178 1.178 0 0 1 .155-1.66ZM16.03 8.31a1.179 1.179 0 0 1 1.565.57c.31.658.46 1.384.434 2.12a4.62 4.62 0 0 1-.434 2.122 1.179 1.179 0 0 1-2.134-.998c.156-.333.229-.7.21-1.068a1.121 1.121 0 0 1 0-.11 2.264 2.264 0 0 0-.21-1.069 1.178 1.178 0 0 1 .568-1.567h.001Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_analytics {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='%23222' clip-path='url(%23b)'%3E%3Cpath d='m5.757 12.119 3.3-2.2a.156.156 0 0 0 .055-.11.138.138 0 0 0-.055-.101l-2.989-1.99a1.1 1.1 0 0 0-1.136 0l-2.989 1.99a.137.137 0 0 0-.055.1.156.156 0 0 0 .055.11l3.3 2.2a.476.476 0 0 0 .514 0Z'/%3E%3Cpath d='M1.412 10.707a.092.092 0 0 0 0 .064v7.902a1.457 1.457 0 0 0 .568 1.072l2.988 2.1a1.1 1.1 0 0 0 1.137 0l2.988-2.1a1.457 1.457 0 0 0 .569-1.072V10.77a.092.092 0 0 0 0-.064.074.074 0 0 0-.074 0L6.261 12.88a1.375 1.375 0 0 1-1.522 0l-3.254-2.164a.073.073 0 0 0-.073-.009ZM12.412 3.145a.09.09 0 0 0 0 .064v15.464a1.457 1.457 0 0 0 .568 1.072l2.988 2.1a1.1 1.1 0 0 0 1.137 0l2.988-2.1a1.455 1.455 0 0 0 .569-1.072V3.209a.092.092 0 0 0 0-.064.073.073 0 0 0-.074 0l-3.327 2.172a1.375 1.375 0 0 1-1.522 0l-3.254-2.163a.073.073 0 0 0-.073-.01Z'/%3E%3Cpath d='m16.756 4.584 3.3-2.2a.154.154 0 0 0 .055-.11.137.137 0 0 0-.055-.101L17.069.156a1.1 1.1 0 0 0-1.137 0l-2.988 1.99a.136.136 0 0 0-.055.1.155.155 0 0 0 .055.11l3.3 2.228a.477.477 0 0 0 .514 0Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_attendance {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='%23222' clip-path='url(%23b)'%3E%3Cpath d='M7.054 9.685h-.876a.877.877 0 0 0 0 1.753h.876a.877.877 0 0 0 0-1.753ZM11.438 9.685h-.877a.877.877 0 1 0 0 1.753h.877a.877.877 0 0 0 0-1.753ZM15.822 9.685h-.876a.877.877 0 1 0 0 1.753h.877a.877.877 0 0 0 0-1.753ZM7.054 13.192h-.876a.877.877 0 0 0 0 1.754h.876a.877.877 0 0 0 0-1.754ZM11.438 13.192h-.877a.877.877 0 1 0 0 1.754h.877a.877.877 0 0 0 0-1.754ZM15.822 13.192h-.876a.877.877 0 1 0 0 1.754h.877a.877.877 0 0 0 0-1.754ZM7.054 16.7h-.876a.877.877 0 0 0 0 1.753h.876a.877.877 0 1 0 0-1.754ZM11.438 16.7h-.877a.877.877 0 1 0 0 1.753h.877a.877.877 0 1 0 0-1.754ZM15.822 16.7h-.876a.877.877 0 1 0 0 1.753h.877a.877.877 0 1 0 0-1.754Z'/%3E%3Cpath d='M19.33 3.109h-2.412a.22.22 0 0 1-.219-.22V1.356a.877.877 0 0 0-1.754 0V5.52a.658.658 0 0 1-1.315 0V3.547a.438.438 0 0 0-.438-.438h-5.48a.22.22 0 0 1-.22-.22V1.356a.877.877 0 0 0-1.753 0V5.52a.658.658 0 0 1-1.315 0V3.547a.438.438 0 0 0-.439-.438H2.67A1.754 1.754 0 0 0 .917 4.863v14.905a1.754 1.754 0 0 0 1.753 1.754h16.66a1.754 1.754 0 0 0 1.753-1.754V4.863a1.754 1.754 0 0 0-1.753-1.754Zm0 16.221a.438.438 0 0 1-.439.438H3.11a.438.438 0 0 1-.439-.438V8.808a.438.438 0 0 1 .439-.438H18.89a.438.438 0 0 1 .439.438V19.33Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_cs {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23222' d='M11 .917a10.083 10.083 0 1 0 0 20.167A10.083 10.083 0 0 0 11 .917ZM7.219 6.799a1.68 1.68 0 1 1 0 3.361 1.68 1.68 0 0 1 0-3.361Zm-.37 7.319a.36.36 0 0 1 .32-.185h7.663a.362.362 0 0 1 .319.185.361.361 0 0 1 0 .37 4.799 4.799 0 0 1-8.302 0 .361.361 0 0 1 0-.37Zm7.932-3.958a1.68 1.68 0 1 1 0-3.361 1.68 1.68 0 0 1 0 3.361Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_payments {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='%23222' clip-path='url(%23b)'%3E%3Cpath d='M8.25 7.333h5.5a.917.917 0 0 0 0-1.833h-5.5a.917.917 0 0 0 0 1.833ZM8.68 4.125a.458.458 0 0 0 .459.404h3.694a.467.467 0 0 0 .459-.404 8.404 8.404 0 0 1 1.1-2.75.431.431 0 0 0-.065-.522.458.458 0 0 0-.485-.165l-1.705.733a.211.211 0 0 1-.184 0 .23.23 0 0 1-.128-.119L11.422.285a.459.459 0 0 0-.844 0l-.403 1.017a.23.23 0 0 1-.128.12.211.211 0 0 1-.184 0L8.158.687a.458.458 0 0 0-.513.12.43.43 0 0 0-.064.522 8.406 8.406 0 0 1 1.1 2.795ZM14.153 8.36a.532.532 0 0 0-.33-.11H8.176a.532.532 0 0 0-.33.11c-2.337 1.833-4.95 4.95-4.95 7.7C2.896 19.938 5.06 22 11 22c5.94 0 8.103-2.063 8.103-5.94 0-2.75-2.603-5.912-4.95-7.7Zm-2.237 10.093a.238.238 0 0 0-.192.229v.339a.687.687 0 1 1-1.375 0v-.294a.23.23 0 0 0-.23-.229h-.54a.688.688 0 0 1 0-1.375h1.97a.614.614 0 0 0 .23-1.191l-1.998-.798a1.98 1.98 0 0 1 .302-3.795.239.239 0 0 0 .193-.229v-.34a.688.688 0 1 1 1.375 0v.294a.229.229 0 0 0 .229.23h.54a.687.687 0 1 1 0 1.374h-1.934a.614.614 0 0 0-.229 1.192l1.999.798a1.98 1.98 0 0 1-.34 3.795Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_push {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23222' fill-rule='evenodd' d='M21.683 11a6.417 6.417 0 0 0-6.416-6.417H6.732a6.417 6.417 0 0 0 0 12.833h8.534A6.417 6.417 0 0 0 21.683 11ZM15.33 6.965a4.034 4.034 0 1 1 0 8.069 4.034 4.034 0 0 1 0-8.07Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_setting {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23222' d='M19.823 8.9H18.26a7.99 7.99 0 0 0-.639-1.546l1.101-1.11a1.226 1.226 0 0 0 .37-.89 1.235 1.235 0 0 0-.37-.891l-1.185-1.185a1.252 1.252 0 0 0-1.781 0l-1.11 1.11A7.561 7.561 0 0 0 13.1 3.74V2.177a1.26 1.26 0 0 0-1.26-1.26h-1.68a1.26 1.26 0 0 0-1.26 1.26V3.74a7.563 7.563 0 0 0-1.547.647l-1.11-1.109a1.252 1.252 0 0 0-1.78 0L3.277 4.463a1.235 1.235 0 0 0-.37.89 1.21 1.21 0 0 0 .37.891l1.1 1.11A7.99 7.99 0 0 0 3.74 8.9H2.177a1.26 1.26 0 0 0-1.26 1.26v1.68a1.26 1.26 0 0 0 1.26 1.261H3.74a7.78 7.78 0 0 0 .638 1.546l-1.1 1.11a1.26 1.26 0 0 0 0 1.78l1.184 1.186a1.286 1.286 0 0 0 1.782 0l1.109-1.101c.491.268 1.01.482 1.546.638v1.563a1.26 1.26 0 0 0 1.26 1.26h1.681a1.26 1.26 0 0 0 1.26-1.26V18.26a7.78 7.78 0 0 0 1.547-.638l1.109 1.1a1.251 1.251 0 0 0 1.781 0l1.185-1.184a1.26 1.26 0 0 0 0-1.782l-1.1-1.109c.267-.49.481-1.01.638-1.546h1.563a1.26 1.26 0 0 0 1.26-1.26V10.16a1.26 1.26 0 0 0-1.26-1.26ZM11 15.202a4.202 4.202 0 1 1 0-8.404 4.202 4.202 0 0 1 0 8.404Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_sms {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'  fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='%23222' clip-path='url(%23b)'%3E%3Cpath d='M10.083 9.607v7.333a.917.917 0 0 1-.916.917H2.75a.917.917 0 0 1-.917-.917V6.875a.917.917 0 0 1 .917-.916h5.73a.23.23 0 0 0 .228-.23V3.896a.23.23 0 0 0-.229-.229H2.292A2.292 2.292 0 0 0 0 5.959v13.75A2.291 2.291 0 0 0 2.292 22h7.333a2.293 2.293 0 0 0 2.292-2.291V9.845a.23.23 0 0 0-.23-.22 3.713 3.713 0 0 1-1.292-.229.22.22 0 0 0-.312.211Z'/%3E%3Cpath d='M20.625 0H11.46a1.375 1.375 0 0 0-1.375 1.375v5.5a1.375 1.375 0 0 0 1.375 1.375h2.291v1.64a.457.457 0 0 0 .78.33l1.97-1.97h4.125A1.375 1.375 0 0 0 22 6.875v-5.5A1.375 1.375 0 0 0 20.625 0Zm-8.479 3.896a.917.917 0 1 1 1.834 0 .917.917 0 0 1-1.834 0Zm3.208 0a.917.917 0 1 1 1.834 0 .917.917 0 0 1-1.834 0Zm4.125.917a.916.916 0 1 1 0-1.833.916.916 0 0 1 0 1.833Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_students {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='%23222' clip-path='url(%23b)'%3E%3Cpath d='M5.958 2.598h2.857a.622.622 0 0 1 .554.352 2.32 2.32 0 0 0 2.084 1.328h5.429a.84.84 0 0 0 0-1.68h-5.429a.622.622 0 0 1-.554-.353A2.32 2.32 0 0 0 8.815.917H5.958a.84.84 0 0 0 0 1.68ZM16.462 14.361a2.101 2.101 0 0 0-2.101 2.101.42.42 0 0 1-.42.42H8.059a.42.42 0 0 1-.42-.42 2.1 2.1 0 0 0-2.101-2.1H1.337a.42.42 0 0 0-.42.42v5.881a.42.42 0 0 0 .42.42h19.326a.42.42 0 0 0 .42-.42v-5.882a.42.42 0 0 0-.42-.42h-4.201Z'/%3E%3Cpath d='M4.277 13.1a.42.42 0 0 0 .42-.42V5.748a.42.42 0 0 1 .42-.42h2.437a.622.622 0 0 1 .555.353 2.32 2.32 0 0 0 2.05 1.328h6.722a.42.42 0 0 1 .42.42v5.251a.42.42 0 0 0 .42.42h.841a.445.445 0 0 0 .328-.15.445.445 0 0 0 .084-.354V6.168a.84.84 0 0 0-.84-.84h-7.975a.622.622 0 0 1-.554-.353 2.32 2.32 0 0 0-2.05-1.328H3.856a.84.84 0 0 0-.84.84v8.11a.445.445 0 0 0 .084.352.445.445 0 0 0 .336.152h.84Z'/%3E%3Cpath d='M9.387 9.74a1.68 1.68 0 1 0 3.361 0 1.68 1.68 0 0 0-3.361 0ZM11.067 11.84a3 3 0 0 0-2.764 1.95.42.42 0 0 0 .395.572h4.739a.421.421 0 0 0 .395-.572 3 3 0 0 0-2.765-1.95Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23222' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_arrow {
  display: inline-block;
  width: 12px;
  min-width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill='%23222' d='m9 6-6 5V1l6 5Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_my {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23222' d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_path {
  display: inline-block;
  width: 12px;
  min-width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.5 10 4-3.75-4-3.75'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_prev {
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17' viewBox='0 0 10 17' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 1 1 8.5 9 16'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_chat {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23222' fill-rule='evenodd' d='M12.64 5.725C12.17 2.863 9.626.665 6.69.667a6.024 6.024 0 0 0-5.16 9.13L.7 12.005a.524.524 0 0 0 .584.7l2.923-.529c.483.219.992.373 1.513.458a5.11 5.11 0 0 0 6.541 2.274l2.301.414a.655.655 0 0 0 .73-.874l-.632-1.69c.443-.769.676-1.643.673-2.534v.001h-.655l.655-.001a5.108 5.108 0 0 0-2.694-4.5Zm-4.065 1.08a3.798 3.798 0 0 1 4.336.736 3.798 3.798 0 0 1 1.113 2.685v.002a3.746 3.746 0 0 1-.633 2.096.654.654 0 0 0-.07.593l.341.913-1.371-.246a.655.655 0 0 0-.403.055 3.798 3.798 0 1 1-3.313-6.834Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_add {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M8 14.666A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.333ZM8 11.333V4.666M11.334 8H4.667'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_download {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'  fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 10v2.667A1.334 1.334 0 0 1 12.667 14H3.333A1.334 1.334 0 0 1 2 12.667V10M4.667 6.667 8 10l3.333-3.333M8 10V2'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_upload {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'  fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 10v2.667A1.334 1.334 0 0 1 12.667 14H3.333A1.334 1.334 0 0 1 2 12.667V10M11.333 5.333 8 2 4.667 5.333M8 2v8'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_clock {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%23222' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M8 14.666A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.333Z'/%3E%3Cpath d='M8 4v4l2.667 1.333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_tel {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill='%23222' d='M12.283 9.59v1.58a1.052 1.052 0 0 1-1.151 1.055 10.461 10.461 0 0 1-4.556-1.618 10.284 10.284 0 0 1-3.168-3.161 10.414 10.414 0 0 1-1.62-4.568 1.052 1.052 0 0 1 1.05-1.149h1.584a1.057 1.057 0 0 1 1.056.906c.066.506.19 1.003.37 1.48a1.052 1.052 0 0 1-.238 1.113l-.67.669a8.439 8.439 0 0 0 3.167 3.161l.67-.67a1.056 1.056 0 0 1 1.114-.236 6.79 6.79 0 0 0 1.484.369 1.056 1.056 0 0 1 .908 1.07Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.bottom_bus {
  display: inline-block;
  width: 19px;
  min-width: 19px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='22' viewBox='0 0 19 22' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M16.864 1H2.136C1.233 1 .5 1.689.5 2.538v14.616c0 .85.733 1.539 1.636 1.539h14.728c.903 0 1.636-.69 1.636-1.539V2.538c0-.85-.733-1.538-1.636-1.538ZM3.773 18.692V21M15.227 18.692V21M.5 11h18'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M4.591 15.23c-.226 0-.409-.171-.409-.384 0-.212.183-.385.41-.385'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M4.59 15.23c.227 0 .41-.171.41-.384 0-.212-.183-.385-.41-.385M14.409 15.23c-.226 0-.41-.171-.41-.384 0-.212.184-.385.41-.385'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M14.409 15.23c.226 0 .409-.171.409-.384 0-.212-.183-.385-.41-.385'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.bottom_bus_active {
  display: inline-block;
  width: 19px;
  min-width: 19px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20'  viewBox='0 0 19 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23222' d='M17.998 10V1.943c0-.81-.693-1.467-1.547-1.467H2.55c-.853 0-1.547.657-1.547 1.467V10'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M17.998 10V1.943c0-.81-.693-1.467-1.547-1.467H2.55c-.853 0-1.547.657-1.547 1.467V10M1.002 10v5.857c0 .81.694 1.467 1.547 1.467h13.912c.854 0 1.547-.657 1.547-1.467V10H1.002ZM4.096 17.324v2.2M14.914 17.324v2.2'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M4.87 14.028a.372.372 0 0 1-.382-.361c0-.2.17-.362.381-.362M4.87 14.028c.21 0 .381-.161.381-.361 0-.2-.17-.362-.381-.362M14.14 14.028a.372.372 0 0 1-.381-.361c0-.2.17-.362.381-.362M14.14 14.028a.372.372 0 0 0 .382-.361c0-.2-.17-.362-.381-.362'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M.5 0h18v20H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.bottom_chat {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'  fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M10.5 17.39a5.287 5.287 0 0 0-.49-6.9 5.287 5.287 0 0 0-6.9-.49c-.66.49-1.19 1.13-1.55 1.86a5.247 5.247 0 0 0-.32 3.93c.29.93.08 1.96-.1 2.94a.43.43 0 0 0 .02.25.532.532 0 0 0 .36.33c.08.02.17.02.25-.01.9-.24 1.78-.45 2.7-.12.58.21 1.2.32 1.82.32.82 0 1.63-.19 2.36-.56.73-.37 1.37-.9 1.86-1.55'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M19.5 11.79c.46-1.27.6-2.64.42-3.98a8.444 8.444 0 0 0-1.46-3.73 8.322 8.322 0 0 0-3.02-2.63C14.24.83 12.9.5 11.55.5 6.14.5 3.11 5.05 3.11 10a5.288 5.288 0 0 1 6.9.49 5.288 5.288 0 0 1 .49 6.9c1.55 0 3.02-.12 4.43-.71 1.3-.55 2.93.06 4.31.49.08.03.17.03.25.02a.57.57 0 0 0 .22-.11c.06-.06.11-.13.14-.21.03-.08.03-.17.01-.25-.32-1.55-.86-3.43-.36-4.83Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.bottom_chat_active {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'  fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M10.5 17.39a5.287 5.287 0 0 0-.49-6.9 5.287 5.287 0 0 0-6.9-.49c-.66.49-1.19 1.13-1.55 1.86a5.247 5.247 0 0 0-.32 3.93c.29.93.08 1.96-.1 2.94a.43.43 0 0 0 .02.25.532.532 0 0 0 .36.33c.08.02.17.02.25-.01.9-.24 1.78-.45 2.7-.12.58.21 1.2.32 1.82.32.82 0 1.63-.19 2.36-.56.73-.37 1.37-.9 1.86-1.55'/%3E%3Cpath fill='%23222' stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M19.5 11.79c.46-1.27.6-2.64.42-3.98a8.444 8.444 0 0 0-1.46-3.73 8.322 8.322 0 0 0-3.02-2.63C14.24.83 12.9.5 11.55.5 6.14.5 3.11 5.05 3.11 10a5.288 5.288 0 0 1 6.9.49 5.288 5.288 0 0 1 .49 6.9c1.55 0 3.02-.12 4.43-.71 1.3-.55 2.93.06 4.31.49.08.03.17.03.25.02a.57.57 0 0 0 .22-.11c.06-.06.11-.13.14-.21.03-.08.03-.17.01-.25-.32-1.55-.86-3.43-.36-4.83Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.bottom_home {
  display: inline-block;
  width: 25px;
  min-width: 25px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='m20.59 7.89-6.596-5.356A2.354 2.354 0 0 0 12.495 2c-.55 0-1.08.188-1.5.534L4.4 7.889c-.57.465-.9 1.166-.9 1.898v9.782C3.5 20.913 4.57 22 5.899 22h3.788v-6.117c0-.592.24-1.156.66-1.57a2.26 2.26 0 0 1 1.588-.653h1.13c.6 0 1.169.237 1.589.652.42.415.66.979.66 1.571V22H19.1c1.33 0 2.399-1.087 2.399-2.43V9.786a2.496 2.496 0 0 0-.91-1.898Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.bottom_home_active {
  display: inline-block;
  width: 25px;
  min-width: 25px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill='%23222' stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='m20.59 7.89-6.596-5.356A2.354 2.354 0 0 0 12.495 2c-.55 0-1.08.188-1.5.534L4.4 7.889c-.57.465-.9 1.166-.9 1.898v9.782C3.5 20.913 4.57 22 5.899 22h3.788v-6.117c0-.592.24-1.156.66-1.57a2.26 2.26 0 0 1 1.588-.653h1.13c.6 0 1.169.237 1.589.652.42.415.66.979.66 1.571V22H19.1c1.33 0 2.399-1.087 2.399-2.43V9.786a2.496 2.496 0 0 0-.91-1.898Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_push2 {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cpath stroke='%23222' stroke-linejoin='round' stroke-width='1.5' d='M2.592 15.748c-.476 0-.916-.247-1.164-.65a1.229 1.229 0 0 1 .23-1.54l1.21-1.1V8.002c0-3.41 2.841-6.398 6.086-6.398s6.087 2.988 6.087 6.398v4.465l1.21 1.1a1.24 1.24 0 0 1 .229 1.54c-.248.403-.688.65-1.164.65H2.592v-.009ZM12.318 15.813c0 1.87-1.503 3.391-3.364 3.391-1.86 0-3.364-1.512-3.364-3.392h6.728Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_bar {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.75 11h16.5M2.75 5.5h16.5m-16.5 11h16.5'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_del {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1.648 14.417 14.417 1.583M14.352 14.417 1.583 1.583'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_level {
  display: inline-block;
  width: 12px;
  min-width: 12px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14'  fill='none'%3E%3Cpath fill='%23222' d='M5.651 7.955h-1.56v-3.08c0-.259-.194-.432-.482-.432-.289 0-.483.173-.483.431v3.339c0 .428.17.592.604.592h1.921c.225 0 .374-.17.374-.425s-.15-.425-.374-.425ZM5.779 4.72a.456.456 0 0 0 0 .351l1.268 3.357c.11.28.292.413.556.413.264 0 .452-.13.561-.413l1.302-3.363a.43.43 0 0 0 0-.352.454.454 0 0 0-.28-.233c-.278-.1-.53.009-.624.27l-.947 2.686-.926-2.695a.424.424 0 0 0-.221-.252.537.537 0 0 0-.413-.01.486.486 0 0 0-.285.24h.009Z'/%3E%3Cpath fill='%23222' d='M11.606 3.165 6.228.061a.452.452 0 0 0-.455 0L.392 3.165a.458.458 0 0 0-.228.395v6.212c0 .164.088.313.228.395l5.378 3.105a.464.464 0 0 0 .455 0l5.38-3.105a.458.458 0 0 0 .228-.395V3.56a.458.458 0 0 0-.227-.395Zm-.683 6.343-4.926 2.844-4.922-2.844V3.821L6 .981l4.926 2.843v5.687l-.003-.003Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_counsel {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg fill='%23222' clip-path='url(%23a)'%3E%3Cpath d='M23.232 3.986a1.872 1.872 0 0 0-1.872-1.872h-9.837a1.377 1.377 0 0 0-1.395-1.113H6.497a1.366 1.366 0 0 0-1.348 1.15.936.936 0 0 0 0 .226v8.695a.449.449 0 0 0 .318.43h.14a.44.44 0 0 0 .365-.187l2.172-2.883a.225.225 0 0 1 .365 0l2.209 2.93a.459.459 0 0 0 .823-.272V4.22a.234.234 0 0 1 .234-.234h9.154a.468.468 0 0 1 .468.468v16.483a.468.468 0 0 1-.468.468H3.071a.468.468 0 0 1-.468-.468V4.21a.225.225 0 0 1 .225-.225.936.936 0 0 0 0-1.872H2.64A1.872 1.872 0 0 0 .768 3.987v17.381A1.872 1.872 0 0 0 2.64 23.24h18.72a1.872 1.872 0 0 0 1.872-1.872V3.987Z'/%3E%3Cpath d='M14.293 7.88h3.67a.936.936 0 0 0 0-1.872h-3.67a.936.936 0 0 0 0 1.872ZM14.293 11.549h3.67a.936.936 0 0 0 0-1.872h-3.67a.936.936 0 0 0 0 1.872ZM17.962 13.383H6.497a.936.936 0 0 0 0 1.873h11.465a.935.935 0 1 0 0-1.873ZM17.045 17.97a.936.936 0 0 0-.936-.936H6.497a.936.936 0 1 0 0 1.872h9.63a.936.936 0 0 0 .918-.936Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_board {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23222' d='M20.5 2h-5a.27.27 0 0 1-.21-.12 3.83 3.83 0 0 0-6.59 0 .24.24 0 0 1-.2.12h-5A1.5 1.5 0 0 0 2 3.5v19A1.5 1.5 0 0 0 3.5 24h17a1.5 1.5 0 0 0 1.5-1.5v-19A1.5 1.5 0 0 0 20.5 2ZM19 16.26a2.5 2.5 0 0 1-.6 1.63l-1.92 2.24a2.52 2.52 0 0 1-1.9.87H5.5a.5.5 0 0 1-.5-.5v-15a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v10.76Z'/%3E%3Cpath fill='%23222' d='M16 8.25h-4.5a.75.75 0 1 0 0 1.5H16a.75.75 0 1 0 0-1.5ZM16 11.75h-4.5a.75.75 0 1 0 0 1.5H16a.75.75 0 1 0 0-1.5ZM16 15.25h-4.5a.75.75 0 1 0 0 1.5H16a.75.75 0 1 0 0-1.5Z'/%3E%3Cpath fill='%23222' d='M7 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0ZM7 12.5a1 1 0 1 0 2 0 1 1 0 0 0-2 0ZM7 16a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_design {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23222' fill-rule='evenodd' d='M14.29 2c-.805 0-1.458.653-1.458 1.458v3.75c0 .806.653 1.459 1.458 1.459h6.251c.806 0 1.459-.653 1.459-1.459v-3.75C22 2.653 21.347 2 20.541 2h-6.25Zm0 8.333c-.805 0-1.458.653-1.458 1.459v8.75c0 .805.653 1.458 1.458 1.458h6.251c.806 0 1.459-.653 1.459-1.458v-8.75c0-.806-.653-1.459-1.459-1.459h-6.25ZM2 3.46C2 2.653 2.653 2 3.459 2h6.25c.806 0 1.46.653 1.46 1.459v8.75c0 .805-.654 1.458-1.46 1.458H3.46A1.458 1.458 0 0 1 2 12.209v-8.75Zm1.459 11.874c-.806 0-1.459.653-1.459 1.458v3.75C2 21.347 2.653 22 3.459 22h6.25c.806 0 1.46-.653 1.46-1.459v-3.75c0-.805-.654-1.458-1.46-1.458H3.46Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_admin {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg fill='%23222' clip-path='url(%23a)'%3E%3Cpath d='M14.284 15.693a.47.47 0 0 0 .096-.547 7.208 7.208 0 0 0-6.45-4.083 7.235 7.235 0 0 0-6.91 5.138.48.48 0 0 0 .46.613h11.5a.451.451 0 0 0 .336-.144l.968-.977ZM3.176 5.553a4.553 4.553 0 1 0 9.105 0 4.553 4.553 0 0 0-9.105 0ZM19.436 13.208l-5.229 5.205a.386.386 0 0 0 0 .56l2.402 2.403a.382.382 0 0 0 .433.09.381.381 0 0 0 .128-.09l5.213-5.205a2.099 2.099 0 0 0-2.97-2.963h.023ZM13.719 20.167a.4.4 0 0 0-.673.208l-.44 2.146a.393.393 0 0 0 .112.36.408.408 0 0 0 .36.113l2.146-.433a.384.384 0 0 0 .304-.272.392.392 0 0 0-.096-.4l-1.713-1.722Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_logout {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.488 9.005H5.113M13.138 13.159l3.945-4.143-3.945-4.164M8.483 17.25H3.265A2.517 2.517 0 0 1 .75 14.735V3.265A2.517 2.517 0 0 1 3.265.75h5.218'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_bus {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M11.91 1.333H2.09c-.602 0-1.09.46-1.09 1.026v9.744c0 .566.488 1.025 1.09 1.025h9.82c.602 0 1.09-.459 1.09-1.025V2.359c0-.566-.488-1.026-1.09-1.026ZM3.182 13.128v1.539M10.818 13.128v1.539M1 8h12'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M3.727 10.82c-.15 0-.272-.114-.272-.256 0-.142.122-.256.272-.256'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M3.727 10.82c.15 0 .273-.114.273-.256 0-.142-.122-.256-.273-.256M10.273 10.82c-.151 0-.273-.114-.273-.256 0-.142.122-.256.273-.256M10.273 10.82c.15 0 .272-.114.272-.256 0-.142-.122-.256-.272-.256'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_img {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'  viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%237A7F83' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.145 8.102c0 .778-.627 1.406-1.406 1.406a1.404 1.404 0 0 1-1.407-1.406c0-.779.628-1.407 1.407-1.407.778 0 1.406.628 1.406 1.407Z'/%3E%3Cpath stroke='%237A7F83' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.563 1H3.057A2.057 2.057 0 0 0 1 3.057v15.518c0 1.136.921 2.057 2.057 2.057h15.506a2.057 2.057 0 0 0 2.057-2.058V3.058A2.057 2.057 0 0 0 18.563 1Z'/%3E%3Cpath stroke='%237A7F83' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m20.62 11.078-3.94 3.742a2.31 2.31 0 0 1-3.138.035l-6.207-5.59a2.324 2.324 0 0 0-3.336.255L1 13.193'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_send {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23232B2B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M22 2 11 13M22 2l-7 20-4-9-9-4 20-7Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_youtube {
  display: inline-block;
  width: 29px;
  min-width: 29px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='20' fill='none'%3E%3Cpath fill='%23fff' d='M28.012 3.655C27.47 1.503 26.485.67 24.637.365 23.592.203 18.509 0 14.47 0S5.388.223 4.343.386C2.495.67 1.49 1.503.968 3.655c-.181.71-.422 4.67-.422 6.193v.325c0 1.502.24 5.461.422 6.193.522 2.152 1.527 2.984 3.355 3.268 1.045.163 6.128.366 10.167.366s9.102-.203 10.167-.366c1.828-.304 2.833-1.116 3.375-3.268.181-.732.422-4.67.422-6.193v-.325c0-1.503-.24-5.462-.422-6.193h-.02Zm-16.857 9.97v-7.23l6.69 3.534-6.69 3.695Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_email.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23bababa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.333 3.333h13.334c.916 0 1.666.75 1.666 1.667v10c0 .917-.75 1.667-1.666 1.667H3.333c-.916 0-1.666-.75-1.666-1.667V5c0-.917.75-1.667 1.666-1.667Z'/%3E%3Cpath stroke='%23bababa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.333 5 10 10.833 1.667 5'/%3E%3C/svg%3E");
}
.svg_icon.icon_pw.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23bababa' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.125 12.5a6.875 6.875 0 1 0 13.75 0 6.875 6.875 0 0 0-13.75 0Z'/%3E%3Cpath d='M8.125 12.5a1.875 1.875 0 1 0 3.75 0 1.875 1.875 0 0 0-3.75 0Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5.625 7.196V5a4.375 4.375 0 1 1 8.75 0v2.196'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_reset.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.334 7.333A5.4 5.4 0 0 0 3 6m-.333-2.667V6h2.667M2.667 8.667A5.4 5.4 0 0 0 13 10m.334 2.667V10h-2.667'/%3E%3C/svg%3E");
}
.svg_icon.icon_prev.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17' viewBox='0 0 10 17' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 1 1 8.5 9 16'/%3E%3C/svg%3E");
}
.svg_icon.icon_prev.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17' viewBox='0 0 10 17' fill='none'%3E%3Cpath stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 1 1 8.5 9 16'/%3E%3C/svg%3E");
}
.svg_icon.icon_prev.orange {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17' viewBox='0 0 10 17' fill='none'%3E%3Cpath stroke='%23FF4C1B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 1 1 8.5 9 16'/%3E%3C/svg%3E");
}
.svg_icon.icon_prev.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17' viewBox='0 0 10 17' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 1 1 8.5 9 16'/%3E%3C/svg%3E");
}
.svg_icon.icon_my.yellow {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23F4D74B' d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_my.blue {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23009CDD' d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_chat.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12.64 5.725C12.17 2.863 9.626.665 6.69.667a6.024 6.024 0 0 0-5.16 9.13L.7 12.005a.524.524 0 0 0 .584.7l2.923-.529c.483.219.992.373 1.513.458a5.11 5.11 0 0 0 6.541 2.274l2.301.414a.655.655 0 0 0 .73-.874l-.632-1.69c.443-.769.676-1.643.673-2.534v.001h-.655l.655-.001a5.108 5.108 0 0 0-2.694-4.5Zm-4.065 1.08a3.798 3.798 0 0 1 4.336.736 3.798 3.798 0 0 1 1.113 2.685v.002a3.746 3.746 0 0 1-.633 2.096.654.654 0 0 0-.07.593l.341.913-1.371-.246a.655.655 0 0 0-.403.055 3.798 3.798 0 1 1-3.313-6.834Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.svg_icon.icon_path.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath stroke='%23BABABA' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.5 10 4-3.75-4-3.75'/%3E%3C/svg%3E");
}
.svg_icon.icon_upload.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'  fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 10v2.667A1.334 1.334 0 0 1 12.667 14H3.333A1.334 1.334 0 0 1 2 12.667V10M11.333 5.333 8 2 4.667 5.333M8 2v8'/%3E%3C/svg%3E");
}
.svg_icon.icon_clock.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%23777' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M8 14.666A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.333Z'/%3E%3Cpath d='M8 4v4l2.667 1.333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_download.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'  fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 10v2.667A1.334 1.334 0 0 1 12.667 14H3.333A1.334 1.334 0 0 1 2 12.667V10M4.667 6.667 8 10l3.333-3.333M8 10V2'/%3E%3C/svg%3E");
}
.svg_icon.icon_tel.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill='%23fff' d='M12.283 9.59v1.58a1.052 1.052 0 0 1-1.151 1.055 10.461 10.461 0 0 1-4.556-1.618 10.284 10.284 0 0 1-3.168-3.161 10.414 10.414 0 0 1-1.62-4.568 1.052 1.052 0 0 1 1.05-1.149h1.584a1.057 1.057 0 0 1 1.056.906c.066.506.19 1.003.37 1.48a1.052 1.052 0 0 1-.238 1.113l-.67.669a8.439 8.439 0 0 0 3.167 3.161l.67-.67a1.056 1.056 0 0 1 1.114-.236 6.79 6.79 0 0 0 1.484.369 1.056 1.056 0 0 1 .908 1.07Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_tel.orange {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill='%23FF4C1B' d='M12.283 9.59v1.58a1.052 1.052 0 0 1-1.151 1.055 10.461 10.461 0 0 1-4.556-1.618 10.284 10.284 0 0 1-3.168-3.161 10.414 10.414 0 0 1-1.62-4.568 1.052 1.052 0 0 1 1.05-1.149h1.584a1.057 1.057 0 0 1 1.056.906c.066.506.19 1.003.37 1.48a1.052 1.052 0 0 1-.238 1.113l-.67.669a8.439 8.439 0 0 0 3.167 3.161l.67-.67a1.056 1.056 0 0 1 1.114-.236 6.79 6.79 0 0 0 1.484.369 1.056 1.056 0 0 1 .908 1.07Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_search.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5.798 11.263a4.798 4.798 0 1 0 0-9.596 4.798 4.798 0 0 0 0 9.596ZM9.465 9.764l2.895 2.895'/%3E%3C/svg%3E");
}
.svg_icon.bottom_home_active.orange {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill='%23FF4C1B' stroke='%23FF4C1B' stroke-linecap='round' stroke-linejoin='round' d='m20.59 7.89-6.596-5.356A2.354 2.354 0 0 0 12.495 2c-.55 0-1.08.188-1.5.534L4.4 7.889c-.57.465-.9 1.166-.9 1.898v9.782C3.5 20.913 4.57 22 5.899 22h3.788v-6.117c0-.592.24-1.156.66-1.57a2.26 2.26 0 0 1 1.588-.653h1.13c.6 0 1.169.237 1.589.652.42.415.66.979.66 1.571V22H19.1c1.33 0 2.399-1.087 2.399-2.43V9.786a2.496 2.496 0 0 0-.91-1.898Z'/%3E%3C/svg%3E");
}
.svg_icon.bottom_bus_active.orange {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20'  viewBox='0 0 19 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FF4C1B' d='M17.998 10V1.943c0-.81-.693-1.467-1.547-1.467H2.55c-.853 0-1.547.657-1.547 1.467V10'/%3E%3Cpath stroke='%23FF4C1B' stroke-linecap='round' stroke-linejoin='round' d='M17.998 10V1.943c0-.81-.693-1.467-1.547-1.467H2.55c-.853 0-1.547.657-1.547 1.467V10M1.002 10v5.857c0 .81.694 1.467 1.547 1.467h13.912c.854 0 1.547-.657 1.547-1.467V10H1.002ZM4.096 17.324v2.2M14.914 17.324v2.2'/%3E%3Cpath stroke='%23FF4C1B' stroke-linecap='round' stroke-linejoin='round' d='M4.87 14.028a.372.372 0 0 1-.382-.361c0-.2.17-.362.381-.362M4.87 14.028c.21 0 .381-.161.381-.361 0-.2-.17-.362-.381-.362M14.14 14.028a.372.372 0 0 1-.381-.361c0-.2.17-.362.381-.362M14.14 14.028a.372.372 0 0 0 .382-.361c0-.2-.17-.362-.381-.362'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23FF4C1B' d='M.5 0h18v20H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.bottom_chat_active.orange {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'  fill='none'%3E%3Cpath stroke='%23FF4C1B' stroke-linecap='round' stroke-linejoin='round' d='M10.5 17.39a5.287 5.287 0 0 0-.49-6.9 5.287 5.287 0 0 0-6.9-.49c-.66.49-1.19 1.13-1.55 1.86a5.247 5.247 0 0 0-.32 3.93c.29.93.08 1.96-.1 2.94a.43.43 0 0 0 .02.25.532.532 0 0 0 .36.33c.08.02.17.02.25-.01.9-.24 1.78-.45 2.7-.12.58.21 1.2.32 1.82.32.82 0 1.63-.19 2.36-.56.73-.37 1.37-.9 1.86-1.55'/%3E%3Cpath fill='%23FF4C1B' stroke='%23FF4C1B' stroke-linecap='round' stroke-linejoin='round' d='M19.5 11.79c.46-1.27.6-2.64.42-3.98a8.444 8.444 0 0 0-1.46-3.73 8.322 8.322 0 0 0-3.02-2.63C14.24.83 12.9.5 11.55.5 6.14.5 3.11 5.05 3.11 10a5.288 5.288 0 0 1 6.9.49 5.288 5.288 0 0 1 .49 6.9c1.55 0 3.02-.12 4.43-.71 1.3-.55 2.93.06 4.31.49.08.03.17.03.25.02a.57.57 0 0 0 .22-.11c.06-.06.11-.13.14-.21.03-.08.03-.17.01-.25-.32-1.55-.86-3.43-.36-4.83Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_level.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14'  fill='none'%3E%3Cpath fill='%23777' d='M5.651 7.955h-1.56v-3.08c0-.259-.194-.432-.482-.432-.289 0-.483.173-.483.431v3.339c0 .428.17.592.604.592h1.921c.225 0 .374-.17.374-.425s-.15-.425-.374-.425ZM5.779 4.72a.456.456 0 0 0 0 .351l1.268 3.357c.11.28.292.413.556.413.264 0 .452-.13.561-.413l1.302-3.363a.43.43 0 0 0 0-.352.454.454 0 0 0-.28-.233c-.278-.1-.53.009-.624.27l-.947 2.686-.926-2.695a.424.424 0 0 0-.221-.252.537.537 0 0 0-.413-.01.486.486 0 0 0-.285.24h.009Z'/%3E%3Cpath fill='%23777' d='M11.606 3.165 6.228.061a.452.452 0 0 0-.455 0L.392 3.165a.458.458 0 0 0-.228.395v6.212c0 .164.088.313.228.395l5.378 3.105a.464.464 0 0 0 .455 0l5.38-3.105a.458.458 0 0 0 .228-.395V3.56a.458.458 0 0 0-.227-.395Zm-.683 6.343-4.926 2.844-4.922-2.844V3.821L6 .981l4.926 2.843v5.687l-.003-.003Z'/%3E%3C/svg%3E");
}
.svg_icon.memu_communication.orange {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FF4C1B' fill-rule='evenodd' d='M14.143 4.722a2.285 2.285 0 0 0-3.59-1.925l-.004.003-6.083 4.271H2.357A2.374 2.374 0 0 0 0 9.428v3.143a2.374 2.374 0 0 0 2.357 2.357h2.104l5.94 4.268.011.008c1.525 1.056 3.69-.038 3.73-1.901V4.722Zm4.307.641a1.18 1.18 0 0 1 1.66.157c1.304 1.576 1.846 3.468 1.846 5.48 0 2.011-.544 3.903-1.846 5.48a1.179 1.179 0 0 1-1.817-1.503c.89-1.075 1.306-2.404 1.306-3.977s-.417-2.903-1.304-3.976a1.178 1.178 0 0 1 .155-1.66ZM16.03 8.31a1.179 1.179 0 0 1 1.565.57c.31.658.46 1.384.434 2.12a4.62 4.62 0 0 1-.434 2.122 1.179 1.179 0 0 1-2.134-.998c.156-.333.229-.7.21-1.068a1.121 1.121 0 0 1 0-.11 2.264 2.264 0 0 0-.21-1.069 1.178 1.178 0 0 1 .568-1.567h.001Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_add.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M8 14.666A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.333ZM8 11.333V4.666M11.334 8H4.667'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_reset.orange {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23FF4C1B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.334 7.333A5.4 5.4 0 0 0 3 6m-.333-2.667V6h2.667M2.667 8.667A5.4 5.4 0 0 0 13 10m.334 2.667V10h-2.667'/%3E%3C/svg%3E");
}
.svg_icon.menu_cs.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M11 .917a10.083 10.083 0 1 0 0 20.167A10.083 10.083 0 0 0 11 .917ZM7.219 6.799a1.68 1.68 0 1 1 0 3.361 1.68 1.68 0 0 1 0-3.361Zm-.37 7.319a.36.36 0 0 1 .32-.185h7.663a.362.362 0 0 1 .319.185.361.361 0 0 1 0 .37 4.799 4.799 0 0 1-8.302 0 .361.361 0 0 1 0-.37Zm7.932-3.958a1.68 1.68 0 1 1 0-3.361 1.68 1.68 0 0 1 0 3.361Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.menu_setting.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M19.823 8.9H18.26a7.99 7.99 0 0 0-.639-1.546l1.101-1.11a1.226 1.226 0 0 0 .37-.89 1.235 1.235 0 0 0-.37-.891l-1.185-1.185a1.252 1.252 0 0 0-1.781 0l-1.11 1.11A7.561 7.561 0 0 0 13.1 3.74V2.177a1.26 1.26 0 0 0-1.26-1.26h-1.68a1.26 1.26 0 0 0-1.26 1.26V3.74a7.563 7.563 0 0 0-1.547.647l-1.11-1.109a1.252 1.252 0 0 0-1.78 0L3.277 4.463a1.235 1.235 0 0 0-.37.89 1.21 1.21 0 0 0 .37.891l1.1 1.11A7.99 7.99 0 0 0 3.74 8.9H2.177a1.26 1.26 0 0 0-1.26 1.26v1.68a1.26 1.26 0 0 0 1.26 1.261H3.74a7.78 7.78 0 0 0 .638 1.546l-1.1 1.11a1.26 1.26 0 0 0 0 1.78l1.184 1.186a1.286 1.286 0 0 0 1.782 0l1.109-1.101c.491.268 1.01.482 1.546.638v1.563a1.26 1.26 0 0 0 1.26 1.26h1.681a1.26 1.26 0 0 0 1.26-1.26V18.26a7.78 7.78 0 0 0 1.547-.638l1.109 1.1a1.251 1.251 0 0 0 1.781 0l1.185-1.184a1.26 1.26 0 0 0 0-1.782l-1.1-1.109c.267-.49.481-1.01.638-1.546h1.563a1.26 1.26 0 0 0 1.26-1.26V10.16a1.26 1.26 0 0 0-1.26-1.26ZM11 15.202a4.202 4.202 0 1 1 0-8.404 4.202 4.202 0 0 1 0 8.404Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.png_icon {
  vertical-align: top;
}
.png_icon.icon_facebook {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_facebook.png);
  width: 24px;
  min-width: 24px;
  height: 24px;
}

a.com_btn:hover {
  cursor: pointer;
}

.com_btn {
  padding: 0 8px;
  border-radius: 6px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  letter-spacing: normal;
  box-sizing: border-box;
  line-height: initial;
  gap: 5px;
  white-space: nowrap;
  font-weight: 600;
}
.com_btn__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 10px;
  position: relative;
}
.com_btn__wrap.bottom {
  margin-top: 15px;
  min-height: 40px;
}
.com_btn__wrap.bottom .com_btn.l {
  min-width: 150px;
}
.com_btn__wrap.bottom-board {
  padding: 15px;
  border-radius: 15px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
}
.com_btn__wrap.bottom-board .com_btn {
  min-width: 150px;
}
.com_btn__wrap.has_paging {
  margin-top: 15px;
}
.com_btn__wrap.has_paging .com_paging,
.com_btn__wrap.has_paging .sec-paging {
  margin-top: 0;
}
.com_btn__wrap .align_left {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.com_btn__wrap .align_left:not(.com_btn) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.com_btn__wrap .align_right {
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.com_btn__wrap .align_right:not(.com_btn) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.com_btn.full {
  width: 100%;
  min-width: 100%;
  flex: none;
}
.com_btn.extend {
  flex: 1;
}
.com_btn.point {
  background-color: #F4D74B;
  color: #222;
}
.com_btn.black {
  background-color: #444;
  color: #fff;
}
.com_btn.gray {
  background-color: #e9e9ea;
}
.com_btn.gray_dark {
  background-color: #777;
}
.com_btn.line {
  background: #fff;
  border: 1px solid #F4D74B;
  color: #F4D74B;
}
.com_btn.line.gray {
  border-color: #777;
  color: #222;
  background-color: #ededed;
}
.com_btn.line.black {
  background-color: #222;
  border-color: #6c6c6c;
  color: #fff;
}
.com_btn.line.white {
  background-color: #fff;
  border-color: #bababa;
  color: #222;
}
.com_btn.line.blue {
  border-color: #c4e7f5;
  background: #d9f4ff;
  color: #009cdd;
}
.com_btn.icon {
  aspect-ratio: 1/1;
  padding: 0 !important;
}
.com_btn.l {
  height: 50px;
  font-size: 15px;
  padding: 0 20px;
}
.com_btn.m {
  height: 40px;
  padding: 0 20px;
}
.com_btn.xs {
  height: 28px;
  font-size: 13px;
}
.com_btn.xxs {
  min-height: 22px;
  padding-inline: 4px;
  padding-block: 3px;
  font-size: 12px;
}

/*!페이징 << < > >> */
.com_paging {
  margin-top: 20px;
  text-align: center;
}
.com_paging :is(.btn_first, .btn_prev, .btn_page, .btn_next, .btn_last) {
  min-width: 30px;
  height: 30px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 0;
}
.com_paging :is(.btn_first, .btn_prev, .btn_next, .btn_last) img {
  height: 12px;
}
.com_paging :is(.btn_first, .btn_prev) {
  transform: rotate(180deg);
}
.com_paging .btn_prev {
  margin-right: 20px;
}
.com_paging .btn_next {
  margin-left: 20px;
}
.com_paging .btn_page {
  line-height: inherit;
}
.com_paging .btn_page.active {
  font-weight: 500;
  color: #fff;
  background-color: #222;
  border-radius: 100%;
}
.com_paging .btn_page.disabled {
  cursor: auto;
  opacity: 0.4;
}

.sec-paging {
  overflow: hidden;
  text-align: center;
  margin-top: 20px;
}
.sec-paging :is(.pg-btn, .btn-page) {
  min-width: 30px;
  height: 30px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  color: #222;
}
.sec-paging .pg-btn {
  background-image: url("../img/arrow_right.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  text-indent: -9999px;
}
.sec-paging .pg-btn.disabled {
  cursor: auto;
  opacity: 0.4;
}
.sec-paging .group-prev {
  background-image: url("../img/arrow_last.png");
  transform: rotate(180deg);
}
.sec-paging .group-next {
  background-image: url("../img/arrow_last.png");
}
.sec-paging :is(.group-prev, .prev) {
  transform: rotate(180deg);
}
.sec-paging .prev {
  margin-right: 20px;
}
.sec-paging .next {
  margin-left: 20px;
}
.sec-paging .btn-page {
  line-height: inherit;
  cursor: pointer;
}
.sec-paging .btn-page.active {
  font-weight: 500;
  color: #fff;
  background-color: #222;
  border-radius: 100%;
}

.com_tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  border-radius: 15px;
  border: 4px solid #ddd;
  background: #ddd;
}
.com_tab .tab {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  white-space: nowrap;
  height: 42px;
  padding-inline: 30px;
  font-size: 15px;
  font-weight: 500;
  color: #777;
}
.com_tab .tab.active {
  background-color: #F4D74B;
  border-radius: 13px;
  font-weight: 600;
  color: #222;
}
.com_tab_contents {
  display: none;
}
.com_tab_contents.active {
  display: block;
}

.com_chk {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  cursor: pointer;
  line-height: initial;
}
.com_chk__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px 20px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.com_chk__wrap.type_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_chk input[type=checkbox],
.com_chk input[type=radio] {
  display: inline-block;
  padding-right: 0;
  height: 18px;
}
.com_chk input[type=checkbox]::before,
.com_chk input[type=radio]::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../img/chk_off.png") no-repeat center/contain;
  border-radius: 2px;
  cursor: pointer;
}
.com_chk input[type=checkbox]:checked::before,
.com_chk input[type=radio]:checked::before {
  background: url("../img/chk_on.png") no-repeat center/contain;
  border-color: #F4D74B;
}
.com_chk input[type=checkbox]:disabled,
.com_chk input[type=radio]:disabled {
  opacity: 0.4;
}
.com_chk.circle {
  position: relative;
  margin: 0;
}
.com_chk.circle input::before {
  background-image: url("../img/radio_off.png");
  border: 0;
}
.com_chk.circle input:checked::before {
  background-image: url("../img/radio_on.png");
  background-size: 18px auto;
}

.com_chk_btn__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.com_chk_btn .btn {
  height: 40px;
  padding-inline: 20px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  font-weight: 500;
  font-size: 14px;
  color: #a1a1a1;
  white-space: nowrap;
  background: #e9e9ea;
  border-radius: 6px;
  cursor: pointer;
  line-height: initial;
}
.com_chk_btn input:checked + .btn {
  color: #222;
  background-color: #F4D74B;
}

.com_switch {
  width: 40px;
  height: 20px;
  display: inline-block;
  -webkit-appearance: none;
  background-color: #bababa;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  cursor: pointer;
}
.com_switch__wrap {
  position: relative;
  width: 40px;
}
.com_switch:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.com_switch:checked[type=checkbox] {
  background-color: #F4D74B;
  transition: all 0.3s ease;
}
.com_switch:checked[type=checkbox]:after {
  left: 22px;
  transition: all 0.3s ease;
  background-color: #fff;
  border: none;
}

.com_selected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.com_selected .selected-item {
  border-radius: 5px;
  background: #f6f6f6;
  height: 30px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 10px;
  padding-inline: 10px;
}
.com_selected .selected-del {
  width: 18px;
  height: 18px;
  border-radius: 50px;
  font-size: 0px;
  background: url(../img/icon_del.png) no-repeat center/40% #ddd;
}

.com_chk_selected .btn {
  border-radius: 5px;
  background: #f6f6f6;
  height: 30px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 10px;
  padding-inline: 10px;
  cursor: pointer;
  line-height: initial;
}
.com_chk_selected input:checked + .btn {
  color: #222;
  background-color: #F4D74B;
}

.com_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
}
.com_popup.active {
  display: flex;
  align-items: center;
}
.com_popup .bg_close {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
}
.com_popup .pop_container {
  position: relative;
  background: #fff;
  width: calc(100% - 40px);
  margin-inline: auto;
  z-index: 101;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}
.com_popup .pop_container.xl {
  width: 1320px;
}
.com_popup .pop_container.m {
  width: 650px;
}
.com_popup .pop_container.s {
  width: 550px;
}
.com_popup .pop_container.sm {
  width: 400px;
}
.com_popup .pop_container.full {
  width: 100%;
  height: 100vh;
  border-radius: 0;
  box-shadow: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.com_popup .pop_container.full .pop_tit {
  margin-bottom: 20px;
}
.com_popup .pop_container.full .btn_container {
  padding-top: 20px;
  margin-top: auto;
}
.com_popup .pop_container.full .content_container {
  max-height: calc(100vh - 164px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #999; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.com_popup .pop_container.full .content_container::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.com_popup .pop_container.full .content_container::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_popup .pop_container.full .content_container::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #999;
  background-clip: padding-box;
  border-radius: 6px;
}
.com_popup .pop_container.full .content_container::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.com_popup .pop_container.full .content_container::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.com_popup .content_container {
  padding-inline: 20px;
  max-height: calc(80vh - 120px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #999; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  text-align: left;
}
.com_popup .content_container::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.com_popup .content_container::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_popup .content_container::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #999;
  background-clip: padding-box;
  border-radius: 6px;
}
.com_popup .content_container::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.com_popup .content_container::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.com_popup .btn_container {
  position: relative;
  margin-block: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  padding-inline: 20px;
  gap: 10px;
}
.com_popup .btn_container .com_btn.m {
  width: 120px;
}
.com_popup .pop_tit {
  padding-block: 20px 15px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding-inline: 20px;
  background-color: #fff;
}
.com_popup .pop_tit.line {
  border-bottom: 1px solid #EDEDED;
  margin-bottom: 20px;
}
.com_popup .btn_close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 16px;
  height: 16px;
  background: url("../img/icon_del.png") no-repeat center/100% auto;
}
.com_popup.type_alert .pop_container {
  width: 320px;
}
.com_popup.type_alert .content_container {
  padding-bottom: 10px;
  line-height: 1.47;
  text-align: center;
}
.com_popup.type_alert .content_container .tit {
  font-size: 16px;
  font-weight: 700;
  margin-block: 10px;
}
.com_popup.type_alert .pop-icon {
  width: 50px;
  margin-block: 30px 20px;
}
.com_popup .com_write th {
  width: 100px;
}
.com_popup.PopFind .pop_container {
  width: 800px;
}
.com_popup.PopFind .pop_container .search .search-input {
  width: 225px !important;
}
.com_popup.PopFind .com_pop_bottom {
  margin-bottom: 15px;
  padding-inline: 20px;
}

.pop_join_ok .icon {
  width: 50px;
  margin-top: 30px;
}

.pop_agree .pop_container {
  background-color: #f6f6f6;
}
.pop_agree .content_container {
  padding: 20px 17px;
  border-radius: 15px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
  margin-inline: 20px;
}

.pop_new_member .pop-input {
  margin-top: 10px;
  width: 100%;
}
.pop_new_member .btn_container {
  margin-top: 0;
}

.pop_students_info .content_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}

.pop_anniversaries .content_container {
  border: 1px solid #EDEDED;
  border-radius: 6px;
  text-align: center;
  margin: 0 25px;
  padding-block: 30px;
  font-size: 16px;
}
.pop_anniversaries .content_container img {
  width: 110px;
  margin-bottom: 10px;
}

.pop_analytics .analytics_date {
  border-radius: 6px;
  background: #fff8d7;
  padding-block: 10px;
  margin-bottom: 11px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.pop_search_academy .com_list td, .pop_search_academy .com_list td * {
  word-break: break-all;
}

body {
  background: #F6F6F6;
}
body:not(.com_member) main {
  padding-top: 100px;
  margin-left: 280px;
  padding-inline: 30px;
  width: calc(100% - 280px);
  overflow-x: auto;
  padding-bottom: 20px;
  min-height: calc(var(--vh, 1vh) * 100);
  max-height: calc(var(--vh, 1vh) * 100);
  overflow-x: auto;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #999; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
body:not(.com_member) main::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
body:not(.com_member) main::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
body:not(.com_member) main::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #999;
  background-clip: padding-box;
  border-radius: 6px;
}
body:not(.com_member) main::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
body:not(.com_member) main::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
body.head_close main {
  margin-left: 100px;
  width: calc(100% - 100px);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.com_container {
  min-width: 1560px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 15px;
}

.com_form_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 15px;
}

.com_flex_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 8px;
}
.com_flex_row.type_between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.com_flex_row.type_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}

.com_flex_col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}

.head {
  width: 280px;
  background: #F4D74B;
  position: fixed;
  z-index: 100;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.head-logo {
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  font-size: 24px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
}
.head_close .head-logo .name {
  display: none;
}
.head_close .head {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
  width: 100px;
}

.gnb {
  max-height: calc(var(--vh, 1vh) * 100 - 80px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #c7a500; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  min-height: calc(var(--vh, 1vh) * 100 - 80px);
  padding: 23px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.gnb::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.gnb::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.gnb::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #c7a500;
  background-clip: padding-box;
  border-radius: 6px;
}
.gnb::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.gnb::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.gnb .depth1-menu {
  padding: 15px 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 14px;
  font-size: 16px;
  font-weight: 600;
  animation-delay: 4s;
  white-space: nowrap;
}
.head_close .gnb .depth1-menu {
  font-size: 0;
  padding-inline: 0;
  width: 100%;
  justify-content: center;
  gap: 0;
  animation-delay: 4s;
}
.gnb .depth1-menu .icon_arrow {
  margin-left: auto;
}
.head_close .gnb .depth1-menu .icon_arrow {
  display: none;
}
.gnb .depth1-menu.active {
  background: #222;
  border-radius: 50px;
  color: #fff;
}
.gnb .depth1-menu.active .svg_icon.icon_email {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.333 3.333h13.334c.916 0 1.666.75 1.666 1.667v10c0 .917-.75 1.667-1.666 1.667H3.333c-.916 0-1.666-.75-1.666-1.667V5c0-.917.75-1.667 1.666-1.667Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.333 5 10 10.833 1.667 5'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_pw {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23fff' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.125 12.5a6.875 6.875 0 1 0 13.75 0 6.875 6.875 0 0 0-13.75 0Z'/%3E%3Cpath d='M8.125 12.5a1.875 1.875 0 1 0 3.75 0 1.875 1.875 0 0 0-3.75 0Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5.625 7.196V5a4.375 4.375 0 1 1 8.75 0v2.196'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_reset {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.334 7.333A5.4 5.4 0 0 0 3 6m-.333-2.667V6h2.667M2.667 8.667A5.4 5.4 0 0 0 13 10m.334 2.667V10h-2.667'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_search {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5.798 11.263a4.798 4.798 0 1 0 0-9.596 4.798 4.798 0 0 0 0 9.596ZM9.465 9.764l2.895 2.895'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.memu_academy {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.332.917A1.416 1.416 0 0 0 .916 2.333v6.179a1.416 1.416 0 0 0 1.416 1.416h6.18a1.416 1.416 0 0 0 1.415-1.416v-6.18A1.416 1.416 0 0 0 8.511.918h-6.18Zm0 11.156a1.416 1.416 0 0 0-1.416 1.416v6.179a1.416 1.416 0 0 0 1.416 1.416h6.18a1.416 1.416 0 0 0 1.415-1.416v-6.179a1.415 1.415 0 0 0-1.416-1.416h-6.18Zm8.88-9.44c0-.355.288-.643.644-.643h8.583a.644.644 0 1 1 0 1.287h-8.583a.644.644 0 0 1-.644-.644Zm.644 2.146a.644.644 0 1 0 0 1.287h8.583a.644.644 0 1 0 0-1.287h-8.583Zm-.644 3.432c0-.355.288-.643.644-.643h8.583a.644.644 0 1 1 0 1.287h-8.583a.644.644 0 0 1-.644-.644Zm.644 4.935a.644.644 0 1 0 0 1.287h8.583a.644.644 0 0 0 0-1.287h-8.583Zm-.644 3.432c0-.355.288-.643.644-.643h8.583a.644.644 0 1 1 0 1.287h-8.583a.644.644 0 0 1-.644-.644Zm.644 2.146a.644.644 0 1 0 0 1.287h8.583a.644.644 0 0 0 0-1.287h-8.583Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.memu_communication {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M14.143 4.722a2.285 2.285 0 0 0-3.59-1.925l-.004.003-6.083 4.271H2.357A2.374 2.374 0 0 0 0 9.428v3.143a2.374 2.374 0 0 0 2.357 2.357h2.104l5.94 4.268.011.008c1.525 1.056 3.69-.038 3.73-1.901V4.722Zm4.307.641a1.18 1.18 0 0 1 1.66.157c1.304 1.576 1.846 3.468 1.846 5.48 0 2.011-.544 3.903-1.846 5.48a1.179 1.179 0 0 1-1.817-1.503c.89-1.075 1.306-2.404 1.306-3.977s-.417-2.903-1.304-3.976a1.178 1.178 0 0 1 .155-1.66ZM16.03 8.31a1.179 1.179 0 0 1 1.565.57c.31.658.46 1.384.434 2.12a4.62 4.62 0 0 1-.434 2.122 1.179 1.179 0 0 1-2.134-.998c.156-.333.229-.7.21-1.068a1.121 1.121 0 0 1 0-.11 2.264 2.264 0 0 0-.21-1.069 1.178 1.178 0 0 1 .568-1.567h.001Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_analytics {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='%23fff' clip-path='url(%23b)'%3E%3Cpath d='m5.757 12.119 3.3-2.2a.156.156 0 0 0 .055-.11.138.138 0 0 0-.055-.101l-2.989-1.99a1.1 1.1 0 0 0-1.136 0l-2.989 1.99a.137.137 0 0 0-.055.1.156.156 0 0 0 .055.11l3.3 2.2a.476.476 0 0 0 .514 0Z'/%3E%3Cpath d='M1.412 10.707a.092.092 0 0 0 0 .064v7.902a1.457 1.457 0 0 0 .568 1.072l2.988 2.1a1.1 1.1 0 0 0 1.137 0l2.988-2.1a1.457 1.457 0 0 0 .569-1.072V10.77a.092.092 0 0 0 0-.064.074.074 0 0 0-.074 0L6.261 12.88a1.375 1.375 0 0 1-1.522 0l-3.254-2.164a.073.073 0 0 0-.073-.009ZM12.412 3.145a.09.09 0 0 0 0 .064v15.464a1.457 1.457 0 0 0 .568 1.072l2.988 2.1a1.1 1.1 0 0 0 1.137 0l2.988-2.1a1.455 1.455 0 0 0 .569-1.072V3.209a.092.092 0 0 0 0-.064.073.073 0 0 0-.074 0l-3.327 2.172a1.375 1.375 0 0 1-1.522 0l-3.254-2.163a.073.073 0 0 0-.073-.01Z'/%3E%3Cpath d='m16.756 4.584 3.3-2.2a.154.154 0 0 0 .055-.11.137.137 0 0 0-.055-.101L17.069.156a1.1 1.1 0 0 0-1.137 0l-2.988 1.99a.136.136 0 0 0-.055.1.155.155 0 0 0 .055.11l3.3 2.228a.477.477 0 0 0 .514 0Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_attendance {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='%23fff' clip-path='url(%23b)'%3E%3Cpath d='M7.054 9.685h-.876a.877.877 0 0 0 0 1.753h.876a.877.877 0 0 0 0-1.753ZM11.438 9.685h-.877a.877.877 0 1 0 0 1.753h.877a.877.877 0 0 0 0-1.753ZM15.822 9.685h-.876a.877.877 0 1 0 0 1.753h.877a.877.877 0 0 0 0-1.753ZM7.054 13.192h-.876a.877.877 0 0 0 0 1.754h.876a.877.877 0 0 0 0-1.754ZM11.438 13.192h-.877a.877.877 0 1 0 0 1.754h.877a.877.877 0 0 0 0-1.754ZM15.822 13.192h-.876a.877.877 0 1 0 0 1.754h.877a.877.877 0 0 0 0-1.754ZM7.054 16.7h-.876a.877.877 0 0 0 0 1.753h.876a.877.877 0 1 0 0-1.754ZM11.438 16.7h-.877a.877.877 0 1 0 0 1.753h.877a.877.877 0 1 0 0-1.754ZM15.822 16.7h-.876a.877.877 0 1 0 0 1.753h.877a.877.877 0 1 0 0-1.754Z'/%3E%3Cpath d='M19.33 3.109h-2.412a.22.22 0 0 1-.219-.22V1.356a.877.877 0 0 0-1.754 0V5.52a.658.658 0 0 1-1.315 0V3.547a.438.438 0 0 0-.438-.438h-5.48a.22.22 0 0 1-.22-.22V1.356a.877.877 0 0 0-1.753 0V5.52a.658.658 0 0 1-1.315 0V3.547a.438.438 0 0 0-.439-.438H2.67A1.754 1.754 0 0 0 .917 4.863v14.905a1.754 1.754 0 0 0 1.753 1.754h16.66a1.754 1.754 0 0 0 1.753-1.754V4.863a1.754 1.754 0 0 0-1.753-1.754Zm0 16.221a.438.438 0 0 1-.439.438H3.11a.438.438 0 0 1-.439-.438V8.808a.438.438 0 0 1 .439-.438H18.89a.438.438 0 0 1 .439.438V19.33Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_cs {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M11 .917a10.083 10.083 0 1 0 0 20.167A10.083 10.083 0 0 0 11 .917ZM7.219 6.799a1.68 1.68 0 1 1 0 3.361 1.68 1.68 0 0 1 0-3.361Zm-.37 7.319a.36.36 0 0 1 .32-.185h7.663a.362.362 0 0 1 .319.185.361.361 0 0 1 0 .37 4.799 4.799 0 0 1-8.302 0 .361.361 0 0 1 0-.37Zm7.932-3.958a1.68 1.68 0 1 1 0-3.361 1.68 1.68 0 0 1 0 3.361Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_payments {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='%23fff' clip-path='url(%23b)'%3E%3Cpath d='M8.25 7.333h5.5a.917.917 0 0 0 0-1.833h-5.5a.917.917 0 0 0 0 1.833ZM8.68 4.125a.458.458 0 0 0 .459.404h3.694a.467.467 0 0 0 .459-.404 8.404 8.404 0 0 1 1.1-2.75.431.431 0 0 0-.065-.522.458.458 0 0 0-.485-.165l-1.705.733a.211.211 0 0 1-.184 0 .23.23 0 0 1-.128-.119L11.422.285a.459.459 0 0 0-.844 0l-.403 1.017a.23.23 0 0 1-.128.12.211.211 0 0 1-.184 0L8.158.687a.458.458 0 0 0-.513.12.43.43 0 0 0-.064.522 8.406 8.406 0 0 1 1.1 2.795ZM14.153 8.36a.532.532 0 0 0-.33-.11H8.176a.532.532 0 0 0-.33.11c-2.337 1.833-4.95 4.95-4.95 7.7C2.896 19.938 5.06 22 11 22c5.94 0 8.103-2.063 8.103-5.94 0-2.75-2.603-5.912-4.95-7.7Zm-2.237 10.093a.238.238 0 0 0-.192.229v.339a.687.687 0 1 1-1.375 0v-.294a.23.23 0 0 0-.23-.229h-.54a.688.688 0 0 1 0-1.375h1.97a.614.614 0 0 0 .23-1.191l-1.998-.798a1.98 1.98 0 0 1 .302-3.795.239.239 0 0 0 .193-.229v-.34a.688.688 0 1 1 1.375 0v.294a.229.229 0 0 0 .229.23h.54a.687.687 0 1 1 0 1.374h-1.934a.614.614 0 0 0-.229 1.192l1.999.798a1.98 1.98 0 0 1-.34 3.795Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_push {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M21.683 11a6.417 6.417 0 0 0-6.416-6.417H6.732a6.417 6.417 0 0 0 0 12.833h8.534A6.417 6.417 0 0 0 21.683 11ZM15.33 6.965a4.034 4.034 0 1 1 0 8.069 4.034 4.034 0 0 1 0-8.07Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_setting {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M19.823 8.9H18.26a7.99 7.99 0 0 0-.639-1.546l1.101-1.11a1.226 1.226 0 0 0 .37-.89 1.235 1.235 0 0 0-.37-.891l-1.185-1.185a1.252 1.252 0 0 0-1.781 0l-1.11 1.11A7.561 7.561 0 0 0 13.1 3.74V2.177a1.26 1.26 0 0 0-1.26-1.26h-1.68a1.26 1.26 0 0 0-1.26 1.26V3.74a7.563 7.563 0 0 0-1.547.647l-1.11-1.109a1.252 1.252 0 0 0-1.78 0L3.277 4.463a1.235 1.235 0 0 0-.37.89 1.21 1.21 0 0 0 .37.891l1.1 1.11A7.99 7.99 0 0 0 3.74 8.9H2.177a1.26 1.26 0 0 0-1.26 1.26v1.68a1.26 1.26 0 0 0 1.26 1.261H3.74a7.78 7.78 0 0 0 .638 1.546l-1.1 1.11a1.26 1.26 0 0 0 0 1.78l1.184 1.186a1.286 1.286 0 0 0 1.782 0l1.109-1.101c.491.268 1.01.482 1.546.638v1.563a1.26 1.26 0 0 0 1.26 1.26h1.681a1.26 1.26 0 0 0 1.26-1.26V18.26a7.78 7.78 0 0 0 1.547-.638l1.109 1.1a1.251 1.251 0 0 0 1.781 0l1.185-1.184a1.26 1.26 0 0 0 0-1.782l-1.1-1.109c.267-.49.481-1.01.638-1.546h1.563a1.26 1.26 0 0 0 1.26-1.26V10.16a1.26 1.26 0 0 0-1.26-1.26ZM11 15.202a4.202 4.202 0 1 1 0-8.404 4.202 4.202 0 0 1 0 8.404Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_sms {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'  fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='%23fff' clip-path='url(%23b)'%3E%3Cpath d='M10.083 9.607v7.333a.917.917 0 0 1-.916.917H2.75a.917.917 0 0 1-.917-.917V6.875a.917.917 0 0 1 .917-.916h5.73a.23.23 0 0 0 .228-.23V3.896a.23.23 0 0 0-.229-.229H2.292A2.292 2.292 0 0 0 0 5.959v13.75A2.291 2.291 0 0 0 2.292 22h7.333a2.293 2.293 0 0 0 2.292-2.291V9.845a.23.23 0 0 0-.23-.22 3.713 3.713 0 0 1-1.292-.229.22.22 0 0 0-.312.211Z'/%3E%3Cpath d='M20.625 0H11.46a1.375 1.375 0 0 0-1.375 1.375v5.5a1.375 1.375 0 0 0 1.375 1.375h2.291v1.64a.457.457 0 0 0 .78.33l1.97-1.97h4.125A1.375 1.375 0 0 0 22 6.875v-5.5A1.375 1.375 0 0 0 20.625 0Zm-8.479 3.896a.917.917 0 1 1 1.834 0 .917.917 0 0 1-1.834 0Zm3.208 0a.917.917 0 1 1 1.834 0 .917.917 0 0 1-1.834 0Zm4.125.917a.916.916 0 1 1 0-1.833.916.916 0 0 1 0 1.833Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_students {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='%23fff' clip-path='url(%23b)'%3E%3Cpath d='M5.958 2.598h2.857a.622.622 0 0 1 .554.352 2.32 2.32 0 0 0 2.084 1.328h5.429a.84.84 0 0 0 0-1.68h-5.429a.622.622 0 0 1-.554-.353A2.32 2.32 0 0 0 8.815.917H5.958a.84.84 0 0 0 0 1.68ZM16.462 14.361a2.101 2.101 0 0 0-2.101 2.101.42.42 0 0 1-.42.42H8.059a.42.42 0 0 1-.42-.42 2.1 2.1 0 0 0-2.101-2.1H1.337a.42.42 0 0 0-.42.42v5.881a.42.42 0 0 0 .42.42h19.326a.42.42 0 0 0 .42-.42v-5.882a.42.42 0 0 0-.42-.42h-4.201Z'/%3E%3Cpath d='M4.277 13.1a.42.42 0 0 0 .42-.42V5.748a.42.42 0 0 1 .42-.42h2.437a.622.622 0 0 1 .555.353 2.32 2.32 0 0 0 2.05 1.328h6.722a.42.42 0 0 1 .42.42v5.251a.42.42 0 0 0 .42.42h.841a.445.445 0 0 0 .328-.15.445.445 0 0 0 .084-.354V6.168a.84.84 0 0 0-.84-.84h-7.975a.622.622 0 0 1-.554-.353 2.32 2.32 0 0 0-2.05-1.328H3.856a.84.84 0 0 0-.84.84v8.11a.445.445 0 0 0 .084.352.445.445 0 0 0 .336.152h.84Z'/%3E%3Cpath d='M9.387 9.74a1.68 1.68 0 1 0 3.361 0 1.68 1.68 0 0 0-3.361 0ZM11.067 11.84a3 3 0 0 0-2.764 1.95.42.42 0 0 0 .395.572h4.739a.421.421 0 0 0 .395-.572 3 3 0 0 0-2.765-1.95Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_arrow {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill='%23fff' d='m9 6-6 5V1l6 5Z'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_my {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23fff' d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_path {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.5 10 4-3.75-4-3.75'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_prev {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17' viewBox='0 0 10 17' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 1 1 8.5 9 16'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_chat {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.64 5.725C12.17 2.863 9.626.665 6.69.667a6.024 6.024 0 0 0-5.16 9.13L.7 12.005a.524.524 0 0 0 .584.7l2.923-.529c.483.219.992.373 1.513.458a5.11 5.11 0 0 0 6.541 2.274l2.301.414a.655.655 0 0 0 .73-.874l-.632-1.69c.443-.769.676-1.643.673-2.534v.001h-.655l.655-.001a5.108 5.108 0 0 0-2.694-4.5Zm-4.065 1.08a3.798 3.798 0 0 1 4.336.736 3.798 3.798 0 0 1 1.113 2.685v.002a3.746 3.746 0 0 1-.633 2.096.654.654 0 0 0-.07.593l.341.913-1.371-.246a.655.655 0 0 0-.403.055 3.798 3.798 0 1 1-3.313-6.834Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_add {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M8 14.666A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.333ZM8 11.333V4.666M11.334 8H4.667'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_download {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'  fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 10v2.667A1.334 1.334 0 0 1 12.667 14H3.333A1.334 1.334 0 0 1 2 12.667V10M4.667 6.667 8 10l3.333-3.333M8 10V2'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_upload {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'  fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 10v2.667A1.334 1.334 0 0 1 12.667 14H3.333A1.334 1.334 0 0 1 2 12.667V10M11.333 5.333 8 2 4.667 5.333M8 2v8'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_clock {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M8 14.666A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.333Z'/%3E%3Cpath d='M8 4v4l2.667 1.333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_tel {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill='%23fff' d='M12.283 9.59v1.58a1.052 1.052 0 0 1-1.151 1.055 10.461 10.461 0 0 1-4.556-1.618 10.284 10.284 0 0 1-3.168-3.161 10.414 10.414 0 0 1-1.62-4.568 1.052 1.052 0 0 1 1.05-1.149h1.584a1.057 1.057 0 0 1 1.056.906c.066.506.19 1.003.37 1.48a1.052 1.052 0 0 1-.238 1.113l-.67.669a8.439 8.439 0 0 0 3.167 3.161l.67-.67a1.056 1.056 0 0 1 1.114-.236 6.79 6.79 0 0 0 1.484.369 1.056 1.056 0 0 1 .908 1.07Z'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.bottom_bus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='22' viewBox='0 0 19 22' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M16.864 1H2.136C1.233 1 .5 1.689.5 2.538v14.616c0 .85.733 1.539 1.636 1.539h14.728c.903 0 1.636-.69 1.636-1.539V2.538c0-.85-.733-1.538-1.636-1.538ZM3.773 18.692V21M15.227 18.692V21M.5 11h18'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M4.591 15.23c-.226 0-.409-.171-.409-.384 0-.212.183-.385.41-.385'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M4.59 15.23c.227 0 .41-.171.41-.384 0-.212-.183-.385-.41-.385M14.409 15.23c-.226 0-.41-.171-.41-.384 0-.212.184-.385.41-.385'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M14.409 15.23c.226 0 .409-.171.409-.384 0-.212-.183-.385-.41-.385'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.bottom_bus_active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20'  viewBox='0 0 19 22' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M17.998 10V1.943c0-.81-.693-1.467-1.547-1.467H2.55c-.853 0-1.547.657-1.547 1.467V10'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M17.998 10V1.943c0-.81-.693-1.467-1.547-1.467H2.55c-.853 0-1.547.657-1.547 1.467V10M1.002 10v5.857c0 .81.694 1.467 1.547 1.467h13.912c.854 0 1.547-.657 1.547-1.467V10H1.002ZM4.096 17.324v2.2M14.914 17.324v2.2'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M4.87 14.028a.372.372 0 0 1-.382-.361c0-.2.17-.362.381-.362M4.87 14.028c.21 0 .381-.161.381-.361 0-.2-.17-.362-.381-.362M14.14 14.028a.372.372 0 0 1-.381-.361c0-.2.17-.362.381-.362M14.14 14.028a.372.372 0 0 0 .382-.361c0-.2-.17-.362-.381-.362'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.5 0h18v20H.5z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.bottom_chat {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'  fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M10.5 17.39a5.287 5.287 0 0 0-.49-6.9 5.287 5.287 0 0 0-6.9-.49c-.66.49-1.19 1.13-1.55 1.86a5.247 5.247 0 0 0-.32 3.93c.29.93.08 1.96-.1 2.94a.43.43 0 0 0 .02.25.532.532 0 0 0 .36.33c.08.02.17.02.25-.01.9-.24 1.78-.45 2.7-.12.58.21 1.2.32 1.82.32.82 0 1.63-.19 2.36-.56.73-.37 1.37-.9 1.86-1.55'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M19.5 11.79c.46-1.27.6-2.64.42-3.98a8.444 8.444 0 0 0-1.46-3.73 8.322 8.322 0 0 0-3.02-2.63C14.24.83 12.9.5 11.55.5 6.14.5 3.11 5.05 3.11 10a5.288 5.288 0 0 1 6.9.49 5.288 5.288 0 0 1 .49 6.9c1.55 0 3.02-.12 4.43-.71 1.3-.55 2.93.06 4.31.49.08.03.17.03.25.02a.57.57 0 0 0 .22-.11c.06-.06.11-.13.14-.21.03-.08.03-.17.01-.25-.32-1.55-.86-3.43-.36-4.83Z'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.bottom_chat_active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'  fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M10.5 17.39a5.287 5.287 0 0 0-.49-6.9 5.287 5.287 0 0 0-6.9-.49c-.66.49-1.19 1.13-1.55 1.86a5.247 5.247 0 0 0-.32 3.93c.29.93.08 1.96-.1 2.94a.43.43 0 0 0 .02.25.532.532 0 0 0 .36.33c.08.02.17.02.25-.01.9-.24 1.78-.45 2.7-.12.58.21 1.2.32 1.82.32.82 0 1.63-.19 2.36-.56.73-.37 1.37-.9 1.86-1.55'/%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M19.5 11.79c.46-1.27.6-2.64.42-3.98a8.444 8.444 0 0 0-1.46-3.73 8.322 8.322 0 0 0-3.02-2.63C14.24.83 12.9.5 11.55.5 6.14.5 3.11 5.05 3.11 10a5.288 5.288 0 0 1 6.9.49 5.288 5.288 0 0 1 .49 6.9c1.55 0 3.02-.12 4.43-.71 1.3-.55 2.93.06 4.31.49.08.03.17.03.25.02a.57.57 0 0 0 .22-.11c.06-.06.11-.13.14-.21.03-.08.03-.17.01-.25-.32-1.55-.86-3.43-.36-4.83Z'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.bottom_home {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m20.59 7.89-6.596-5.356A2.354 2.354 0 0 0 12.495 2c-.55 0-1.08.188-1.5.534L4.4 7.889c-.57.465-.9 1.166-.9 1.898v9.782C3.5 20.913 4.57 22 5.899 22h3.788v-6.117c0-.592.24-1.156.66-1.57a2.26 2.26 0 0 1 1.588-.653h1.13c.6 0 1.169.237 1.589.652.42.415.66.979.66 1.571V22H19.1c1.33 0 2.399-1.087 2.399-2.43V9.786a2.496 2.496 0 0 0-.91-1.898Z'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.bottom_home_active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m20.59 7.89-6.596-5.356A2.354 2.354 0 0 0 12.495 2c-.55 0-1.08.188-1.5.534L4.4 7.889c-.57.465-.9 1.166-.9 1.898v9.782C3.5 20.913 4.57 22 5.899 22h3.788v-6.117c0-.592.24-1.156.66-1.57a2.26 2.26 0 0 1 1.588-.653h1.13c.6 0 1.169.237 1.589.652.42.415.66.979.66 1.571V22H19.1c1.33 0 2.399-1.087 2.399-2.43V9.786a2.496 2.496 0 0 0-.91-1.898Z'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_push2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linejoin='round' stroke-width='1.5' d='M2.592 15.748c-.476 0-.916-.247-1.164-.65a1.229 1.229 0 0 1 .23-1.54l1.21-1.1V8.002c0-3.41 2.841-6.398 6.086-6.398s6.087 2.988 6.087 6.398v4.465l1.21 1.1a1.24 1.24 0 0 1 .229 1.54c-.248.403-.688.65-1.164.65H2.592v-.009ZM12.318 15.813c0 1.87-1.503 3.391-3.364 3.391-1.86 0-3.364-1.512-3.364-3.392h6.728Z'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_bar {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.75 11h16.5M2.75 5.5h16.5m-16.5 11h16.5'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_del {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1.648 14.417 14.417 1.583M14.352 14.417 1.583 1.583'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_level {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14'  fill='none'%3E%3Cpath fill='%23fff' d='M5.651 7.955h-1.56v-3.08c0-.259-.194-.432-.482-.432-.289 0-.483.173-.483.431v3.339c0 .428.17.592.604.592h1.921c.225 0 .374-.17.374-.425s-.15-.425-.374-.425ZM5.779 4.72a.456.456 0 0 0 0 .351l1.268 3.357c.11.28.292.413.556.413.264 0 .452-.13.561-.413l1.302-3.363a.43.43 0 0 0 0-.352.454.454 0 0 0-.28-.233c-.278-.1-.53.009-.624.27l-.947 2.686-.926-2.695a.424.424 0 0 0-.221-.252.537.537 0 0 0-.413-.01.486.486 0 0 0-.285.24h.009Z'/%3E%3Cpath fill='%23fff' d='M11.606 3.165 6.228.061a.452.452 0 0 0-.455 0L.392 3.165a.458.458 0 0 0-.228.395v6.212c0 .164.088.313.228.395l5.378 3.105a.464.464 0 0 0 .455 0l5.38-3.105a.458.458 0 0 0 .228-.395V3.56a.458.458 0 0 0-.227-.395Zm-.683 6.343-4.926 2.844-4.922-2.844V3.821L6 .981l4.926 2.843v5.687l-.003-.003Z'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_counsel {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='M23.232 3.986a1.872 1.872 0 0 0-1.872-1.872h-9.837a1.377 1.377 0 0 0-1.395-1.113H6.497a1.366 1.366 0 0 0-1.348 1.15.936.936 0 0 0 0 .226v8.695a.449.449 0 0 0 .318.43h.14a.44.44 0 0 0 .365-.187l2.172-2.883a.225.225 0 0 1 .365 0l2.209 2.93a.459.459 0 0 0 .823-.272V4.22a.234.234 0 0 1 .234-.234h9.154a.468.468 0 0 1 .468.468v16.483a.468.468 0 0 1-.468.468H3.071a.468.468 0 0 1-.468-.468V4.21a.225.225 0 0 1 .225-.225.936.936 0 0 0 0-1.872H2.64A1.872 1.872 0 0 0 .768 3.987v17.381A1.872 1.872 0 0 0 2.64 23.24h18.72a1.872 1.872 0 0 0 1.872-1.872V3.987Z'/%3E%3Cpath d='M14.293 7.88h3.67a.936.936 0 0 0 0-1.872h-3.67a.936.936 0 0 0 0 1.872ZM14.293 11.549h3.67a.936.936 0 0 0 0-1.872h-3.67a.936.936 0 0 0 0 1.872ZM17.962 13.383H6.497a.936.936 0 0 0 0 1.873h11.465a.935.935 0 1 0 0-1.873ZM17.045 17.97a.936.936 0 0 0-.936-.936H6.497a.936.936 0 1 0 0 1.872h9.63a.936.936 0 0 0 .918-.936Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_board {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M20.5 2h-5a.27.27 0 0 1-.21-.12 3.83 3.83 0 0 0-6.59 0 .24.24 0 0 1-.2.12h-5A1.5 1.5 0 0 0 2 3.5v19A1.5 1.5 0 0 0 3.5 24h17a1.5 1.5 0 0 0 1.5-1.5v-19A1.5 1.5 0 0 0 20.5 2ZM19 16.26a2.5 2.5 0 0 1-.6 1.63l-1.92 2.24a2.52 2.52 0 0 1-1.9.87H5.5a.5.5 0 0 1-.5-.5v-15a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v10.76Z'/%3E%3Cpath fill='%23fff' d='M16 8.25h-4.5a.75.75 0 1 0 0 1.5H16a.75.75 0 1 0 0-1.5ZM16 11.75h-4.5a.75.75 0 1 0 0 1.5H16a.75.75 0 1 0 0-1.5ZM16 15.25h-4.5a.75.75 0 1 0 0 1.5H16a.75.75 0 1 0 0-1.5Z'/%3E%3Cpath fill='%23fff' d='M7 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0ZM7 12.5a1 1 0 1 0 2 0 1 1 0 0 0-2 0ZM7 16a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_design {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M14.29 2c-.805 0-1.458.653-1.458 1.458v3.75c0 .806.653 1.459 1.458 1.459h6.251c.806 0 1.459-.653 1.459-1.459v-3.75C22 2.653 21.347 2 20.541 2h-6.25Zm0 8.333c-.805 0-1.458.653-1.458 1.459v8.75c0 .805.653 1.458 1.458 1.458h6.251c.806 0 1.459-.653 1.459-1.458v-8.75c0-.806-.653-1.459-1.459-1.459h-6.25ZM2 3.46C2 2.653 2.653 2 3.459 2h6.25c.806 0 1.46.653 1.46 1.459v8.75c0 .805-.654 1.458-1.46 1.458H3.46A1.458 1.458 0 0 1 2 12.209v-8.75Zm1.459 11.874c-.806 0-1.459.653-1.459 1.458v3.75C2 21.347 2.653 22 3.459 22h6.25c.806 0 1.46-.653 1.46-1.459v-3.75c0-.805-.654-1.458-1.46-1.458H3.46Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.menu_admin {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='M14.284 15.693a.47.47 0 0 0 .096-.547 7.208 7.208 0 0 0-6.45-4.083 7.235 7.235 0 0 0-6.91 5.138.48.48 0 0 0 .46.613h11.5a.451.451 0 0 0 .336-.144l.968-.977ZM3.176 5.553a4.553 4.553 0 1 0 9.105 0 4.553 4.553 0 0 0-9.105 0ZM19.436 13.208l-5.229 5.205a.386.386 0 0 0 0 .56l2.402 2.403a.382.382 0 0 0 .433.09.381.381 0 0 0 .128-.09l5.213-5.205a2.099 2.099 0 0 0-2.97-2.963h.023ZM13.719 20.167a.4.4 0 0 0-.673.208l-.44 2.146a.393.393 0 0 0 .112.36.408.408 0 0 0 .36.113l2.146-.433a.384.384 0 0 0 .304-.272.392.392 0 0 0-.096-.4l-1.713-1.722Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_logout {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.488 9.005H5.113M13.138 13.159l3.945-4.143-3.945-4.164M8.483 17.25H3.265A2.517 2.517 0 0 1 .75 14.735V3.265A2.517 2.517 0 0 1 3.265.75h5.218'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_bus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M11.91 1.333H2.09c-.602 0-1.09.46-1.09 1.026v9.744c0 .566.488 1.025 1.09 1.025h9.82c.602 0 1.09-.459 1.09-1.025V2.359c0-.566-.488-1.026-1.09-1.026ZM3.182 13.128v1.539M10.818 13.128v1.539M1 8h12'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M3.727 10.82c-.15 0-.272-.114-.272-.256 0-.142.122-.256.272-.256'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M3.727 10.82c.15 0 .273-.114.273-.256 0-.142-.122-.256-.273-.256M10.273 10.82c-.151 0-.273-.114-.273-.256 0-.142.122-.256.273-.256M10.273 10.82c.15 0 .272-.114.272-.256 0-.142-.122-.256-.272-.256'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_img {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'  viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%237A7F83' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.145 8.102c0 .778-.627 1.406-1.406 1.406a1.404 1.404 0 0 1-1.407-1.406c0-.779.628-1.407 1.407-1.407.778 0 1.406.628 1.406 1.407Z'/%3E%3Cpath stroke='%237A7F83' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.563 1H3.057A2.057 2.057 0 0 0 1 3.057v15.518c0 1.136.921 2.057 2.057 2.057h15.506a2.057 2.057 0 0 0 2.057-2.058V3.058A2.057 2.057 0 0 0 18.563 1Z'/%3E%3Cpath stroke='%237A7F83' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m20.62 11.078-3.94 3.742a2.31 2.31 0 0 1-3.138.035l-6.207-5.59a2.324 2.324 0 0 0-3.336.255L1 13.193'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_send {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23232B2B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M22 2 11 13M22 2l-7 20-4-9-9-4 20-7Z'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active .svg_icon.icon_youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='20' fill='none'%3E%3Cpath fill='%23fff' d='M28.012 3.655C27.47 1.503 26.485.67 24.637.365 23.592.203 18.509 0 14.47 0S5.388.223 4.343.386C2.495.67 1.49 1.503.968 3.655c-.181.71-.422 4.67-.422 6.193v.325c0 1.502.24 5.461.422 6.193.522 2.152 1.527 2.984 3.355 3.268 1.045.163 6.128.366 10.167.366s9.102-.203 10.167-.366c1.828-.304 2.833-1.116 3.375-3.268.181-.732.422-4.67.422-6.193v-.325c0-1.503-.24-5.462-.422-6.193h-.02Zm-16.857 9.97v-7.23l6.69 3.534-6.69 3.695Z'/%3E%3C/svg%3E");
}
.gnb .depth1-menu.active + .depth2 {
  display: block;
}
.gnb .depth2 {
  margin-top: 20px;
  display: none;
}
.gnb .depth2-menu {
  padding-inline: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  height: 40px;
  color: #4D4D4D;
  white-space: nowrap;
}
.gnb .depth2-menu.active {
  color: #222;
  font-weight: 500;
  border-radius: 50px;
  background: rgba(34, 34, 34, 0.1);
}
.gnb .depth2-menu:before {
  content: "-";
  margin-right: 15px;
  display: inline-block;
}
.gnb .depth2-menu .sub_txt {
  font-size: 13px;
}
.head_close .gnb .depth2 {
  display: none !important;
}

.ribbon {
  position: fixed;
  top: 0;
  left: 280px;
  width: calc(100% - 280px);
  height: 80px;
  background-color: #222;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  padding-inline: 30px;
  min-width: 500px;
  z-index: 100;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.head_close .ribbon {
  width: calc(100% - 100px);
  left: 100px;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.ribbon-handler {
  margin-right: auto;
  height: auto;
  line-height: initial;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  margin-left: -20px;
}
.head_close .ribbon-handler {
  transform: rotate(180deg);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.ribbon-member {
  font-size: 15px;
  color: #9E9E9E;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.ribbon-member .name {
  color: #fff;
  font-weight: 500;
}
.ribbon-btns {
  margin-left: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
}
.ribbon-btns .com_btn {
  position: relative;
  padding-inline: 15px;
}
.ribbon-btns .new {
  background-color: #FF4C1B;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  line-height: initial;
  position: absolute;
  right: -11px;
  top: -8px;
  color: #fff;
  font-size: 12px;
}

.com_point_txt {
  color: #F4D74B !important;
}

.com_blue_txt {
  color: #009cdd !important;
}

.com_red_txt {
  color: #FF4C1B !important;
}

.com_orange_txt {
  color: #fd5d4f;
}

.com_green_txt {
  color: #46b35c;
}

.com_pg_tit {
  font-size: 28px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
}
.com_pg_tit .svg_icon {
  background-color: #F4D74B;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  background-size: 40%;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
}
.com_pg_tit__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  gap: 12px;
}
.com_pg_tit__wrap .path {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  color: #777;
}
.com_pg_tit__wrap .path-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_pg_tit__wrap .path-menu:last-child {
  color: #222;
}
.com_pg_tit__wrap .pg_tit-tip {
  font-size: 15px;
  margin-right: auto;
}

.com_sec_tit {
  font-size: 22px;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_sec_tit::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 8px;
  height: 20px;
  margin-inline: 0px 10px;
  background: #F4D74B;
  border-radius: 8px;
  vertical-align: middle;
  cursor: default;
}
.com_sec_tit .sub {
  font-size: 14px;
  font-weight: 400;
  color: #777;
  margin-left: 10px;
}
.com_sec_tit__wrap {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.com_sec_tit .bg_blue {
  display: inline-block;
  background-color: #f2fbff;
  color: #222;
  padding: 4px 2px;
}

.com_board_tip {
  text-align: center;
}

.com_tip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  line-height: 1.6;
}
.com_tip.has_icon::before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_tip.png);
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.com_tip.bottom {
  margin-top: 10px;
}

.com_dot_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
}
.com_dot_list .dot_list-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  line-height: initial;
}
.com_dot_list .dot_list-item::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 3px;
  height: 3px;
  margin-inline: 5px;
  background: #777;
  border-radius: 3px;
  vertical-align: middle;
  cursor: default;
}

.com_dot_summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
}
.com_dot_summary.col2 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 50px;
}
.com_dot_summary .summary-item {
  position: relative;
}
.com_dot_summary .summary-item::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 4px;
  height: 4px;
  margin-inline: 0 3px;
  background: #F4D74B;
  border-radius: 4px;
  vertical-align: middle;
  cursor: default;
}

.com_terms h1 {
  font-size: 20px;
  margin: 0 0 8px;
}
.com_terms h2 {
  font-size: 16px;
  margin: 18px 0 6px;
}
.com_terms h3 {
  font-size: 14px;
  margin: 12px 0 4px;
}
.com_terms p, .com_terms ul, .com_terms ol {
  margin: 8px 0;
}
.com_terms ul, .com_terms ol {
  padding-left: 20px;
  list-style: disc;
}
.com_terms li {
  list-style: disc;
}
.com_terms table {
  width: 100%;
  border-collapse: collapse;
}
.com_terms th, .com_terms td {
  border: 1px solid #000;
  padding: 6px;
  vertical-align: top;
}
.com_terms hr {
  border: 0;
  border-top: 1px solid #000;
  margin: 16px 0;
}

/*common input form*/
.com_input_sec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.com_input_sec .tit_field {
  font-weight: 500;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 15px;
}
.com_input_sec .tit_field .sub {
  color: #767678;
  font-size: 14px;
}
.com_input_sec .input_field {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 8px;
}
.com_input_sec .input_field:last-child {
  margin-bottom: 0;
}
.com_input_sec .input_field input[type=text], .com_input_sec .input_field input[type=password], .com_input_sec .input_field input[type=date], .com_input_sec .input_field input[type=number] {
  width: 100%;
}
.com_input_sec .input_field .error_txt {
  color: #FF4C1B;
}
.com_input_sec .input_field .ok_txt {
  color: #0f8af5;
}
.com_input_sec .input_field .com_btn {
  min-width: 116px;
}
.com_input_sec .input-select {
  width: 150px;
  min-width: 150px;
}
.com_input_sec .icon_must {
  color: #F12020;
  font-size: 15px;
  font-weight: 600;
  margin-left: -12px;
}

.com_input_num {
  text-align: right;
}

.com_add_file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.com_add_file .btn_del_thumb {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background: url("../img/icon_del.png") #E8E8E8 center center no-repeat;
  background-size: 9px auto;
  font-size: 0;
  width: 22px;
  height: 22px;
  border-radius: 100%;
}
.com_add_file .blind {
  display: none;
}
.com_add_file .input_form {
  flex: 1; /* input_form이 남은 공간을 꽉 채울 수 있도록 설정 */
}
.com_add_file .input_form .input {
  border: 1px solid #ddd;
  margin-left: 0;
  padding-inline: 10px;
  width: 100%;
}
.com_add_file .input_form + .com_btn {
  margin-left: 10px;
}
.com_add_file .com_btn {
  flex: 0; /* com_btn이 필요한 만큼의 공간만 차지하도록 설정 */
}
.com_add_file .com_file_thumb {
  position: relative;
  display: none;
  margin-top: 5px;
  width: 100%; /* 가로 크기를 100%로 설정하여 줄바꿈이 되도록 함 */
}
.com_add_file .com_file_thumb_img {
  position: relative;
  z-index: 0;
  display: inline-block;
}
.com_add_file .com_file_thumb .preview_img {
  width: 120px;
}
.com_add_file_img {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media screen and (max-width: 575.9px) {
  .com_add_file_img + .com_add_file {
    margin-top: 25px;
  }
}
.com_add_file_img .btn_del_img {
  background: url("../img/icon_del.png") #E8E8E8 center center no-repeat;
  background-size: 9px auto;
  font-size: 0;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  display: inline-block;
}
.com_add_file_img .img {
  position: relative;
  max-width: 200px;
  z-index: 0;
  width: 120px;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.com_add_file_img .add_file_value {
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
}
.com_add_file_img .btn_btm {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 5px;
}
.com_add_file + .com_add_file {
  margin-top: 10px;
}

.com_add_multi_file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_add_multi_file .multi_file-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.com_add_multi_file .multi_file-img {
  position: relative;
  z-index: 0;
  width: 120px;
  height: 100px;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid var(--line-color, #EDEDEE);
  padding: 9px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100px;
  min-width: 120px;
  aspect-ratio: auto;
}
.com_add_multi_file .multi_file-img > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.com_add_multi_file .multi_file-img > img, .com_add_multi_file .multi_file-img > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.com_add_multi_file .multi_file-img .btn_del_thumb {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
  background: url("../img/icon_del.png") #E8E8E8 center center no-repeat;
  background-size: 8px auto;
  font-size: 0;
  width: 15px;
  height: 15px;
  border-radius: 100%;
}
.com_add_multi_file .multi_file-img__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}

.com_agree {
  margin-top: 20px;
}
.com_agree .agree-tit {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 30px;
}
.com_agree .agree-total {
  border-block: 1px solid #EDEDED;
  padding-block: 20px;
}
.com_agree .agree-total label {
  font-size: 16px;
  font-weight: 600;
}
.com_agree .agree-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 15px;
  margin-top: 20px;
}
.com_agree .agree-list .com_chk input[type=checkbox]::before, .com_agree .agree-list .com_chk input[type=radio]::before {
  background-image: url("../img/chk_off2.png");
}
.com_agree .agree-list .com_chk input[type=checkbox]:checked::before, .com_agree .agree-list .com_chk input[type=radio]:checked::before {
  background-image: url("../img/chk_on2.png");
}
.com_agree .agree-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.com_agree .agree-txt {
  margin-left: auto;
  color: #F4D74B;
}

/*!스크롤*/
.scroll {
  scrollbar-face-color: #d5d3d7;
  /*스크롤*/
  scrollbar-highlight-color: #d5d3d7;
  /*하이라이트*/
  scrollbar-3dlight-color: #d5d3d7;
  /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: #d5d3d7;
  /*오른쪽외곽음영*/
  scrollbar-shadow-color: #d5d3d7;
  /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: #d5d3d7;
  /*화살*/
  scrollbar-track-color: rgba(255, 255, 255, 0);
  /*스크롤영역*/
  overflow: auto;
  /*스크롤바*/
  /*스크롤바 버튼(아래 위 화살표)*/
  /*스크롤바 핸들*/
  /*스크롤바 진행줄*/
  /*진행줄에서 핸들로 덮이지 않은 영역 */
  /*상하 좌우 스크롤이 만나는 공간*/
}
.scroll::-webkit-scrollbar {
  opacity: 0;
  width: 15px;
  height: 15px;
}
.scroll::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 10px;
}
.scroll::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0);
}
.scroll::-webkit-scrollbar-track-piece {
  background-color: rgba(255, 255, 255, 0);
}
.scroll::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.08);
}

.scroll_lock {
  touch-action: none;
  overflow-y: hidden !important;
}
.scroll_lock body {
  touch-action: none;
  overflow-y: hidden !important;
}

.loading-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  display: none;
  z-index: 9999;
  gap: 25px;
  color: #fff;
  font-size: 18px;
}
.loading-layer.active {
  display: flex;
}
.loading-layer .spinner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.loading-layer .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 5px;
  animation: pulse 1s infinite ease-in-out;
}
.loading-layer .dot1 {
  animation-delay: 0s;
}
.loading-layer .dot2 {
  animation-delay: 0.33s;
}
.loading-layer .dot3 {
  animation-delay: 0.66s;
}
@keyframes pulse {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0.5;
  }
}

.com_list {
  border-top: 1px solid #EDEDED;
}
.com_list.has_sticky {
  border-collapse: separate;
  border-spacing: 0;
  border-top: none;
}
.com_list.has_link tbody tr {
  cursor: pointer;
}
.com_list th,
.com_list td {
  height: 44px;
  padding-block: 8px;
  padding-inline: 15px;
  border-bottom: 1px solid #EDEDED;
  line-height: 1.4;
  text-align: center;
}
.com_list th:not(:last-child),
.com_list td:not(:last-child) {
  border-right: 1px solid #EDEDED;
}
.com_list th {
  background: #f6f6f6;
}
.com_list .sticky {
  position: sticky;
}
.com_list .sticky.top {
  top: 0;
}
.com_list .sticky.top th {
  border-top: 1px solid #EDEDED;
}
.com_list .align_left {
  text-align: left;
}
.com_list .align_center {
  text-align: center;
}
.com_list .sub_txt {
  font-size: 12px;
  color: #777;
  font-weight: 400;
}
.com_list .icon_must {
  color: #f12020;
  margin-left: 3px;
}
.com_list input[type=text],
.com_list input[type=number],
.com_list input[type=password],
.com_list input[type=date],
.com_list select {
  width: 100%;
}
.com_list .com_chk__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_list .student_field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 6px;
}
.com_list .student_field .btn_student {
  width: 68px;
}
.com_list .student_field__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 2px;
  width: 68px;
}
.com_list .student_field__btns .com_btn {
  flex: 1;
}
.com_list .payments_field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  justify-content: flex-end;
  gap: 7px;
  height: 100%;
  padding-bottom: 7px;
}
.com_list .payments_field > * {
  align-self: center;
}
.com_list__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  gap: 10px;
  margin-bottom: 16px;
}
.com_list__top .divider {
  margin-left: auto;
}
.com_list__top .com_board_search {
  padding: 0;
}
.com_list__top .search-item {
  gap: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  width: 100%;
}
.com_list__top .search-item select {
  flex: 1;
}
.com_list__top .search-input {
  flex: 1;
}
.com_list__top .btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.com_list__top .txt {
  font-size: 15px;
}
.com_list__wrap {
  padding: 20px 30px 30px;
  border-radius: 15px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
}
.com_list__wrap .date_table_scroll {
  max-height: calc(100vh - 451px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #999; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.com_list__wrap .date_table_scroll::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.com_list__wrap .date_table_scroll::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_list__wrap .date_table_scroll::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #999;
  background-clip: padding-box;
  border-radius: 6px;
}
.com_list__wrap .date_table_scroll::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.com_list__wrap .date_table_scroll::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.com_list__wrap .board_search {
  border-radius: 10px;
  border: 1px solid #EDEDED;
  background: #F6F6F6;
  margin-bottom: 16px;
  padding: 15px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.com_list__wrap .board_search .search-select {
  min-width: 150px;
}
.com_list__wrap .board_search .search-input {
  margin-left: auto;
  width: 350px;
}
.com_list__total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  gap: 20px;
  margin-block: 15px;
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 15px;
}
.com_list__total .list__total-tit {
  font-size: 15px;
  font-weight: 500;
}
.com_list__total .list__total-num {
  font-size: 22px;
  font-weight: 600;
}
.com_list__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  position: relative;
  margin-bottom: 16px;
}
.com_list__header .list_header-today {
  font-size: 15px;
  font-weight: 500;
}
.com_list__header .list_header-month {
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.com_list__header .list_header-total {
  margin-left: auto;
  margin-right: 30px;
}
.com_list.type_dense {
  table-layout: fixed;
}
.com_list.type_dense th,
.com_list.type_dense td {
  font-size: 14px;
  padding-inline: 2.5px;
}
.com_list.type_dense .checked {
  background-color: #f1f9f2;
}
.com_list__state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 30px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  margin-right: auto;
}
.com_list__state::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 12px;
  margin-inline: 30px 0px;
  background: #EDEDED;
  cursor: default;
}
.com_list__state .list__state-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  line-height: initial;
}
.com_list__state .list__state-item img {
  margin-right: 10px;
}
.com_list .total {
  background-color: #FFFCEB;
  font-weight: 600;
}

.com_write {
  border-top: 1px solid #EDEDED;
}
.com_write > tbody > tr > th, .com_write > tbody > tr > td {
  height: 64px;
  padding-block: 10px;
  padding-inline: 15px;
  border-bottom: 1px solid #EDEDED;
  line-height: 1.4;
  text-align: left;
}
.com_write > tbody > tr > th:not(:last-child), .com_write > tbody > tr > td:not(:last-child) {
  border-right: 1px solid #EDEDED;
}
.com_write th {
  background: #f6f6f6;
  width: 150px;
}
.com_write th .sub_txt {
  font-weight: 400;
  font-size: 13px;
}
.com_write th.th_dark {
  background-color: #F2FBFF;
}
.com_write__wrap {
  padding: 20px 30px 30px;
  border-radius: 15px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
}
.com_write__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  margin-bottom: 15px;
}
.com_write__top-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.com_write .add_profile {
  width: 140px;
  vertical-align: top;
  padding: 30px;
}
.com_write .add_profile-thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  min-width: 140px;
  aspect-ratio: auto;
  border-radius: 100%;
}
.com_write .add_profile-thumb > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.com_write .add_profile-thumb > img, .com_write .add_profile-thumb > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.com_write .add_profile-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 20px;
}
.com_write .add_profile .com_btn {
  align-self: center;
}
.com_write .add_profile .tip_txt {
  color: #777;
  font-size: 13px;
  text-align: center;
}
.com_write .write-input {
  width: 235px;
  min-width: 235px;
}
.com_write .write-input-wide {
  width: 400px;
  min-width: 400px;
}
.com_write .write-input-num {
  width: 80px;
}
.com_write .write-select {
  width: 235px;
  min-width: 235px;
}
.com_write .write-inner_tit {
  margin-left: 20px;
}
.com_write .write-input-full {
  width: 100%;
}
.com_write .write-tip {
  font-size: 13px;
  color: #777;
  padding-left: 10px;
}
.com_write .write-tip:before {
  content: "※";
  margin-left: -10px;
  padding-right: 3px;
}
.com_write .write-textarea {
  min-height: 276px;
}
.com_write .address_field .post_input {
  width: 150px;
}
.com_write .icon_must {
  color: #f12020;
  font-size: 15px;
  font-weight: 600;
  margin-left: 2px;
}
.com_write .text_form {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
}
.com_write .text_form-tit {
  white-space: nowrap;
  padding-right: 20px;
  min-width: 230px;
}
.com_write .text_form-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}

.com_board_search {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 15px 30px;
  gap: 10px;
}
.com_board_search.type_detail {
  height: 0;
  visibility: hidden;
  overflow: hidden;
  padding-block: 0;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
  border-color: #EDEDED;
}
.com_board_search.type_detail .search-tip {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  grid-column: 1/3;
}
.com_board_search__wrap {
  padding: 0px;
  border-radius: 15px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
}
.com_board_search__wrap .search-handler {
  border-radius: 0 0 15px 15px;
  background: #f6f6f6;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  height: 32px;
  gap: 6px;
}
.com_board_search__wrap .search-handler::before {
  content: "열기";
}
.com_board_search__wrap .search-handler .icon_prev {
  transform: rotate(270deg);
  width: 12px;
  min-width: 12px;
  height: 12px;
}
.com_board_search__wrap.open .search-handler::before {
  content: "접기";
}
.com_board_search__wrap.open .search-handler .icon_prev {
  transform: rotate(90deg);
}
.com_board_search__wrap.open .com_board_search.type_detail {
  display: grid;
  visibility: visible;
  height: auto;
  padding-block: 15px;
  border-top: 1px solid #EDEDED;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.com_board_search__wrap.type_gray {
  box-shadow: none;
  background: #f6f6f6;
}
.com_board_search .search {
  grid-column: 2/3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.com_board_search .search-item:not(:last-child) .search-tit,
.com_board_search .search-item:not(:last-child) .search__inner {
  margin-bottom: 10px;
}
.com_board_search .search-item select {
  width: atuo;
}
.com_board_search .search-tit {
  padding-right: 20px;
  white-space: nowrap;
  grid-column: 1/2;
  min-height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_board_search .search-tip {
  color: #777;
  padding-left: 30px;
  padding-top: 15px;
}
.com_board_search .search-select {
  width: 150px;
  min-width: 150px;
}
.com_board_search .search-input {
  width: 350px !important;
  flex: none !important;
}
.com_board_search .search-input.extend {
  flex: 1 !important;
  width: auto !important;
}
.com_board_search .search-input.narrow {
  width: 134px !important;
}
.com_board_search .search-sort {
  margin-left: auto;
  width: 135px;
}
.com_board_search .search .divider {
  margin-left: auto;
}
.com_board_search .search-extend {
  flex: 1;
}
.com_board_search .divider_line {
  width: 1px;
  height: 100%;
  background-color: #EDEDED;
  display: block;
}

.com_view__wrap {
  padding: 20px 30px 30px;
  border-radius: 15px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
}
.com_view .view__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  margin-bottom: 15px;
}
.com_view .view__top-info:not(:last-child) {
  position: relative;
}
.com_view .view__top-info:not(:last-child)::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 12px;
  margin-inline: 10px;
  background: #EDEDED;
  cursor: default;
}
.com_view .view__header {
  padding: 18px 30px;
  border-top: 1px solid #ededed;
  background: #f6f6f6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_view .view__header-tit {
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_view .view__header-tit:not(:last-child) {
  position: relative;
}
.com_view .view__header-tit:not(:last-child)::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 14px;
  margin-inline: 10px;
  background: #EDEDED;
  cursor: default;
}
.com_view .view__header__info {
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_view .view__header-info {
  color: #777;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_view .view__header-info:not(:last-child) {
  position: relative;
}
.com_view .view__header-info:not(:last-child)::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 12px;
  margin-inline: 10px;
  background: #EDEDED;
  cursor: default;
}
.com_view .view__contents {
  padding: 30px;
  line-height: 1.7;
  border-bottom: 1px solid #EDEDED;
}
.com_view + .com_view {
  margin-top: -1px;
}

.com_faq {
  margin-top: 30px;
  border-bottom: 1px solid #ededed;
}
.com_faq__wrap {
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
}
.com_faq__wrap .faq-tit {
  font-weight: 600;
  font-size: 28px;
  text-align: center;
}
.com_faq .faq-item {
  border-top: 1px solid #ededed;
}
.com_faq .faq-item.active .faq-handler .svg_icon {
  transform: rotate(90deg);
}
.com_faq .faq-item.active .faq-a {
  height: auto;
  visibility: visible;
  padding-block: 20px;
  line-height: 1.4;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.com_faq .faq-f {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  gap: 10px;
  position: relative;
  padding: 15px 17px;
  font-size: 17px;
  line-height: 1.4;
  cursor: pointer;
}
.com_faq .faq-f:before {
  content: "Q.";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: #F4D74B;
  font-weight: 600;
  font-size: 18px;
}
.com_faq .faq-handler {
  width: 30px;
  min-width: 30px;
  height: 30px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  margin-left: auto;
}
.com_faq .faq-handler .svg_icon {
  width: 10px;
  height: 12px;
  transform: rotate(270deg);
}
.com_faq .faq-a {
  height: 0;
  visibility: hidden;
  overflow: hidden;
  padding-inline: 17px;
  background-color: #f6f6f6;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

.com_customer_service {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  margin: 30px 0;
  padding: 10px;
  border-radius: 10px;
  background-color: #fff8d8;
}
.com_customer_service .cs-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.com_customer_service .cs-title {
  font-weight: 600;
  font-size: 16px;
  color: #222;
}
.com_customer_service .cs-detail {
  padding-left: 20px;
  font-size: 15px;
  color: #222;
}
.com_customer_service .cs-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  margin-left: 40px;
}
.com_customer_service .cs-contact::before {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #e4dec0;
}
.com_customer_service .cs-phone {
  padding: 0 40px;
}
.com_customer_service .cs-phone-number {
  font-size: 26px;
  color: #222;
  text-align: center;
}
.com_customer_service .cs-phone-number .icon_tel {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ff4c1b;
  background-size: 14px 14px;
  vertical-align: middle;
}

.com_attendance_chk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_attendance_chk .attendance_chk-state {
  font-size: 15px;
  font-weight: 600;
}
.com_attendance_chk .attendance_chk-info {
  border-left: 1px solid #EDEDED;
  padding-inline: 15px;
  margin-left: 15px;
  line-height: 1.4;
  margin-right: auto;
  flex: 1;
}
.com_attendance_chk .attendance_chk__box {
  border-radius: 6px;
  background: #F6F6F6;
  padding: 12px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_attendance_chk .absence_reason {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  margin-top: 5px;
  gap: 5px;
  width: 100%;
}
.com_attendance_chk .absence_reason input[type=text] {
  width: 100%;
}
.com_attendance_chk .absence_reason-tit {
  font-weight: 500;
}

.com_calendar {
  padding: 20px 30px;
  border-radius: 15px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
  position: relative;
}
.com_calendar .ui-datepicker-header {
  display: none !important;
}
.com_calendar .ui-datepicker-calendar {
  table-layout: fixed;
}
.com_calendar .ui-datepicker-calendar th {
  border-block: 1px solid #EDEDED;
  background: linear-gradient(180deg, #F6F6F6 0%, #F3F3F3 100%);
}
.com_calendar .ui-datepicker-calendar td {
  text-align: left;
  padding: 20px 20px 5px 40px;
  height: 120px;
  position: relative;
  cursor: default;
}
.com_calendar .ui-datepicker-calendar td a {
  position: absolute;
  display: block;
  left: 10px;
  top: 17px;
  font-size: 15px;
  cursor: default;
}
.com_calendar .ui-datepicker-calendar .ui-datepicker-today {
  background-color: #fffae0;
}
.com_calendar .calendar-item {
  padding: 3px 6px;
  font-size: 12px;
  margin-bottom: 2px;
  border-radius: 2px;
  display: block;
  cursor: pointer;
}
.com_calendar .calendar-item.type_student_birthday {
  background: #CAF3D2;
  color: #46B35C;
}
.com_calendar .calendar-item.type_dad_birthday {
  background: #E3E8FE;
  color: #627EEB;
}
.com_calendar .calendar-item.type_mom_birthday {
  background: #FFEAE8;
  color: #FD5D4F;
}
.com_calendar .calendar-item.type_wedding {
  background-color: #D9F4FF;
  color: #009CDD;
}
.com_calendar .calendar-item.type_new {
  background: #CAF3D2;
  color: #46B35C;
}
.com_calendar .calendar-item.type_suspension {
  background: #E3E8FE;
  color: #627EEB;
}
.com_calendar .calendar-item.type_withdrawn {
  background: #FFEAE8;
  color: #FD5D4F;
}
.com_calendar .calendar-item__wrap {
  display: grid;
  grid-template-columns: auto;
  align-items: flex-start;
  justify-content: flex-start;
}
.com_calendar .calendar__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EDEDED;
  margin-bottom: 15px;
}
.com_calendar .calendar-sort {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  position: absolute;
  right: 30px;
  top: 20px;
}
.com_calendar .calendar__layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_calendar .calendar__layout .ui-datepicker-calendar td {
  height: 100px;
}
.com_calendar .calendar__layout .datepicker {
  width: 55%;
}
.com_calendar .calendar__layout .chart_area {
  width: 45%;
  align-self: stretch;
  border-left: 1px solid #EDEDED;
  margin-left: 30px;
  padding-left: 30px;
  text-align: center;
}
.com_calendar .calendar__layout .chart_area .img {
  margin-top: 70px;
}
.com_calendar .date {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}

.com_legend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 30px;
}
.com_legend .legend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 500;
}
.com_legend .color {
  width: 14px;
  height: 14px;
  display: block;
}
.com_legend .color.type_student_birthday {
  background: #5FE6A9;
}
.com_legend .color.type_dad_birthday {
  background: #627EEB;
}
.com_legend .color.type_mom_birthday {
  background: #FD5D4F;
}
.com_legend .color.type_wedding {
  background-color: #009CDD;
}
.com_legend .color.green {
  background: #46B35C;
}
.com_legend .color.blue {
  background: #627EEB;
}
.com_legend .color.red {
  background: #FD5D4F;
}
.com_legend .color.type_import {
  background: #46B35C;
}
.com_legend .color.gray {
  background-color: #777;
}
.com_legend.bottom {
  padding-top: 15px;
}

.com_sms {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 30px;
}
.com_sms__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 30px;
  padding: 30px;
  border-radius: 15px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
}
.com_sms .sms {
  width: 300px;
  height: 396px;
  background: url(../img/phone.png) no-repeat top/cover;
  padding: 95px 30px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_sms .sms-textarea {
  height: 205px;
  border: none;
}
.com_sms .tel {
  align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 15px;
}
.com_sms .tel-notice {
  line-height: 1.4;
}
.com_sms .tel-list {
  padding: 15px;
  height: 297px;
  border-radius: 6px;
}
.com_sms .tel__selected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.com_sms__notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  gap: 5px;
  padding: 20px 30px;
  border-radius: 15px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
}
.com_sms_point {
  border-radius: 10px;
  background: #F6F6F6;
  padding-inline: 20px 114px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  justify-content: center;
  gap: 5px;
  align-self: stretch;
  min-width: 400px;
}
.com_sms_point .sms_point-tit {
  font-size: 15px;
  font-weight: 500;
}
.com_sms_point .sms_point-num {
  font-size: 20px;
  font-weight: 600;
  color: #FF4C1B;
}
.com_sms_point .com_btn {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.com_sms__group {
  padding: 15px 30px;
  border-radius: 15px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.com_sms__group .selected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
.com_sms__group .selected-item {
  border-radius: 5px;
  background: #fff;
  height: 40px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 10px;
  padding-inline: 10px;
  border: 1px solid #DDD;
}
.com_sms__group .selected-del {
  width: 18px;
  height: 18px;
  border-radius: 50px;
  font-size: 0px;
  background: url(../img/icon_del.png) no-repeat center/40% #EDEDED;
}
.com_sms__list {
  align-self: stretch;
  border-left: 1px solid #EDEDED;
  padding-left: 30px;
  flex: 1;
}
.com_sms__list .sms_list-tit {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}
.com_sms__list .sms_list-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
  margin-bottom: 15px;
}
.com_sms__list .sms_list-search input {
  flex: 1;
}
.com_sms__list .sms_list-scroll {
  max-height: 264px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #999; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.com_sms__list .sms_list-scroll::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.com_sms__list .sms_list-scroll::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_sms__list .sms_list-scroll::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #999;
  background-clip: padding-box;
  border-radius: 6px;
}
.com_sms__list .sms_list-scroll::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.com_sms__list .sms_list-scroll::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.com_sms__list .com_btn__wrap.bottom {
  min-height: 28px;
}
.com_sms__list .com_chk input[type=checkbox] {
  width: 22px;
  height: 22px;
}
.com_sms__list .com_chk input[type=checkbox]:before {
  width: 22px;
  height: 22px;
}

.com_analytics_summary {
  padding: 15px 30px;
  border-radius: 15px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.com_analytics_summary .analytics-month {
  margin-left: auto;
  font-size: 20px;
  font-weight: 600;
}
.com_analytics_summary .analytics-summary {
  font-size: 15px;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 3px;
}
.com_analytics_summary .analytics-summary::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 6px;
  height: 6px;
  margin-inline: 5px;
  background: #F4D74B;
  border-radius: 6px;
  vertical-align: middle;
  cursor: default;
}
.com_analytics_summary .analytics-summary .num {
  font-size: 20px;
  font-weight: 600;
}
.com_analytics_summary .com_legend {
  position: relative;
}
.com_analytics_summary .com_legend::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 12px;
  margin-inline: 30px;
  background: #EDEDED;
  cursor: default;
}
.com_analytics_summary .com_legend:before {
  margin-right: 0;
}

.com_holiday_manage .datepicker {
  margin-bottom: 25px;
}
.com_holiday_manage .datepicker_holiday {
  background: #F6F6F6;
}
.com_holiday_manage .datepicker_holiday .txt {
  font-size: 12px;
  color: #777;
}
.com_holiday_manage .com_write td {
  position: relative;
}
.com_holiday_manage .chk_national_holiday {
  position: absolute;
  right: 15px;
  top: 25px;
  z-index: 2;
}