@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;
}
@font-face {
  font-family: "NanumMyeongjo";
  font-weight: 400;
  font-style: normal;
  src: url(../../common/fonts/NanumMyeongjo.eot) format("eot"), url(../../common/fonts/NanumMyeongjo.woff2) format("woff2"), url(../../common/fonts/NanumMyeongjo.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NanumMyeongjo";
  font-weight: 600;
  font-style: normal;
  src: url(../../common/fonts/NanumMyeongjoExtraBold.eot) format("eot"), url(../../common/fonts/NanumMyeongjoExtraBold.woff2) format("woff2"), url(../../common/fonts/NanumMyeongjoExtraBold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "KS";
  font-weight: 400;
  font-style: normal;
  src: url(../../common/fonts/KSitalic11.eot) format("eot"), url(../../common/fonts/KSitalic11.woff2) format("woff2"), url(../../common/fonts/KSitalic11.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*/
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-break: keep-all;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@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, a, button,
input, textarea, h1, h2, h3, h4, h5, pre {
  font-family: "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕", Roboto, Arial;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  word-break: keep-all;
  color: #4F555A;
}

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

pre {
  white-space: pre-wrap;
}

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: #4F555A;
}

a:hover {
  text-decoration: none;
}

input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=date],
select,
textarea {
  padding: 0 8px;
  box-sizing: border-box;
  color: #4F555A;
  font-size: 14px;
  background: #fff;
  vertical-align: middle;
  height: 60px;
  border-radius: 5px;
  border: solid 1px #D7D7D7;
}
@media screen and (max-width: 767.9px) {
  input[type=number],
  input[type=password],
  input[type=tel],
  input[type=text],
  input[type=date],
  select,
  textarea {
    height: 40px;
  }
}

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

input[type=hidden] + input,
input[type=hidden] + input + label,
select + input[type=hidden] + label,
button + input[type=hidden] + label,
input[type=hidden] + select,
input[type=hidden] + button {
  margin-left: 0;
}

label:last-child {
  margin-right: 0;
}

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

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

*,
::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;
}
table > caption {
  position: absolute;
  text-indent: -9999px;
}

th {
  text-align: center;
}

td {
  text-align: left;
}

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

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

select,
textarea,
input[type=text] {
  width: 100%;
}

input {
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
input::-webkit-input-placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder, input::placeholder, input:disabled::-webkit-input-placeholder, input:disabled:-ms-input-placeholder, input:disabled::-ms-input-placeholder, input:disabled::placeholder, input[readonly]::-webkit-input-placeholder, input[readonly]:-ms-input-placeholder, input[readonly]::-ms-input-placeholder, input[readonly]::placeholder {
  color: #434343;
  opacity: 1;
  font-size: 14px;
}
input[type=tel] {
  width: 40px;
  min-width: 40px;
  margin-right: 4px;
}
input[type=number] {
  -moz-appearance: textfield;
}
input:disabled {
  border: solid 1px #e7e8ef;
  background-color: transparent;
  cursor: not-allowed;
}

input::placeholder {
  color: #434343;
  opacity: 1;
  font-size: 14px;
}

textarea {
  padding: 12px 15px;
  min-height: 150px;
  text-align: left;
  line-height: 1.5;
  outline: none;
  resize: none;
}
textarea::-webkit-input-placeholder, textarea:-ms-input-placeholder, textarea::-ms-input-placeholder, textarea::placeholder, textarea:disabled::-webkit-input-placeholder, textarea:disabled:-ms-input-placeholder, textarea:disabled::-ms-input-placeholder, textarea:disabled::placeholder, textarea[readonly]::-webkit-input-placeholder, textarea[readonly]:-ms-input-placeholder, textarea[readonly]::-ms-input-placeholder, textarea[readonly]::placeholder {
  color: #C3C0C3;
  opacity: 1;
  font-size: 14px;
}

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::-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;
}

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.menu_study {
  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 fill='%234F555A' d='M5.816 20H.922A.921.921 0 0 1 0 19.078v-4.85c0-.245.097-.48.271-.653L13.577.269A.924.924 0 0 1 14.88.267l4.894 4.85a.92.92 0 0 1 .001 1.308L6.47 19.73a.924.924 0 0 1-.653.27Zm-3.971-1.845h3.59l12.379-12.38-3.582-3.55L1.845 14.608v3.546Z'/%3E%3Cpath fill='%234F555A' d='M5.816 20a.915.915 0 0 1-.65-.268l-4.893-4.85a.923.923 0 0 1 1.299-1.31l4.893 4.849A.923.923 0 0 1 5.815 20ZM15.99 9.828a.918.918 0 0 1-.655-.273l-4.85-4.894a.923.923 0 0 1 1.31-1.3l4.85 4.894a.923.923 0 0 1-.655 1.573Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_list {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  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='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath fill='%234F555A' d='M1.957 20C.904 20 .046 19.161.046 18.133V3.283c0-1.028.856-1.867 1.911-1.867h1.974a.922.922 0 1 1 0 1.845H1.957l-.065 14.871 11.395.023.065-14.872-2.038-.022a.922.922 0 1 1 0-1.845h1.973c1.054 0 1.91.839 1.91 1.867v14.85c0 1.028-.856 1.867-1.91 1.867H1.957Z'/%3E%3Cpath fill='%234F555A' d='M11.312 4.678H3.93a.922.922 0 0 1-.923-.922V.922c0-.51.414-.922.923-.922h7.38c.51 0 .923.412.923.922v2.834c0 .51-.414.922-.922.922ZM4.853 2.834h5.536v-.987H4.853v.987ZM10.196 10.987h-5.15a.922.922 0 1 1 0-1.845h5.15a.922.922 0 1 1 0 1.845ZM10.196 14.335h-5.15a.922.922 0 1 1 0-1.845h5.15a.922.922 0 1 1 0 1.845Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_result {
  display: inline-block;
  width: 25px;
  min-width: 25px;
  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='25' height='20' viewBox='0 0 25 20' fill='none'%3E%3Cpath fill='%234F555A' d='M2.605 14.292a2.558 2.558 0 0 0 2.553-2.559c0-.4-.097-.788-.27-1.137l2.271-2.567c.261.087.536.135.814.135.196 0 .39-.024.58-.067l3.858 4.644c-.2.37-.311.786-.311 1.22a2.558 2.558 0 0 0 2.559 2.553 2.553 2.553 0 0 0 2.048-4.078l5.072-7.35c.113.016.226.026.343.026a2.558 2.558 0 0 0 2.555-2.555A2.558 2.558 0 0 0 22.124 0a2.558 2.558 0 0 0-2.555 2.555c0 .592.204 1.137.543 1.57l-5.05 7.317a2.64 2.64 0 0 0-1.162.085l-3.773-4.54c.26-.404.408-.88.408-1.378a2.555 2.555 0 1 0-5.112 0c0 .408.102.806.286 1.165L3.451 9.325a2.56 2.56 0 0 0-3.405 2.408 2.564 2.564 0 0 0 2.559 2.56Zm.42-3.032a.638.638 0 1 1-.849.949.638.638 0 0 1 .849-.949Zm19.1-8.067a.638.638 0 0 1 0-1.274.64.64 0 0 1 .637.636.64.64 0 0 1-.638.638Zm-7.466 11.404a.638.638 0 0 1-.64-.636c0-.196.085-.376.226-.493a.661.661 0 0 1 .414-.148.64.64 0 0 1 .636.64c0 .35-.285.637-.636.637ZM8.329 6.14a.672.672 0 0 1-.76-.036.64.64 0 0 1-.23-.495.638.638 0 1 1 .992.531h-.002ZM23.722 18.081H1.005a.96.96 0 0 0 0 1.919h22.717a.96.96 0 0 0 0-1.919Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.menu_my {
  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 fill='%234F555A' d='M8.994 11.46a5.737 5.737 0 0 1-5.73-5.73C3.264 2.57 5.836 0 8.994 0c3.158 0 5.73 2.57 5.73 5.73 0 3.16-2.57 5.73-5.73 5.73Zm0-9.615A3.89 3.89 0 0 0 5.109 5.73a3.889 3.889 0 0 0 3.885 3.885 3.889 3.889 0 0 0 3.885-3.885 3.889 3.889 0 0 0-3.885-3.885ZM.968 19.998a.922.922 0 0 1-.846-1.289 9.649 9.649 0 0 1 8.872-5.835 9.649 9.649 0 0 1 8.873 5.836.922.922 0 1 1-1.695.73 7.808 7.808 0 0 0-7.178-4.722 7.806 7.806 0 0 0-7.178 4.722.922.922 0 0 1-.848.558Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_close {
  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='%234F555A' stroke-linecap='round' stroke-width='2' d='M12.454 1.545 1.545 12.455m0-10.91 10.91 10.91'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_arrow {
  display: inline-block;
  width: 11px;
  min-width: 11px;
  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='11' height='17' viewBox='0 0 11 17' fill='none'%3E%3Cpath stroke='%234F555A' stroke-linecap='round' stroke-width='3' d='M9.5 2 3 8.5 9.5 15'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_crown {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 15px;
  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='15' viewBox='0 0 20 15' fill='none'%3E%3Cg fill='%234F555A'%3E%3Cpath d='m18.273 5.666-4.389 3.247a.431.431 0 0 1-.648-.167l-2.881-6.122a.431.431 0 0 0-.785 0L6.69 8.746a.431.431 0 0 1-.649.167L1.652 5.666c-.313-.231-.747.038-.686.43l2.237 7.901a.438.438 0 0 0 .428.375H17.29a.436.436 0 0 0 .428-.375l1.237-7.901c.06-.392-.373-.661-.687-.43h.005Z'/%3E%3Cpath d='M10 2.686a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM2 4.686a1 1 0 1 0-1.996 0 1 1 0 0 0 1.994 0H2ZM19 3.686a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_time {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  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='18' height='16'  viewBox='0 0 18 16' fill='none'%3E%3Cpath fill='%234F555A' d='M1.257 8.588C1.257 12.675 4.556 16 8.61 16s7.352-3.325 7.352-7.412S12.664 1.18 8.61 1.18 1.257 4.5 1.257 8.588Zm13.78 0c0 3.574-2.886 6.482-6.43 6.482-3.546 0-6.427-2.908-6.427-6.482 0-3.574 2.885-6.479 6.43-6.479s6.43 2.909 6.43 6.483l-.004-.004Z'/%3E%3Cpath fill='%234F555A' d='M8.61 4.868a.462.462 0 1 0-.926 0v4.68c0 .031 0 .062.007.092 0 .015.008.027.012.038.003.016.007.031.015.046l.023.046c.007.012.011.023.019.035.015.027.038.05.057.072l2.307 2.327a.459.459 0 0 0 .653 0 .472.472 0 0 0 0-.658l-2.17-2.189V4.868h.003ZM4.837.139.134 4.879a.472.472 0 0 0 0 .66.458.458 0 0 0 .653 0L5.49.792a.462.462 0 1 0-.653-.658v.004ZM16.68 5.672a.465.465 0 0 0 .326-.792L12.341.139a.465.465 0 0 0-.653.658l4.665 4.741a.458.458 0 0 0 .327.138v-.004Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_hint {
  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 fill='%234F555A' d='M10.737 20H9.263a2.019 2.019 0 0 1-2.018-2.014c0-.166.133-.3.3-.3.166 0 .3.134.3.3 0 .78.636 1.415 1.418 1.415h1.474c.782 0 1.418-.635 1.418-1.415a.3.3 0 0 1 .3-.3c.167 0 .3.134.3.3 0 1.11-.905 2.014-2.018 2.014ZM13.53 14.5a.299.299 0 0 1-.3-.299v-1.37a.3.3 0 0 1 .144-.255 6.42 6.42 0 0 0 3.101-5.515C16.475 3.5 13.57.601 10 .601 6.43.6 3.523 3.497 3.523 7.06a6.418 6.418 0 0 0 3.102 5.514.3.3 0 0 1 .145.255v1.37c0 .167-.134.3-.3.3a.299.299 0 0 1-.3-.3v-1.204A7.008 7.008 0 0 1 2.923 7.06C2.923 3.167 6.097 0 10 0s7.077 3.167 7.077 7.06a7.008 7.008 0 0 1-3.245 5.935V14.2c0 .166-.134.3-.3.3Z'/%3E%3Cpath fill='%234F555A' d='M13.53 18.272H6.469a.299.299 0 0 1-.3-.3v-3.77c0-.167.133-.3.3-.3h7.063c.166 0 .3.133.3.3v3.77c0 .166-.134.3-.3.3Zm-6.762-.599h6.462v-3.172H6.768v3.172Z'/%3E%3Cpath fill='%234F555A' d='M14.594 14.5H5.406a.299.299 0 1 1 0-.598h9.186a.299.299 0 1 1 0 .599h.002ZM12.16 15.678H7.842a.299.299 0 1 1 0-.599h4.318a.299.299 0 1 1 0 .599ZM12.16 16.82H7.842a.299.299 0 1 1 0-.598h4.318a.299.299 0 1 1 0 .599ZM1.875 7.395H.3a.299.299 0 1 1 0-.599h1.575a.299.299 0 1 1 0 .599ZM19.7 7.395h-1.575a.299.299 0 1 1 0-.599H19.7a.299.299 0 1 1 0 .599ZM1.6 12.234a.3.3 0 0 1-.15-.56l1.363-.785a.3.3 0 0 1 .3.518l-1.364.786a.3.3 0 0 1-.149.039v.002ZM17.036 3.343a.3.3 0 0 1-.15-.56l1.363-.785a.3.3 0 0 1 .3.519l-1.363.785a.3.3 0 0 1-.15.04v.001ZM18.4 12.234a.31.31 0 0 1-.15-.04l-1.363-.785a.299.299 0 0 1-.11-.409.3.3 0 0 1 .41-.11l1.364.786a.3.3 0 0 1-.15.56v-.002ZM2.964 3.343a.309.309 0 0 1-.15-.039l-1.363-.785a.299.299 0 0 1-.11-.41.3.3 0 0 1 .41-.109l1.364.786a.3.3 0 0 1-.15.56v-.003Z'/%3E%3Cpath fill='%234F555A' d='M12.032 14.217a.3.3 0 0 1-.3-.3v-7.25H8.27v7.25a.3.3 0 0 1-.6 0v-7.55a.3.3 0 0 1 .3-.3h4.062c.166 0 .3.134.3.3v7.55c0 .166-.134.3-.3.3Z'/%3E%3Cpath fill='%234F555A' d='M12.032 6.666a.298.298 0 0 1-.246-.128l-1.785-2.54-1.786 2.54a.3.3 0 0 1-.492-.344l2.03-2.89c.114-.16.38-.16.493 0l2.03 2.89a.3.3 0 0 1-.244.472Z'/%3E%3Cpath fill='%234F555A' d='M8.883 5.066h2.234L10 3.476l-1.116 1.59ZM10 14.251a.299.299 0 0 1-.301-.3V6.607c0-.166.134-.3.3-.3.166 0 .3.134.3.3v7.346a.3.3 0 0 1-.3.299Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_concept {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  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='20' height='18' fill='none'%3E%3Cpath fill='%234F555A' d='M12.73 15.034H1.803a.299.299 0 0 1-.299-.3V.3c0-.166.133-.3.3-.3h8.772a2.46 2.46 0 0 1 2.455 2.459v12.277c0 .166-.133.3-.3.3l-.001-.002Zm-10.627-.6H12.43V2.46a1.86 1.86 0 0 0-1.857-1.86H2.103v13.835Z'/%3E%3Cpath fill='%234F555A' d='M12.732 15.034a.299.299 0 0 1-.3-.3V2.46A2.46 2.46 0 0 1 14.887 0h3.311c.166 0 .3.134.3.3v14.434c0 .166-.134.3-.3.3h-5.466Zm.297-.6h4.866V.6h-3.01a1.86 1.86 0 0 0-1.857 1.859v11.977l.001-.002Z'/%3E%3Cpath fill='%234F555A' d='M12.908 18c-.892 0-1.646-.488-1.869-1.17H.3a.299.299 0 0 1-.299-.3V1.002c0-.166.133-.3.3-.3h1.274c.166 0 .3.134.3.3 0 .167-.134.3-.3.3H.6V16.23H11.28a.3.3 0 0 1 .297.266c.059.507.644.904 1.332.904.687 0 1.273-.397 1.33-.904a.3.3 0 0 1 .299-.266H19.4V1.302h-1.023a.299.299 0 0 1-.3-.3c0-.166.134-.3.3-.3h1.323c.165 0 .299.134.299.3V16.53c0 .166-.134.3-.3.3h-4.922c-.222.683-.975 1.17-1.868 1.17h-.002Z'/%3E%3Cpath fill='%234F555A' d='M9.717 12.065H4.784a.299.299 0 0 1-.3-.3c0-.167.134-.3.3-.3h4.933c.166 0 .3.133.3.3 0 .166-.134.3-.3.3ZM9.717 13.435H4.784a.299.299 0 0 1-.3-.3c0-.166.134-.3.3-.3h4.933c.166 0 .3.134.3.3 0 .167-.134.3-.3.3ZM8.58 8.343a.674.674 0 0 1-.396-.129l-.934-.678-.935.678a.674.674 0 0 1-1.039-.756l.357-1.098-.933-.678a.674.674 0 0 1-.245-.756c.091-.28.35-.468.642-.468H6.25l.356-1.098a.674.674 0 0 1 1.283 0l.356 1.098H9.4a.675.675 0 0 1 .397 1.222l-.935.679.356 1.098a.676.676 0 0 1-.641.884l.005.002ZM7.252 6.864c.062 0 .123.019.176.057l1.11.807c.032.024.056.024.088 0 .028-.02.038-.053.028-.086l-.425-1.306a.301.301 0 0 1 .11-.335l1.108-.807a.077.077 0 0 0-.044-.139h-1.37a.298.298 0 0 1-.285-.208l-.424-1.305c-.02-.064-.125-.064-.145 0l-.425 1.305a.3.3 0 0 1-.284.208H5.1a.075.075 0 0 0-.072.053c-.01.03 0 .067.027.086L6.164 6a.304.304 0 0 1 .109.335l-.425 1.306c-.01.03 0 .067.028.086.032.024.056.024.089 0l1.108-.807a.304.304 0 0 1 .177-.057h.001Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_ex {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  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='20' height='24' viewBox='0 0 20 24'  fill='none'%3E%3Cpath fill='%234F555A' d='M11.502 14.348h-5.48a.356.356 0 0 1-.355-.36c0-.198.158-.358.355-.358h5.48c.197 0 .355.16.355.359 0 .199-.158.36-.355.36ZM14.408 16.264H3.118a.356.356 0 0 1-.355-.36c0-.199.158-.359.355-.359h11.288c.197 0 .355.16.355.36 0 .199-.158.359-.355.359h.002ZM11.502 18.181h-5.48a.356.356 0 0 1-.355-.359c0-.2.158-.36.355-.36h5.48c.197 0 .355.16.355.36 0 .2-.158.36-.355.36Z'/%3E%3Cpath fill='%234F555A' d='M2.83 24a.356.356 0 0 1-.355-.36v-2.506c0-.2.158-.36.355-.36h13.986V2.867c0-.2.158-.36.355-.36h2.474c.197 0 .355.16.355.36V23.64c0 .199-.158.359-.355.359H2.83Zm.354-.719h16.107V3.226h-1.766v17.908c0 .199-.158.36-.354.36H3.184v1.787ZM4.4 4.817H.355a.356.356 0 0 1-.328-.221.365.365 0 0 1 .077-.393L4.149.105a.352.352 0 0 1 .387-.078.36.36 0 0 1 .22.333v4.098c0 .2-.159.36-.356.36ZM1.21 4.1h2.836V1.226L1.21 4.1Z'/%3E%3Cpath fill='%234F555A' d='M17.17 21.493H.356a.356.356 0 0 1-.354-.36V4.459c0-.094.036-.187.103-.255L4.149.105A.35.35 0 0 1 4.4.001h12.77c.197 0 .355.16.355.359v20.774c0 .199-.158.36-.354.36ZM.71 20.775h16.106V.718H4.548L.71 4.608v16.166Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_video {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  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='20' height='18' viewBox='0 0 20 18'  fill='none'%3E%3Crect width='19.5' height='17.5' x='.25' y='.25' stroke='%234F555A' stroke-width='.5' rx='2.75'/%3E%3Cpath fill='%234F555A' d='M13.5 8.134a1 1 0 0 1 0 1.732L9 12.464a1 1 0 0 1-1.5-.866V6.402A1 1 0 0 1 9 5.536l4.5 2.598Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_chk {
  display: inline-block;
  width: 15px;
  min-width: 15px;
  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='15' height='14' viewBox='0 0 15 14'  fill='none'%3E%3Cpath stroke='%234F555A' stroke-linecap='round' stroke-width='2' d='m1 6.5 5 5L13.5 1'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_write {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  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='21' fill='none'%3E%3Cpath stroke='%234F555A' stroke-linecap='round' stroke-width='1' d='m8.53 19.635 10.909-11.07a1.956 1.956 0 0 0-.012-2.754L15.3 1.696a1.929 1.929 0 0 0-2.739.012L1.652 12.777m6.878 6.858-6.878-6.858m6.878 6.858L1 20.357l.652-7.58M15.3 5.81l-8.422 8.471'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_eraser {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  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='20' height='17' fill='none'%3E%3Cpath stroke='%234F555A' stroke-width='1' d='m12.004 2.472 5.364 6.69M13.129.694a.916.916 0 0 1 1.367.078l4.776 5.81c.354.431.316 1.095-.085 1.483l-8.64 8.36-7.221-.506L1.34 13.5a1.114 1.114 0 0 1 .085-1.482L13.129.693Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_trashcan {
  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' fill='none'%3E%3Cpath stroke='%234F555A' stroke-linecap='round' stroke-width='1' d='M7 4.976v-3a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v3m-10 0v13a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-13m-16 0h18m-11 3.5v7m5-7v7'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_close_circle {
  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' fill='none'%3E%3Cpath stroke='%234F555A' stroke-width='1' d='m13 7.095-3 3m0 0-3 3m3-3-3-3m3 3 3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_o {
  display: inline-block;
  width: 50px;
  min-width: 50px;
  height: 50px;
  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='50' height='50' fill='none'%3E%3Ccircle cx='25' cy='25' r='21.5' stroke='%234F555A' stroke-width='7'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_x {
  display: inline-block;
  width: 50px;
  min-width: 50px;
  height: 50px;
  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='48' height='48' fill='none'%3E%3Cpath stroke='%234F555A' stroke-linecap='round' stroke-width='7' d='M44 4 4.662 44M4 4l39.338 40'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_reload {
  display: inline-block;
  width: 55px;
  min-width: 55px;
  height: 50px;
  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='55' height='50' fill='none'%3E%3Cpath fill='%234F555A' d='M30.01.03c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5C42.13 3.03 52 12.89 52 25.02 52 37.15 42.14 47 30.01 47 17.88 47 8.02 37.14 8.02 25.01c0-5.51 1.99-10.66 5.64-14.69l1.6 9.33c.14.82.92 1.36 1.73 1.22.82-.14 1.37-.92 1.22-1.73L16.06 6.62a1.512 1.512 0 0 0-1.79-1.22L1.8 8.06C.99 8.23.47 9.03.65 9.84c.17.81.97 1.33 1.78 1.15l8.19-1.74c-3.63 4.44-5.6 9.92-5.6 15.76C5.03 38.79 16.23 50 30.01 50 43.79 50 55 38.79 55 25.01 55 11.23 43.79.02 30.01.02v.01Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_pencil {
  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' fill='none'%3E%3Cpath stroke='%234F555A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.125 4.875 3 3M3 15h3l7.875-7.875a2.12 2.12 0 0 0-3-3L3 12v3Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_eye {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  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='16' height='12' fill='none'%3E%3Cpath fill='%234F555A' fill-opacity='.5' d='M8 .002C4.46.002 1.34 2.24.05 5.705a.793.793 0 0 0 0 .555C1.333 9.747 4.454 12 8 12c3.545 0 6.666-2.253 7.951-5.742a.81.81 0 0 0 0-.554C14.661 2.239 11.541 0 8.001 0L8 .002ZM1.532 5.983C2.66 3.272 5.17 1.537 8 1.537s5.34 1.735 6.468 4.446c-1.123 2.732-3.632 4.48-6.468 4.48s-5.346-1.746-6.468-4.48Z'/%3E%3Cpath fill='%234F555A' fill-opacity='.5' d='M8 2.715c-1.747 0-3.17 1.465-3.17 3.267 0 1.802 1.421 3.303 3.17 3.303 1.748 0 3.17-1.48 3.17-3.303S9.747 2.715 8 2.715ZM8 7.75c-.935 0-1.696-.792-1.696-1.767 0-.974.761-1.732 1.696-1.732.935 0 1.695.777 1.695 1.732 0 .956-.76 1.767-1.695 1.767Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.pad_fraction {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 30px;
  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='30' fill='none'%3E%3Crect width='10.5' height='6.5' x='4.933' y='4.75' stroke='%234F555A' stroke-width='1.5' rx='1.25'/%3E%3Cpath stroke='%234F555A' d='M2.683 15h15'/%3E%3Crect width='10.5' height='6.5' x='4.933' y='18.75' stroke='%234F555A' stroke-width='1.5' rx='1.25'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.pad_limit {
  display: inline-block;
  width: 32px;
  min-width: 32px;
  height: 23px;
  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='42' height='30' fill='none'%3E%3Crect width='13.7' height='16.7' x='27.221' y='1.65' stroke='%234F555A' stroke-width='1.3' rx='1.35'/%3E%3Cpath fill='%234F555A' d='M3.70784 6.49V15.235L4.92284 15.46C4.96284 15.62 4.96284 15.82 4.92284 16.06C4.29284 16.03 3.64784 16.015 2.98784 16.015C2.52784 16.015 1.87784 16.025 1.03784 16.045C0.977838 15.855 0.977838 15.66 1.03784 15.46L2.22284 15.295C2.26284 14.745 2.28284 14.11 2.28284 13.39V4.795L1.05284 4.645C1.01284 4.495 1.01284 4.305 1.05284 4.075C1.74284 4.025 2.60284 3.92 3.63284 3.76C3.72284 3.86 3.77284 3.96 3.78284 4.06C3.73284 4.32 3.70784 5.13 3.70784 6.49ZM8.35526 10.42V15.235L9.57026 15.46C9.58026 15.51 9.58526 15.555 9.58526 15.595C9.59526 15.635 9.60026 15.68 9.60026 15.73C9.60026 15.78 9.59526 15.835 9.58526 15.895C9.58526 15.945 9.58026 16 9.57026 16.06C8.94026 16.03 8.29526 16.015 7.63526 16.015C7.40526 16.015 7.12526 16.015 6.79526 16.015C6.47526 16.025 6.10526 16.035 5.68526 16.045C5.65526 15.955 5.64026 15.86 5.64026 15.76C5.64026 15.67 5.65526 15.57 5.68526 15.46L6.87026 15.295C6.89026 15.015 6.90526 14.72 6.91526 14.41C6.92526 14.09 6.93026 13.75 6.93026 13.39V10.195C6.93026 9.535 6.91526 9.045 6.88526 8.725L5.70026 8.575C5.68026 8.525 5.67026 8.44 5.67026 8.32C5.67026 8.27 5.67026 8.22 5.67026 8.17C5.67026 8.12 5.68026 8.065 5.70026 8.005C6.38026 7.965 7.24026 7.86 8.28026 7.69C8.37026 7.79 8.42026 7.89 8.43026 7.99C8.38026 8.27 8.35526 9.08 8.35526 10.42ZM6.16526 5.065C6.14526 5.015 6.13526 4.965 6.13526 4.915C6.13526 4.855 6.13526 4.8 6.13526 4.75C6.13526 4.48 6.24526 4.265 6.46526 4.105C6.69526 3.935 6.97526 3.85 7.30526 3.85C7.61526 3.85 7.86526 3.945 8.05526 4.135C8.25526 4.315 8.35526 4.565 8.35526 4.885C8.35526 5.145 8.24026 5.355 8.01026 5.515C7.79026 5.675 7.50526 5.755 7.15526 5.755C6.91526 5.755 6.70026 5.695 6.51026 5.575C6.33026 5.455 6.21526 5.285 6.16526 5.065ZM21.4588 10.645C21.4588 9.255 21.0138 8.56 20.1238 8.56C19.3638 8.56 18.6438 9.085 17.9638 10.135V15.235L19.1788 15.46C19.2188 15.62 19.2188 15.82 19.1788 16.06C18.5488 16.03 17.9088 16.015 17.2588 16.015C16.7988 16.015 16.1488 16.025 15.3088 16.045C15.2488 15.855 15.2488 15.66 15.3088 15.46L16.4938 15.295C16.5338 14.745 16.5538 14.11 16.5538 13.39V10.645C16.5538 9.255 16.1088 8.56 15.2188 8.56C14.7688 8.56 14.3738 8.7 14.0338 8.98C13.6938 9.25 13.3438 9.675 12.9838 10.255V15.235L14.1988 15.46C14.2388 15.62 14.2388 15.82 14.1988 16.06C13.5688 16.03 12.9288 16.015 12.2788 16.015C11.8188 16.015 11.1688 16.025 10.3288 16.045C10.2688 15.855 10.2688 15.66 10.3288 15.46L11.5138 15.295C11.5538 14.745 11.5738 14.11 11.5738 13.39V9.28C11.5738 9.08 11.5588 8.895 11.5288 8.725L10.3438 8.575C10.3038 8.425 10.3038 8.235 10.3438 8.005C11.0138 7.955 11.8688 7.85 12.9088 7.69C12.9988 7.79 13.0488 7.89 13.0588 7.99C13.0088 8.25 12.9838 8.695 12.9838 9.325C13.7738 8.235 14.6638 7.69 15.6538 7.69C16.1738 7.69 16.6488 7.825 17.0788 8.095C17.5088 8.355 17.7838 8.76 17.9038 9.31C18.7038 8.23 19.5888 7.69 20.5588 7.69C21.1688 7.69 21.7038 7.87 22.1638 8.23C22.6338 8.59 22.8688 9.145 22.8688 9.895V15.235L24.0838 15.46C24.1238 15.62 24.1238 15.82 24.0838 16.06C23.4538 16.03 22.8138 16.015 22.1638 16.015C21.7038 16.015 21.0538 16.025 20.2138 16.045C20.1538 15.855 20.1538 15.66 20.2138 15.46L21.3988 15.295C21.4388 14.745 21.4588 14.11 21.4588 13.39V10.645Z'/%3E%3Crect width='8' height='8' x='0.928986' y='19.5' stroke='%234F555A' stroke-width='1.5'/%3E%3Cpath fill='%234F555A' d='M13.304 27L12.8665 26.5682L14.6676 24.767H10.0028V24.142H14.6676L12.8665 22.3466L13.304 21.9091L15.8494 24.4545L13.304 27Z'/%3E%3Crect width='8' height='8' x='17.5' y='19.5' stroke='%234F555A' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.pad_root {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 26px;
  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='26' height='30' fill='none'%3E%3Cpath fill='%234F555A' d='M8.12036 24.1641H6.56177L3.31567 15.0469H1.2063V13.3711H4.63989L7.34692 21.2695L13.3469 4.14844H15.0579L8.12036 24.1641Z'/%3E%3Crect width='8.5' height='16.5' x='16.5227' y='6.75' stroke='%234F555A' stroke-width='1.5' rx='1.25'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.pad_root2 {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 26px;
  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='26' height='30' fill='none'%3E%3Cpath fill='%234F555A' d='M7.48401 24.1641H5.92542L2.67932 15.0469H0.569946V13.3711H4.00354L6.71057 21.2695L12.7106 4.14844H14.4215L7.48401 24.1641Z'/%3E%3Crect width='8.5' height='16.5' x='15.8864' y='6.75' stroke='%234F555A' stroke-width='1.5' rx='1.25'/%3E%3Crect width='5.5' height='6.5' x='1.65564' y='3.75' stroke='%234F555A' stroke-width='1.5' rx='1.25'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.pad_sigma {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 25px;
  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='30' fill='none'%3E%3Crect width='17.5' height='5.5' x='0.75' y='23.75' stroke='%234F555A' stroke-width='1.5' rx='1.25'/%3E%3Cpath fill='%234F555A' d='M13.9395 17.8316H14.427C14.466 17.9916 14.492 18.1876 14.505 18.4196C14.531 18.6516 14.5505 18.8876 14.5635 19.1276C14.5895 19.3676 14.6025 19.5996 14.6025 19.8236C14.6155 20.0556 14.6285 20.2516 14.6415 20.4116H3.7605V19.6316L9.51299 14.8316L3.6825 10.0916V9.59961H14.271C14.271 9.75961 14.2645 9.93961 14.2515 10.1396C14.2385 10.3316 14.2255 10.5316 14.2125 10.7396C14.1995 10.9476 14.18 11.1556 14.154 11.3636C14.141 11.5636 14.115 11.7436 14.076 11.9036H13.5885L12.555 10.2236H6.315L11.3655 14.3516L5.4375 19.3196H12.828L13.9395 17.8316Z'/%3E%3Crect width='17.5' height='5.5' x='0.75' y='0.75' stroke='%234F555A' stroke-width='1.3' rx='1.35'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.pad_square {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 23px;
  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='23' fill='none'%3E%3Crect width='8.5' height='13.5' x='1.356' y='8.75' stroke='%234F555A' stroke-width='1.5' rx='1.25'/%3E%3Cpath fill='%234F555A' d='m19.032 10.128-.54 2.1H14.1c.096-.456.38-.996.852-1.62.264-.344.752-.912 1.464-1.704.528-.576.872-.996 1.032-1.26.272-.432.408-.88.408-1.344 0-1.072-.496-1.608-1.488-1.608-.28 0-.556.072-.828.216-.328.168-.492.38-.492.636 0 .072.052.196.156.372.104.176.156.332.156.468a.582.582 0 0 1-.168.408.542.542 0 0 1-.396.168c-.432 0-.648-.248-.648-.744 0-.528.268-.98.804-1.356.488-.352 1.004-.528 1.548-.528.64 0 1.192.164 1.656.492.512.376.768.872.768 1.488 0 .496-.188.98-.564 1.452-.152.192-.528.556-1.128 1.092-1.448 1.296-2.248 2.176-2.4 2.64h2.304c.384 0 .66-.06.828-.18.28-.192.552-.616.816-1.272l.252.084Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.pad_square2 {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 30px;
  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='30' fill='none'%3E%3Crect width='8.5' height='13.5' x='1.606' y='8.75' stroke='%234F555A' stroke-width='1.5' rx='1.25'/%3E%3Crect width='5.5' height='6.5' x='13.644' y='4.75' stroke='%234F555A' stroke-width='1.5' rx='1.25'/%3E%3C/svg%3E");
  background-size: contain;
}

.svg_icon.icon_crown.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='15' viewBox='0 0 20 15' fill='none'%3E%3Cg fill='%23fff'%3E%3Cpath d='m18.273 5.666-4.389 3.247a.431.431 0 0 1-.648-.167l-2.881-6.122a.431.431 0 0 0-.785 0L6.69 8.746a.431.431 0 0 1-.649.167L1.652 5.666c-.313-.231-.747.038-.686.43l2.237 7.901a.438.438 0 0 0 .428.375H17.29a.436.436 0 0 0 .428-.375l1.237-7.901c.06-.392-.373-.661-.687-.43h.005Z'/%3E%3Cpath d='M10 2.686a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM2 4.686a1 1 0 1 0-1.996 0 1 1 0 0 0 1.994 0H2ZM19 3.686a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_crown.yellow {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='15' viewBox='0 0 20 15' fill='none'%3E%3Cg fill='%23FFC342'%3E%3Cpath d='m18.273 5.666-4.389 3.247a.431.431 0 0 1-.648-.167l-2.881-6.122a.431.431 0 0 0-.785 0L6.69 8.746a.431.431 0 0 1-.649.167L1.652 5.666c-.313-.231-.747.038-.686.43l2.237 7.901a.438.438 0 0 0 .428.375H17.29a.436.436 0 0 0 .428-.375l1.237-7.901c.06-.392-.373-.661-.687-.43h.005Z'/%3E%3Cpath d='M10 2.686a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM2 4.686a1 1 0 1 0-1.996 0 1 1 0 0 0 1.994 0H2ZM19 3.686a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_crown.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='15' viewBox='0 0 20 15' fill='none'%3E%3Cg fill='%23ECECEC'%3E%3Cpath d='m18.273 5.666-4.389 3.247a.431.431 0 0 1-.648-.167l-2.881-6.122a.431.431 0 0 0-.785 0L6.69 8.746a.431.431 0 0 1-.649.167L1.652 5.666c-.313-.231-.747.038-.686.43l2.237 7.901a.438.438 0 0 0 .428.375H17.29a.436.436 0 0 0 .428-.375l1.237-7.901c.06-.392-.373-.661-.687-.43h.005Z'/%3E%3Cpath d='M10 2.686a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM2 4.686a1 1 0 1 0-1.996 0 1 1 0 0 0 1.994 0H2ZM19 3.686a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_time.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16'  viewBox='0 0 18 16' fill='none'%3E%3Cpath fill='%23fff' d='M1.257 8.588C1.257 12.675 4.556 16 8.61 16s7.352-3.325 7.352-7.412S12.664 1.18 8.61 1.18 1.257 4.5 1.257 8.588Zm13.78 0c0 3.574-2.886 6.482-6.43 6.482-3.546 0-6.427-2.908-6.427-6.482 0-3.574 2.885-6.479 6.43-6.479s6.43 2.909 6.43 6.483l-.004-.004Z'/%3E%3Cpath fill='%23fff' d='M8.61 4.868a.462.462 0 1 0-.926 0v4.68c0 .031 0 .062.007.092 0 .015.008.027.012.038.003.016.007.031.015.046l.023.046c.007.012.011.023.019.035.015.027.038.05.057.072l2.307 2.327a.459.459 0 0 0 .653 0 .472.472 0 0 0 0-.658l-2.17-2.189V4.868h.003ZM4.837.139.134 4.879a.472.472 0 0 0 0 .66.458.458 0 0 0 .653 0L5.49.792a.462.462 0 1 0-.653-.658v.004ZM16.68 5.672a.465.465 0 0 0 .326-.792L12.341.139a.465.465 0 0 0-.653.658l4.665 4.741a.458.458 0 0 0 .327.138v-.004Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_close.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-width='2' d='M12.454 1.545 1.545 12.455m0-10.91 10.91 10.91'/%3E%3C/svg%3E");
}
.svg_icon.icon_chk.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14'  fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m1 6.5 5 5L13.5 1'/%3E%3C/svg%3E");
}
.svg_icon.icon_arrow.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='17' viewBox='0 0 11 17' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='3' d='M9.5 2 3 8.5 9.5 15'/%3E%3C/svg%3E");
}
.svg_icon.icon_pencil.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.125 4.875 3 3M3 15h3l7.875-7.875a2.12 2.12 0 0 0-3-3L3 12v3Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_reload.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='50' fill='none'%3E%3Cpath fill='%2300853B' d='M30.01.03c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5C42.13 3.03 52 12.89 52 25.02 52 37.15 42.14 47 30.01 47 17.88 47 8.02 37.14 8.02 25.01c0-5.51 1.99-10.66 5.64-14.69l1.6 9.33c.14.82.92 1.36 1.73 1.22.82-.14 1.37-.92 1.22-1.73L16.06 6.62a1.512 1.512 0 0 0-1.79-1.22L1.8 8.06C.99 8.23.47 9.03.65 9.84c.17.81.97 1.33 1.78 1.15l8.19-1.74c-3.63 4.44-5.6 9.92-5.6 15.76C5.03 38.79 16.23 50 30.01 50 43.79 50 55 38.79 55 25.01 55 11.23 43.79.02 30.01.02v.01Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_x.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cpath stroke='%23DCE0E2' stroke-linecap='round' stroke-width='7' d='M44 4 4.662 44M4 4l39.338 40'/%3E%3C/svg%3E");
}
.svg_icon.icon_o.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Ccircle cx='25' cy='25' r='21.5' stroke='%23DCE0E2' stroke-width='7'/%3E%3C/svg%3E");
}
.svg_icon.pad_fraction {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='30' fill='none'%3E%3Crect width='10.5' height='6.5' x='4.933' y='4.75' stroke='%23fff' stroke-width='1.5' rx='1.25'/%3E%3Cpath stroke='%23fff' d='M2.683 15h15'/%3E%3Crect width='10.5' height='6.5' x='4.933' y='18.75' stroke='%23fff' stroke-width='1.5' rx='1.25'/%3E%3C/svg%3E");
}
.svg_icon.pad_limit {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='30' fill='none'%3E%3Crect width='13.7' height='16.7' x='27.221' y='1.65' stroke='%23fff' stroke-width='1.3' rx='1.35'/%3E%3Cpath fill='%23fff' d='M3.70784 6.49V15.235L4.92284 15.46C4.96284 15.62 4.96284 15.82 4.92284 16.06C4.29284 16.03 3.64784 16.015 2.98784 16.015C2.52784 16.015 1.87784 16.025 1.03784 16.045C0.977838 15.855 0.977838 15.66 1.03784 15.46L2.22284 15.295C2.26284 14.745 2.28284 14.11 2.28284 13.39V4.795L1.05284 4.645C1.01284 4.495 1.01284 4.305 1.05284 4.075C1.74284 4.025 2.60284 3.92 3.63284 3.76C3.72284 3.86 3.77284 3.96 3.78284 4.06C3.73284 4.32 3.70784 5.13 3.70784 6.49ZM8.35526 10.42V15.235L9.57026 15.46C9.58026 15.51 9.58526 15.555 9.58526 15.595C9.59526 15.635 9.60026 15.68 9.60026 15.73C9.60026 15.78 9.59526 15.835 9.58526 15.895C9.58526 15.945 9.58026 16 9.57026 16.06C8.94026 16.03 8.29526 16.015 7.63526 16.015C7.40526 16.015 7.12526 16.015 6.79526 16.015C6.47526 16.025 6.10526 16.035 5.68526 16.045C5.65526 15.955 5.64026 15.86 5.64026 15.76C5.64026 15.67 5.65526 15.57 5.68526 15.46L6.87026 15.295C6.89026 15.015 6.90526 14.72 6.91526 14.41C6.92526 14.09 6.93026 13.75 6.93026 13.39V10.195C6.93026 9.535 6.91526 9.045 6.88526 8.725L5.70026 8.575C5.68026 8.525 5.67026 8.44 5.67026 8.32C5.67026 8.27 5.67026 8.22 5.67026 8.17C5.67026 8.12 5.68026 8.065 5.70026 8.005C6.38026 7.965 7.24026 7.86 8.28026 7.69C8.37026 7.79 8.42026 7.89 8.43026 7.99C8.38026 8.27 8.35526 9.08 8.35526 10.42ZM6.16526 5.065C6.14526 5.015 6.13526 4.965 6.13526 4.915C6.13526 4.855 6.13526 4.8 6.13526 4.75C6.13526 4.48 6.24526 4.265 6.46526 4.105C6.69526 3.935 6.97526 3.85 7.30526 3.85C7.61526 3.85 7.86526 3.945 8.05526 4.135C8.25526 4.315 8.35526 4.565 8.35526 4.885C8.35526 5.145 8.24026 5.355 8.01026 5.515C7.79026 5.675 7.50526 5.755 7.15526 5.755C6.91526 5.755 6.70026 5.695 6.51026 5.575C6.33026 5.455 6.21526 5.285 6.16526 5.065ZM21.4588 10.645C21.4588 9.255 21.0138 8.56 20.1238 8.56C19.3638 8.56 18.6438 9.085 17.9638 10.135V15.235L19.1788 15.46C19.2188 15.62 19.2188 15.82 19.1788 16.06C18.5488 16.03 17.9088 16.015 17.2588 16.015C16.7988 16.015 16.1488 16.025 15.3088 16.045C15.2488 15.855 15.2488 15.66 15.3088 15.46L16.4938 15.295C16.5338 14.745 16.5538 14.11 16.5538 13.39V10.645C16.5538 9.255 16.1088 8.56 15.2188 8.56C14.7688 8.56 14.3738 8.7 14.0338 8.98C13.6938 9.25 13.3438 9.675 12.9838 10.255V15.235L14.1988 15.46C14.2388 15.62 14.2388 15.82 14.1988 16.06C13.5688 16.03 12.9288 16.015 12.2788 16.015C11.8188 16.015 11.1688 16.025 10.3288 16.045C10.2688 15.855 10.2688 15.66 10.3288 15.46L11.5138 15.295C11.5538 14.745 11.5738 14.11 11.5738 13.39V9.28C11.5738 9.08 11.5588 8.895 11.5288 8.725L10.3438 8.575C10.3038 8.425 10.3038 8.235 10.3438 8.005C11.0138 7.955 11.8688 7.85 12.9088 7.69C12.9988 7.79 13.0488 7.89 13.0588 7.99C13.0088 8.25 12.9838 8.695 12.9838 9.325C13.7738 8.235 14.6638 7.69 15.6538 7.69C16.1738 7.69 16.6488 7.825 17.0788 8.095C17.5088 8.355 17.7838 8.76 17.9038 9.31C18.7038 8.23 19.5888 7.69 20.5588 7.69C21.1688 7.69 21.7038 7.87 22.1638 8.23C22.6338 8.59 22.8688 9.145 22.8688 9.895V15.235L24.0838 15.46C24.1238 15.62 24.1238 15.82 24.0838 16.06C23.4538 16.03 22.8138 16.015 22.1638 16.015C21.7038 16.015 21.0538 16.025 20.2138 16.045C20.1538 15.855 20.1538 15.66 20.2138 15.46L21.3988 15.295C21.4388 14.745 21.4588 14.11 21.4588 13.39V10.645Z'/%3E%3Crect width='8' height='8' x='0.928986' y='19.5' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath fill='%23fff' d='M13.304 27L12.8665 26.5682L14.6676 24.767H10.0028V24.142H14.6676L12.8665 22.3466L13.304 21.9091L15.8494 24.4545L13.304 27Z'/%3E%3Crect width='8' height='8' x='17.5' y='19.5' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");
}
.svg_icon.pad_root {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='30' fill='none'%3E%3Cpath fill='%23fff' d='M8.12036 24.1641H6.56177L3.31567 15.0469H1.2063V13.3711H4.63989L7.34692 21.2695L13.3469 4.14844H15.0579L8.12036 24.1641Z'/%3E%3Crect width='8.5' height='16.5' x='16.5227' y='6.75' stroke='%23fff' stroke-width='1.5' rx='1.25'/%3E%3C/svg%3E");
}
.svg_icon.pad_root2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='30' fill='none'%3E%3Cpath fill='%23fff' d='M7.48401 24.1641H5.92542L2.67932 15.0469H0.569946V13.3711H4.00354L6.71057 21.2695L12.7106 4.14844H14.4215L7.48401 24.1641Z'/%3E%3Crect width='8.5' height='16.5' x='15.8864' y='6.75' stroke='%23fff' stroke-width='1.5' rx='1.25'/%3E%3Crect width='5.5' height='6.5' x='1.65564' y='3.75' stroke='%23fff' stroke-width='1.5' rx='1.25'/%3E%3C/svg%3E");
}
.svg_icon.pad_sigma {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='30' fill='none'%3E%3Crect width='17.5' height='5.5' x='0.75' y='23.75' stroke='%23fff' stroke-width='1.5' rx='1.25'/%3E%3Cpath fill='%23fff' d='M13.9395 17.8316H14.427C14.466 17.9916 14.492 18.1876 14.505 18.4196C14.531 18.6516 14.5505 18.8876 14.5635 19.1276C14.5895 19.3676 14.6025 19.5996 14.6025 19.8236C14.6155 20.0556 14.6285 20.2516 14.6415 20.4116H3.7605V19.6316L9.51299 14.8316L3.6825 10.0916V9.59961H14.271C14.271 9.75961 14.2645 9.93961 14.2515 10.1396C14.2385 10.3316 14.2255 10.5316 14.2125 10.7396C14.1995 10.9476 14.18 11.1556 14.154 11.3636C14.141 11.5636 14.115 11.7436 14.076 11.9036H13.5885L12.555 10.2236H6.315L11.3655 14.3516L5.4375 19.3196H12.828L13.9395 17.8316Z'/%3E%3Crect width='17.5' height='5.5' x='0.75' y='0.75' stroke='%23fff' stroke-width='1.3' rx='1.35'/%3E%3C/svg%3E");
}
.svg_icon.pad_square {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='23' fill='none'%3E%3Crect width='8.5' height='13.5' x='1.356' y='8.75' stroke='%23fff' stroke-width='1.5' rx='1.25'/%3E%3Cpath fill='%23fff' d='m19.032 10.128-.54 2.1H14.1c.096-.456.38-.996.852-1.62.264-.344.752-.912 1.464-1.704.528-.576.872-.996 1.032-1.26.272-.432.408-.88.408-1.344 0-1.072-.496-1.608-1.488-1.608-.28 0-.556.072-.828.216-.328.168-.492.38-.492.636 0 .072.052.196.156.372.104.176.156.332.156.468a.582.582 0 0 1-.168.408.542.542 0 0 1-.396.168c-.432 0-.648-.248-.648-.744 0-.528.268-.98.804-1.356.488-.352 1.004-.528 1.548-.528.64 0 1.192.164 1.656.492.512.376.768.872.768 1.488 0 .496-.188.98-.564 1.452-.152.192-.528.556-1.128 1.092-1.448 1.296-2.248 2.176-2.4 2.64h2.304c.384 0 .66-.06.828-.18.28-.192.552-.616.816-1.272l.252.084Z'/%3E%3C/svg%3E");
}
.svg_icon.pad_square2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='30' fill='none'%3E%3Crect width='8.5' height='13.5' x='1.606' y='8.75' stroke='%23fff' stroke-width='1.5' rx='1.25'/%3E%3Crect width='5.5' height='6.5' x='13.644' y='4.75' stroke='%23fff' stroke-width='1.5' rx='1.25'/%3E%3C/svg%3E");
}

.answer_menu .menu .svg_icon.icon_write {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3E%3Cpath stroke='%23374163' stroke-linecap='round' stroke-width='1' d='m8.53 19.635 10.909-11.07a1.956 1.956 0 0 0-.012-2.754L15.3 1.696a1.929 1.929 0 0 0-2.739.012L1.652 12.777m6.878 6.858-6.878-6.858m6.878 6.858L1 20.357l.652-7.58M15.3 5.81l-8.422 8.471'/%3E%3C/svg%3E");
}
.answer_menu .menu .svg_icon.icon_eraser {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' fill='none'%3E%3Cpath stroke='%23374163' stroke-width='1' d='m12.004 2.472 5.364 6.69M13.129.694a.916.916 0 0 1 1.367.078l4.776 5.81c.354.431.316 1.095-.085 1.483l-8.64 8.36-7.221-.506L1.34 13.5a1.114 1.114 0 0 1 .085-1.482L13.129.693Z'/%3E%3C/svg%3E");
}
.answer_menu .menu .svg_icon.icon_trashcan {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23374163' stroke-linecap='round' stroke-width='1' d='M7 4.976v-3a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v3m-10 0v13a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-13m-16 0h18m-11 3.5v7m5-7v7'/%3E%3C/svg%3E");
}
.answer_menu .menu .svg_icon.icon_close_circle {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23374163' stroke-width='1' d='m13 7.095-3 3m0 0-3 3m3-3-3-3m3 3 3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E");
}
.answer_menu .menu.active .svg_icon.icon_write {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1' d='m8.53 19.635 10.909-11.07a1.956 1.956 0 0 0-.012-2.754L15.3 1.696a1.929 1.929 0 0 0-2.739.012L1.652 12.777m6.878 6.858-6.878-6.858m6.878 6.858L1 20.357l.652-7.58M15.3 5.81l-8.422 8.471'/%3E%3C/svg%3E");
}
.answer_menu .menu.active .svg_icon.icon_eraser {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='1' d='m12.004 2.472 5.364 6.69M13.129.694a.916.916 0 0 1 1.367.078l4.776 5.81c.354.431.316 1.095-.085 1.483l-8.64 8.36-7.221-.506L1.34 13.5a1.114 1.114 0 0 1 .085-1.482L13.129.693Z'/%3E%3C/svg%3E");
}
.answer_menu .menu.active .svg_icon.icon_trashcan {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1' d='M7 4.976v-3a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v3m-10 0v13a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-13m-16 0h18m-11 3.5v7m5-7v7'/%3E%3C/svg%3E");
}
.answer_menu .menu.active .svg_icon.icon_close_circle {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='1' d='m13 7.095-3 3m0 0-3 3m3-3-3-3m3 3 3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E");
}

.com_btn {
  padding: 0 28px;
  border-radius: 50px;
  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;
  box-sizing: border-box;
  gap: 6px;
  line-height: initial;
}
.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;
  position: relative;
}
.com_btn__wrap.bottom {
  margin-top: 30px;
  text-align: center;
  justify-content: center;
}
.com_btn.full {
  width: 100%;
  min-width: 100%;
}
.com_btn.point {
  background-color: #00853B;
  color: #fff;
}
.com_btn.gray {
  background-color: #A6A6A6;
  color: #fff;
}
.com_btn.blue {
  background-color: #006585;
  color: #fff;
}
.com_btn.dark_point {
  background-color: #00622B;
  color: #fff;
}
.com_btn.xl {
  height: 50px;
}
.com_btn.l {
  height: 40px;
}
.com_btn.s {
  height: 30px;
}

/*!페이징 << < > >> */
.com_paging {
  text-align: center;
}
.com_paging :is(.btn_first, .btn_prev, .btn_page, .btn_next, .btn_last) {
  min-width: 16px;
  height: 16px;
  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: 13px;
}
.com_paging :is(.btn_first, .btn_prev) {
  transform: rotate(180deg);
}
.com_paging .btn_prev {
  margin-right: 9px;
}
.com_paging .btn_next {
  margin-left: 9px;
}
.com_paging .btn_page {
  line-height: inherit;
  margin-inline: 10px;
}
.com_paging .btn_page.active {
  font-weight: bold;
  color: #00853B;
}
.com_paging .btn_page.disabled {
  cursor: auto;
  opacity: 0.4;
}

.sec-paging {
  overflow: hidden;
  text-align: center;
}
.sec-paging :is(.pg-btn, .btn-page) {
  min-width: 16px;
  height: 16px;
  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: 13px;
  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 .group-prev {
  margin-right: 9px;
}
.sec-paging .group-next {
  margin-left: 9px;
}
.sec-paging .btn-page {
  line-height: inherit;
  margin-inline: 10px;
  cursor: pointer;
}
.sec-paging .btn-page.active {
  font-weight: bold;
  color: #00853B;
}

.com_chk {
  cursor: pointer;
  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;
  word-break: break-all;
  gap: 5px;
  user-select: none;
}
.com_chk:before {
  content: "";
  display: inline-block;
  background-size: contain;
  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='15' height='14' viewBox='0 0 15 14'  fill='none'%3E%3Cpath stroke='%23D4D4D4' stroke-linecap='round' stroke-width='2' d='m1 6.5 5 5L13.5 1'/%3E%3C/svg%3E");
  background-color: #fff;
  background-size: 15px auto;
  width: 25px;
  min-width: 25px;
  aspect-ratio: 1/1;
  border: 1px solid #D4D4D4;
  user-select: none;
}
@media screen and (max-width: 767.9px) {
  .com_chk:before {
    width: 18px;
    min-width: 18px;
    background-size: 12px auto;
  }
}
.com_chk:has(:checked) {
  font-weight: 700;
}
.com_chk:has(:checked):before {
  background-color: #00853B;
  border-color: #00853B;
  background-image: url("../img/chk_on.png");
}
.com_chk.type_btn {
  border-radius: 10px;
  background: #e5e8e9;
  min-width: 100px;
  text-align: center;
  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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_chk.type_btn:before {
  display: none;
}
.com_chk.type_btn:has(:checked) {
  background-color: #00853B;
  color: #fff;
}
.com_chk.type_btn.l {
  height: 50px;
}
.com_chk.circle:before {
  border-radius: 100%;
}
.com_chk:has(:disabled):before {
  opacity: 0.5;
}
.com_chk.no_txt:before {
  margin-right: 0;
}
.com_chk__wrap {
  gap: 7px 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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.com_switch {
  position: relative;
  width: 60px;
  height: 30px;
  display: inline-block;
  -webkit-appearance: none;
  background-size: contain;
  border-radius: 100px;
  transition: all 0.3s ease;
  cursor: pointer;
  background-color: #C3C3C3;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) inset;
}
.com_switch__wrap {
  position: relative;
  height: 30px;
  display: flex;
  align-items: center;
  color: #fff;
  gap: 10px;
  font-size: 16px;
}
@media screen and (max-width: 767.9px) {
  .com_switch__wrap {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_switch {
    font-size: 14px;
  }
}
.com_switch:after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 50px;
  position: absolute;
  top: 1px;
  left: 1px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767.9px) {
  .com_switch:after {
    width: 18px;
    height: 18px;
  }
}
.com_switch:checked[type=checkbox] {
  background-color: #00662d;
  transition: all 0.3s ease;
}
.com_switch:checked[type=checkbox]:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%23fff' fill-opacity='.5' d='M8 .002C4.46.002 1.34 2.24.05 5.705a.793.793 0 0 0 0 .555C1.333 9.747 4.454 12 8 12c3.545 0 6.666-2.253 7.951-5.742a.81.81 0 0 0 0-.554C14.661 2.239 11.541 0 8.001 0L8 .002ZM1.532 5.983C2.66 3.272 5.17 1.537 8 1.537s5.34 1.735 6.468 4.446c-1.123 2.732-3.632 4.48-6.468 4.48s-5.346-1.746-6.468-4.48Z'/%3E%3Cpath fill='%23fff' fill-opacity='.5' d='M8 2.715c-1.747 0-3.17 1.465-3.17 3.267 0 1.802 1.421 3.303 3.17 3.303 1.748 0 3.17-1.48 3.17-3.303S9.747 2.715 8 2.715ZM8 7.75c-.935 0-1.696-.792-1.696-1.767 0-.974.761-1.732 1.696-1.732.935 0 1.695.777 1.695 1.732 0 .956-.76 1.767-1.695 1.767Z'/%3E%3C/svg%3E");
  position: absolute;
  top: 9px;
  left: 9px;
}
.com_switch:checked[type=checkbox]:after {
  left: 31px;
  transition: all 0.3s ease;
  background-color: #fff;
}

/*!페이징 << < > >> */
.com_paging {
  margin-block: 30px 25px;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .com_paging {
    margin-top: 20px;
  }
}
.com_paging :is(.btn_first, .btn_prev, .btn_page, .btn_next, .btn_last) {
  min-width: 16px;
  height: 16px;
  text-align: center;
  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;
  vertical-align: middle;
  margin-left: 0;
}
.com_paging :is(.btn_first, .btn_prev, .btn_next, .btn_last) img {
  height: 16px;
}
.com_paging :is(.btn_last, .btn_prev) {
  transform: rotate(180deg);
}
.com_paging .icon_arrow {
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 8px;
  height: 8px;
  border: solid #4F555A;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}
.com_paging .btn_first {
  margin-right: 25px;
  transform: rotate(360deg);
}
@media screen and (max-width: 767.9px) {
  .com_paging .btn_first {
    margin-right: 10px;
  }
}
.com_paging .btn_prev {
  margin-right: 30px;
}
@media screen and (max-width: 767.9px) {
  .com_paging .btn_prev {
    margin-right: 10px;
  }
}
.com_paging .btn_next {
  margin-left: 30px;
}
@media screen and (max-width: 767.9px) {
  .com_paging .btn_next {
    margin-left: 10px;
  }
}
.com_paging .btn_last {
  margin-left: 25px;
}
@media screen and (max-width: 767.9px) {
  .com_paging .btn_last {
    margin-left: 10px;
  }
}
.com_paging .btn_page {
  line-height: inherit;
  margin-inline: 10px;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 767.9px) {
  .com_paging .btn_page {
    font-size: 12px;
    margin-inline: 5px;
  }
}
.com_paging .btn_page.active {
  color: #00853B;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #00853B;
}
@media screen and (min-width: 767.9px) {
  .com_paging .btn_page.active {
    height: 36px;
    padding-inline: 17px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_paging .btn_page.active {
    height: 24px;
    padding-inline: 10px;
  }
}
.com_paging .btn_page.disabled {
  cursor: auto;
  opacity: 0.4;
}

.com_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  z-index: 103;
  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;
}
.com_popup.active {
  display: flex;
  align-items: center;
}
.com_popup.active .pop_container {
  animation: move 0.8s 0.1s ease-in-out;
}
@keyframes move {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: -10px;
  }
  100% {
    margin-top: 0;
  }
}
.com_popup .bg_close {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 102;
  background-color: rgba(0, 0, 0, 0.5);
}
.com_popup .pop_container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 104;
  margin-inline: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1);
  padding: 25px 20px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .pop_container {
    max-width: 95vw;
  }
}
.com_popup .pop_container.full {
  left: 0;
  top: 0;
  transform: none;
  padding: 0;
  width: 100%;
  max-width: none;
  height: 100vh;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  animation: none !important;
}
.com_popup .pop_container.full .content_container {
  padding: 0;
  width: 100%;
  height: 100vh;
  max-height: none;
  overflow: hidden;
}
.com_popup .pop_container.full .btn_close {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: #00853B;
  border-radius: 50%;
  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_popup .pop_container.full .btn_close .icon_close {
  min-width: 14px;
  width: 14px;
  height: 14px;
}
.com_popup .pop_container.full .game_frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.com_popup .pop_container.xl {
  width: 98vw;
}
.com_popup .pop_container.l {
  width: 1000px;
}
.com_popup .pop_container.m {
  width: 750px;
}
.com_popup .pop_container.s {
  width: 360px;
}
.com_popup .pop_container.xs {
  width: 210px;
}
.com_popup .content_container {
  max-height: calc(80vh - 180px);
  overflow-x: visible;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #e2e8f0; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  overflow: auto;
  text-align: center;
  color: #434343;
  line-height: 1.5;
}
.com_popup .content_container::-webkit-scrollbar { /*스크롤바*/
  width: 10px;
  height: 10px;
}
.com_popup .content_container::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_popup .content_container::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #D9D9D9;
  background-clip: padding-box;
  border-radius: 10px;
}
.com_popup .content_container::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: transparent;
}
.com_popup .content_container::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: transparent;
}
.com_popup:has(.pop_tit) .content_container {
  text-align: left;
}
.com_popup .btn_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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  position: relative;
  padding-top: 13px;
  gap: 6px;
}
.com_popup .btn_container .com_btn {
  min-width: 80px;
}
.com_popup .pop_tit {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  color: #434343;
  margin-bottom: 18px;
}
.com_popup .btn_close {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  background-color: #272727;
  top: 10px;
  right: 5px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .btn_close {
    width: 20px;
    height: 20px;
  }
}
.com_popup .btn_close .svg_icon {
  width: 15px;
  height: 15px;
  min-width: 15px;
}
@media screen and (max-width: 767.9px) {
  .com_popup .btn_close .svg_icon {
    width: 10px;
    height: 10px;
    min-width: 10px;
  }
}
.com_popup.type_edit {
  position: absolute;
  left: 100%;
  top: 100%;
  margin: -36px 0 0 14px;
  width: auto;
  height: auto;
}
@media screen and (max-width: 575.9px) {
  .com_popup.type_edit {
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }
}
.com_popup.type_edit .pop_container {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  padding: 28px 38px 26px;
  width: 283px;
}
.com_popup.type_edit .pop_container .content_container {
  overflow: visible;
}
.com_popup.type_edit .pop_tit {
  line-height: 21px;
  color: #00853B;
  margin-bottom: 23px;
}
.com_popup.type_edit .btn_close {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e7e8ea;
  top: 12px;
  right: 12px;
}
.com_popup.type_edit .btn_close:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/icon_close.png);
  width: 11px;
  height: 11px;
}
.com_popup.type_edit .com_editbox {
  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_popup.type_edit .com_editbox .input {
  padding: 17px 15px 15px;
  height: 50px;
  line-height: 18px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.3px;
  box-shadow: 0 1px 7px 2px #e0e7f0;
  border: 0;
  border-radius: 10px;
}
.com_popup.type_edit .edit_btn {
  width: 66px;
  font-weight: 700;
  font-size: 16px;
  border-radius: 10px;
}

.pop_hint .pop_container, .pop_concept .pop_container, .pop_video .pop_container, .pop_ex .pop_container {
  width: 98vw;
}
.pop_hint .content_container, .pop_concept .content_container, .pop_video .content_container, .pop_ex .content_container {
  max-height: calc(98vh - 100px);
}

.pop_hint .pop_container {
  padding-inline: 33px;
}
.pop_hint .content_container {
  padding-block: 33px;
  text-align: left;
  font-family: "NanumMyeongjo", serif;
  font-size: 12px;
}

.pop_video .pop_container {
  width: 70vw;
  aspect-ratio: 560/315;
  padding: 0;
}
.pop_video .pop_container .content_container {
  max-height: none;
}
.pop_video .pop_container .content_container iframe {
  width: 100% !important;
  aspect-ratio: 560/315 !important;
}

.pop_ex .table {
  color: #464646;
}
.pop_ex .table th {
  background-color: #F6F6F6;
  text-align: left;
}
.pop_ex .table td {
  text-align: center;
}
.pop_ex .table th, .pop_ex .table td {
  font-size: 12px !important;
  padding: 9px 7px;
  line-height: 1.4;
  border: 1px solid #E4E4E4;
}
@media screen and (max-width: 767.9px) {
  .pop_ex .table th, .pop_ex .table td {
    padding: 10px;
    font-size: 12px;
  }
}
.pop_ex .table td * {
  font-size: 12px !important;
}

.pop_result_send .pop_container {
  width: 280px;
}
.pop_result_send .tit {
  margin-bottom: 10px;
  text-align: center;
  font-weight: 500;
}
.pop_result_send .input {
  width: 100%;
  height: 40px;
  border-radius: 50px;
  text-align: center;
  margin-bottom: 20px;
}

.pop_answer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  visibility: hidden;
  background: #fff;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
  max-height: 100%;
  overflow-x: visible;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #e2e8f0; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.pop_answer.active {
  height: 100%;
  visibility: visible;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.pop_answer::-webkit-scrollbar { /*스크롤바*/
  width: 10px;
  height: 10px;
}
.pop_answer::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.pop_answer::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #D9D9D9;
  background-clip: padding-box;
  border-radius: 10px;
}
.pop_answer::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: transparent;
}
.pop_answer::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: transparent;
}
.pop_answer .pop_tit {
  padding-inline: 20px;
  text-align: center;
  color: #434343;
  font-size: 18px;
  font-weight: 500;
  padding-block: 20px 18px;
}
.pop_answer .content_container {
  padding: 0 20px 20px;
}
.pop_answer .btn_close {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  background-color: #272727;
  top: 10px;
  right: 5px;
}
@media screen and (max-width: 767.9px) {
  .pop_answer .btn_close {
    width: 20px;
    height: 20px;
  }
}
.pop_answer .btn_close .svg_icon {
  width: 15px;
  height: 15px;
  min-width: 15px;
}
@media screen and (max-width: 767.9px) {
  .pop_answer .btn_close .svg_icon {
    width: 10px;
    height: 10px;
    min-width: 10px;
  }
}
.pop_answer .correct_sec {
  margin-top: 27px;
  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;
  align-items: flex-start;
  gap: 6px;
}
.pop_answer .correct_sec .num {
  width: 24px;
  height: 24px;
  border-radius: 50px;
  background-color: #00853B;
  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;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.pop_answer .correct_sec .correct {
  font-size: 18px;
}
.pop_answer .correct_sec .correct *:not(.num, [class^=mjx-], [class^=MJX_]) {
  font-family: "Times New Roman", "NanumMyeongjo", serif !important;
  font-size: 18px !important;
}

.header {
  position: relative;
  height: 50px;
  background: #00853B;
  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;
  padding-inline: 30px;
}
@media screen and (max-width: 767.9px) {
  .header {
    padding-inline: 20px;
    height: 40px;
  }
}
.header .pg_tit {
  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: 17.5px;
  margin-right: auto;
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
}
.header .pg_tit * {
  color: #FFF;
}
.header .pg_tit *:not([class^=mjx], [class^=MJX], [class^=MathJax]) {
  font-size: 20px;
  font-weight: 500;
}
.header .pg_tit .btn_prev {
  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;
}
@media screen and (max-width: 767.9px) {
  .header .pg_tit {
    font-size: 16px;
  }
}
.header .btn_close {
  position: absolute;
  right: 30px;
  top: 10px;
  width: 30px;
  height: 30px;
  background: #00622B;
  border-radius: 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;
}
@media screen and (max-width: 767.9px) {
  .header .btn_close {
    right: 20px;
    width: 20px;
    height: 20px;
  }
}
.header .svg_icon.icon_arrow {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='17' viewBox='0 0 11 17' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='3' d='M9.5 2 3 8.5 9.5 15'/%3E%3C/svg%3E");
}
@media screen and (max-width: 767.9px) {
  .header .svg_icon.icon_arrow {
    height: 13px;
  }
}
.header .svg_icon.icon_close {
  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-width='2' d='M12.454 1.545 1.545 12.455m0-10.91 10.91 10.91'/%3E%3C/svg%3E");
}
@media screen and (max-width: 767.9px) {
  .header .svg_icon.icon_close {
    background-size: auto 10px;
  }
}

body:has(.header) .main_container {
  max-height: calc(100vh - 50px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #e2e8f0; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
body:has(.header) .main_container::-webkit-scrollbar { /*스크롤바*/
  width: 10px;
  height: 10px;
}
body:has(.header) .main_container::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
body:has(.header) .main_container::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #D9D9D9;
  background-clip: padding-box;
  border-radius: 10px;
}
body:has(.header) .main_container::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: transparent;
}
body:has(.header) .main_container::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: transparent;
}
@media screen and (max-width: 767.9px) {
  body:has(.header) .main_container {
    padding-inline: 20px;
    max-height: calc(100vh - 40px);
    height: calc(100vh - 40px);
  }
}
body:has(.header):has(.bottom_menu) .main_container {
  max-height: calc(100vh - 120px);
  height: calc(100vh - 120px);
}
@media screen and (max-width: 767.9px) {
  body:has(.header):has(.bottom_menu) .main_container {
    max-height: calc(100vh - 100px);
    height: calc(100vh - 100px);
  }
}

.main_container {
  padding-inline: 30px;
}

.bottom_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;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  background: #EEF1F5;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #B7C3D0;
  padding-inline: 70px;
}
@media screen and (max-width: 767.9px) {
  .bottom_menu {
    padding-inline: 24px;
  }
}
.bottom_menu .menu {
  height: 70px;
  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: -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: 4px;
  color: #9299AC;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
}
@media screen and (max-width: 767.9px) {
  .bottom_menu .menu {
    height: 60px;
  }
}
.bottom_menu .menu .svg_icon.menu_study {
  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 fill='%239299AC' d='M5.816 20H.922A.921.921 0 0 1 0 19.078v-4.85c0-.245.097-.48.271-.653L13.577.269A.924.924 0 0 1 14.88.267l4.894 4.85a.92.92 0 0 1 .001 1.308L6.47 19.73a.924.924 0 0 1-.653.27Zm-3.971-1.845h3.59l12.379-12.38-3.582-3.55L1.845 14.608v3.546Z'/%3E%3Cpath fill='%239299AC' d='M5.816 20a.915.915 0 0 1-.65-.268l-4.893-4.85a.923.923 0 0 1 1.299-1.31l4.893 4.849A.923.923 0 0 1 5.815 20ZM15.99 9.828a.918.918 0 0 1-.655-.273l-4.85-4.894a.923.923 0 0 1 1.31-1.3l4.85 4.894a.923.923 0 0 1-.655 1.573Z'/%3E%3C/svg%3E");
}
.bottom_menu .menu .svg_icon.menu_list {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath fill='%239299AC' d='M1.957 20C.904 20 .046 19.161.046 18.133V3.283c0-1.028.856-1.867 1.911-1.867h1.974a.922.922 0 1 1 0 1.845H1.957l-.065 14.871 11.395.023.065-14.872-2.038-.022a.922.922 0 1 1 0-1.845h1.973c1.054 0 1.91.839 1.91 1.867v14.85c0 1.028-.856 1.867-1.91 1.867H1.957Z'/%3E%3Cpath fill='%239299AC' d='M11.312 4.678H3.93a.922.922 0 0 1-.923-.922V.922c0-.51.414-.922.923-.922h7.38c.51 0 .923.412.923.922v2.834c0 .51-.414.922-.922.922ZM4.853 2.834h5.536v-.987H4.853v.987ZM10.196 10.987h-5.15a.922.922 0 1 1 0-1.845h5.15a.922.922 0 1 1 0 1.845ZM10.196 14.335h-5.15a.922.922 0 1 1 0-1.845h5.15a.922.922 0 1 1 0 1.845Z'/%3E%3C/svg%3E");
}
.bottom_menu .menu .svg_icon.menu_result {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20' viewBox='0 0 25 20' fill='none'%3E%3Cpath fill='%239299AC' d='M2.605 14.292a2.558 2.558 0 0 0 2.553-2.559c0-.4-.097-.788-.27-1.137l2.271-2.567c.261.087.536.135.814.135.196 0 .39-.024.58-.067l3.858 4.644c-.2.37-.311.786-.311 1.22a2.558 2.558 0 0 0 2.559 2.553 2.553 2.553 0 0 0 2.048-4.078l5.072-7.35c.113.016.226.026.343.026a2.558 2.558 0 0 0 2.555-2.555A2.558 2.558 0 0 0 22.124 0a2.558 2.558 0 0 0-2.555 2.555c0 .592.204 1.137.543 1.57l-5.05 7.317a2.64 2.64 0 0 0-1.162.085l-3.773-4.54c.26-.404.408-.88.408-1.378a2.555 2.555 0 1 0-5.112 0c0 .408.102.806.286 1.165L3.451 9.325a2.56 2.56 0 0 0-3.405 2.408 2.564 2.564 0 0 0 2.559 2.56Zm.42-3.032a.638.638 0 1 1-.849.949.638.638 0 0 1 .849-.949Zm19.1-8.067a.638.638 0 0 1 0-1.274.64.64 0 0 1 .637.636.64.64 0 0 1-.638.638Zm-7.466 11.404a.638.638 0 0 1-.64-.636c0-.196.085-.376.226-.493a.661.661 0 0 1 .414-.148.64.64 0 0 1 .636.64c0 .35-.285.637-.636.637ZM8.329 6.14a.672.672 0 0 1-.76-.036.64.64 0 0 1-.23-.495.638.638 0 1 1 .992.531h-.002ZM23.722 18.081H1.005a.96.96 0 0 0 0 1.919h22.717a.96.96 0 0 0 0-1.919Z'/%3E%3C/svg%3E");
}
.bottom_menu .menu .svg_icon.menu_my {
  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 fill='%239299AC' d='M8.994 11.46a5.737 5.737 0 0 1-5.73-5.73C3.264 2.57 5.836 0 8.994 0c3.158 0 5.73 2.57 5.73 5.73 0 3.16-2.57 5.73-5.73 5.73Zm0-9.615A3.89 3.89 0 0 0 5.109 5.73a3.889 3.889 0 0 0 3.885 3.885 3.889 3.889 0 0 0 3.885-3.885 3.889 3.889 0 0 0-3.885-3.885ZM.968 19.998a.922.922 0 0 1-.846-1.289 9.649 9.649 0 0 1 8.872-5.835 9.649 9.649 0 0 1 8.873 5.836.922.922 0 1 1-1.695.73 7.808 7.808 0 0 0-7.178-4.722 7.806 7.806 0 0 0-7.178 4.722.922.922 0 0 1-.848.558Z'/%3E%3C/svg%3E");
}
.bottom_menu .menu.active {
  color: #464646;
}
.bottom_menu .menu.active .svg_icon.menu_study {
  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 fill='%23464646' d='M5.816 20H.922A.921.921 0 0 1 0 19.078v-4.85c0-.245.097-.48.271-.653L13.577.269A.924.924 0 0 1 14.88.267l4.894 4.85a.92.92 0 0 1 .001 1.308L6.47 19.73a.924.924 0 0 1-.653.27Zm-3.971-1.845h3.59l12.379-12.38-3.582-3.55L1.845 14.608v3.546Z'/%3E%3Cpath fill='%23464646' d='M5.816 20a.915.915 0 0 1-.65-.268l-4.893-4.85a.923.923 0 0 1 1.299-1.31l4.893 4.849A.923.923 0 0 1 5.815 20ZM15.99 9.828a.918.918 0 0 1-.655-.273l-4.85-4.894a.923.923 0 0 1 1.31-1.3l4.85 4.894a.923.923 0 0 1-.655 1.573Z'/%3E%3C/svg%3E");
}
.bottom_menu .menu.active .svg_icon.menu_list {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20' fill='none'%3E%3Cpath fill='%23464646' d='M1.957 20C.904 20 .046 19.161.046 18.133V3.283c0-1.028.856-1.867 1.911-1.867h1.974a.922.922 0 1 1 0 1.845H1.957l-.065 14.871 11.395.023.065-14.872-2.038-.022a.922.922 0 1 1 0-1.845h1.973c1.054 0 1.91.839 1.91 1.867v14.85c0 1.028-.856 1.867-1.91 1.867H1.957Z'/%3E%3Cpath fill='%23464646' d='M11.312 4.678H3.93a.922.922 0 0 1-.923-.922V.922c0-.51.414-.922.923-.922h7.38c.51 0 .923.412.923.922v2.834c0 .51-.414.922-.922.922ZM4.853 2.834h5.536v-.987H4.853v.987ZM10.196 10.987h-5.15a.922.922 0 1 1 0-1.845h5.15a.922.922 0 1 1 0 1.845ZM10.196 14.335h-5.15a.922.922 0 1 1 0-1.845h5.15a.922.922 0 1 1 0 1.845Z'/%3E%3C/svg%3E");
}
.bottom_menu .menu.active .svg_icon.menu_result {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20' viewBox='0 0 25 20' fill='none'%3E%3Cpath fill='%23464646' d='M2.605 14.292a2.558 2.558 0 0 0 2.553-2.559c0-.4-.097-.788-.27-1.137l2.271-2.567c.261.087.536.135.814.135.196 0 .39-.024.58-.067l3.858 4.644c-.2.37-.311.786-.311 1.22a2.558 2.558 0 0 0 2.559 2.553 2.553 2.553 0 0 0 2.048-4.078l5.072-7.35c.113.016.226.026.343.026a2.558 2.558 0 0 0 2.555-2.555A2.558 2.558 0 0 0 22.124 0a2.558 2.558 0 0 0-2.555 2.555c0 .592.204 1.137.543 1.57l-5.05 7.317a2.64 2.64 0 0 0-1.162.085l-3.773-4.54c.26-.404.408-.88.408-1.378a2.555 2.555 0 1 0-5.112 0c0 .408.102.806.286 1.165L3.451 9.325a2.56 2.56 0 0 0-3.405 2.408 2.564 2.564 0 0 0 2.559 2.56Zm.42-3.032a.638.638 0 1 1-.849.949.638.638 0 0 1 .849-.949Zm19.1-8.067a.638.638 0 0 1 0-1.274.64.64 0 0 1 .637.636.64.64 0 0 1-.638.638Zm-7.466 11.404a.638.638 0 0 1-.64-.636c0-.196.085-.376.226-.493a.661.661 0 0 1 .414-.148.64.64 0 0 1 .636.64c0 .35-.285.637-.636.637ZM8.329 6.14a.672.672 0 0 1-.76-.036.64.64 0 0 1-.23-.495.638.638 0 1 1 .992.531h-.002ZM23.722 18.081H1.005a.96.96 0 0 0 0 1.919h22.717a.96.96 0 0 0 0-1.919Z'/%3E%3C/svg%3E");
}
.bottom_menu .menu.active .svg_icon.menu_my {
  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 fill='%23464646' d='M8.994 11.46a5.737 5.737 0 0 1-5.73-5.73C3.264 2.57 5.836 0 8.994 0c3.158 0 5.73 2.57 5.73 5.73 0 3.16-2.57 5.73-5.73 5.73Zm0-9.615A3.89 3.89 0 0 0 5.109 5.73a3.889 3.889 0 0 0 3.885 3.885 3.889 3.889 0 0 0 3.885-3.885 3.889 3.889 0 0 0-3.885-3.885ZM.968 19.998a.922.922 0 0 1-.846-1.289 9.649 9.649 0 0 1 8.872-5.835 9.649 9.649 0 0 1 8.873 5.836.922.922 0 1 1-1.695.73 7.808 7.808 0 0 0-7.178-4.722 7.806 7.806 0 0 0-7.178 4.722.922.922 0 0 1-.848.558Z'/%3E%3C/svg%3E");
}

.com_outarea {
  width: calc(100% + 60px);
  margin-left: -30px;
}
@media screen and (max-width: 767.9px) {
  .com_outarea {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}

.footer__link {
  color: #999a9e;
  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;
  font-size: 14px;
}
.footer__link:not(:last-child) {
  position: relative;
}
.footer__link:not(:last-child)::after {
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 1px;
  height: 10px;
  margin-inline: 10px;
  background: #e5e8e9;
  cursor: default;
}
.footer__link:not(:last-child):after {
  background-color: #4F555A;
  opacity: 0.16;
}
.footer__link_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;
  margin-bottom: 10px;
}

.com_point_txt {
  color: #00853B !important;
}

.com_pg_tit {
  line-height: 1.2;
  font-size: 42px;
  color: #2D374A;
  text-align: center;
  font-weight: 700;
  margin-block: 35px;
}

/*common input form*/
.com_input_sec {
  text-align: left;
}
.com_input_sec .tit_field {
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.com_input_sec .input_field {
  margin-bottom: 20px;
}
.com_input_sec .input_field:last-child {
  margin-bottom: 0;
}
.com_input_sec .input_field .input {
  width: 100%;
  height: 40px;
}

.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 #E7E8EF;
  margin-left: 0;
  padding-inline: 10px;
  background-color: #fff;
}
.com_add_file .input_form + .com_btn {
  min-height: 42px;
  margin-left: 10px;
}
.com_add_file .com_btn {
  flex: 0; /* com_btn이 필요한 만큼의 공간만 차지하도록 설정 */
  white-space: nowrap;
}
.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;
}
.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;
}

/*!스크롤*/
.scroll_lock {
  touch-action: none;
  overflow-y: hidden !important;
}
.scroll_lock body {
  touch-action: none;
  overflow-y: hidden !important;
}

/*로딩중*/
.com_loading::before {
  content: "";
  display: inline-block;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
  width: 40px;
  height: 40px;
  background-image: url("../img/loadingCircle.gif");
  background-position: center;
  background-repeat: no-repeat;
  z-index: 9999;
  border-radius: 100%;
}
.com_loading::after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9998;
}

@media screen and (max-width: 767.9px) {
  .com_list {
    border-bottom: none;
    display: block;
    margin-bottom: 20px;
  }
  .com_list :is(tbody, tfoot) {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767.9px) {
  .com_list thead {
    display: none;
  }
}
.com_list tr {
  border-bottom: 1px solid #CDCDCD;
}
@media screen and (max-width: 767.9px) {
  .com_list tr {
    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;
    flex-wrap: wrap;
    padding: 17px 10px 15px 18px;
    border-bottom: 0;
    border-top: 1px solid #F0F0F0;
  }
}
.com_list tr.selected {
  background: #F8FAFA;
}
.com_list tbody tr:hover {
  background: #e6f4ed;
}
.com_list :is(th, td) {
  border-bottom: 1px solid #e5e8e9;
  text-align: center;
  letter-spacing: normal;
}
@media screen and (max-width: 767.9px) {
  .com_list :is(th, td) {
    display: table-cell;
    border: none;
    text-align: left;
    height: auto;
    padding: 5px 0;
  }
}
.com_list th, .com_list td {
  padding: 15px 10px;
  text-align: center;
}
.com_list th {
  color: #717171;
  border-bottom: 1px solid #CDCDCD;
  font-weight: normal;
}
.com_list td {
  color: #434343;
}
@media screen and (max-width: 767.9px) {
  .com_list td {
    padding: 0;
    text-align: left;
  }
}
.com_list td.cont {
  font-weight: 700;
  color: #212222;
}
@media screen and (max-width: 767.9px) {
  .com_list td.cont {
    width: 100%;
    line-height: 17px;
    margin-bottom: 4px;
  }
  .com_list td.cont a {
    font-weight: 600;
  }
}
.com_list td.term {
  color: #717171;
}
.com_list td.term span {
  white-space: nowrap;
}
@media screen and (max-width: 767.9px) {
  .com_list td.term {
    width: 100%;
    line-height: 14px;
    color: #8B8B8B;
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_list td.info {
    line-height: 17px;
    color: #00853B;
  }
}
@media screen and (max-width: 767.9px) {
  .com_list td.info + .info {
    margin-left: 5px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_list td.info .m_type {
    color: #888;
  }
}
@media screen and (max-width: 767.9px) {
  .com_list td.date {
    color: #8B8B8B;
    position: absolute;
    right: 18px;
    top: 17px;
    line-height: 14px;
  }
}
.com_list td .m_type {
  display: none;
}
@media screen and (max-width: 767.9px) {
  .com_list td .m_type {
    display: inline-block;
    color: #888;
  }
}
@media screen and (max-width: 767.9px) {
  .com_list td .m_type.dot {
    position: relative;
  }
  .com_list td .m_type.dot::before {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    width: 2px;
    height: 2px;
    margin-right: 5px;
    background: #888;
    border-radius: 2px;
    vertical-align: middle;
    cursor: default;
  }
  .com_list td .m_type.dot:before {
    vertical-align: super;
  }
}

.com_chat .chat_sec {
  width: 100%;
  border: 0;
  height: calc(100vh - 50px);
  border-left: 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767.9px) {
  .com_chat .chat_sec {
    height: calc(100vh - 40px);
  }
}
.com_chat .chat_sec .com_profile_img {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 76px;
  min-width: 76px;
  aspect-ratio: auto;
  overflow: hidden;
  border-radius: 30px;
  background: #EAEAEA;
}
.com_chat .chat_sec .com_profile_img img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
@media screen and (max-width: 767.9px) {
  .com_chat .chat_sec .com_profile_img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    min-width: 50px;
    aspect-ratio: auto;
    border-radius: 20px;
  }
  .com_chat .chat_sec .com_profile_img img {
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: none;
  }
}
.com_chat .chat_sec .chat_mid {
  height: calc(100% - 70px);
}
@media screen and (max-width: 767.9px) {
  .com_chat .chat_sec .chat_mid {
    height: calc(100% - 0px);
  }
}
.com_chat .chat_sec .chat_mid .scroll_body {
  height: calc(100% - 50px);
  overflow-y: auto;
  padding: 30px 35px;
}
@media screen and (max-width: 767.9px) {
  .com_chat .chat_sec .chat_mid .scroll_body {
    padding: 20px;
  }
}
.com_chat .chat_sec .chat_mid .date_area {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.3px;
  text-align: center;
  color: #666;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.com_chat .chat_sec .chat_mid .date_area:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #222;
  top: 9px;
  z-index: 1;
}
.com_chat .chat_sec .chat_mid .date_area span {
  background: #4F555A;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}
.com_chat .chat_sec .chat_mid .date_field {
  font-size: 11px;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: right;
  color: #c2c2c2;
  margin-top: 5px;
}
.com_chat .chat_sec .chat_mid .box {
  padding: 13px 19px;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.38px;
  text-align: left;
  max-width: 780px;
  width: auto;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 767.9px) {
  .com_chat .chat_sec .chat_mid .box {
    font-size: 13px;
  }
}
.com_chat .chat_sec .chat_mid .name_field {
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 1.23;
  letter-spacing: -0.65px;
  color: #222;
}
.com_chat .chat_sec .chat_mid .date {
  margin-left: 5px;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: -0.3px;
  text-align: left;
  color: #bbc0c7;
}
.com_chat .chat_sec .chat_mid .img {
  border-radius: 10px;
  overflow: hidden;
  max-width: 260px;
}
.com_chat .chat_sec .chat_mid .img img {
  width: 100%;
}
.com_chat .chat_sec .chat_mid :is(.get, .send) {
  padding-bottom: 25px;
  display: flex;
  flex-direction: row;
}
.com_chat .chat_sec .chat_mid .send {
  justify-content: flex-end;
}
.com_chat .chat_sec .chat_mid .send .wrap {
  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;
}
.com_chat .chat_sec .chat_mid .send .wrap .name_field {
  margin-right: 10px;
}
.com_chat .chat_sec .chat_mid .send .wrap .date {
  margin-right: 7px;
  text-align: right;
}
.com_chat .chat_sec .chat_mid .send .box {
  background: #ceeddc;
}
.com_chat .chat_sec .chat_mid .send .box:after {
  content: "";
  position: absolute;
  border-top: 18px solid #DBEEEB;
  border-left: 0px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 0px solid transparent;
  top: 10px;
  right: -13px;
}
.com_chat .chat_sec .chat_mid .send .com_profile_img {
  margin-left: 20px;
}
.com_chat .chat_sec .chat_mid .get {
  flex-direction: row;
}
.com_chat .chat_sec .chat_mid .get .com_profile_img {
  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;
  min-width: 76px;
  width: 76px;
  height: 76px;
  border-radius: 30px;
  margin-right: 20px;
  background: #00853B;
}
@media screen and (max-width: 767.9px) {
  .com_chat .chat_sec .chat_mid .get .com_profile_img {
    min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 20px;
  }
}
.com_chat .chat_sec .chat_mid .get .com_profile_img > img {
  width: 46px;
  height: 46px;
}
@media screen and (max-width: 767.9px) {
  .com_chat .chat_sec .chat_mid .get .com_profile_img > img {
    width: 30px;
    height: 30px;
  }
}
.com_chat .chat_sec .chat_mid .get .wrap {
  padding-top: 2px;
  max-width: calc(100% - 45px);
}
.com_chat .chat_sec .chat_mid .get .wrap .box {
  background-color: #EEF1F5;
}
.com_chat .chat_sec .chat_mid .get .wrap .box:before {
  content: "";
  display: block;
  border-top: 18px solid #EEF1F5;
  border-left: 18px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 0px solid transparent;
  position: absolute;
  top: 13px;
  left: -13px;
}
@media screen and (max-width: 767.9px) {
  .com_chat .chat_sec .chat_mid .get .wrap .box {
    max-width: 90%;
  }
}
.com_chat .chat_sec .chat_bottom {
  height: 110px;
  background: #fff;
  display: flex;
  align-items: center;
  border-top: 1px solid #e5e8e9;
}
@media screen and (max-width: 767.9px) {
  .com_chat .chat_sec .chat_bottom {
    height: 50px;
  }
}
.com_chat .chat_sec .chat_bottom .textarea {
  flex: 1;
  padding: 17px 30px;
  height: 110px;
  min-height: 110px;
  border: none;
  border-radius: 0;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: -0.35px;
}
.com_chat .chat_sec .chat_bottom .textarea:focus {
  outline: none;
}
.com_chat .chat_sec .chat_bottom .textarea::-webkit-input-placeholder {
  opacity: 1;
  font-size: 14px;
}
.com_chat .chat_sec .chat_bottom .textarea:-ms-input-placeholder {
  opacity: 1;
  font-size: 14px;
}
.com_chat .chat_sec .chat_bottom .textarea::placeholder {
  opacity: 1;
  font-size: 14px;
}
@media screen and (max-width: 767.9px) {
  .com_chat .chat_sec .chat_bottom .textarea {
    height: 50px;
    min-height: 50px;
    min-width: calc(100% - 48px);
  }
}
.com_chat .chat_sec .chat_bottom .btn_send {
  width: 63px;
  margin-right: 20px;
}
@media screen and (max-width: 767.9px) {
  .com_chat .chat_sec .chat_bottom .btn_send {
    width: 38px;
    min-width: 38px;
  }
}

.com_cheerup .get {
  display: flex;
  flex-direction: row;
}
.com_cheerup .get + .get {
  margin-top: 30px;
}
.com_cheerup .get .com_profile_img {
  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;
  min-width: 76px;
  width: 76px;
  height: 76px;
  border-radius: 30px;
  margin-right: 20px;
  background: #00853B;
}
@media screen and (max-width: 767.9px) {
  .com_cheerup .get .com_profile_img {
    min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 20px;
  }
}
.com_cheerup .get .com_profile_img > img {
  width: 46px;
  height: 46px;
}
@media screen and (max-width: 767.9px) {
  .com_cheerup .get .com_profile_img > img {
    width: 30px;
    height: 30px;
  }
}
.com_cheerup .get .wrap {
  padding-top: 2px;
  width: 100%;
}
.com_cheerup .get .wrap .box {
  background-color: #EEF1F5;
  padding: 13px 26px;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.38px;
  text-align: left;
  width: 100%;
  border-radius: 20px;
  position: relative;
}
@media screen and (max-width: 767.9px) {
  .com_cheerup .get .wrap .box {
    font-size: 13px;
    padding: 13px 13px;
  }
}
.com_cheerup .get .wrap .box:before {
  content: "";
  display: block;
  border-top: 18px solid #EEF1F5;
  border-left: 18px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 0px solid transparent;
  position: absolute;
  top: 13px;
  left: -13px;
}
.com_cheerup .get .wrap .name {
  padding-left: 20px;
  margin-top: 7px;
  font-weight: bold;
}
@media screen and (max-width: 767.9px) {
  .com_cheerup .get .wrap .name {
    font-size: 12px;
    padding-left: 15px;
  }
}
.com_cheerup .get .wrap .name .date {
  display: inline-block;
  margin-left: 20px;
  color: #888;
  font-weight: normal;
}
@media screen and (max-width: 767.9px) {
  .com_cheerup .get .wrap .name .date {
    font-size: 10px;
  }
}

.com_bg {
  background: #F3F6F7;
}

.com_box {
  box-shadow: 0px 1px 7px 2px #E0E7F0;
  background: #fff;
  border-radius: 30px;
}
@media screen and (max-width: 767.9px) {
  .com_box {
    border-radius: 20px;
  }
}

.com_graph_area {
  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;
  gap: 10px;
}
.com_graph_area.average .graph .now {
  background: #41A3C1;
}
.com_graph_area.average .txt {
  color: #41A3C1;
  font-weight: 600;
  font-size: 14px;
}
@media screen and (max-width: 767.9px) {
  .com_graph_area.average .txt {
    font-size: 12px;
  }
}
.com_graph_area .graph {
  position: relative;
  width: calc(100% - 100px);
  height: 10px;
  border-radius: 50px;
  background: #EEF1F5;
}
@media screen and (max-width: 767.9px) {
  .com_graph_area .graph {
    width: calc(100% - 66px);
  }
}
.com_graph_area .graph .now {
  position: absolute;
  left: 0;
  top: 0;
  background: #00853B;
  height: 10px;
  border-radius: 10px;
}
.com_graph_area .txt {
  color: #00853B;
  font-weight: 700;
  font-size: 16px;
}

.com_loading_pg {
  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: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  color: #464646;
  gap: 5px;
  text-align: center;
  height: 100vh;
}
.com_loading_pg .img {
  max-width: 250px;
  margin-bottom: 50px;
}
.com_loading_pg .txt {
  font-size: 20px;
}
.com_loading_pg .tit {
  font-size: 30px;
  font-weight: 600;
}
.com_loading_pg .loading_box {
  position: relative;
}
.com_loading_pg .loading_box img {
  width: 244px;
}
.com_loading_pg .loading_box.orange img {
  width: 387px;
  max-width: 387px;
}
.com_loading_pg .loading_box.orange .loading_ani {
  top: 16px;
  left: auto;
  right: 100px;
}
.com_loading_pg .loading_box.orange .loading_ani span {
  background: #F9A066;
}
@media screen and (max-width: 575.9px) {
  .com_loading_pg .loading_box.orange img {
    width: 300px;
    max-width: 300px;
  }
  .com_loading_pg .loading_box.orange .loading_ani {
    top: 3px;
    right: 74px;
  }
}
.com_loading_pg .loading_ani {
  position: absolute;
  top: 0;
  left: calc(50% - 32px);
  width: 64px;
  height: 64px;
}
.com_loading_pg .loading_ani span {
  position: absolute;
  animation: loader_green 1.4s ease infinite;
  display: block;
  height: 3px;
  width: 3px;
  background: #00a148;
  border-radius: 50%;
}
.com_loading_pg .loading_ani span:nth-child(1) {
  animation-delay: 0s;
  top: 29px;
  left: 53px;
}
.com_loading_pg .loading_ani span:nth-child(2) {
  animation-delay: -0.1s;
  top: 18px;
  left: 50px;
}
.com_loading_pg .loading_ani span:nth-child(3) {
  animation-delay: -0.2s;
  top: 9px;
  left: 41px;
}
.com_loading_pg .loading_ani span:nth-child(4) {
  animation-delay: -0.3s;
  top: 6px;
  left: 29px;
}
.com_loading_pg .loading_ani span:nth-child(5) {
  animation-delay: -0.4s;
  top: 9px;
  left: 18px;
}
.com_loading_pg .loading_ani span:nth-child(6) {
  animation-delay: -0.5s;
  top: 18px;
  left: 9px;
}
.com_loading_pg .loading_ani span:nth-child(7) {
  animation-delay: -0.6s;
  top: 29px;
  left: 6px;
}
.com_loading_pg .loading_ani span:nth-child(8) {
  animation-delay: -0.7s;
  top: 41px;
  left: 9px;
}
.com_loading_pg .loading_ani span:nth-child(9) {
  animation-delay: -0.8s;
  top: 50px;
  left: 18px;
}
.com_loading_pg .loading_ani span:nth-child(10) {
  animation-delay: -0.9s;
  top: 53px;
  left: 29px;
}
.com_loading_pg .loading_ani span:nth-child(11) {
  animation-delay: -1s;
  top: 50px;
  left: 41px;
}
.com_loading_pg .loading_ani span:nth-child(12) {
  animation-delay: -1.1s;
  top: 41px;
  left: 50px;
}
@keyframes loader_green {
  0%, 100% {
    transform: scale(0.5);
    opacity: 0.1;
  }
  20%, 80% {
    transform: scale(1);
    opacity: 0.3;
  }
  20%, 80% {
    transform: scale(1.5);
    opacity: 0.5;
  }
  30%, 70% {
    transform: scale(2);
    opacity: 0.7;
  }
  40%, 60% {
    transform: scale(2.5);
    opacity: 0.9;
  }
  50% {
    transform: scale(3);
    opacity: 1;
  }
}
.com_loading_pg.center .loading_box {
  height: 100vh;
  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_loading_pg.center .loading_box .loading_ani {
  right: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.com_date_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: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767.9px) {
  .com_date_wrap {
    margin-bottom: 14px;
  }
}
.com_date_wrap .btn {
  width: 12px;
  height: 12px;
  border: 3px solid #4F555A;
  border-top: 0;
  border-right: 0;
  transform: rotate(45deg);
}
@media screen and (max-width: 767.9px) {
  .com_date_wrap .btn {
    width: 8px;
    height: 8px;
    border-width: 2px;
  }
}
.com_date_wrap .btn.disable {
  opacity: 0.5;
}
.com_date_wrap .btn_next {
  transform: rotate(225deg);
}
.com_date_wrap .txt {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 767.9px) {
  .com_date_wrap .txt {
    font-size: 16px;
  }
}

.com_btn_quick {
  position: fixed;
  right: 20px;
  bottom: 90px;
  width: 50px;
  height: 50px;
  background: #00853B;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  border-radius: 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;
}
@media screen and (max-width: 767.9px) {
  .com_btn_quick {
    bottom: 70px;
    right: 10px;
  }
}
.com_btn_quick .img {
  width: 46px;
}
.com_btn_quick .tip {
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  background-color: #434343;
  padding: 5px;
  border-radius: 5px;
  position: absolute;
  top: -35px;
  left: -28px;
  min-width: 80px;
}
.com_btn_quick .tip:after {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/tip_gray.png);
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: -6px;
  left: 38px;
}

.com_study_list {
  padding-block: 16px;
  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_study_list .item {
  border-radius: 30px;
  background: #FFF;
  box-shadow: 0 1px 7px 2px #E0E7F0;
  padding: 27px 30px;
  position: relative;
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item {
    padding: 20px;
    border-radius: 20px;
  }
}
.com_study_list .item .btn_open {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 72px;
  margin: 0;
}
.com_study_list .item .btn_open .icon_arrow {
  position: absolute;
  top: 35px;
  right: 35px;
  transform: rotate(270deg);
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item .btn_open {
    height: 59px;
  }
  .com_study_list .item .btn_open .icon_arrow {
    top: 22px;
    right: 22px;
  }
}
.com_study_list .item .depth01 {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  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;
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item .depth01 {
    font-size: 16px;
  }
}
.com_study_list .item .depth01 .num {
  width: 40px;
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item .depth01 .num {
    width: auto;
    padding-right: 5px;
  }
}
.com_study_list .item .depth02 {
  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: 12px;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item .depth02 {
    gap: 25px;
  }
}
.com_study_list .item .depth02 .list {
  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;
  align-items: flex-start;
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item .depth02 .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: 12px;
  }
}
.com_study_list .item .depth02 .list .tit {
  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: 6px;
  font-size: 20px;
  width: 270px;
  min-height: 40px;
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item .depth02 .list .tit {
    font-size: 14px;
    padding-left: 0;
    width: 100%;
  }
}
.com_study_list .item .depth02 .list .tit:not(:has(.icon_crown)) {
  padding-left: 36px;
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item .depth02 .list .tit:not(:has(.icon_crown)) {
    padding-left: 0;
  }
}
.com_study_list .item .depth02 .list .tit .icon_crown {
  margin-right: 10px;
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item .depth02 .list .tit .icon_crown {
    margin-right: 5px;
  }
}
.com_study_list .item .depth02 .list .tit .grah {
  width: 316px;
  height: 26px;
  border-radius: 50px;
  background: #F5F5F5;
  position: relative;
  overflow: hidden;
}
.com_study_list .item .depth02 .list .tit .grah .bar {
  height: 26px;
  border-radius: 50px;
  background: #CEEDDC;
}
.com_study_list .item .depth02 .list .tit .grah .name {
  position: absolute;
  left: 13px;
  top: 5px;
  font-size: 15px;
  font-weight: 500;
  width: calc(100% - 26px);
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item .depth02 .list .tit .grah .name {
    font-size: 13px;
  }
}
.com_study_list .item .depth02 .list .tit .grah .name span, .com_study_list .item .depth02 .list .tit .grah .name * {
  display: inline !important;
}
.com_study_list .item .depth02 .list .tit .per {
  margin-left: 4px;
  color: #00853B;
  font-size: 15px;
  font-weight: 600;
}
.com_study_list .item .depth02 .list .btn_area {
  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;
  width: calc(100% - 300px);
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item .depth02 .list .btn_area {
    width: 100%;
  }
}
.com_study_list .item .depth02 .list .btn_area .btn {
  width: 40px;
  height: 40px;
  border-radius: 2px;
  background-color: #F5F5F5;
  font-weight: 500;
  color: #fff;
  font-size: 16px;
  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;
  position: relative;
}
.com_study_list .item .depth02 .list .btn_area .btn.state01 {
  background-color: #FF4566;
}
.com_study_list .item .depth02 .list .btn_area .btn.state02 {
  background-color: #FFAD00;
}
.com_study_list .item .depth02 .list .btn_area .btn.state03 {
  background-color: #00853B;
}
.com_study_list .item .depth02 .list .btn_area .btn.state04 {
  background-color: #00853B;
}
.com_study_list .item .depth02 .list .btn_area .btn .tip {
  position: fixed;
  left: auto;
  top: auto;
  transform: translate(-50%, -100%);
  z-index: 2;
  box-sizing: border-box;
  padding: 9px 12px;
  width: auto;
  line-height: 17px;
  font-weight: 500;
  font-size: 12px;
  color: #8e8e8e;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  display: none;
}
.com_study_list .item .depth02 .list .btn_area .btn .tip .txt_line {
  display: block;
  white-space: nowrap;
}
.com_study_list .item .depth02 .list .btn_area .btn .tip .txt_line:last-of-type:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  background: #00853B url("../img/icon_link.png") no-repeat 50% 50%;
  background-size: 100% auto;
  border-radius: 50%;
  margin: 2px 0 0 2px;
}
.com_study_list .item .depth02 .list .btn_area .btn .tip .txt_line img.Wirisformula {
  height: 16px;
  width: auto;
}
.com_study_list .item .depth02 .list .btn_area .btn.active .tip {
  display: block;
}
.com_study_list .item .depth02 .list .btn_area .btn.active:after {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/tip_white.png);
  width: 6px;
  height: 6px;
  position: absolute;
  top: -6px;
  left: 50%;
  z-index: 5;
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item .depth02 .list .btn_area .btn .tip {
    transform: translate(0, -100%);
    width: calc(100vw - 90px);
  }
  .com_study_list .item .depth02 .list .btn_area .btn .tip .txt_line {
    white-space: normal;
  }
}
.com_study_list .item.active .depth02 {
  height: auto;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
  visibility: visible;
  margin-top: 25px;
  overflow: visible;
}
@media screen and (max-width: 767.9px) {
  .com_study_list .item.active .depth02 {
    margin-top: 20px;
  }
}
.com_study_list .item.active .btn_open .icon_arrow {
  transform: rotate(90deg);
}