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

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

*,
*::before,
*::after {
  letter-spacing: -0.02em;
  line-height: 1.3;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-break: break-all;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

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

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

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

a,
img {
  border: none;
}

img {
  max-width: 100%;
}

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

a {
  text-decoration: none;
  display: inline-block;
  color: #222;
  -webkit-text-fill-color: inherit;
}

button {
  color: #222;
  -webkit-text-fill-color: inherit !important;
  appearance: none;
  -webkit-appearance: none;
}

a:hover {
  text-decoration: none;
}

button:link,
button:visited,
button:hover,
button:active,
a:link,
a:visited,
a:hover,
a:active {
  -webkit-text-fill-color: inherit;
  appearance: none;
  -webkit-appearance: none;
}

input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=date],
input[type=search],
select,
textarea {
  box-sizing: border-box;
  color: #222;
  font-size: 14px;
  background: #fff;
  vertical-align: middle;
  height: 44px;
  padding-inline: 14px;
  border-radius: 5px;
  border: solid 1px #e7e8ef;
}
@media screen and (max-width: 1023.9px) {
  input[type=number],
  input[type=password],
  input[type=tel],
  input[type=text],
  input[type=date],
  input[type=search],
  select,
  textarea {
    height: 40px;
    padding-inline: 10px;
  }
}

input[type=date] {
  padding-right: 5px;
}

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

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

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

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

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

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

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

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

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

i {
  font-style: normal;
}

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

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

th {
  text-align: center;
}

td {
  text-align: left;
}

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

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

button:disabled {
  cursor: not-allowed;
}

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

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

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

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

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

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #c3c0c3;
  opacity: 1;
  font-size: 14px;
}
@media screen and (max-width: 1023.9px) {
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    font-size: 13px;
  }
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #c3c0c3;
  opacity: 1;
  font-size: 14px;
}
@media screen and (max-width: 1023.9px) {
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    font-size: 13px;
  }
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #c3c0c3;
  opacity: 1;
  font-size: 14px;
}
@media screen and (max-width: 1023.9px) {
  input::-ms-input-placeholder,
  textarea::-ms-input-placeholder {
    font-size: 13px;
  }
}

input::placeholder,
textarea::placeholder {
  color: #c3c0c3;
  opacity: 1;
  font-size: 14px;
}
@media screen and (max-width: 1023.9px) {
  input::placeholder,
  textarea::placeholder {
    font-size: 13px;
  }
}

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

select:disabled,
input[readonly],
textarea[readonly] {
  border: solid 1px #ececee;
  background-color: #ececee;
  opacity: 1;
}

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

input:focus {
  outline: none;
}

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

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

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

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

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

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

textarea {
  resize: none;
}

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

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

main,
section,
article {
  display: block;
}

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

address {
  font-style: normal;
}

.u-color-point {
  color: #3375cc !important;
}

.u-color-red {
  color: #d71419 !important;
}

.u-color-green {
  color: #008162;
}

.u-bold {
  font-weight: 600;
}

.u-underline {
  text-decoration: underline;
}

.u-extend {
  flex: 1;
}

@media screen and (max-width: 1023.9px) {
  .u-pc {
    display: none !important;
  }
}

@media screen and (min-width: 1023.9px) {
  .u-mobile {
    display: none !important;
  }
}

.u-d-flex {
  display: flex !important;
}

.u-mgl-auto {
  margin-left: auto !important;
}

.u-mgt-15 {
  margin-top: 15px !important;
}

.u-mgt-30 {
  margin-top: 30px !important;
}

.u-px-15 {
  padding-inline: 15px !important;
}

.u-w-280 {
  width: 280px !important;
}

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

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

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

.u-nowrap {
  white-space: nowrap;
}

.svg-icon {
  transition: all 0.2s;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.svg-icon.icon-bar {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-book {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23444' stroke='%23000' stroke-width='.2' d='M17.745 10.298a.64.64 0 0 1-.639.638h-6.808a.638.638 0 1 1 0-1.276h6.808c.353 0 .639.285.639.638Zm-.639 2.766h-6.808a.638.638 0 1 0 0 1.276h6.808a.638.638 0 0 0 0-1.276ZM22 3.489v17.022A1.49 1.49 0 0 1 20.51 22H3.49A1.49 1.49 0 0 1 2 20.51V3.49C2 2.666 2.667 2 3.49 2h17.02c.823 0 1.49.667 1.49 1.49ZM3.49 20.723h2.765V3.277H3.49a.213.213 0 0 0-.212.212v17.022c0 .117.095.212.212.212ZM20.722 3.49a.213.213 0 0 0-.212-.212H7.53v17.446h12.98a.213.213 0 0 0 .212-.212z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-cs {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.625 12a9.375 9.375 0 1 0 18.75 0 9.375 9.375 0 0 0-18.75 0'/%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.25 13.875S9.656 15.75 12 15.75s3.75-1.875 3.75-1.875M9.188 9.188h.009M14.813 9.188h.009'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-del {
  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' viewBox='0 0 20 20'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.167 15.833 15.893 3.99M15.833 15.833 4.107 3.99'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-edit {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='m2 14.119 1.197-3.857 2.73 2.73z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='m10.298 3.167-7.101 7.101L5.928 13l7.101-7.1zM13.845 3.432 12.75 2.338a1.166 1.166 0 0 0-1.641 0l-.818.818 2.73 2.729.817-.818c.45-.45.45-1.184 0-1.641z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-list {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23444' d='m20.816 7.229-5.86-6.04A.62.62 0 0 0 14.511 1H4.465C3.656 1 3 1.676 3 2.51v18.98c0 .834.656 1.51 1.465 1.51h15.07c.809 0 1.465-.676 1.465-1.51V7.686a.66.66 0 0 0-.184-.457m-5.676-4.02 3.717 3.83H15.14zm4.395 18.497H4.465a.213.213 0 0 1-.21-.216V2.51c0-.12.095-.216.21-.216h9.419v5.392c0 .358.28.647.628.647h5.232V21.49c0 .12-.093.216-.21.216m-3.558-8.843a.64.64 0 0 1-.628.647H8.65c-.483 0-.785-.54-.544-.97.113-.201.32-.324.544-.324h6.698c.347 0 .628.29.628.647m0 3.45a.64.64 0 0 1-.628.648H8.65c-.483 0-.785-.54-.544-.97.113-.201.32-.324.544-.324h6.698c.347 0 .628.29.628.647'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-my {
  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' viewBox='0 0 18 18'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 15.75v-1.5a3 3 0 0 0-3-3H6a3 3 0 0 0-3 3v1.5M9 8.25a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-next {
  display: inline-block;
  width: 12px;
  min-width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.5 10 4-3.75-4-3.75' opacity='1'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-online-meeting {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23444' stroke-width='1.5' d='M5.5 14H3V2h18v12h-2.5'/%3E%3Cpath stroke='%23444' stroke-width='1.5' d='M8 16v-2s1.5-1 4-1 4 1 4 1v2M7 23l-1-5h12l-1 5M9.75 8.25a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0-4.5 0Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-vote {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23444' stroke-width='1.5' d='M3 22.5v-12h6.5M21 22.5v-12h-5.5M3 18.5h18M8 14.5h8'/%3E%3Cpath stroke='%23444' stroke-width='1.5' d='m6 7 6.5 6.5 5-5L11 2z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-pw {
  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' viewBox='0 0 18 18'%3E%3Cg stroke='%23444' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.813 11.25a6.187 6.187 0 1 0 12.374 0 6.187 6.187 0 0 0-12.374 0'/%3E%3Cpath d='M7.313 11.25a1.688 1.688 0 1 0 3.375 0 1.688 1.688 0 0 0-3.376 0Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5.063 6.476V4.5a3.937 3.937 0 1 1 7.875 0v1.976'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-must {
  display: inline-block;
  width: 8px;
  min-width: 8px;
  height: 6px;
  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='8' height='8' fill='none' viewBox='0 0 8 8'%3E%3Cpath fill='%23d71419' d='M3.184 5.156.84 6.7 0 5.234l2.52-1.25L0 2.714.84 1.25l2.344 1.543L3.027 0h1.68l-.156 2.793L6.914 1.25l.82 1.465-2.5 1.27 2.5 1.25-.82 1.464-2.363-1.543.156 2.793h-1.68z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-comment {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath fill='%23444' d='M17.126 12.513a.513.513 0 1 0 0-1.026.513.513 0 0 0 0 1.026M12.001 12.513a.513.513 0 1 0 0-1.026.513.513 0 0 0 0 1.026M6.872 12.513a.513.513 0 1 0 0-1.026.513.513 0 0 0 0 1.026'/%3E%3Cpath d='M12.002 22.256c5.664 0 10.256-4.592 10.256-10.256S17.666 1.744 12.002 1.744 1.746 6.336 1.746 12c0 1.868.5 3.62 1.372 5.128l-.86 4.615 4.616-.86a10.2 10.2 0 0 0 5.128 1.373'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-reset {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.596 5.552a6.122 6.122 0 0 0-11.7 1.836'/%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.045 5.552h2.693a.367.367 0 0 0 .367-.367V2.492M2.404 10.448a6.121 6.121 0 0 0 11.701-1.836'/%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.956 10.448H2.263a.367.367 0 0 0-.367.367v2.693'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-filter {
  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' viewBox='0 0 20 20'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-width='1.5' d='M1.667 9.925h4.924M13.41 9.925h4.923'/%3E%3Cpath stroke='%23444' stroke-width='1.5' d='M8.485 9.925a1.515 1.515 0 1 0 3.03 0 1.515 1.515 0 0 0-3.03 0Z'/%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-width='1.5' d='M7.349 3.865h10.985'/%3E%3Cpath stroke='%23444' stroke-width='1.5' d='M1.59 3.865a1.515 1.515 0 1 0 3.031 0 1.515 1.515 0 0 0-3.03 0Z'/%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-width='1.5' d='M1.667 15.986h10.985'/%3E%3Cpath stroke='%23444' stroke-width='1.5' d='M15.379 15.986a1.515 1.515 0 1 0 3.03 0 1.515 1.515 0 0 0-3.03 0Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-upload {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 10v2.667A1.334 1.334 0 0 1 12.667 14H3.333A1.334 1.334 0 0 1 2 12.667V10M11.334 5.333 8 2 4.667 5.333M8 2v8'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-download {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 10v2.667A1.334 1.334 0 0 1 12.667 14H3.333A1.334 1.334 0 0 1 2 12.667V10M4.667 6.667 8 10l3.334-3.333M8 10V2'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-chk {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' fill='none' viewBox='0 0 14 12'%3E%3Cpath stroke='%23444' stroke-width='2' d='m.77 4.138 4.551 5.5 7.449-9'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-mail {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.667 2.667h10.667c.733 0 1.333.6 1.333 1.333v8c0 .733-.6 1.333-1.333 1.333H2.667c-.733 0-1.333-.6-1.333-1.333V4c0-.733.6-1.333 1.333-1.333'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.667 4 8.001 8.667 1.334 4'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-toggle {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' fill='none' viewBox='0 0 15 9'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 6.25 6.667L13.5 1'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-camera {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M15.333 12.667A1.334 1.334 0 0 1 13.999 14H2a1.334 1.334 0 0 1-1.333-1.333V5.333A1.333 1.333 0 0 1 1.999 4h2.667l1.333-2h4l1.334 2h2.666a1.334 1.334 0 0 1 1.334 1.333z'/%3E%3Cpath d='M8 11.333A2.667 2.667 0 1 0 8 6a2.667 2.667 0 0 0 0 5.333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-mike {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'%3E%3Cpath stroke='%23444' stroke-width='1.5' d='M11 1.6s2.82 0 2.82 2.82v5.64s0 2.821-2.82 2.821-2.82 0-2.82-2.82V4.42S8.18 1.6 11 1.6Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.419 9.12v.94a6.58 6.58 0 1 0 13.162 0v-.94M11 16.64v3.761m0 0H8.18m2.82 0h2.82'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-add {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10M12 17V7M17 12H7'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg-icon.icon-my.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 15.75v-1.5a3 3 0 0 0-3-3H6a3 3 0 0 0-3 3v1.5M9 8.25a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E");
}
.svg-icon.icon-pw.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cg stroke='%23aaa' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.813 11.25a6.187 6.187 0 1 0 12.374 0 6.187 6.187 0 0 0-12.374 0'/%3E%3Cpath d='M7.313 11.25a1.688 1.688 0 1 0 3.375 0 1.688 1.688 0 0 0-3.376 0Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5.063 6.476V4.5a3.937 3.937 0 1 1 7.875 0v1.976'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg-icon.icon-next.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.5 10 4-3.75-4-3.75' opacity='1'/%3E%3C/svg%3E");
}
.svg-icon.icon-edit.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linejoin='round' stroke-width='1.5' d='m2 14.119 1.197-3.857 2.73 2.73z'/%3E%3Cpath stroke='%23fff' stroke-linejoin='round' stroke-width='1.5' d='m10.298 3.167-7.101 7.101L5.928 13l7.101-7.1zM13.845 3.432 12.75 2.338a1.166 1.166 0 0 0-1.641 0l-.818.818 2.73 2.729.817-.818c.45-.45.45-1.184 0-1.641z'/%3E%3C/svg%3E");
}
.svg-icon.icon-edit.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%230f8af5' stroke-linejoin='round' stroke-width='1.5' d='m2 14.119 1.197-3.857 2.73 2.73z'/%3E%3Cpath stroke='%230f8af5' stroke-linejoin='round' stroke-width='1.5' d='m10.298 3.167-7.101 7.101L5.928 13l7.101-7.1zM13.845 3.432 12.75 2.338a1.166 1.166 0 0 0-1.641 0l-.818.818 2.73 2.729.817-.818c.45-.45.45-1.184 0-1.641z'/%3E%3C/svg%3E");
}
.svg-icon.icon-reset.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%233375CC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.596 5.552a6.122 6.122 0 0 0-11.7 1.836'/%3E%3Cpath stroke='%233375CC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.045 5.552h2.693a.367.367 0 0 0 .367-.367V2.492M2.404 10.448a6.121 6.121 0 0 0 11.701-1.836'/%3E%3Cpath stroke='%233375CC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.956 10.448H2.263a.367.367 0 0 0-.367.367v2.693'/%3E%3C/svg%3E");
}
.svg-icon.icon-reset.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.596 5.552a6.122 6.122 0 0 0-11.7 1.836'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.045 5.552h2.693a.367.367 0 0 0 .367-.367V2.492M2.404 10.448a6.121 6.121 0 0 0 11.701-1.836'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.956 10.448H2.263a.367.367 0 0 0-.367.367v2.693'/%3E%3C/svg%3E");
}
.svg-icon.icon-upload.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 10v2.667A1.334 1.334 0 0 1 12.667 14H3.333A1.334 1.334 0 0 1 2 12.667V10M11.334 5.333 8 2 4.667 5.333M8 2v8'/%3E%3C/svg%3E");
}
.svg-icon.icon-download.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 10v2.667A1.334 1.334 0 0 1 12.667 14H3.333A1.334 1.334 0 0 1 2 12.667V10M4.667 6.667 8 10l3.334-3.333M8 10V2'/%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='14' height='12' fill='none' viewBox='0 0 14 12'%3E%3Cpath stroke='%23fff' stroke-width='2' d='m.77 4.138 4.551 5.5 7.449-9'/%3E%3C/svg%3E");
}
.svg-icon.icon-mail.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.667 2.667h10.667c.733 0 1.333.6 1.333 1.333v8c0 .733-.6 1.333-1.333 1.333H2.667c-.733 0-1.333-.6-1.333-1.333V4c0-.733.6-1.333 1.333-1.333'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.667 4 8.001 8.667 1.334 4'/%3E%3C/svg%3E");
}
.svg-icon.icon-toggle.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' fill='none' viewBox='0 0 15 9'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 6.25 6.667L13.5 1'/%3E%3C/svg%3E");
}
.svg-icon.icon-toggle.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' fill='none' viewBox='0 0 15 9'%3E%3Cpath stroke='%236E6E6F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 6.25 6.667L13.5 1'/%3E%3C/svg%3E");
}
.svg-icon.icon-camera.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg stroke='%230f8af5' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M15.333 12.667A1.334 1.334 0 0 1 13.999 14H2a1.334 1.334 0 0 1-1.333-1.333V5.333A1.333 1.333 0 0 1 1.999 4h2.667l1.333-2h4l1.334 2h2.666a1.334 1.334 0 0 1 1.334 1.333z'/%3E%3Cpath d='M8 11.333A2.667 2.667 0 1 0 8 6a2.667 2.667 0 0 0 0 5.333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg-icon.icon-vote.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='M3 22.5v-12h6.5M21 22.5v-12h-5.5M3 18.5h18M8 14.5h8'/%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='m6 7 6.5 6.5 5-5L11 2z'/%3E%3C/svg%3E");
}
.svg-icon.icon-mike.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='M11 1.6s2.82 0 2.82 2.82v5.64s0 2.821-2.82 2.821-2.82 0-2.82-2.82V4.42S8.18 1.6 11 1.6Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.419 9.12v.94a6.58 6.58 0 1 0 13.162 0v-.94M11 16.64v3.761m0 0H8.18m2.82 0h2.82'/%3E%3C/svg%3E");
}
.svg-icon.icon-add.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10M12 17V7M17 12H7'/%3E%3C/svg%3E");
}

/*!스크롤*/
.scroll {
  overflow: auto;
}
.scroll::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border: 4px solid transparent;
  border-radius: 10px;
  background-clip: padding-box;
}
.scroll::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0);
}
.scroll::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.08);
}

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

.divider-line {
  width: 100%;
  height: 1px;
  background: #e7e7ea;
  display: block;
  margin-block: 20px;
}
.divider-line--out {
  width: calc(100% + 40px);
  min-width: calc(100% + 40px);
  margin-left: -20px;
}
.divider-line--text::before {
  display: inline-block;
  vertical-align: middle;
  margin-inline: 5px;
  width: 1px;
  height: 10px;
  background-color: #e7e7ea;
  content: "";
}
.live .divider-line--text::before {
  background-color: #444748;
}
.divider-line--dark {
  background-color: #444748;
}
.divider-line--form {
  margin: 0 0 -10px;
}

.has-link {
  cursor: pointer;
}

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

.scroll--row {
  max-height: none;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #999; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  padding-bottom: 5px;
}
.scroll--row::-webkit-scrollbar {
  /*스크롤바*/
  width: 6px;
  height: 6px;
}
.scroll--row::-webkit-scrollbar-button {
  /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.scroll--row::-webkit-scrollbar-thumb {
  /*스크롤바 핸들*/
  background-color: #999;
  background-clip: padding-box;
  border-radius: 6px;
}
.scroll--row::-webkit-scrollbar-track {
  /*스크롤바 진행줄*/
  background-color: none;
}
.scroll--row::-webkit-scrollbar-track-piece {
  /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.dark .scroll--row {
  scrollbar-highlight-color: #6b6b6b;
}
.dark .scroll--row::-webkit-scrollbar-thumb {
  /*스크롤바 핸들*/
  background-color: #6b6b6b;
}
.dark .scroll--row::-webkit-scrollbar-track-piece {
  /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: #6b6b6b;
}

.swiper-slide img {
  width: 100%;
}

a.btn:hover {
  cursor: pointer;
}

.btn {
  padding: 0 10px;
  border-radius: 6px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  letter-spacing: normal;
  box-sizing: border-box;
  line-height: initial;
  word-break: keep-all;
  white-space: nowrap;
  gap: 5px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}
.btn:disabled {
  opacity: 0.8;
}
.btn__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 1023.9px) {
  .btn__wrap {
    gap: 5px;
  }
}
.btn__wrap--bottom {
  margin-top: 30px;
}
@media screen and (max-width: 1023.9px) {
  .btn__wrap--bottom {
    margin-top: 20px;
  }
}
.btn__wrap--col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
@media screen and (max-width: 1023.9px) {
  .btn__wrap--m-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
  }
  .btn__wrap--m-col .btn {
    flex: none !important;
    width: 100%;
  }
}
.btn__wrap--gap-5 {
  gap: 5px;
}
.btn--full {
  width: 100%;
  min-width: 100%;
}
.btn--extend {
  flex: 1;
}
@media screen and (max-width: 1023.9px) {
  .btn--m-extend {
    flex: 1;
  }
}
.btn--point {
  background-color: #3375cc;
  color: #fff;
}
.btn--gray {
  background: #dedee3;
  color: #222;
}
.btn--green {
  background-color: #008162;
  color: #fff;
}
.btn--dark {
  background-color: #131718;
  color: #fff;
}
.btn--line {
  background: #fff;
  border: 1px solid #222;
  color: #222;
}
.btn--line.btn--gray {
  background-color: #fafafa;
  border-color: #e7e7ea;
}
.btn--line.btn--light-gray {
  border-color: #e7e7ea;
  background: #fafafa;
}
.btn--line.btn--point {
  background-color: #ecf3fe;
  border-color: #3375cc;
  color: #3375cc;
}
.live .btn--line.btn--point {
  background-color: transparent;
}
.btn--line.btn--white {
  background-color: #fff;
  border-color: #e7e7ea;
}
.btn--txt {
  padding-inline: 0;
  font-weight: 400;
  height: auto !important;
}
.btn--txt.btn--s {
  font-size: 13px;
}
.btn--txt-line {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.btn--txt.btn--point {
  color: #3375cc;
  background-color: transparent;
}
.btn--l {
  height: 54px;
  font-size: 16px;
}
@media screen and (max-width: 1023.9px) {
  .btn--l {
    height: 48px;
    font-size: 15px;
  }
}
.btn--m {
  height: 44px;
  font-size: 14px;
}
@media screen and (max-width: 1023.9px) {
  .btn--m {
    height: 40px;
    font-size: 13px;
  }
}
.btn--s {
  height: 34px;
  font-size: 14px;
}
.btn--xs {
  height: 30px;
  font-size: 14px;
  font-weight: 500;
}
.btn--xxs {
  height: 26px;
  font-size: 12px;
  font-weight: 500;
}
.btn--min-w-s {
  min-width: 65px;
}
.btn--min-w-s {
  min-width: 65px;
}
.btn--min-w-m {
  min-width: 100px;
}
@media screen and (max-width: 1023.9px) {
  .btn--min-w-m {
    min-width: 93px;
  }
}
.btn--min-w-l {
  min-width: 140px;
}
@media screen and (max-width: 1023.9px) {
  .btn--min-w-l {
    min-width: 105px;
  }
}
.btn--board {
  min-width: 140px;
}
.btn .svg-icon.icon-add {
  width: 16px;
  height: 16px;
  min-width: 16px;
}

/*!페이징 << < > >> */
.paging {
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 1023.9px) {
  .paging {
    width: calc(100% + 40px);
    min-width: calc(100% + 40px);
    margin-left: -20px;
  }
}
.paging__first, .paging__prev, .paging__page, .paging__next, .paging__last {
  min-width: 42px;
  height: 42px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 0;
}
@media screen and (max-width: 767.9px) {
  .paging__first, .paging__prev, .paging__page, .paging__next, .paging__last {
    min-width: 32px;
    height: 32px;
  }
}
.paging__first img, .paging__prev img, .paging__next img, .paging__last img {
  height: 18px;
}
@media screen and (max-width: 1023.9px) {
  .paging__first img, .paging__prev img, .paging__next img, .paging__last img {
    height: 11px;
  }
}
.paging__first, .paging__prev {
  transform: rotate(180deg);
}
.paging__prev {
  margin-right: 7px;
}
@media screen and (max-width: 767.9px) {
  .paging__prev {
    margin-right: 0px;
  }
}
.paging__next {
  margin-left: 7px;
}
@media screen and (max-width: 767.9px) {
  .paging__next {
    margin-right: 0px;
  }
}
.paging__page {
  line-height: inherit;
}
.live .paging__page {
  color: #8d8d8d;
}
.paging__page.is-active {
  font-weight: bold;
  color: #222;
  border-radius: 100%;
  border-radius: 50px;
  background: #e7e7ea;
}
.live .paging__page.is-active {
  background-color: #2d2f30;
  color: #fff;
}
.paging__page.is-disabled {
  cursor: auto;
  opacity: 0.4;
}

.sec-paging {
  overflow: hidden;
  text-align: center;
  margin-top: 20px;
}
.sec-paging :is(.pg-btn, .btn-page) {
  min-width: 42px;
  height: 42px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 0px;
  color: #222;
}
@media screen and (max-width: 767.9px) {
  .sec-paging :is(.pg-btn, .btn-page) {
    min-width: 32px;
    height: 32px;
  }
}
.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: 7px;
}
@media screen and (max-width: 767.9px) {
  .sec-paging .group-prev {
    margin-right: 0px;
  }
}
.sec-paging .group-next {
  margin-left: 7px;
}
@media screen and (max-width: 767.9px) {
  .sec-paging .group-next {
    margin-left: 0px;
  }
}
.sec-paging .btn-page {
  line-height: inherit;
  cursor: pointer;
}
.sec-paging .btn-page.active {
  font-weight: bold;
  color: #222;
  border-radius: 100%;
  border-radius: 50px;
  background: #e7e7ea;
}

.tab {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  white-space: nowrap;
  border-radius: 10px 10px 0 0;
  border: 1px solid #E7E7EA;
  border-bottom: none;
  background: #f5f5f7;
  font-size: 16px;
  font-weight: 700;
  color: #666;
  flex: 1;
  height: 47px;
}
@media screen and (max-width: 1023.9px) {
  .tab {
    height: 40px;
    font-size: 15px;
    border-radius: 6px 6px 0 0;
  }
}
.tab.is-active {
  border-color: #6e6e6f;
  background: #fff;
  position: relative;
  color: #222;
}
.tab.is-active:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  text-align: center;
  line-height: 1px;
  background-color: #fff;
  color: #fff;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.tab__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 2px;
  border-bottom: 1px solid #6e6e6f;
  margin-bottom: 40px;
}
@media screen and (max-width: 1023.9px) {
  .tab__wrap {
    margin-bottom: 20px;
  }
}
.tab__contents {
  display: none;
}
.tab__contents.is-active {
  display: block;
}

.tab--oval {
  height: 54px;
  font-size: 16px;
  font-weight: 700;
  background-color: #c1e8de;
  border-radius: 50px;
  padding-inline: 25px;
  color: #61b4a0;
}
@media screen and (max-width: 1023.9px) {
  .tab--oval {
    height: 44px;
    font-size: 14px;
  }
}
.tab--oval.is-active {
  background-color: #fff;
  color: #008162;
}
.tab--oval__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}

.tab--btn {
  border-radius: 6px;
  background: #dedee3;
  height: 34px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding-inline: 15px;
}
.tab--btn.is-active {
  background-color: #3375cc;
  color: #fff;
}
.tab--btn__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  margin-bottom: 20px;
  width: 100%;
  overflow-x: auto;
  position: relative;
  white-space: nowrap;
  user-select: none;
  cursor: grab;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 1023.9px) {
  .tab--btn__wrap {
    margin-bottom: 15px;
  }
}
.tab--btn__wrap::-webkit-scrollbar {
  display: none;
}

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

.chk-btn {
  flex: 1;
  align-self: stretch;
  min-width: calc((100% - 8px) / 3);
}
.chk-btn input[type=checkbox] {
  display: none;
}
.chk-btn__display {
  border-radius: 6px;
  border: 1px solid #e7e7ea;
  cursor: pointer;
  line-height: initial;
  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;
  overflow: hidden;
  height: 100%;
}
.chk-btn__display__label {
  background: #f5f5f7;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #e7e7ea;
}
.chk-btn__display__label-sub {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 5px;
  padding-block: 10px;
  border-bottom: 1px solid #e7e7ea;
}
.chk-btn__display:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: transparent;
  color: #fff;
  background-image: url("../img/chk_gray.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  margin-top: auto;
}
.chk-btn input:checked + .chk-btn__display {
  border-color: #76b6ff !important;
  color: #3375cc;
  font-weight: 600;
}
.chk-btn input:checked + .chk-btn__display:after {
  background-image: url(../img/chk_blue.png);
}
.chk-btn input:checked + .chk-btn__display .chk-btn__display__label {
  background-color: #eff7ff;
  border-color: #c7e1ff;
}
.chk-btn input:checked + .chk-btn__display .chk-btn__display__label-sub {
  border-color: #c7e1ff;
}
.chk-btn__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
}

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

.custom-pagination {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 24px;
  position: absolute;
  left: 13.8%;
  bottom: 20%;
  z-index: 2;
}
@media screen and (max-width: 1023.9px) {
  .custom-pagination {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.custom-pagination__current, .custom-pagination__total {
  font-size: 16px;
  white-space: nowrap;
}
@media screen and (max-width: 1023.9px) {
  .custom-pagination__current, .custom-pagination__total {
    font-size: 14px;
  }
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 2px;
}

.swiper-pagination-progressbar {
  background-color: #aaa;
  position: relative;
  left: auto;
  top: auto;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #fff;
}

.swiper-pagination {
  width: 86px;
}
@media screen and (max-width: 1023.9px) {
  .swiper-pagination {
    width: 64px;
  }
}

.swiper-button-next,
.swiper-button-prev {
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  margin-top: 0;
  color: #fff;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 12px;
}

[class^=autoplay-] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  width: 25px;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  z-index: 100;
  display: none;
}
.popup.is-active {
  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;
}
.popup__bg-close {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
}
.popup__container {
  position: relative;
  background: #fff;
  width: calc(100% - 40px);
  margin-inline: auto;
  z-index: 101;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 rgba(31, 39, 62, 0.24);
  max-width: calc(100% - 20px);
  padding-bottom: 25px;
}
.popup__container--sm {
  width: 500px;
}
.popup__container--s {
  width: 300px;
}
.popup__content {
  margin-top: 10px;
  padding: 10px 25px 10px;
  max-height: calc(95vh - 120px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #999; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  text-align: left;
}
.popup__content::-webkit-scrollbar {
  /*스크롤바*/
  width: 6px;
  height: 6px;
}
.popup__content::-webkit-scrollbar-button {
  /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.popup__content::-webkit-scrollbar-thumb {
  /*스크롤바 핸들*/
  background-color: #999;
  background-clip: padding-box;
  border-radius: 6px;
}
.popup__content::-webkit-scrollbar-track {
  /*스크롤바 진행줄*/
  background-color: none;
}
.popup__content::-webkit-scrollbar-track-piece {
  /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.dark .popup__content {
  scrollbar-highlight-color: #6b6b6b;
}
.dark .popup__content::-webkit-scrollbar-thumb {
  /*스크롤바 핸들*/
  background-color: #6b6b6b;
}
.dark .popup__content::-webkit-scrollbar-track-piece {
  /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: #6b6b6b;
}
.popup__btns {
  position: relative;
  padding: 10px 25px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.popup__tit {
  font-size: 16px;
  background: #f5f5f7;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  padding-block: 10px;
}
.popup__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  font-size: 0;
  background: url(../img/icon_del.png) no-repeat;
  background-size: 16px;
  background-position: center;
}
.popup.type-alert .popup__container {
  width: 340px;
}
.popup.type-alert .popup__alert__txt {
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 15px;
  text-align: center;
  line-height: 1.5;
}

body {
  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;
  min-height: calc(var(--vh, 1vh) * 100);
}
body.live {
  background-color: #131718;
  color: #fff;
}
body.live .head {
  display: none;
}
body.live main {
  padding: 0 15px 20px;
}

.bg--gray {
  background: #f5f5f7;
}

.layout--center {
  width: 1400px;
  margin-inline: auto;
}
@media screen and (max-width: 1400px) {
  .layout--center {
    width: 100%;
    padding-inline: 20px;
  }
}
.layout--center--m {
  width: 780px;
}
@media screen and (max-width: 1023.9px) {
  .layout--center--m {
    width: 100%;
  }
}
.layout--center--s {
  width: 580px;
}
@media screen and (max-width: 1023.9px) {
  .layout--center--s {
    width: 90%;
  }
}

.layout-container {
  padding-top: 140px;
  padding-bottom: 60px;
  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;
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 100 - 90px - 300px);
}
@media screen and (max-width: 1279.9px) {
  .layout-container {
    padding-top: 67px;
    padding-bottom: 40px;
  }
}
.layout-container > * {
  align-self: stretch;
}
.layout-container > .layout-container__bottom {
  margin-top: auto;
}
.layout-container--pdt-0 {
  padding-top: 90px;
}
@media screen and (max-width: 1279.9px) {
  .layout-container--pdt-0 {
    padding-top: 50px;
  }
}
.layout-container--v-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}

.layout-container--vote {
  max-width: 640px;
  margin-inline: auto;
  min-height: calc(var(--vh, 1vh) * 100);
  justify-self: center;
  padding-inline: 20px;
  padding-block: 45px 20px;
}
@media screen and (min-width: 639.9px) {
  .layout-container--vote {
    width: 640px;
  }
}
@media screen and (max-width: 639.9px) {
  .layout-container--vote {
    width: 100%;
  }
}

@media screen and (max-width: 1023.9px) {
  .layout--m-flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 5px;
  }
}

@media screen and (max-width: 1023.9px) {
  .layout--m-w-full {
    width: 100% !important;
    min-width: 100%;
    flex: 0;
  }
}

.pg-tit {
  font-size: 16px;
  font-weight: 500;
}
.pg-tit__wrap {
  display: none;
  border-bottom: 1px solid #e7ecf0;
  background: #f7f9fb;
  height: 90px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.pg-tit__wrap.show-pg-tit {
  display: block;
}
.pg-tit__wrap.hide-head {
  display: none;
}
.pg-tit__inner {
  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;
  height: 100%;
}

.head {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 11;
}
@media screen and (min-width: 1279.9px) {
  .head {
    padding-inline: 50px;
    height: 90px;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
  }
  .head.is-open {
    height: 284px;
    -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: 1279.9px) {
  .head {
    padding-inline: 20px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
  }
}
.head:before {
  content: "";
  display: inline-block;
  width: 100vw;
  height: 1px;
  text-align: center;
  line-height: 1px;
  background-color: #e7e7ea;
  color: #fff;
  position: fixed;
  left: 0;
  top: 90px;
}
@media screen and (max-width: 1279.9px) {
  .head:before {
    top: 50px;
  }
}
@media screen and (max-width: 1279.9px) {
  .head__logo {
    display: none;
  }
}
.head__logo__white {
  display: none;
}
.head__logo__black {
  display: none;
}
@media screen and (max-width: 1279.9px) {
  .head__logo__black {
    display: block;
  }
}
.head__logo__area {
  width: 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  height: 90px;
}
@media screen and (max-width: 1279.9px) {
  .head__logo__area {
    height: 50px;
  }
  .head__logo__area img {
    width: 86px;
  }
}
.head__btns {
  position: absolute;
  top: 35px;
  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 (min-width: 1279.9px) {
  .head__btns {
    right: 36px;
  }
}
@media screen and (max-width: 1279.9px) {
  .head__btns {
    top: 0;
    left: 0;
    width: 100%;
    background: #f5f5f7;
    height: 70px;
    padding-inline: 23px;
    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;
  }
}
.head__btns > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.head__btns > *:not(:first-child) {
  position: relative;
}
.head__btns > *:not(:first-child)::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 12px;
  margin-inline: 15px;
  background: #e7e7ea;
  cursor: default;
}
.head__user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
@media screen and (max-width: 1279.9px) {
  .head__logout {
    position: fixed !important;
    bottom: 24px;
    right: -320px;
    width: 85%;
    max-width: 320px;
    min-width: 280px;
    text-align: left;
    padding-inline: 36px;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
  }
  .head__logout:before {
    display: none !important;
  }
}
.head--layer:not(.is-open) {
  background: transparent;
}
.head--layer:not(.is-open):before {
  opacity: 0.2;
}
.head--layer:not(.is-open) .head__logo {
  display: none;
}
.head--layer:not(.is-open) .head__logo__white {
  display: block;
}
.head--layer:not(.is-open) .head__logo__black {
  display: none;
}
@media screen and (min-width: 1279.9px) {
  .head--layer:not(.is-open) .gnb__depth1__menu {
    color: #fff;
  }
  .head--layer:not(.is-open) .head__btns *,
  .head--layer:not(.is-open) .head__btns a,
  .head--layer:not(.is-open) .head__btns button {
    color: #fff;
  }
  .head--layer:not(.is-open) .head__btns *:before {
    opacity: 0.2;
  }
}
.head--layer:not(.is-open) .svg-icon.icon-bar.icon-bar {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E");
}

@media screen and (max-width: 1279.9px) {
  .head.is-active .gnb__inner {
    width: 85%;
    max-width: 320px;
    min-width: 280px;
    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;
  }
  .head.is-active:after {
    content: "";
    display: inline-block;
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    text-align: center;
    line-height: calc(var(--vh, 1vh) * 100);
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
  }
  .head.is-active .head__logout {
    right: 0;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
  }
}

.head-vote {
  background: linear-gradient(90deg, #3375cc 0%, #008162 100%);
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  height: 45px;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 640px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  z-index: 100;
}

@media screen and (max-width: 1279.9px) {
  .gnb__inner {
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    min-width: 0;
    max-width: 0;
    height: calc(var(--vh, 1vh) * 100);
    background: #fff;
    z-index: 11;
    overflow: hidden;
    visibility: 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;
    white-space: nowrap;
  }
}
@media screen and (min-width: 1279.9px) {
  .gnb__nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    gap: 34px;
  }
}
@media screen and (max-width: 1599.9px) and (min-width: 1279.9px) {
  .gnb__nav {
    gap: 10px;
  }
}
@media screen and (max-width: 1279.9px) {
  .gnb__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    margin-top: 134px;
    gap: 34px;
  }
}
@media screen and (max-width: 1023.9px) and (orientation: landscape) {
  .gnb__nav {
    margin-top: 30px;
    gap: 10px;
  }
}
@media screen and (min-width: 1279.9px) {
  .gnb__open {
    display: none;
  }
}
@media screen and (min-width: 1279.9px) {
  .gnb__close {
    display: none;
  }
}
@media screen and (max-width: 1279.9px) {
  .gnb__close {
    margin-left: auto;
  }
}
.gnb__close:before {
  display: none !important;
}

.gnb__depth1 {
  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: 50px;
}
.gnb__depth1__menu {
  font-size: 18px;
  font-weight: 600;
}
@media screen and (min-width: 1279.9px) {
  .gnb__depth1__menu {
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    padding: 0 20px;
  }
  .gnb__depth1__menu .svg-icon {
    display: none;
  }
}
@media screen and (max-width: 1279.9px) {
  .gnb__depth1__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    gap: 10px;
    padding: 11px 36px;
  }
}
.gnb__depth1__menu.is-active {
  color: #3375cc;
}

.gnb__depth2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 1279.9px) {
  .gnb__depth2 {
    display: none;
  }
}
.gnb__depth2__menu {
  font-size: 15px;
  font-weight: 400;
}
.gnb__depth2__menu:hover, .gnb__depth2__menu.is-active {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sub-visual {
  background: linear-gradient(90deg, #3375cc 0%, #008162 100%);
  height: 125px;
  width: 100%;
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 10px;
  position: relative;
  margin-bottom: 50px;
  overflow: hidden;
}
@media screen and (max-width: 1023.9px) {
  .sub-visual {
    height: 113px;
    margin-bottom: 17px;
  }
}
.sub-visual:after {
  content: "";
  display: inline-block;
  width: 1400px;
  height: 125px;
  text-align: center;
  line-height: 125px;
  background-color: transparent;
  color: #fff;
  background-image: url(../img/sub-visual.png);
  background-position: left -50px;
  background-repeat: no-repeat;
  position: absolute;
}
@media screen and (max-width: 1023.9px) {
  .sub-visual:after {
    width: 350px;
    height: 170px;
    left: -230px;
    background-size: contain;
    background-position: right 20px;
  }
}
.sub-visual__tit {
  font-size: 36px;
  font-weight: 700;
}
@media screen and (max-width: 1023.9px) {
  .sub-visual__tit {
    font-size: 28px;
  }
}

.path {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  line-height: initial;
}
@media screen and (max-width: 1023.9px) {
  .path {
    font-size: 13px;
  }
}
.path .svg-icon {
  opacity: 0.5;
}

.bottom-nav {
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  padding-inline: 7.5px;
  z-index: 3;
}
.bottom-nav__menu {
  width: 25%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 5px;
  font-size: 12px;
  text-align: center;
}
.bottom-nav__menu, .bottom-nav__menu:hover, .bottom-nav__menu:active, .bottom-nav__menu:visited {
  color: #929292;
}
.bottom-nav__menu.is-active {
  color: #3375cc;
}

.footer {
  background: #f5f5f7;
  border-top: 1px solid #e7e7ea;
  padding-block: 50px;
  margin-top: auto;
}
@media screen and (max-width: 1279.9px) {
  .footer {
    padding-block: 30px;
  }
}
.footer__inner {
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 0;
}
@media screen and (max-width: 1279.9px) {
  .footer__inner {
    gap: 15px 0;
  }
}
.footer__logo {
  width: 50%;
}
@media screen and (max-width: 1279.9px) {
  .footer__logo {
    width: 99px;
  }
  .footer__logo img {
    width: 99px;
  }
}
.footer__link__area {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
}
@media screen and (max-width: 1279.9px) {
  .footer__link__area {
    flex: 1;
  }
}
.footer__link {
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
@media screen and (max-width: 1279.9px) {
  .footer__link {
    font-size: 14px;
  }
}
.footer__link:not(:last-child) {
  position: relative;
}
.footer__link:not(:last-child)::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 3px;
  height: 3px;
  margin-inline: 7px;
  background: #222;
  cursor: default;
}
.footer__link:not(:last-child):after {
  border-radius: 50px;
}
.footer__address {
  line-height: 1.6;
  width: 100%;
}
@media screen and (max-width: 1279.9px) {
  .footer__address {
    font-size: 13px;
  }
}
.footer__address p {
  display: inline-block;
}
.footer__copy {
  width: 100%;
}
@media screen and (max-width: 1279.9px) {
  .footer__copy {
    font-size: 13px;
  }
}

.ellipsis {
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.no-data {
  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;
  align-items: center;
  gap: 15px;
  font-weight: 600;
  text-align: center;
}
.no-data img {
  width: 70px;
}
@media screen and (max-width: 1023.9px) {
  .no-data img {
    width: 50px;
  }
}

.error-txt {
  color: #d71419;
}
@media screen and (max-width: 1023.9px) {
  .error-txt {
    font-size: 12px;
  }
}
.error-txt--login {
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 1023.9px) {
  .error-txt--login {
    margin-top: 20px;
  }
}

.tip-txt {
  color: #666;
}
.tip-txt--bottom {
  margin-top: 15px;
}
.tip-txt--center {
  margin-inline: auto;
  text-align: center;
}

.tip-box {
  border-radius: 6px;
  background: #eff7ff;
  padding: 7px 10px;
  text-align: center;
  margin-block: 15px 16px;
  font-size: 13px;
  color: #3375cc;
}

.badge {
  font-weight: 500;
  border-radius: 50px;
  padding-inline: 15px;
  height: 28px;
  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;
}
.badge--blue {
  color: #3375cc;
  background: #c7e1ff;
}
.badge--gray {
  color: #666;
  background-color: #f5f5f7;
}
.badge--s {
  width: 46px;
  height: 23px;
  line-height: 23px;
  padding: 3px;
  justify-content: center;
}

.pg-tit {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 10px;
}
@media screen and (max-width: 1023.9px) {
  .pg-tit {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.sec-tit {
  font-size: 26px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  margin-bottom: 25px;
}
@media screen and (max-width: 1023.9px) {
  .sec-tit {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.sec-tit:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  background-color: #3375cc;
  color: #fff;
  border-radius: 60px;
}
@media screen and (max-width: 1023.9px) {
  .sec-tit:before {
    width: 7px;
    height: 18px;
  }
}
.sec-tit__wrap {
  margin-bottom: 25px;
  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;
}
@media screen and (max-width: 1023.9px) {
  .sec-tit__wrap {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.sec-tit__wrap .sec-tit {
  margin-bottom: 0 !important;
}
.sec-tit__wrap--mgt {
  margin-top: 40px;
}
@media screen and (max-width: 1023.9px) {
  .sec-tit__wrap--mgt {
    margin-top: 20px;
  }
}
.sec-tit__wrap--line {
  padding-bottom: 15px;
  border-bottom: 1px solid #e7e7ea;
}
@media screen and (max-width: 1023.9px) {
  .sec-tit__wrap--line {
    padding-bottom: 10px;
  }
}

.sec-tit-line {
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1023.9px) {
  .sec-tit-line {
    font-size: 22px;
  }
}
.sec-tit-line--s {
  font-size: 15px;
  margin-top: 10px;
  word-break: keep-all;
}
@media screen and (max-width: 1023.9px) {
  .sec-tit-line--s {
    font-size: 13px;
  }
}
.sec-tit-line__wrap {
  text-align: center;
  margin-bottom: 40px;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  padding-block: 20px;
}
@media screen and (max-width: 1023.9px) {
  .sec-tit-line__wrap {
    margin-bottom: 20px;
    padding-block: 10px;
  }
}

.dot-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 4px;
  width: 100%;
}
.dot-list li {
  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;
}
.dot-list li::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 3px;
  height: 3px;
  margin-inline: 0 10px;
  background: #6e6e6f;
  border-radius: 3px;
  vertical-align: middle;
  cursor: default;
}
.dot-list__num {
  font-size: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1023.9px) {
  .dot-list__num {
    font-size: 20px;
  }
}
.dot-list__tit {
  margin-right: auto;
}
.dot-list__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 3px;
}
.dot-list__sec-tit {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
}
@media screen and (max-width: 1023.9px) {
  .dot-list__sec-tit {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

.vote-notice {
  text-align: center;
  width: 100%;
}
.vote-notice__icon {
  width: 80px;
  margin-inline: auto;
  margin-top: 20vh;
  margin-bottom: 30px;
}
.vote-notice__logo {
  margin-block: 50px 80px;
}
.vote-notice__tit {
  font-size: 22px;
  font-weight: 700;
  margin-top: 20px;
}
.vote-notice__tit--s {
  font-size: 17px;
}
.vote-notice__txt {
  font-size: 15px;
  margin-top: 5px;
}
.vote-notice__txt2 {
  margin-top: 15px;
  line-height: 1.4;
}
.vote-notice + .btn__wrap--bottom {
  margin-top: 50px;
}

.vote-finish-notice {
  font-size: 18px;
  color: #d71419;
  text-align: center;
  padding-block: 20px;
  font-weight: 600;
  border-block: 1px solid #e7e7ea;
  margin-top: 30px;
}

.vote-date {
  color: #666;
}
.vote-date__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  border-bottom: 1px solid #e7e7ea;
  padding: 15px 20px;
  background-color: #f5f5f7;
}
.vote-date__tit {
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.vote-date__tit [class^=u-color] {
  font-weight: 400;
}
.vote-date__area {
  width: calc(100% + 40px);
  min-width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: 17px;
}

.vote-step {
  font-size: 13px;
  font-weight: 600;
  color: #3375cc;
  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;
}

.text-line {
  text-decoration: underline;
  font-size: 15px;
}
.text-line:hover {
  text-decoration: underline;
}

.text-sm {
  font-size: 14px;
}

/*common input form*/
.input-form {
  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;
}
.input-form > * + .input-form__tit-field {
  margin-top: 20px;
}
@media screen and (max-width: 1023.9px) {
  .input-form > * + .input-form__tit-field {
    margin-top: 15px;
  }
}
.input-form__tit-field {
  font-size: 15px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 6px;
}
@media screen and (max-width: 1023.9px) {
  .input-form__tit-field {
    font-size: 14px;
  }
}
.input-form__input-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.input-form__input-field input[type=text],
.input-form__input-field input[type=password] {
  width: 100%;
}
.input-form--box {
  border-radius: 15px;
  background: #fff;
  padding: 40px;
  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;
}
@media screen and (max-width: 1023.9px) {
  .input-form--box {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .input-form--box {
    padding: 20px;
  }
}

.input-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  width: 100%;
}

.input--icon {
  border: 1px solid #ddd;
  padding-inline: 15px;
  height: 54px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  border-radius: 6px;
}
@media screen and (max-width: 1023.9px) {
  .input--icon {
    height: 45px;
  }
}
.input--icon input {
  border: none;
}

.input--s {
  width: 150px !important;
  min-width: 150px;
}
.input--m {
  width: 200px !important;
  min-width: 200px;
}
.input--l {
  width: 280px !important;
  min-width: 280px;
}
@media screen and (max-width: 1023.9px) {
  .input--extend--mobile {
    flex: 1;
    min-width: auto;
    width: 10px !important;
  }
}

.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%;
}
.add-file__blind {
  display: none;
}
.add-file__input-form {
  flex: 1; /* input_form이 남은 공간을 꽉 채울 수 있도록 설정 */
}
.add-file__input {
  border: 1px solid #ddd;
  margin-left: 0;
  padding-inline: 10px;
}
.add-file__thumb {
  position: relative;
  display: none;
  margin-top: 5px;
  width: 100%; /* 가로 크기를 100%로 설정하여 줄바꿈이 되도록 함 */
}
.add-file__thumb__item {
  position: relative;
  z-index: 0;
  display: inline-block;
}
.add-file__thumb__preview-img {
  width: 120px;
}
.add-file__thumb__del {
  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%;
}
.add-file__value {
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
}
.add-file + .add-file {
  margin-top: 10px;
}

.add-file__img {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media screen and (max-width: 575.9px) {
  .add-file__img + .add-file {
    margin-top: 25px;
  }
}
.add-file__img__del {
  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;
}
.add-file__img__imgarea {
  position: relative;
  max-width: 200px;
  z-index: 0;
  width: 120px;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.add-file__img__btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 5px;
}

.agree-form {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023.9px) {
  .agree-form {
    margin-bottom: 10px;
  }
}
.agree-form__tit {
  font-size: 20px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1023.9px) {
  .agree-form__tit {
    font-size: 17px;
  }
}
.agree-form--box {
  border-radius: 15px;
  background: #fff;
  padding: 30px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 1023.9px) {
  .agree-form--box {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .agree-form--box {
    padding: 20px;
  }
}
.agree-form__terms {
  padding: 20px;
  border-radius: 10px;
  background: #fafafa;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #999; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  height: 300px;
}
.agree-form__terms::-webkit-scrollbar {
  /*스크롤바*/
  width: 6px;
  height: 6px;
}
.agree-form__terms::-webkit-scrollbar-button {
  /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.agree-form__terms::-webkit-scrollbar-thumb {
  /*스크롤바 핸들*/
  background-color: #999;
  background-clip: padding-box;
  border-radius: 6px;
}
.agree-form__terms::-webkit-scrollbar-track {
  /*스크롤바 진행줄*/
  background-color: none;
}
.agree-form__terms::-webkit-scrollbar-track-piece {
  /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.dark .agree-form__terms {
  scrollbar-highlight-color: #6b6b6b;
}
.dark .agree-form__terms::-webkit-scrollbar-thumb {
  /*스크롤바 핸들*/
  background-color: #6b6b6b;
}
.dark .agree-form__terms::-webkit-scrollbar-track-piece {
  /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: #6b6b6b;
}
@media screen and (max-width: 1023.9px) {
  .agree-form__terms {
    min-height: 200px;
    height: 200px;
    padding: 10px;
  }
}
.agree-form__list {
  border-block: 1px solid #e7e7ea;
  padding: 20px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 15px;
  margin-top: 30px;
}
.agree-form__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

@media screen and (min-width: 1023.9px) {
  .edit-area {
    min-height: 276px;
  }
}

.radio-cont-tr {
  display: none;
}
.radio-cont-tr.is-active {
  display: table-row;
}
@media screen and (max-width: 1023.9px) {
  .radio-cont-tr.is-active {
    display: flex;
  }
}

.board__tit {
  font-size: 20px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
@media screen and (max-width: 1023.9px) {
  .board__tit {
    font-size: 17px;
  }
}

.board__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  margin-bottom: 16px;
}
@media screen and (max-width: 1023.9px) {
  .board__top {
    margin-bottom: 10px;
  }
}
.board-detail + .board__top, .board-write + .board__top {
  margin-top: 30px;
}

.board__tip {
  font-size: 15px;
}
@media screen and (max-width: 1023.9px) {
  .board__tip {
    font-size: 12px;
  }
}

.board-search {
  border-radius: 15px;
  border: 1px solid #e7e7ea;
  background: #f5f5f7;
  padding: 20px 30px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023.9px) {
  .board-search {
    border-right: 10px;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 10px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
  }
  .board-search input {
    flex: 1;
  }
}
.board-search__tit {
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  margin-right: 10px;
}
@media screen and (max-width: 1023.9px) {
  .board-search__tit {
    font-size: 13px;
    width: 100%;
  }
}
.board-search input {
  max-width: 400px;
}

.board-list {
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #e7e7ea;
  border-collapse: separate;
  table-layout: fixed;
}
@media screen and (max-width: 1023.9px) {
  .board-list {
    border-radius: 10px;
  }
}
.board-list tr:not(:last-child) td {
  border-bottom: 1px solid #e7e7ea;
}
.board-list th,
.board-list td {
  height: 69px;
  padding-inline: 5px;
}
@media screen and (max-width: 1023.9px) {
  .board-list th,
  .board-list td {
    height: 45px;
    font-size: 13px;
  }
}
.board-list th {
  background: #f5f5f7;
  border-bottom: 1px solid #e7e7ea;
  text-align: center;
  vertical-align: middle;
}
.board-list td {
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .board-list.type-m-block .board-list__m-th {
    display: none;
  }
}
@media screen and (max-width: 1023.9px) {
  .board-list.type-m-block thead {
    display: none;
  }
  .board-list.type-m-block tbody {
    display: block;
  }
  .board-list.type-m-block tr {
    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;
    padding: 15px 10px;
  }
  .board-list.type-m-block tr:not(:last-child) {
    border-bottom: 1px solid #e7e7ea;
  }
  .board-list.type-m-block th,
  .board-list.type-m-block td {
    height: auto;
    border: none !important;
    text-align: left;
  }
  .board-list.type-m-block td {
    border: none;
  }
  .board-list.type-m-block .board-list__state-field {
    order: 1;
    width: 100%;
    margin-bottom: 5px;
  }
  .board-list.type-m-block .board-list__tit-field {
    order: 2;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
  }
  .board-list.type-m-block .board-list__info-field {
    order: 5;
    color: #666;
    font-size: 12px;
  }
}

.board-detail {
  border: 1px solid #e7e7ea;
  border-radius: 15px;
}
@media screen and (max-width: 1023.9px) {
  .board-detail {
    border-radius: 10px;
  }
}
.board-detail__tit {
  padding: 25px 30px;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 1px solid #e7e7ea;
  background-color: #f5f5f7;
}
@media screen and (max-width: 1023.9px) {
  .board-detail__tit {
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
  }
}
.board-detail__info {
  font-size: 15px;
  color: #666;
  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 20px;
  padding: 15px 30px;
  border-bottom: 1px solid #e7e7ea;
}
@media screen and (max-width: 1023.9px) {
  .board-detail__info {
    padding: 15px;
    font-size: 13px;
    font-weight: 600;
  }
}
.board-detail__contents {
  padding: 30px;
  font-size: 16px;
  line-height: 1.4;
}
@media screen and (max-width: 1023.9px) {
  .board-detail__contents {
    padding: 15px;
    font-weight: 500;
    font-size: 13px;
  }
}

.board-write {
  border: 1px solid #e7e7ea;
  border-radius: 15px;
  overflow: hidden;
  border-collapse: separate;
}
.board-write th {
  background-color: #f5f5f7;
  border-right: 1px solid #e7e7ea;
  height: 68px;
  text-align: left;
  padding-left: 30px;
  width: 200px;
  font-size: 15px;
  font-weight: 600;
}
@media screen and (max-width: 1023.9px) {
  .board-write th {
    height: 40px;
    padding-left: 10px;
    font-size: 13px;
    width: 100px;
  }
}
.board-write th .icon-must {
  margin-left: 3px;
  margin-bottom: 2px;
}
.board-write td {
  padding: 10px 15px;
}
.board-write tr:not(:last-child) th,
.board-write tr:not(:last-child) td {
  border-bottom: 1px solid #e7e7ea;
}
.board-write textarea {
  min-height: 270px;
}
@media screen and (max-width: 1023.9px) {
  .board-write.type-m-block {
    display: flex;
    width: 100%;
    border-radius: 10px;
  }
  .board-write.type-m-block tbody,
  .board-write.type-m-block tr,
  .board-write.type-m-block th,
  .board-write.type-m-block td {
    display: block;
    width: 100%;
  }
  .board-write.type-m-block tr {
    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;
  }
  .board-write.type-m-block th,
  .board-write.type-m-block td {
    width: 100%;
    border: none;
    padding: 10px;
    height: auto;
    min-width: 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;
  }
  .board-write.type-m-block td {
    display: flex;
  }
}
.board-write__sub-tit {
  font-size: 13px;
  font-weight: 400;
}

.board-faq {
  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;
}
.board-faq__item {
  border: 1px solid #e7e7ea;
  border-radius: 15px;
}
.board-faq__item.is-active .board-faq__a {
  visibility: visible;
  overflow: visible;
  padding-block: 20px;
  height: auto;
  border-top: 1px solid #e7e7ea;
  -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: 1023.9px) {
  .board-faq__item.is-active .board-faq__a {
    padding-block: 15px;
  }
}
.board-faq__item.is-active .svg-icon.icon-next.icon-next {
  transform: rotate(270deg);
}
.board-faq__q {
  padding: 20px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 25px;
  align-items: flex-start;
  font-size: 17px;
  cursor: pointer;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023.9px) {
  .board-faq__q {
    padding: 10px 15px;
    gap: 10px;
    position: relative;
    font-size: 15px;
  }
}
.board-faq__q > * {
  align-self: stretch;
}
.board-faq__a {
  padding: 0 30px;
  font-size: 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;
  gap: 25px;
  background-color: #f5f5f7;
  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;
  border-top: 0 solid #e7e7ea;
}
@media screen and (max-width: 1023.9px) {
  .board-faq__a {
    gap: 10px;
    font-size: 13px;
    padding-inline: 10px;
  }
}
.board-faq__icon {
  font-size: 22px;
  font-weight: 700;
  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;
}
.board-faq__icon::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 15px;
  margin-inline: 25px 0;
  background: #e7e7ea;
  cursor: default;
}
@media screen and (max-width: 1023.9px) {
  .board-faq__icon {
    font-size: 19px;
  }
  .board-faq__icon:after {
    margin-left: 10px;
  }
}
.board-faq__icon--q {
  color: #3375cc;
}
.board-faq__icon--a {
  color: #6e6e6f;
}
.board-faq__category {
  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;
  font-size: 15px;
  width: 120px;
  min-width: 120px;
  position: relative;
}
.board-faq__category::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 15px;
  margin-inline: 25px 0;
  background: #e7e7ea;
  cursor: default;
}
@media screen and (max-width: 1023.9px) {
  .board-faq__category {
    font-size: 13px;
    flex: 1;
    padding-right: 50px;
  }
  .board-faq__category:after {
    display: none;
  }
}
.board-faq__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;
}
@media screen and (max-width: 1023.9px) {
  .board-faq__tit {
    width: 100%;
  }
}
.board-faq .svg-icon.icon-next {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 500px;
  background-color: #eff7ff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
  transform: rotate(90deg);
  margin-left: auto;
}
.board-faq .svg-icon.icon-next.icon-next {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%233375CC' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.5 10 4-3.75-4-3.75' opacity='1'/%3E%3C/svg%3E");
}
@media screen and (max-width: 1023.9px) {
  .board-faq .svg-icon.icon-next {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    min-width: 30px;
  }
}

.table-list {
  table-layout: fixed;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
}
.table-list:after {
  content: "";
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  border: 1px solid #c7e1ff;
  border-radius: 15px;
  position: absolute;
  top: -1px;
  left: -1px;
  right: 0px;
  bottom: -1px;
  pointer-events: none;
}
.live .table-list:after {
  border-color: #444748;
}
.table-list th,
.table-list td {
  height: 50px;
  text-align: center;
  font-size: 15px;
  padding-inline: 10px;
  padding-block: 5px;
}
@media screen and (max-width: 1023.9px) {
  .table-list th,
  .table-list td {
    font-size: 14px;
    height: 40px;
  }
}
.live .table-list th,
.live .table-list td {
  height: 40px;
}
.table-list thead {
  position: relative;
}
.table-list thead th {
  border: 1px solid #c7e1ff;
  background-color: #eff7ff;
  color: #3375cc;
  overflow: hidden;
}
.live .table-list thead th {
  background-color: #2d2f30;
  color: #fff;
  border-color: #444748;
}
.table-list td {
  border: 1px solid #e2e8f0;
}
.live .table-list td {
  border-color: #444748;
}
@media screen and (max-width: 1023.9px) {
  .table-list--m-pattern tbody tr:nth-child(even) td {
    background-color: #f7f7f7;
  }
}
.table-list--docs-send {
  min-width: 540px;
}
.table-list.type-low th,
.table-list.type-low td {
  height: 34px;
}

.table-data {
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.table-data:after {
  content: "";
  display: inline-block;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  text-align: center;
  line-height: calc(100% + 1px);
  background-color: transparent;
  color: #fff;
  border: 1px solid #e7e7ea;
  border-radius: 6px;
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  pointer-events: none;
}
.table-data th,
.table-data td {
  border: 1px solid #e7e7ea;
  padding: 10px;
  text-align: center;
}
.table-data th {
  background-color: #f5f5f7;
}

.vote-detail__img {
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 15px;
}
.vote-detail__img img {
  width: 100%;
}
.vote-detail__contents iframe {
  aspect-ratio: 16/9;
  width: 100% !important;
  height: auto !important;
}

.step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 10px;
  text-align: center;
  font-size: 15px;
  position: relative;
  width: 100px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1023.9px) {
  .step {
    width: 70px;
    font-size: 12px;
    margin-bottom: 20px;
  }
}
.step:after {
  content: "";
  display: inline-block;
  width: 125px;
  height: 4px;
  text-align: center;
  line-height: 4px;
  background-color: #ddd;
  color: #fff;
  position: absolute;
  left: 50px;
  top: 23px;
  z-index: -1;
}
@media screen and (max-width: 1023.9px) {
  .step:after {
    left: 30px;
    top: 14px;
    height: 2px;
  }
}
.step:last-child:after {
  display: none;
}
.step__num {
  border-radius: 500px;
  border: 3px solid #ddd;
  background: #fff;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  font-size: 16px;
  font-weight: 500;
  color: #666;
  position: relative;
}
@media screen and (max-width: 1023.9px) {
  .step__num {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
}
.step__num--chk, .step--done .step__num, .step--ing .step__num {
  font-size: 0;
  background-color: #3375cc;
  border: none;
  background-image: url(../img/chk.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
@media screen and (max-width: 1023.9px) {
  .step__num--chk, .step--done .step__num, .step--ing .step__num {
    background-size: 15px;
  }
}
.step__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;
  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: 50px;
}
@media screen and (max-width: 1023.9px) {
  .step__area {
    gap: 40px;
  }
}
.step--ing:after {
  background: linear-gradient(to right, #3375cc, #dddddd);
}
.step--done:after {
  background: #3375cc;
}
.ok__box {
  border-radius: 15px;
  background: #fff;
  padding: 80px 40px;
  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: 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;
  text-align: center;
}
@media screen and (max-width: 1023.9px) {
  .ok__box {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .ok__box {
    padding: 40px 20px;
    gap: 30px;
  }
}
.ok__box__tit {
  font-size: 32px;
  font-weight: 600;
}
@media screen and (max-width: 1023.9px) {
  .ok__box__tit {
    font-size: 27px;
  }
}
.ok__box__txt {
  font-size: 18px;
  margin-top: 10px;
}
@media screen and (max-width: 1023.9px) {
  .ok__box__txt {
    font-size: 16px;
  }
}

.profile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  min-width: 110px;
  aspect-ratio: 1;
  border-radius: 50%;
}
.profile > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.profile > img, .profile > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
@media screen and (max-width: 1023.9px) {
  .profile {
    width: 70px;
    height: 70px;
    min-width: 70px;
  }
}

.login__box {
  border-radius: 15px;
  background: #fff;
  padding: 40px;
  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: 30px 0;
  align-items: center;
  margin-block: 40px;
}
@media screen and (max-width: 1023.9px) {
  .login__box {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .login__box {
    margin-block: 10px;
    border-radius: 15px;
    background: #fff;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    gap: 20px 0;
  }
}
@media screen and (max-width: 1023.9px) and (max-width: 1023.9px) {
  .login__box {
    border-radius: 10px;
  }
}
.login__box__tit {
  font-size: 26px;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 1023.9px) {
  .login__box__tit {
    font-size: 22px;
  }
}
.login__box__txt {
  font-size: 16px;
  margin-top: 10px;
}
@media screen and (max-width: 1023.9px) {
  .login__box__txt {
    font-size: 13px;
  }
}
.login__box__icon {
  width: 100px;
}
@media screen and (max-width: 1023.9px) {
  .login__box__icon {
    width: 80px;
  }
}

.login__logo {
  width: 140px;
}

.login__fieldset {
  width: 100%;
  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;
}

.login__btns {
  margin-top: 10px;
}

.login__find {
  border-top: 1px solid #e7e7ea;
  padding-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 15px;
  width: 100%;
}
.login__find__tit {
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width: 1023.9px) {
  .login__find__tit {
    font-size: 15px;
  }
}

.vote-dashboard {
  background-image: url(../img/sub-visual.png);
  background-color: #3375cc;
  background-position: -100px calc(100% + 100px);
  background-repeat: no-repeat;
  padding-block: 150px;
  background-size: 687px auto;
  color: #fff;
}
@media screen and (max-width: 1279.9px) {
  .vote-dashboard {
    padding-block: 50px;
    background-size: 224px auto;
    background-position: calc(100% + 53px) -20px;
  }
}
.vote-dashboard__inner {
  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;
}
@media screen and (max-width: 1279.9px) {
  .vote-dashboard__inner {
    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: 40px;
  }
}
.vote-dashboard__sec-tit {
  font-size: 50px;
  font-weight: 700;
  align-self: flex-start;
}
@media screen and (max-width: 1023.9px) {
  .vote-dashboard__sec-tit {
    font-size: 22px;
  }
}
.vote-dashboard__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;
  width: 58%;
}
@media screen and (max-width: 1279.9px) {
  .vote-dashboard__list {
    width: 100%;
  }
}
@media screen and (min-width: 1023.9px) {
  .vote-dashboard__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
  }
}
@media screen and (max-width: 1023.9px) {
  .vote-dashboard__item {
    display: grid;
    grid-template-columns: 70px auto;
    gap: 0 25px;
  }
}
.vote-dashboard__item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1023.9px) {
  .vote-dashboard__item:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.vote-dashboard__tit {
  font-size: 26px;
  font-weight: 700;
}
@media screen and (min-width: 1023.9px) {
  .vote-dashboard__tit {
    margin-inline: 25px auto;
  }
}
@media screen and (max-width: 1023.9px) {
  .vote-dashboard__tit {
    font-size: 15px;
    align-self: flex-end;
  }
}
.vote-dashboard__icon {
  width: 104px;
  height: 104px;
  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: #fff;
}
@media screen and (max-width: 1023.9px) {
  .vote-dashboard__icon {
    width: 70px;
    height: 70px;
    grid-row: 1/3;
  }
}
.vote-dashboard__icon img {
  width: 55px;
}
@media screen and (max-width: 1023.9px) {
  .vote-dashboard__icon img {
    width: 38px;
  }
}
.vote-dashboard__num {
  font-size: 80px;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
@media screen and (max-width: 1023.9px) {
  .vote-dashboard__num {
    font-size: 30px;
    align-self: flex-start;
  }
}
.vote-dashboard__unit {
  font-size: 36px;
  font-weight: 500;
}
@media screen and (max-width: 1023.9px) {
  .vote-dashboard__unit {
    font-size: 15px;
  }
}

.vote-case {
  padding-block: 120px;
}
@media screen and (max-width: 1023.9px) {
  .vote-case {
    padding-block: 45px;
  }
}
.vote-case__sec-tit {
  font-size: 50px;
  font-weight: 700;
}
@media screen and (max-width: 1023.9px) {
  .vote-case__sec-tit {
    font-size: 22px;
  }
}
.vote-case__sec-tit__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 1023.9px) {
  .vote-case__sec-tit__wrap {
    margin-bottom: 20px;
  }
}
.vote-case__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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 80px 50px;
  width: 100%;
}
.vote-case__list > * {
  width: calc((100% - 50px * 2) / 3);
  min-width: calc((100% - 50px * 2) / 3);
}
@media screen and (max-width: 1023.9px) {
  .vote-case__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;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px 10px;
    width: 100%;
  }
  .vote-case__list > * {
    width: calc((100% - 10px * 1) / 2);
    min-width: calc((100% - 10px * 1) / 2);
  }
}
.vote-case__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1023.9px) {
  .vote-case__item {
    gap: 15px;
  }
}
.vote-case__thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 100%;
  aspect-ratio: 1.4333333333;
  border-radius: 15px;
}
.vote-case__thumb > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.vote-case__thumb > img, .vote-case__thumb > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
@media screen and (max-width: 1023.9px) {
  .vote-case__thumb {
    border-radius: 10px;
  }
}
.vote-case__txt {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 1023.9px) {
  .vote-case__txt {
    font-size: 14px;
    line-height: 1.4;
  }
}
.vote-case__slide-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.vote-case__slide-control .swiper-button-next,
.vote-case__slide-control .swiper-button-prev {
  width: 36px;
  height: 36px;
  border-radius: 50px;
  opacity: 1;
}
.vote-case__slide-control .swiper-button-prev {
  color: #222;
  background-color: #f5f5f7;
}
.vote-case__slide-control .swiper-button-next {
  background-color: #3375cc;
}

.vote-step-guide {
  background: #008162;
  padding-block: 110px 130px;
}
@media screen and (max-width: 1023.9px) {
  .vote-step-guide {
    padding-block: 40px;
  }
}
.vote-step-guide__sec-tit {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
}
@media screen and (max-width: 1023.9px) {
  .vote-step-guide__sec-tit {
    font-size: 22px;
  }
}
.vote-step-guide__sec-tit__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  margin-bottom: 56px;
}
@media screen and (max-width: 1023.9px) {
  .vote-step-guide__sec-tit__wrap {
    flex-direction: column;
    margin-bottom: 20px;
    gap: 20px;
  }
}
.vote-step-guide__item {
  border-radius: 15px;
  background: #fff;
  align-self: stretch;
}
@media screen and (min-width: 1023.9px) {
  .vote-step-guide__item {
    padding: 40px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    flex: 1;
  }
}
@media screen and (max-width: 1023.9px) {
  .vote-step-guide__item {
    padding: 20px 25px;
    display: grid;
    grid-template-columns: 60px auto;
    gap: 5px 25px;
  }
}
@media screen and (max-width: 1023.9px) {
  .vote-step-guide__icon {
    grid-column: 1/2;
    grid-row: 2/3;
    align-self: flex-start;
  }
}
.vote-step-guide__icon img {
  width: 70px;
}
.vote-step-guide__step {
  color: #008162;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media screen and (max-width: 1023.9px) {
  .vote-step-guide__step {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.vote-step-guide__tit {
  font-size: 21px;
  font-weight: 700;
}
@media screen and (max-width: 1023.9px) {
  .vote-step-guide__tit {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: 16px;
  }
  .vote-step-guide__tit br {
    display: none;
  }
}
.vote-step-guide__txt {
  color: #666;
}
@media screen and (min-width: 1023.9px) {
  .vote-step-guide__txt {
    margin-top: -15px;
  }
}
@media screen and (max-width: 1023.9px) {
  .vote-step-guide__txt {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.vote-step-guide__list {
  gap: 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;
}
@media screen and (max-width: 1023.9px) {
  .vote-step-guide__list {
    flex-direction: column;
    gap: 10px;
  }
}

.partner {
  padding-block: 120px 150px;
  background-color: #f5f5f7;
  background-image: url(../img/bg-logo.png);
  background-position: -70px calc(100% + 100px);
  background-repeat: no-repeat;
  background-size: 617px auto;
}
@media screen and (max-width: 1023.9px) {
  .partner {
    padding-block: 50px;
    background-size: 224px auto;
    background-position: calc(100% + 53px) -20px;
  }
}
.partner__inner {
  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;
}
@media screen and (max-width: 1023.9px) {
  .partner__inner {
    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: 20px;
  }
}
.partner__sec-tit {
  font-size: 50px;
  font-weight: 700;
  align-self: flex-start;
}
@media screen and (max-width: 1023.9px) {
  .partner__sec-tit {
    font-size: 22px;
  }
}
.partner__item {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 100%;
  aspect-ratio: 2.1916666667;
  border-radius: 15px;
}
.partner__item > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.partner__item > img, .partner__item > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.partner__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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  width: 100%;
  width: 58%;
  align-self: flex-start;
}
.partner__list > * {
  width: calc((100% - 20px * 2) / 3);
  min-width: calc((100% - 20px * 2) / 3);
}
@media screen and (max-width: 1023.9px) {
  .partner__list {
    width: 100%;
  }
}
@media screen and (max-width: 575.9px) {
  .partner__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;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 10px;
    width: 100%;
  }
  .partner__list > * {
    width: calc((100% - 10px * 1) / 2);
    min-width: calc((100% - 10px * 1) / 2);
  }
}

.my-dashboard {
  border-radius: 15px;
  border: 1px solid #c7e1ff;
  background: #eff7ff;
  padding: 40px;
  width: 50%;
}
@media screen and (max-width: 1279.9px) {
  .my-dashboard {
    width: 100%;
  }
}
@media screen and (max-width: 1023.9px) {
  .my-dashboard {
    padding: 20px;
  }
}
.my-dashboard__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1279.9px) {
  .my-dashboard__wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.my-dashboard__wrap > * {
  align-self: stretch;
}
.my-dashboard__my {
  border-bottom: 1px solid #c7e1ff;
  padding-bottom: 40px;
  margin-bottom: 35px;
  padding-inline: 135px 130px;
  position: relative;
  min-height: 110px;
  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;
}
@media screen and (min-width: 1023.9px) {
  .my-dashboard__my {
    justify-content: center;
  }
}
@media screen and (max-width: 1023.9px) {
  .my-dashboard__my {
    padding-inline: 85px 36px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.my-dashboard__profile {
  position: absolute;
  left: 0;
}
.my-dashboard__name {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 5px;
}
@media screen and (max-width: 1023.9px) {
  .my-dashboard__name {
    font-size: 20px;
  }
}
.my-dashboard__position {
  font-size: 15px;
  font-weight: 600;
}
@media screen and (max-width: 1023.9px) {
  .my-dashboard__position {
    font-size: 13px;
  }
}
.my-dashboard__last-login {
  margin-top: 12px;
}
@media screen and (max-width: 1023.9px) {
  .my-dashboard__last-login {
    margin-top: 8px;
  }
}
.my-dashboard__edit {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 1023.9px) {
  .my-dashboard__edit {
    border-radius: 50px;
    background: #c7e1ff;
    width: 26px;
    height: 26px;
  }
}
@media screen and (min-width: 1023.9px) {
  .my-dashboard__member-list {
    position: absolute;
    bottom: 40px;
    right: 0;
  }
}
@media screen and (max-width: 1023.9px) {
  .my-dashboard__member-list {
    margin-top: 8px;
    align-self: flex-start;
  }
}

.my-vote-dashboard {
  text-align: center;
  border-radius: 15px;
  background: #fff;
  padding: 40px 35px;
  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: 0;
  border: 1px solid #e7e7ea;
  width: calc(25% - 20px);
}
@media screen and (max-width: 1023.9px) {
  .my-vote-dashboard {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1279.9px) {
  .my-vote-dashboard {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 1023.9px) {
  .my-vote-dashboard {
    padding: 20px 15px;
  }
}
.my-vote-dashboard__icon {
  width: 140px;
  height: 140px;
  background: #eff7ff;
  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;
  margin-inline: auto;
  margin-bottom: 28px;
}
@media screen and (max-width: 1023.9px) {
  .my-vote-dashboard__icon {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
  }
}
.my-vote-dashboard__icon img {
  max-width: 60%;
}

.docs-info__card {
  border: 1px solid #e7e7ea;
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (min-width: 1023.9px) {
  .docs-info__card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
  }
}
.docs-info__head {
  padding: 20px;
}
@media screen and (min-width: 1023.9px) {
  .docs-info__head {
    min-width: 261px;
    padding: 30px 25px;
  }
}
.docs-info__top {
  font-size: 20px;
  border-bottom: 1px solid #e7e7ea;
  padding-bottom: 15px;
  font-weight: 600;
}
@media screen and (max-width: 1023.9px) {
  .docs-info__top {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.docs-info__item {
  border-bottom: 1px solid #e7e7ea;
  color: #666;
  padding-block: 15px;
}
@media screen and (max-width: 1023.9px) {
  .docs-info__item {
    padding-block: 10px;
  }
}
.docs-info__tit {
  color: #222;
  font-weight: 600;
  margin-bottom: 5px;
}
.docs-info__body {
  background-color: #f5f5f7;
  flex: 1;
  padding: 30px;
}
@media screen and (max-width: 1023.9px) {
  .docs-info__body {
    padding: 15px;
  }
}

.vote-info__card {
  border: 1px solid #e7e7ea;
  border-radius: 15px;
  padding: 30px;
}
@media screen and (max-width: 1023.9px) {
  .vote-info__card {
    padding: 15px;
    border: none;
    padding: 0;
  }
}
.vote-info__top {
  padding: 8px;
  border-radius: 6px;
  background-color: #3375cc;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}
.vote-info__tit {
  font-size: 15px;
  font-weight: 500;
}
.vote-info__desc {
  text-align: center;
  font-size: 16px;
}
.vote-info__desc b {
  font-size: 28px;
  margin-right: 3px;
}
@media screen and (max-width: 1023.9px) {
  .vote-info__desc b {
    font-size: 22px;
  }
}
.vote-info__desc--green {
  color: #008162;
}
.vote-info__desc--blue {
  color: #3375cc;
}
.vote-info__desc--s b {
  font-size: 20px;
}
@media screen and (max-width: 1023.9px) {
  .vote-info__desc--s b {
    font-size: 18px;
  }
}
.vote-info__desc-wrap {
  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;
  align-items: center;
}
.vote-info__desc-wrap .badge {
  margin-bottom: 10px;
}
@media screen and (max-width: 1023.9px) {
  .vote-info__desc-wrap {
    gap: 5px;
  }
}
.vote-info__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
}
.vote-info__list--6 {
  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: 5px 5px;
  width: 100%;
}
.vote-info__list--6 > * {
  width: calc((100% - 5px * 5) / 6);
  min-width: calc((100% - 5px * 5) / 6);
}
@media screen and (max-width: 1023.9px) {
  .vote-info__list--6 {
    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: 5px 5px;
    width: 100%;
  }
  .vote-info__list--6 > * {
    width: calc((100% - 5px * 1) / 2);
    min-width: calc((100% - 5px * 1) / 2);
  }
}
.vote-info__list--7 {
  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: 5px 5px;
  width: 100%;
}
.vote-info__list--7 > * {
  width: calc((100% - 5px * 6) / 7);
  min-width: calc((100% - 5px * 6) / 7);
}
@media screen and (max-width: 1023.9px) {
  .vote-info__list--7 {
    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: 5px 5px;
    width: 100%;
  }
  .vote-info__list--7 > * {
    width: calc((100% - 5px * 1) / 2);
    min-width: calc((100% - 5px * 1) / 2);
  }
}
.vote-info__list--result {
  gap: 5px;
}
.vote-info__list--result > * {
  width: calc(335px + (100% - 2035px) / 6);
}
@media screen and (max-width: 1023.9px) {
  .vote-info__list--result {
    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: 5px 5px;
    width: 100%;
  }
  .vote-info__list--result > * {
    width: calc((100% - 5px * 1) / 2);
    min-width: calc((100% - 5px * 1) / 2);
  }
  .vote-info__list--result > *:nth-of-type(3), .vote-info__list--result > *:nth-of-type(4) {
    min-width: 100%;
  }
}
.vote-info__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
@media screen and (min-width: 1023.9px) {
  .vote-info__row {
    margin-top: 30px;
  }
}
.vote-info__row > * {
  position: relative;
  flex: 1;
}
.vote-info__row > *:first-child::before {
  content: "";
  border-left: 1px solid #c7e1ff;
  position: absolute;
  height: 100px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1023.9px) {
  .vote-info__row > *:first-child::before {
    height: 60px;
  }
}
@media screen and (max-width: 1023.9px) {
  .vote-info__row {
    padding-bottom: 30px;
  }
}
.vote-info__total {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media screen and (max-width: 1023.9px) {
  .vote-info__total {
    bottom: 10px;
  }
}
.vote-info__item {
  position: relative;
  border-radius: 15px;
  background: #fff;
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 0;
  border-radius: 6px;
  border: 1px solid #e7e7ea;
  text-align: center;
  align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
@media screen and (max-width: 1023.9px) {
  .vote-info__item {
    border-radius: 10px;
  }
}
@media screen and (min-width: 1023.9px) {
  .vote-info__item {
    height: 176px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .vote-info__item {
    padding: 15px;
  }
}
.vote-info__item--green {
  border-color: #c1e8de;
  background-color: #effbf8;
}
.vote-info__item--blue {
  border-color: #c7e1ff;
  background-color: #eff7ff;
}
@media screen and (min-width: 1023.9px) {
  .vote-info__item--l {
    height: 300px;
    padding-bottom: 110px;
  }
}
.vote-info__item--row {
  width: 335px;
  min-width: 335px;
}

.vote__block textarea {
  min-height: 130px;
}
.vote__block__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  margin-top: 10px;
}

.vote__tit {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.vote__tit__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  margin-bottom: 10px;
}
.vote__tit__wrap .vote__tit {
  margin-bottom: 0;
}

.vote-confirm {
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 10px;
  min-height: 130px;
}
.vote-confirm__chk {
  width: 20px;
  min-width: 20px;
}

.result-toggle + .result-toggle {
  margin-top: 40px;
}
@media screen and (max-width: 1023.9px) {
  .result-toggle + .result-toggle {
    margin-top: 20px;
  }
}
.result-toggle__head {
  position: relative;
  border-radius: 15px;
  background-color: #6e6e6f;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
  width: 100%;
  margin-bottom: 5px;
}
@media screen and (max-width: 1023.9px) {
  .result-toggle__head {
    font-size: 16px;
  }
}
.result-toggle__head i {
  position: absolute;
  top: 14px;
  right: 20px;
  transform: rotate(180deg);
}
.result-toggle__head.is-active i {
  transform: rotate(0deg);
}
.result-toggle__body {
  display: none;
}
.result-toggle__body.is-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
}
.result-toggle__item {
  border: 1px solid #e7e7ea;
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
}
@media screen and (max-width: 1023.9px) {
  .result-toggle__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
  }
}
.result-toggle__title {
  min-width: 200px;
  font-size: 20px;
  font-weight: 600;
  align-self: stretch;
  background-color: #f7f7f7;
  border-right: 1px solid #e7e7ea;
  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;
}
@media screen and (max-width: 1023.9px) {
  .result-toggle__title {
    width: 100%;
    padding: 5px;
    font-size: 16px;
    border-right: 0;
  }
}
.result-toggle__cont {
  flex: 1;
}

.result-chart {
  width: 100%;
  border-radius: 19px 0 0 19px;
  height: 19px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  overflow: hidden;
  background-color: #f5f5f7;
}
.result-chart__bar {
  height: 100%;
}
.result-chart__bar.red {
  background-color: #ff5d61;
}
.result-chart__bar.yellow {
  background-color: #ffe100;
}
.result-chart__bar.green {
  background-color: #35c022;
}
.result-chart__bar.blue {
  background-color: #0abbe3;
}
.result-chart__bar.gray {
  background-color: #9a9a9a;
}
.result-chart__lable-row {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023.9px) {
  .result-chart__lable-row {
    font-size: 12px;
    gap: 5px 10px;
    margin-top: 10px;
  }
}
.result-chart__lable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.result-chart__lable i {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.result-chart__lable i.red {
  background-color: #ff5d61;
}
.result-chart__lable i.yellow {
  background-color: #ffe100;
}
.result-chart__lable i.green {
  background-color: #35c022;
}
.result-chart__lable i.blue {
  background-color: #0abbe3;
}
.result-chart__lable i.gray {
  background-color: #9a9a9a;
}
.result-chart__tit {
  width: 100px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 1023.9px) {
  .result-chart__tit {
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    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;
  }
}
.result-chart__tit--s {
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 1023.9px) {
  .result-chart__tit--s {
    font-size: 13px;
  }
}
.result-chart__item {
  padding: 15px;
  border-top: 1px solid #e7e7ea;
}
@media screen and (min-width: 1023.9px) {
  .result-chart__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    padding: 40px;
    gap: 40px;
  }
}
.result-chart__item:first-child {
  border-top: 0;
}

.live .popup {
  color: #222;
}
.live__head {
  padding-block: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  height: 67px;
}
@media screen and (max-width: 1023.9px) {
  .live__head {
    padding-block: 10px;
  }
}
.live__head-title {
  font-size: 28px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
}
.live__head-title--s {
  font-size: 15px;
  font-weight: 400;
}
@media screen and (max-width: 1023.9px) {
  .live__head-title {
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    gap: 5px;
  }
  .live__head-title--s {
    font-size: 12px;
  }
}
@media screen and (max-width: 1023.9px) {
  .live__head .btn {
    padding-inline: 10px !important;
  }
}
.live__head-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
  font-size: 15px;
}
@media screen and (max-width: 1023.9px) {
  .live__head-date {
    gap: 5px;
    font-size: 12px;
  }
}
.live__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  gap: 10px;
}
@media screen and (max-width: 1023.9px) {
  .live__row {
    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;
  }
}
.live__info {
  position: relative;
  width: 595px;
  align-self: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
@media screen and (max-width: 1023.9px) {
  .live__info {
    width: 100%;
  }
}
@media screen and (min-width: 1023.9px) {
  .live__info {
    min-height: calc(var(--vh, 1vh) * 100 - 87px);
    max-height: calc(var(--vh, 1vh) * 100 - 87px);
  }
}
.live__info .btn__wrap {
  margin-top: auto;
  border-top: 1px solid #2d2f30;
  padding-top: 30px;
}
@media screen and (max-width: 767.9px) {
  .live__info .btn__wrap .btn {
    font-size: 13px;
    letter-spacing: -0.5px;
    gap: 5px;
    white-space: inherit;
    text-align: left;
  }
}
.live__watch {
  flex: 1;
  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;
}
.live__video {
  border-radius: 15px;
  overflow: hidden;
}
.live__video img {
  width: 100%;
}
@media screen and (max-width: 1023.9px) {
  .live__video {
    border-radius: 10px;
  }
}
.live__title {
  font-size: 18px;
  font-weight: 700;
}
.live__title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 20px;
  margin-bottom: 15px;
}
.live__title--s {
  font-size: 14px;
  font-weight: 400;
}

.live-chat {
  position: relative;
  height: 80px;
  overflow: hidden;
}
@media screen and (max-width: 1023.9px) {
  .live-chat {
    height: 65px;
  }
}
.live-chat__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 15px;
}
.live-chat__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 25px;
}
.live-chat__item:first-child {
  margin-bottom: 40px;
}
.live-chat__info {
  color: #bababa;
}
.live-chat__toggle-btn {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1023.9px) {
  .live-chat__toggle-btn {
    top: 5px;
  }
}
.live-chat.is-active {
  height: auto;
}
.live-chat.is-active .live-chat__item:first-child {
  margin-bottom: 0;
}
.live-chat.is-active i {
  transform: rotate(180deg);
}

.live-tab {
  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;
  width: 122px;
  height: 34px;
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(0, 0, 0, 0.3);
}
.live-tab__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.live__watch .live-tab__wrap {
  position: absolute;
  top: 82px;
  left: 45px;
  z-index: 10;
}
@media screen and (max-width: 1023.9px) {
  .live__watch .live-tab__wrap {
    top: 77px;
    left: 30px;
  }
}
.live-tab.is-active {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
@media screen and (max-width: 1023.9px) {
  .live-tab {
    width: 100px;
    height: 30px;
  }
}

.live-vote {
  border-radius: 6px;
  background-color: #2d2f30;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  padding: 20px;
  position: relative;
  height: 100px;
}
@media screen and (max-width: 1023.9px) {
  .live-vote {
    height: auto;
    padding: 10px;
  }
}
.live-vote + .live-vote {
  margin-top: 10px;
}
.live-vote__title {
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 1023.9px) {
  .live-vote__title {
    font-size: 14px;
  }
}
.live-vote__badge {
  border-radius: 0 50px 50px 0;
  background: rgba(201, 201, 201, 0.2);
  width: 76px;
  height: 26px;
  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;
  color: #c9c9c9;
  font-weight: 600;
  font-size: 14px;
  position: absolute;
  top: 5px;
  left: 0;
}
.live-vote__badge--green {
  background: rgba(77, 217, 87, 0.2);
  color: #4dd957;
}

.live-card {
  border-radius: 15px;
  background-color: #222526;
  padding: 30px;
}
@media screen and (max-width: 1023.9px) {
  .live-card {
    padding: 15px;
    border-radius: 10px;
  }
  .live-card.live-chat {
    padding-top: 25px;
  }
}

.question {
  background-color: #222526;
  border-radius: 15px;
}
.question__head {
  padding: 15px 30px;
  border-bottom: 1px solid #2d2f30;
}
@media screen and (max-width: 1023.9px) {
  .question__head {
    padding: 10px 15px;
  }
}
.question__body {
  padding: 30px;
}
@media screen and (max-width: 1023.9px) {
  .question__body {
    padding: 15px;
  }
}
.question__item {
  position: relative;
  width: 100%;
  padding: 30px 25px;
  border-radius: 6px;
  border: 1px solid #444748;
  background-color: #2d2f30;
  color: #fff;
  padding-right: 80px;
}
@media screen and (max-width: 1023.9px) {
  .question__item {
    padding: 15px;
    padding-right: 60px;
  }
}
.question__item.is-disable {
  background-color: #222526;
}
.question__item-info {
  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;
  margin-bottom: 10px;
}
.question__item-tit {
  font-size: 15px;
  font-weight: 500;
}
.question__item-date {
  font-size: 13px;
  color: #8d8d8d;
}
.question__item + .question__item {
  margin-top: 10px;
}
.question__item .btn {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1023.9px) {
  .question__item .btn {
    right: 15px;
  }
}