@charset "UTF-8";
@font-face {
  font-family: "SUIT";
  font-weight: 100;
  src: url("../fonts/SUIT-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "SUIT";
  font-weight: 200;
  src: url("../fonts/SUIT-ExtraLight.woff2") format("woff2");
}
@font-face {
  font-family: "SUIT";
  font-weight: 300;
  src: url("../fonts/SUIT-Light.woff2") format("woff2");
}
@font-face {
  font-family: "SUIT";
  font-weight: 400;
  src: url("../fonts/SUIT-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "SUIT";
  font-weight: 500;
  src: url("../fonts/SUIT-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "SUIT";
  font-weight: 600;
  src: url("../fonts/SUIT-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "SUIT";
  font-weight: 700;
  src: url("../fonts/SUIT-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "SUIT";
  font-weight: 800;
  src: url("../fonts/SUIT-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "SUIT";
  font-weight: 900;
  src: url("../fonts/SUIT-Heavy.woff2") format("woff2");
}
@font-face {
  font-family: "MaruBuri";
  font-weight: normal;
  src: url("../fonts/MaruBuri-Regular.woff") format("woff");
}
@font-face {
  font-family: "MaruBuriSemiBold";
  font-weight: normal;
  src: url("../fonts/MaruBuri-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "MaruBuriBold";
  font-weight: normal;
  src: url("../fonts/MaruBuri-Bold.woff") format("woff");
}
@font-face {
  font-family: "MaruBuriLight";
  font-weight: normal;
  src: url("../fonts/MaruBuri-Light.woff") format("woff");
}
@font-face {
  font-family: "MaruBuriExtraLight";
  font-weight: normal;
  src: url("../fonts/MaruBuri-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 900;
  src: url("../fonts/Inter_18pt-Black.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 800;
  src: url("../fonts/Inter_18pt-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 750;
  src: url("../fonts/Inter_18pt-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 700;
  src: url("../fonts/Inter_18pt-Bold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  src: url("../fonts/Inter_18pt-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  src: url("../fonts/Inter_18pt-Medium.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 400;
  src: url("../fonts/Inter_18pt-Regular.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 300;
  src: url("../fonts/Inter_18pt-Light.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 200;
  src: url("../fonts/Inter_18pt-Thin.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  src: url("../fonts/Montserrat-Black.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  src: url("../fonts/Montserrat-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 750;
  src: url("../fonts/Montserrat-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  src: url("../fonts/Montserrat-Bold.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  src: url("../fonts/Montserrat-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  src: url("../fonts/Montserrat-Medium.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  src: url("../fonts/Montserrat-Regular.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  src: url("../fonts/Montserrat-Light.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 200;
  src: url("../fonts/Montserrat-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 100;
  src: url("../fonts/Montserrat-Thin.woff") format("woff");
}
/* 최대 화면 크기 설정 */
.fc-g2 {
  color: #949494;
}

.fc-red {
  color: #f82514;
}

/* 반응형이 일어날 화면 설정 */
/* 화면 크기에 따라 크기를 알맞게 설정해주는 함수 */
/* reset */
/* rem 설정을 위한 폰트 */
html {
  font-size: 20px;
}
@media (max-width: 320px) {
  html {
    font-size: 18px;
  }
}
@media (max-width: 280px) {
  html {
    font-size: 16px;
  }
  html .instagram-media {
    min-width: 100% !important;
  }
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
pre {
  -webkit-text-size-adjust: none;
  line-height: 1.5;
  font-weight: 400;
  color: #1e292d;
  font-family: "SUIT", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 20px;
}

/*-webkit-text-size-adjust: none(글자크기 자동조정 방지) , auto (화면의 폭에 맞추어서 텍스트의 크기를 자동으로 조절 , 100%(폰트크기를 지정된사이즈로 변경);*/
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
table,
tr,
td,
dl,
dt,
dd,
a,
img,
input,
button,
select,
textarea {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

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

address,
cite,
dfn,
em,
var {
  font-style: normal;
}

code,
kbd,
samp {
  font-family: dotum, "돋움", courier new, courier, monospace;
}

header,
hgroup,
article,
nav,
footer,
figure,
figcaption,
canvas,
section,
main,
menu {
  display: block;
  margin: 0;
  padding: 0;
}

/* 모바일에서 꾹 눌렀을때 텍스트 복사 막기 */
body,
div,
p,
ul,
li,
input,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
a,
select,
textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #1e292d;
}

img,
fieldset,
iframe {
  border: 0 none;
}

fieldset {
  width: auto;
  min-width: 0;
  max-width: none;
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
legend.focusable:active, legend.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}

img {
  max-width: 100%;
  border: 0px;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  display: none;
}

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

/* reset */
.btn {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.btn.icon-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn.icon-btn .icon-box {
  margin-right: 0.2rem;
}
.btn.small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 6rem;
  height: 1.8rem;
  line-height: 1;
  padding: 0 0.5rem;
  font-size: 0.7rem;
}
.btn.medium {
  max-width: 12.6rem;
  width: 100%;
  height: 2.8rem;
  line-height: 2.7rem;
  padding: 0 0.5rem;
  font-size: 0.8rem;
  font-weight: 500;
}
.btn.large {
  height: 3.4rem;
  line-height: 3.3rem;
  padding: 0 0.8rem;
  font-weight: 400;
  font-size: 1rem;
}
.btn.xlarge {
  height: 4.4rem;
  line-height: 4.3rem;
  padding: 0 1rem;
  font-weight: 700;
  font-size: 1.1rem;
}
.btn.full {
  max-width: 100%;
}
.btn.fw700 {
  font-weight: 700;
}
.btn.primary {
  background-color: #2546cd;
  border-color: #2546cd;
  color: #fff;
}
.btn.slightly {
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.btn.lightSlightly {
  background-color: #989898;
  border-color: #989898;
  color: #fff;
}
.btn.dark {
  background-color: #222;
  border-color: #222;
  color: #fff;
}
.btn.danger {
  background-color: #e0012b;
  border-color: #e0012b;
  color: #fff;
}
.btn.warning {
  background-color: #f82514;
  border-color: #f82514;
  color: #fff;
}
.btn.bg-black {
  color: #fff;
  background-color: #1e292d;
}
.btn.bg-g1 {
  color: #fff;
  background-color: #5c5c5d;
}
.btn.bg-g4 {
  background-color: #f3f4f5;
}
.btn.bg-wh {
  color: #1e292d;
  border: 1px solid #1e292d;
  background-color: #fff;
}
.btn.bg-wh:disabled {
  color: #949494;
  background-color: #f3f4f5;
  border-color: #f3f4f5;
}
.btn.bg-light-black {
  color: #fff;
  background-color: #3f3f3f;
}
.btn.bg-light-green {
  color: #1e292d;
  background-color: #00fa8c;
}
.btn.round.small {
  border-radius: 0.2rem;
}
.btn.round.medium {
  border-radius: 40px;
}
.btn.round.large {
  border-radius: 30px;
}
.btn.round.xlarge {
  border-radius: 30px;
}
.btn.border {
  border: 1px solid #1e292d;
}
.btn.border.primary {
  color: #2546cd;
  border-color: #2546cd;
  background-color: transparent;
}
.btn.border.slightly {
  border-color: #888;
  color: #888;
  background-color: transparent;
}
.btn.border.lightSlightly {
  border-color: #a1a1a1;
  color: #a1a1a1;
  background-color: transparent;
}
.btn.border.dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}
.btn.border.warning {
  border-color: #f82514;
  color: #f82514;
  background-color: transparent;
}
.btn.border.danger {
  border-color: #e0012b;
  color: #e0012b;
  background-color: transparent;
}
.btn:disabled {
  color: #e8e8e8;
  background-color: #949494;
}

.btn-wrap.txt-center {
  text-align: center;
}
.btn-wrap .underline-btn {
  margin-top: 1.2rem;
}
.btn-wrap.btn-wrap-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.btn-wrap.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
.btn-wrap.half .btn {
  max-width: 50%;
  width: 50%;
}
.btn-wrap .prev-btn,
.btn-wrap .next-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-wrap .prev-btn .icon-box {
  margin-right: 0.2rem;
}
.btn-wrap .next-btn .icon-box {
  margin-left: 0.2rem;
}
.btn-wrap .half-box.mobile-show {
  display: none;
}
@media (max-width: 960px) {
  .btn-wrap .underline-btn {
    margin-top: 1.6rem;
  }
  .btn-wrap .half-box.pc-show {
    display: none;
  }
  .btn-wrap .half-box.mobile-show {
    display: block;
  }
}

.add-more-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #949494;
  line-height: 1;
}
.add-more-btn .icon-box {
  margin-left: 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-arrow-right-gray.png");
}

.underline-btn {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 0.98rem;
  color: #1e292d;
}

.box-direction-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (max-width: 960px) {
  .box-direction-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}

.box-direction-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.data-table table {
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #ddd;
}
.data-table th,
.data-table td {
  padding: 0.5rem 0.75rem;
  text-align: left;
  font-size: 14px;
}
@media (max-width: 960px) {
  .data-table th,
  .data-table td {
    padding: 10px 8px;
    font-size: 12px;
  }
}
.data-table th.left,
.data-table td.left {
  text-align: left;
}
.data-table th.center,
.data-table td.center {
  text-align: center;
}
.data-table th {
  background-color: #f1f1f1;
  border-bottom: 1px solid #ddd;
}
.data-table td {
  border-bottom: 1px solid #ddd;
}

.pagination-box {
  margin-top: 3.6rem;
}
.pagination-box .btn-wrap {
  text-align: center;
}
.pagination-box .btn-wrap.mobile-show {
  display: none;
}
@media (max-width: 960px) {
  .pagination-box {
    margin-top: 1.6rem;
  }
  .pagination-box .btn-wrap.mobile-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.pagination button {
  display: block;
}
.pagination .paging {
  width: 1.1rem;
  height: 1.6rem;
  margin: 0 0.25rem;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 0.9985rem;
  color: #949494;
}
.pagination .paging.current {
  color: #000;
  font-weight: 700;
}
.pagination .paging-more {
  margin: 0 0.25rem;
  width: 1.1rem;
  height: 1.6rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 0.9985rem;
  color: #949494;
  pointer-events: none;
}
.pagination .controller {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 1rem;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1.6rem 1.6rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pagination .controller.prev {
  margin-left: 0.25rem;
  background-image: url("../images/components/icon-pagination-prev-round.png");
}
.pagination .controller.next {
  margin-right: 0.25rem;
  background-image: url("../images/components/icon-pagination-next-round.png");
}
.pagination .controller.first {
  background-image: url("../images/components/icon-pagination-prev-10.png");
}
.pagination .controller.last {
  background-image: url("../images/components/icon-pagination-next-10.png");
}
.pagination .controller.disabled {
  pointer-events: none;
}

.input-cover {
  position: relative;
}
.input-cover.float {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.input-cover.float.active .form-label {
  padding: 0 0.2rem;
  left: 0.8rem;
  -webkit-transform: translate3d(0, -26px, 0) scale(0.75);
          transform: translate3d(0, -26px, 0) scale(0.75);
  color: #000;
  background-color: #fff;
}
.input-cover.float.active .required {
  color: #000;
}
.input-cover.float.active .form-input[type=date] {
  color: #000;
}
.input-cover.float.active .form-input::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}
.input-cover.float.active .form-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.input-cover.float.active .form-input:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}
.input-cover.float.active .form-input:-moz-placeholder {
  color: #999;
  opacity: 1;
}
.input-cover.float.active .form-input::-ms-input-placeholder {
  color: #999;
  opacity: 1;
}
.input-cover.float.active .form-input::placeholder {
  color: #999;
  opacity: 1;
}
.input-cover.float .form-label {
  position: absolute;
  top: 0.85rem;
  left: 1rem;
  z-index: 2;
  width: auto;
  margin-bottom: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background-color: #fff;
}
.input-cover.float .form-input::-webkit-input-placeholder {
  color: transparent;
  opacity: 1;
}
.input-cover.float .form-input::-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.input-cover.float .form-input:-ms-input-placeholder {
  color: transparent;
  opacity: 1;
}
.input-cover.float .form-input:-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.input-cover.float .form-input::-ms-input-placeholder {
  color: transparent;
  opacity: 1;
}
.input-cover.float .form-input::placeholder {
  color: transparent;
  opacity: 1;
}
.input-cover.float .etc-right {
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.input-cover.focus, .input-cover.open-datepicker {
  border-color: #2c599d;
}
.input-cover.focus .form-label,
.input-cover.focus .required, .input-cover.open-datepicker .form-label,
.input-cover.open-datepicker .required {
  color: #2c599d !important;
}
.input-cover.focus .form-input, .input-cover.open-datepicker .form-input {
  border-color: #2c599d;
}
.input-cover.right-space.small .form-input {
  padding-right: 2.8rem;
}
.input-cover.right-space .form-input {
  padding-right: 4.6rem;
}
.input-cover.error .icon-error {
  display: block;
}
.input-cover.error .form-input {
  padding-right: 2.5rem;
  border-color: #e0012b;
}
.input-cover .cover-inner {
  position: relative;
}
.input-cover .form-input {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 2.8rem;
  line-height: 2.7rem;
  padding: 0 0.8rem;
  border: 1px solid #e8e8e8;
  font-size: 0.8rem;
  background-color: #fff;
  outline: 0;
}
.input-cover .form-input::-webkit-input-placeholder {
  color: #949494;
  opacity: 1;
}
.input-cover .form-input::-moz-placeholder {
  color: #949494;
  opacity: 1;
}
.input-cover .form-input:-ms-input-placeholder {
  color: #949494;
  opacity: 1;
}
.input-cover .form-input:-moz-placeholder {
  color: #949494;
  opacity: 1;
}
.input-cover .form-input::-ms-input-placeholder {
  color: #949494;
  opacity: 1;
}
.input-cover .form-input::placeholder {
  color: #949494;
  opacity: 1;
}
.input-cover .form-input:-moz-read-only, .input-cover .form-input:disabled {
  color: #949494 !important;
  background-color: #e8e8e8;
}
.input-cover .form-input:read-only, .input-cover .form-input:disabled {
  color: #949494 !important;
  background-color: #e8e8e8;
}
.input-cover .form-input:-moz-read-only.datepicker-input, .input-cover .form-input:disabled.datepicker-input {
  color: #1e292d !important;
  background-color: transparent;
}
.input-cover .form-input:read-only.datepicker-input, .input-cover .form-input:disabled.datepicker-input {
  color: #1e292d !important;
  background-color: transparent;
}
.input-cover .form-input:read-only.datepicker-input::-webkit-input-placeholder, .input-cover .form-input:disabled.datepicker-input::-webkit-input-placeholder {
  color: #949494 !important;
}
.input-cover .form-input:read-only.datepicker-input::-moz-placeholder, .input-cover .form-input:disabled.datepicker-input::-moz-placeholder {
  color: #949494 !important;
}
.input-cover .form-input:read-only.datepicker-input::-ms-input-placeholder, .input-cover .form-input:disabled.datepicker-input::-ms-input-placeholder {
  color: #949494 !important;
}
.input-cover .form-input:read-only.datepicker-input::placeholder, .input-cover .form-input:disabled.datepicker-input::placeholder {
  color: #949494 !important;
}
.input-cover .form-input:-moz-read-only.result-file-input, .input-cover .form-input:disabled.result-file-input {
  color: #949494 !important;
  background-color: #e8e8e8;
}
.input-cover .form-input:read-only.result-file-input, .input-cover .form-input:disabled.result-file-input {
  color: #949494 !important;
  background-color: #e8e8e8;
}
.input-cover .form-text {
  font-size: 0.8rem;
}
.input-cover .form-label {
  margin-bottom: 0.4rem;
  display: block;
  font-size: 0.8rem;
  color: #1e292d;
  font-weight: 500;
  line-height: 1.12rem;
}
.input-cover .required {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.8rem;
  color: #999;
}
.input-cover .etc-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  position: absolute;
  z-index: 2;
  bottom: 0.8rem;
  right: 0.8rem;
}
.input-cover .mode-text {
  font-size: 0.8rem;
}
.input-cover .btn-type-change {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-eye-off.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999px;
  color: transparent;
}
.input-cover .btn-type-change.type-text {
  background-image: url("../images/icon/icon-eye-on.png");
}
.input-cover .file-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  position: relative;
}
.input-cover .file-wrapper .file-input {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  top: 0;
  right: 0;
  z-index: 1;
}
.input-cover .file-wrapper .file-input.focusable:active, .input-cover .file-wrapper .file-input.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.input-cover .file-wrapper .file-input:focus-visible + .btn {
  outline: 2px solid #000;
}
.input-cover .file-wrapper .btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 6rem;
  font-size: 0.8rem;
}
.input-cover.disable-active.float .form-label {
  padding: 0 0.2rem;
  left: 0.8rem;
  -webkit-transform: translate3d(0, -26px, 0) scale(0.75);
          transform: translate3d(0, -26px, 0) scale(0.75);
  color: #999;
}
.input-cover.disable-active .required {
  color: #999;
}
.input-cover.type-change .form-input {
  padding-right: 2.8rem;
}
@media (max-width: 960px) {
  .input-cover.type-change .form-input {
    padding-right: 2.3rem;
  }
}

.form-btn-with-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
.form-btn-with-container .input-cover,
.form-btn-with-container .selectric-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.form-btn-with-container .btn {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.form-btn-with-container.medium .btn {
  max-width: 6rem;
}

.selector-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0.5rem;
}
.selector-wrapper.horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 1.2rem;
     -moz-column-gap: 1.2rem;
          column-gap: 1.2rem;
}

.selector-cover {
  line-height: 1;
  font-size: 0;
}
.selector-cover input {
  position: absolute;
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.selector-cover input.focusable:active, .selector-cover input.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.selector-cover input:focus-visible + .selector-text {
  outline: auto;
  outline-color: -webkit-focus-ring-color;
}
.selector-cover .label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  cursor: pointer;
}
.selector-cover .selector-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8rem;
  word-break: keep-all;
  font-weight: 400;
}
.selector-cover .selector {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #e0e0e3;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.selector-cover .selector:after {
  display: block;
  content: "";
  position: absolute;
}
.selector-cover.checkbox .selector {
  border-radius: 0.2rem;
}
.selector-cover.checkbox .selector:after {
  display: none;
  left: calc(50% - 0.25rem);
  top: 50%;
  width: 0.25rem;
  height: 0.5rem;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
          transform: rotate(45deg) translate(-50%, -50%);
}
.selector-cover.checkbox.round .selector-text {
  padding-left: 1.6rem;
  min-height: 1.2rem;
}
.selector-cover.checkbox.round .selector {
  width: 1.2rem;
  height: 1.2rem;
  border: 0;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("../images/components/icon-checkbox-round-off.png");
}
.selector-cover.checkbox.round input:checked + .selector-text .selector {
  background-image: url("../images/components/icon-checkbox-round-on.png");
}
.selector-cover.checkbox.round input:checked + .selector-text .selector:after {
  display: none;
}
.selector-cover.checkbox.square .selector-text {
  padding-left: 1.6rem;
  min-height: 1.2rem;
}
.selector-cover.checkbox.square .selector {
  width: 1.2rem;
  height: 1.2rem;
  border: 0;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-image: url("../images/components/icon-checkbox-square-off.png");
}
.selector-cover.checkbox.square input:checked + .selector-text .selector {
  background-image: url("../images/components/icon-checkbox-square-on.png");
}
.selector-cover.checkbox.square input:checked + .selector-text .selector:after {
  display: none;
}
.selector-cover.checkbox.solo .selector-text {
  padding-left: 1.2rem;
}
.selector-cover.checkbox.line .selector {
  border: 1px solid #e8e8e8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.selector-cover.radio input:checked + .selector-text .selector {
  background-color: #fff;
  border-color: #000;
}
.selector-cover.radio input:checked + .selector-text .selector:after {
  background-color: #000;
}
.selector-cover.radio .selector-text {
  padding-left: 1.4rem;
  min-height: 1.2rem;
}
.selector-cover.radio .selector {
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 50%;
}
.selector-cover.radio .selector:after {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #fff;
}
.selector-cover.radio.solo .selector-text {
  padding-left: 1.6rem;
}

.form-guide-text {
  display: block;
  margin-top: 0.4rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #949494;
  word-break: keep-all;
}
.form-guide-text + .form-guide-text {
  margin-top: 0.2rem;
}
.form-guide-text.mark-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-guide-text.mark-box .mark {
  margin-right: 0.15rem;
}

.form-textarea {
  display: block;
  height: 6rem;
  padding: 0.6rem 1rem;
  border: 1px solid rgba(30, 41, 45, 0.2);
  font-size: 0.8rem;
  resize: none;
  overflow: auto;
}
.form-textarea::-webkit-input-placeholder {
  color: #949494;
  opacity: 1;
}
.form-textarea::-moz-placeholder {
  color: #949494;
  opacity: 1;
}
.form-textarea:-ms-input-placeholder {
  color: #949494;
  opacity: 1;
}
.form-textarea:-moz-placeholder {
  color: #949494;
  opacity: 1;
}
.form-textarea::-ms-input-placeholder {
  color: #949494;
  opacity: 1;
}
.form-textarea::placeholder {
  color: #949494;
  opacity: 1;
}
.form-textarea.error {
  border-color: #2546cd;
}
.form-textarea.sm {
  height: 4rem;
}
.form-textarea.md {
  height: 6rem;
}
.form-textarea.lg {
  height: 10rem;
}
.form-textarea.xl {
  height: 15rem;
}
.form-textarea.full {
  width: 100% !important;
}
.form-textarea:-moz-read-only, .form-textarea:disabled {
  background-color: #f1f1f1;
}
.form-textarea:read-only, .form-textarea:disabled {
  background-color: #f1f1f1;
}
@media (max-width: 960px) {
  .form-textarea.sm {
    height: 9rem;
  }
}

.length-check-cover .count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 0.6rem;
  font-size: 0.7rem;
  color: #999;
}

.selectric-container {
  position: relative;
}
.selectric-container.active.init-before .selectric .label {
  color: #999;
}
.selectric-container.active.open .select-label {
  z-index: 5;
  color: #2c599d;
}
.selectric-container.active.open .select-label .required {
  color: #2c599d;
}
.selectric-container.active .select-label {
  z-index: 3;
  left: 0.8rem;
  -webkit-transform: translate3d(0, -8px, 0) scale(0.75);
          transform: translate3d(0, -8px, 0) scale(0.75);
  padding: 0 0.2rem;
  background-color: #fff;
}
.selectric-container.active .selectric .label {
  color: #000;
}
.selectric-container.disabled .select-label {
  color: #999;
  background-color: transparent;
}
.selectric-container.disabled .select-label .required {
  color: #999;
}
.selectric-container.error .selectric {
  border-color: #e0012b;
}
.selectric-container .selectric-wrapper {
  position: relative;
  z-index: 2;
}
.selectric-container .selectric {
  border: 1px solid #e0e0e3;
  padding-left: 1rem;
  padding-right: 2.6rem;
  border-radius: 0.2rem;
  background-color: #fff;
}
.selectric-container .selectric .button {
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  text-indent: -9999px;
  background-color: transparent;
}
.selectric-container .selectric .button:after {
  width: 1rem;
  height: 1rem;
  border: 0;
  background: url("../images/components/icon-selectbox-arrow.png") no-repeat 0 0;
  background-size: cover;
}
.selectric-container .selectric .label {
  margin: 0;
  color: #999;
}
.selectric-container .selectric .icon-error {
  display: none;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  right: 2.6rem;
  z-index: 2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../images/icon/icon-alert-triangle-red-24x24.png") no-repeat 0 0;
  background-size: cover;
}
.selectric-container .selectric-above .selectric-items {
  margin-bottom: 0.35rem;
}
.selectric-container .required {
  display: inline-block;
  font-size: 0.8rem;
  vertical-align: middle;
  color: #999;
}
.selectric-container .selectric-open {
  z-index: 4;
}
.selectric-container .selectric-open .selectric {
  border-color: #2c599d;
}
.selectric-container .selectric-open .selectric .label,
.selectric-container .selectric-open .selectric .required {
  color: #2c599d;
}
.selectric-container .selectric-open .button {
  overflow: hidden;
}
.selectric-container .selectric-open .button:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.selectric-container .selectric-disabled {
  opacity: 1;
}
.selectric-container .selectric-disabled .selectric {
  background-color: #fafafa;
}
.selectric-container .selectric-disabled .selectric .label {
  color: #999;
}
.selectric-container .selectric-first-show .selectric-scroll li:first-child {
  display: block;
}
.selectric-container .selectric-scroll li:first-child {
  display: none;
}
.selectric-container .select-label {
  position: absolute;
  top: 0;
  left: 1rem;
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  font-size: 0.8rem;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.selectric-container .select-label .required {
  color: #000;
}
.selectric-container .selectric-items {
  max-height: 11.25rem;
  overflow: auto;
  border-radius: 5px;
  border: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1607843137);
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1607843137);
}
.selectric-container .selectric-items li.selected {
  background-color: #2c599d !important;
  color: #fff !important;
}
.selectric-container .selectric-items li:hover {
  background-color: #fafafa;
}
.selectric-container .selectric-small .label {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.7rem;
}
@media (max-width: 960px) {
  .selectric-container .selectric-small .label {
    font-size: 0.6rem;
  }
}
.selectric-container .selectric-small .selectric-items li {
  padding: 0.6rem;
  font-weight: 300;
  font-size: 0.7rem;
}
@media (max-width: 960px) {
  .selectric-container .selectric-small .selectric-items li {
    padding: 0.5rem;
    font-size: 0.6rem;
  }
}
.selectric-container .selectric-medium .label {
  height: 2.7rem;
  line-height: 2.7rem;
  font-size: 0.8rem;
}
.selectric-container .selectric-medium .selectric-items li {
  padding: 0.85rem 1rem;
  font-size: 0.8rem;
}
.selectric-container .selectric-large .label {
  height: 2.6rem;
  line-height: 2.6rem;
  font-size: 0.9rem;
}
@media (max-width: 960px) {
  .selectric-container .selectric-large .label {
    font-size: 0.75rem;
  }
}
.selectric-container .selectric-large .selectric-items li {
  padding: 0.8rem 0.9rem;
  font-weight: 300;
  font-size: 0.9rem;
}
@media (max-width: 960px) {
  .selectric-container .selectric-large .selectric-items li {
    padding: 0.6rem 0.7rem;
    font-size: 0.75rem;
  }
}

.select-box-container .form-label {
  display: block;
  padding-bottom: 0.15rem;
  font-size: 0.8rem;
}
.select-box-container .form-label .required {
  display: inline-block;
  margin-left: 0.15rem;
  font-weight: 700;
  font-size: 0.8rem;
  color: #2546cd;
  vertical-align: middle;
}
.select-box-container .form-select {
  width: 100%;
  padding: 0 1.8rem 0 0.8rem;
  border: 0;
  border: 1px solid #e8e8e8;
  color: #000;
  background: url("../images/components/icon-selectbox-arrow.png") no-repeat 0 0;
  background-position: center right 0.8rem;
  background-size: 0.8rem 0.8rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.select-box-container .form-select.disabled {
  color: #949494;
}
@media (max-width: 960px) {
  .select-box-container .form-select {
    background-position: center right 0.4rem;
  }
}
.select-box-container.small .form-select {
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #5c5c5d;
}
.select-box-container.small .form-select option {
  font-size: 0.7rem;
}
.select-box-container.medium .form-select {
  height: 2.1rem;
  line-height: 2.1rem;
  font-size: 0.8rem;
}
.select-box-container.medium .form-select option {
  font-size: 0.8rem;
}
.select-box-container.large .form-select {
  padding-right: 2.3rem;
  height: 2.8rem;
  line-height: 2.8rem;
  font-size: 0.8rem;
  background: url("../images/components/icon-selectbox-arrow-large.png") no-repeat 0 0;
  background-position: center right 0.8rem;
  background-size: 1.2rem 1.2rem;
}
.select-box-container.large .form-select option {
  font-size: 0.8rem;
}
@media (max-width: 960px) {
  .select-box-container.large .form-select {
    padding-right: 1.8rem;
    background-position: center right 0.4rem;
  }
}
.select-box-container.active.float .form-label {
  -webkit-transform: translate3d(0, -20px, 0) scale(0.8);
          transform: translate3d(0, -20px, 0) scale(0.8);
}
.select-box-container.float {
  position: relative;
}
.select-box-container.float .form-label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  font-size: 0.9rem;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.select-box-container.float .form-select {
  position: relative;
  z-index: 2;
  background-color: #fff;
}
.select-box-container.float .form-select option:first-child {
  display: none;
}

.font.warning {
  color: #f82514;
}
.font.slightly {
  color: #888;
}
.font.primary {
  color: #2546cd;
}
.font.danger {
  color: #e0012b;
}
.font.dark {
  color: #222;
}
.font.lightSlightly {
  color: #a1a1a1;
}
.font.black {
  color: #1e292d;
}

.switch-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.switch-container .switch-icon {
  position: relative;
}
.switch-container .switch-input {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.switch-container .switch-input.focusable:active, .switch-container .switch-input.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.switch-container .switch-input:focus-visible + .switch-label {
  outline: auto;
  outline-color: -webkit-focus-ring-color;
}
.switch-container .switch-input:checked + .switch-label .switch-button {
  background-image: url("../images/components/bg-switch-on.png");
}
.switch-container .switch-input:checked + .switch-label .btn-on-off {
  left: 1.25rem;
}
.switch-container .switch-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.switch-container .switch-button {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: block;
  width: 2.8rem;
  height: 1.6rem;
  position: relative;
  cursor: pointer;
  border-radius: 50px;
  background-image: url("../images/components/bg-switch.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.switch-container .btn-on-off {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: calc(50% - -0.05rem);
  left: 0.1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 1.45rem;
  height: 1.5rem;
  border-radius: 50%;
  text-indent: -9999px;
  background-image: url("../images/components/button-switch.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.switch-container .switch-text {
  margin-left: 0.4rem;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
}

.rating-select-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rating-select-container input {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.rating-select-container input.focusable:active, .rating-select-container input.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.rating-select-container label {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  display: block;
  position: relative;
  width: 2.3rem;
  height: 2.2rem;
  margin-left: 0.4rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  background-image: url("../images/components/icon-star-empty.svg");
  text-indent: -9999px;
  cursor: pointer;
}
.rating-select-container label.checked {
  background-image: url("../images/components/icon-star-full.svg");
}
.rating-select-container label:nth-of-type(1) {
  margin-left: 0;
}

.layer-popup {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer-popup.open {
  visibility: visible;
  opacity: 1;
}
.layer-popup .popup-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
  max-height: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.layer-popup .popup-container.medium {
  max-width: 600px;
}
.layer-popup .popup-container.small {
  max-width: 436px;
}
.layer-popup .popup-container.tiny {
  max-width: 240px;
}
.layer-popup .popup-header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  background-color: #fff;
}
.layer-popup .popup-header .btn-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  width: 1.5rem;
  height: 1.5rem;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1.15rem 1.15rem;
  background-image: url("../images/icon/icon-close-bk-23x23.png");
}
.layer-popup .popup-title {
  padding: 1.6rem 1.2rem 1.2rem;
  text-align: center;
}
.layer-popup .popup-title strong {
  font-size: 1rem;
  font-weight: 700;
}
.layer-popup .popup-content {
  height: 100%;
  overflow: auto;
  position: relative;
  background-color: #fff;
}
.layer-popup .popup-inner {
  padding: 1.2rem 1.2rem 1.6rem;
  position: relative;
}
.layer-popup .popup-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0 0 16px 16px;
  overflow: hidden;
}
.layer-popup .popup-footer .btn-area .btn {
  width: 100%;
  height: 2.8rem;
  line-height: 2.8rem;
  text-align: center;
  border: 0;
  font-weight: 700;
  font-size: 0.8rem;
  color: #fff;
}
.layer-popup .popup-footer .btn-area .btn-close {
  color: #1e292d;
  background-color: #e8e8e8;
}
.layer-popup .popup-footer .btn-area .btn-ok {
  background-color: #1e292d;
}
.layer-popup .popup-footer .btn-area.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layer-popup .popup-footer .btn-area.half .btn {
  width: 50%;
}
.layer-popup.full-scroll {
  display: block;
  overflow: auto;
  text-align: center;
  font-size: 0;
}
.layer-popup.full-scroll:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.layer-popup.full-scroll .popup-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 auto;
  max-height: none;
  border-radius: 16px;
  font-size: initial;
}
.layer-popup.full-scroll .popup-content {
  height: auto;
  position: relative;
  overflow: visible;
  text-align: left;
}

.layer-popup-dim {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  background-color: rgba(0, 0, 0, 0.5);
}
.layer-popup-dim.show {
  -webkit-animation: dimShow 0.3s forwards;
          animation: dimShow 0.3s forwards;
}

@-webkit-keyframes dimShow {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes dimShow {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.info-content-popup .popup-inner {
  padding: 3.2rem 1.2rem;
}
.info-content-popup .info-content-box {
  text-align: center;
}
.info-content-popup .info-content-box .text-box + .text-box {
  padding-top: 0.8rem;
}
.info-content-popup .text-box {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4rem;
  text-align: center;
  color: #1e292d;
  word-break: keep-all;
}
.info-content-popup strong {
  font-weight: 700;
}
.info-content-popup .sub-text-box {
  padding-top: 0.8rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  text-align: center;
  color: #1e292d;
}
.info-content-popup .article-write-box {
  padding-top: 1.8rem;
}

.info-content-login-check .popup-container.medium {
  max-width: 508px;
}
.info-content-login-check .popup-container .text-box + .text-box {
  padding-top: 0.8rem;
}

.user-info-alert-popup .popup-inner {
  padding-top: 0;
}
.user-info-alert-popup .info-content-box {
  height: 22rem;
  overflow: auto;
}
.user-info-alert-popup .info-content-box-item {
  padding: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  background-color: #f3f4f5;
  border-radius: 8px;
}
.user-info-alert-popup .info-content-box-item + .info-content-box-item {
  margin-top: 0.4rem;
}
.user-info-alert-popup .mark-icon {
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
}
.user-info-alert-popup .text {
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  text-align: left;
}
.user-info-alert-popup .text strong {
  font-weight: 700;
}
.user-info-alert-popup .info-text {
  padding-top: 0.2rem;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  text-align: left;
  color: #5c5c5d;
}
.user-info-alert-popup .row-box {
  padding-top: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-info-alert-popup .date {
  padding-right: 0.4rem;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  text-align: left;
  color: #949494;
}
.user-info-alert-popup .btn {
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  text-align: left;
  color: #949494;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user-info-alert-popup .btn .icon-box {
  margin-right: 0.1rem;
  width: 0.8rem;
  height: 0.8rem;
}
.user-info-alert-popup .pagination-box {
  margin-top: 1.2rem;
}
@media (max-width: 960px) {
  .user-info-alert-popup .btn {
    color: #1e292d;
    font-weight: 700;
  }
}

.magazine-included-popup .popup-inner {
  padding-top: 0;
}
.magazine-included-popup .content-tab-menu-box {
  padding-top: 0;
}
.magazine-included-popup .select-box-container {
  padding-top: 0.6rem;
}
.magazine-included-popup .article-content-column-box {
  padding-top: 1.2rem;
}
.magazine-included-popup .article-content-column-box .article-info-box {
  padding-top: 0;
}
.magazine-included-popup .article-content-column-box .article-info-box + .article-info-box {
  padding-top: 0;
  margin-top: 0.4rem;
}
.magazine-included-popup .article-content-column-box .article-info-box .article-info-box-btn {
  max-width: calc(100% - 1.8rem);
  gap: 8px;
  padding: 0.8rem;
  background-color: #f3f4f5;
  border-radius: 16px;
}
.magazine-included-popup .article-content-column-box .article-info-box .label-text {
  padding: 0.1rem 0.4rem;
  margin-bottom: 0.4rem;
  font-size: 0.6rem;
  line-height: 0.84rem;
}
.magazine-included-popup .article-content-column-box .article-info-box .image-box {
  max-width: 4.4rem;
  height: 2.4rem;
}
.magazine-included-popup .article-content-column-box .article-info-box .subject {
  font-size: 0.8rem;
  line-height: 1.12rem;
}
.magazine-included-popup .article-content-column-box .article-info-box .text {
  padding-top: 0.2rem;
  font-size: 0.7rem;
  line-height: 0.98rem;
}
.magazine-included-popup .article-content-column-box .article-info-box .date {
  padding-top: 0.4rem;
  font-size: 0.65rem;
  line-height: 0.91rem;
}
.magazine-included-popup .article-info-box .selector-cover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.magazine-included-popup .article-info-box .selector-cover .label {
  width: 100%;
  height: 100%;
}
.magazine-included-popup .article-info-box .selector-cover.checkbox.solo .selector-text {
  margin-top: auto;
  margin-left: auto;
  margin-bottom: auto;
}
.magazine-included-popup .article-info-box .selector-cover.checkbox.square .selector {
  border-color: #949494;
}
.magazine-included-popup .pagination-box {
  margin-top: 1.2rem;
}
@media (max-width: 360px) {
  .magazine-included-popup .article-content-column-box .article-info-box .label-text {
    word-break: keep-all;
  }
  .magazine-included-popup .pagination-box .btn {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
    font-size: 0.7rem;
  }
}

.today-control-box {
  padding-top: 1.2rem;
  position: relative;
  text-align: center;
}
.today-control-box .selector-cover.checkbox.square .selector-text {
  padding-left: 1rem;
  min-height: 0.8rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  text-align: left;
}
.today-control-box .selector-cover.checkbox.square input:checked + .selector-text .selector {
  background-image: url("../images/components/icon-checkbox-square-on-20x20.png");
}
.today-control-box .selector-cover.checkbox.square .selector {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/components/icon-checkbox-square-off-20x20.png");
}

.notice-popup .popup-inner {
  padding: 3rem 2rem 2rem;
}
@media (max-width: 1100px) {
  .notice-popup .popup-inner {
    padding: 50px 16px;
  }
}

.popup-title-box {
  margin-bottom: 0.8rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4rem;
  text-align: center;
  color: #1e292d;
  word-break: keep-all;
}

.write-post-popup .popup-container {
  max-width: 508px;
}
.write-post-popup .popup-inner {
  padding: 2.4rem 1.8rem;
}
.write-post-popup .article-write-box-wrap {
  max-width: 100%;
}
.write-post-popup .subject-title {
  margin-bottom: 0.6rem;
  padding-bottom: 0.6rem;
  font-size: 1rem;
  color: #1e292d;
  font-weight: 700;
  line-height: 1.4rem;
  border-bottom: 2px solid #1e292d;
}
.write-post-popup .article-write-box + .article-write-box {
  padding-top: 2.4rem;
}
.write-post-popup .article-write-box .check-content-box .selector-wrapper {
  padding-top: 0.6rem;
  gap: 1.2rem;
}
.write-post-popup .form-input {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #1e292d;
}
.write-post-popup .form-input::-webkit-input-placeholder {
  color: #949494;
}
.write-post-popup .form-input::-moz-placeholder {
  color: #949494;
}
.write-post-popup .form-input::-ms-input-placeholder {
  color: #949494;
}
.write-post-popup .form-input::placeholder {
  color: #949494;
}
.write-post-popup .check-content-box .text {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.12rem;
}
@media (max-width: 960px) {
  .write-post-popup .article-write-box .check-content-box .text {
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.12rem;
  }
}

.edit-info-alert-popup .popup-container,
.edit-complete-info-alert-popup .popup-container {
  max-width: 508px;
}
.edit-info-alert-popup .popup-inner,
.edit-complete-info-alert-popup .popup-inner {
  padding: 3.2rem 1.8rem;
}
.edit-info-alert-popup .edit-check-list-box,
.edit-complete-info-alert-popup .edit-check-list-box {
  padding-top: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.edit-info-alert-popup .edit-check-list-box .selector-cover,
.edit-complete-info-alert-popup .edit-check-list-box .selector-cover {
  max-width: 15.2rem;
}
.edit-info-alert-popup .edit-check-list-box .selector-cover.checkbox.square .selector-text,
.edit-complete-info-alert-popup .edit-check-list-box .selector-cover.checkbox.square .selector-text {
  padding-left: 1rem;
  min-height: 0.8rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  text-align: left;
}
.edit-info-alert-popup .edit-check-list-box .selector-cover.checkbox.square input:checked + .selector-text .selector,
.edit-complete-info-alert-popup .edit-check-list-box .selector-cover.checkbox.square input:checked + .selector-text .selector {
  background-image: url("../images/components/icon-checkbox-square-on-20x20.png");
}
.edit-info-alert-popup .edit-check-list-box .selector-cover .label + .label,
.edit-complete-info-alert-popup .edit-check-list-box .selector-cover .label + .label {
  margin-top: 0.6rem;
}
.edit-info-alert-popup .edit-check-list-box .selector-cover.checkbox.square .selector,
.edit-complete-info-alert-popup .edit-check-list-box .selector-cover.checkbox.square .selector {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/components/icon-checkbox-square-off-20x20.png");
}
.edit-info-alert-popup .info-tip-line-content-box,
.edit-complete-info-alert-popup .info-tip-line-content-box {
  margin-top: 1.8rem;
  padding-top: 1.8rem;
  text-align: center;
  border-top: 1px solid #e8e8e8;
}
.edit-info-alert-popup .text-box,
.edit-complete-info-alert-popup .text-box {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4rem;
  text-align: center;
  color: #1e292d;
  word-break: keep-all;
}
.edit-info-alert-popup strong,
.edit-complete-info-alert-popup strong {
  font-weight: 700;
}
.edit-info-alert-popup .sub-text-box,
.edit-complete-info-alert-popup .sub-text-box {
  padding-top: 0.8rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  text-align: center;
  color: #1e292d;
  word-break: keep-all;
}
@media (max-width: 960px) {
  .edit-info-alert-popup .popup-inner,
  .edit-complete-info-alert-popup .popup-inner {
    padding: 1.7rem 0.8rem;
  }
  .edit-info-alert-popup .info-tip-line-content-box,
  .edit-complete-info-alert-popup .info-tip-line-content-box {
    margin-top: 1.3rem;
    padding-top: 1.3rem;
  }
}

@media (max-width: 960px) {
  .report-write-popup .popup-inner {
    padding: 1.6rem 0.8rem;
  }
  .report-write-popup .article-write-box {
    padding-top: 0.9rem;
  }
}
.scroll-animate {
  opacity: 0;
}
.scroll-animate.show {
  opacity: 1;
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes shake-horizontal {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.event-scroll-animate {
  opacity: 0;
}
.event-scroll-animate.show {
  opacity: 1;
}

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-top {
  -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-bottom {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-right {
  -webkit-animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-left {
  -webkit-animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.shake-horizontal {
  -webkit-animation: shake-horizontal 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: shake-horizontal 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1); /*스크롤바의 색상*/
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ddd; /*스크롤바 트랙 색상*/
}

.ui-datepicker {
  width: 16em !important;
  padding: 0.5rem !important;
}
@media (max-width: 960px) {
  .ui-datepicker {
    width: 15em !important;
  }
}
.ui-datepicker.ui-widget.ui-widget-content {
  margin-top: 0.5rem;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  top: 50% !important;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-size: cover !important;
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
  background-image: url("../images/components/icon-arrow-prev-bk-32x32.png") !important;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
  background-image: url("../images/components/icon-arrow-next-bk-32x32.png") !important;
}
.ui-datepicker .ui-widget-header {
  background-color: #fff;
  border: 0;
}
.ui-datepicker .ui-datepicker-title {
  font-size: 0.6rem;
}
.ui-datepicker .ui-datepicker-title select {
  width: calc(45% - 10px) !important;
  margin: 0 0.25rem !important;
  padding: 0.25rem 0.5rem !important;
  border: 1px solid #ddd !important;
  font-size: 0.7rem !important;
}
.ui-datepicker .ui-state-default {
  border: 0 !important;
  background-color: #fff !important;
  text-align: center !important;
  font-size: 0.8rem;
}
.ui-datepicker .ui-state-default.ui-state-active {
  background-color: #2546cd !important;
  border-color: transparent !important;
  color: #fff !important;
}

.swiper-container {
  position: relative;
  overflow: hidden;
}
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
  width: 70px;
  height: 70px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-prev:after {
  display: none;
}
.swiper-container .swiper-button-next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url("../images/icon/icon-slider-arrow-next-bk-70x70.png");
}
.swiper-container .swiper-button-prev {
  background-image: url("../images/icon/icon-slider-arrow-prev-bk-70x70.png");
}
.swiper-container .swiper-pagination {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 0 !important;
  margin-top: 20px;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
  display: block;
}

html,
body {
  -webkit-overflow-scrolling: touch;
}
html.scroll-disable,
body.scroll-disable {
  overflow: hidden !important;
}
@media (min-width: 961px) {
  html.scroll-disable.responsive-scroll,
  body.scroll-disable.responsive-scroll {
    overflow: visible !important;
  }
}

.accordion-list {
  overflow: hidden;
}
.accordion-list.active .accordion-header:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.accordion-list .accordion-header {
  display: block;
  position: relative;
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  text-align: left;
}
.accordion-list .accordion-header:after {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../images/icon/icon-arrow-down-bk-18x18.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.accordion-list .accordion-body {
  display: none;
}

.mobile-show {
  display: none;
}

@media (max-width: 960px) {
  .pc-show {
    display: none;
  }
  .mobile-show {
    display: block;
  }
}
.ui-tab-content {
  display: none;
}
.ui-tab-content:nth-of-type(1) {
  display: block;
}

.tui-datetime-input {
  width: 100%;
  height: auto;
}

.tui-datepicker {
  z-index: 10;
  font-size: 0.7rem;
}
.tui-datepicker.tui-hidden {
  display: none;
}
.tui-datepicker * {
  font-size: inherit;
}
.tui-datepicker .tui-datepicker-footer .tui-timepicker {
  padding: 10px;
}
.tui-datepicker .tui-timepicker-select {
  width: 64px;
  height: 32px;
}

.tui-timepicker-select {
  font-size: 0.7rem !important;
}

.tui-datepicker-input {
  border: 0;
}
.tui-datepicker-input .datepicker-input {
  font-size: 0.8rem;
  font-weight: 400;
}
.tui-datepicker-input .tui-ico-date {
  right: 0.6rem;
  bottom: 0.5rem;
  background-position: -17px -14px !important;
}

.tui-datepicker-type-date {
  width: 245px;
}

.tui-calendar {
  width: 100%;
}
.tui-calendar th,
.tui-calendar td {
  height: 35px;
}

.tui-datepicker-body .tui-timepicker,
.tui-datepicker-footer .tui-timepicker {
  width: 100%;
}

.ui-menu {
  max-height: 250px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.ui-menu .ui-menu-item {
  list-style: none;
}
.ui-menu .ui-menu-item-wrapper {
  padding: 12px;
  font-size: 16px;
}

.section-inner {
  max-width: 54rem;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1100px) {
  .section-inner {
    padding: 0 0.8rem;
  }
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 12;
}
#header .blind {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
#header .blind.focusable:active, #header .blind.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
#header .section-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 3rem;
}
#header .left-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .logo {
  position: relative;
  width: 5.8rem;
  height: 2rem;
}
#header .logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#header .logo .logo-dk {
  opacity: 0;
}
#header .nav {
  padding-left: 1.9rem;
}
#header .mobile-box {
  position: relative;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
#header .mobile-box .icon-login {
  margin-top: -0.15rem;
  margin-right: 0.1rem;
}
#header .mobile-box .login-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 0.98rem;
}
#header .login-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
}
#header .login-box .login-box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#header .login-box .profile-box .image {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
}
#header .login-box .mobile-menu-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 0.98rem;
}
#header .login-box .menu-box {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  margin-top: -0.4rem;
  padding: 0.4rem;
  max-width: 8.2rem;
  display: block;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3215686275);
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3215686275);
  border-radius: 0.6rem;
  -webkit-transition: visibility 0.2s, opacity 0.2s;
  transition: visibility 0.2s, opacity 0.2s;
}
#header .login-box .menu-box.show {
  visibility: visible;
  opacity: 1;
}
#header .login-box .menu-box-item + .menu-box-item {
  margin-top: 0.2rem;
  margin-left: 0;
}
#header .login-box .menu-box-btn {
  padding: 0.4rem 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.12rem;
  color: #1e292d;
  border-radius: 0.4rem;
}
#header .login-box .menu-box-btn:hover, #header .login-box .menu-box-btn:focus, #header .login-box .menu-box-btn:active {
  background-color: #f3f4f5;
}
#header .login-box .menu-box-btn .icon-box {
  margin-right: 0.4rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#header .search-bar-view-box {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 5.6rem;
  gap: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
#header .search-bar-view-box.show {
  visibility: visible;
  opacity: 1;
}
#header .search-bar-view-box .search-button {
  position: relative;
  top: 0;
  right: 0;
}
#header .search-bar-box {
  margin: 0 auto;
  max-width: 1080px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
#header .search-bar-box .icon-search {
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("../images/icon/icon-search-large.png");
}
#header .search-bar-box .input-cover {
  margin-left: 1.2rem;
  max-width: 976px;
  width: 100%;
}
#header .search-bar-box .form-input {
  margin-left: -0.8rem;
  padding-right: 0.8rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #1e292d;
  border: 0;
}
#header .search-bar-box .form-input::-webkit-input-placeholder {
  color: #949494;
}
#header .search-bar-box .form-input::-moz-placeholder {
  color: #949494;
}
#header .search-bar-box .form-input::-ms-input-placeholder {
  color: #949494;
}
#header .search-bar-box .form-input::placeholder {
  color: #949494;
}
#header .search-bar-box .close-btn {
  display: block;
  margin-left: 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-search-close.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  text-indent: -9999px;
}
#header .btn-group-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
@media (max-width: 1100px) {
  #header .search-bar-box {
    padding: 0 0.8rem;
  }
}
@media (max-width: 960px) {
  #header .section-inner {
    display: block;
    height: 3rem;
  }
  #header .left-box,
  #header .right-box {
    display: none;
  }
  #header .logo {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  #header .mobile-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #header .search-bar-view-box {
    display: none;
  }
}

.nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav-item {
  font-size: 0.8rem;
  font-weight: 700;
}
.nav-item + .nav-item {
  margin-left: 1.2rem;
}

.menu-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu-box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.8rem;
  font-weight: 700;
  color: #949494;
}
.menu-box-item + .menu-box-item {
  margin-left: 1.2rem;
}
.menu-box-item a,
.menu-box-item button {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.dark-mode-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  text-indent: -9999px;
  overflow: hidden;
}
.dark-mode-btn .icon-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.7s, margin 0.4s;
  transition: opacity 0.7s, margin 0.4s;
}
.dark-mode-btn .icon-moon {
  opacity: 1;
}
.dark-mode-btn .icon-sun {
  opacity: 0;
  margin-left: 1.2rem;
}

.search-control-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  text-indent: -9999px;
  overflow: hidden;
}
.search-control-btn .icon-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.search-control-btn .icon-search-white {
  opacity: 0;
}

.btn-menu-alarm {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
}
.btn-menu-alarm .alarm_new {
  position: absolute;
  top: 0.15rem;
  right: 0;
  width: 0.6rem;
  height: 0.6rem;
  background-image: url("../images/icon/icon-new-12x12.png");
  background-position: center;
  background-size: 100% 100%;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-indent: -9999px;
  overflow: hidden;
}
.btn-menu-alarm .icon-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.btn-menu-alarm .icon-bell-check-white {
  opacity: 0;
}

.mobile-navigation-menu {
  width: 1.2rem;
  height: 1.2rem;
  position: relative;
  cursor: pointer;
}
.mobile-navigation-menu .icon {
  display: block;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.9rem;
  height: 2px;
  background-color: #1e292d;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  border-radius: 20px;
}
.mobile-navigation-menu .icon:before, .mobile-navigation-menu .icon:after {
  -webkit-transition: 0.25s;
  transition: 0.25s;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  background-color: #1e292d;
  border-radius: 20px;
}
.mobile-navigation-menu .icon:before {
  top: -6px;
}
.mobile-navigation-menu .icon:after {
  top: 6px;
}
.mobile-navigation-menu.active .icon {
  background-color: transparent;
}
.mobile-navigation-menu.active .icon:before {
  top: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.mobile-navigation-menu.active .icon:after {
  top: 0;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.all-menu-container {
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 12;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: #fff;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: visibility, left, color, border-color, background-color;
  transition-property: visibility, left, color, border-color, background-color;
}
.all-menu-container.open {
  visibility: visible;
  left: 0;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
.all-menu-container .menu-inner {
  position: relative;
  z-index: 2;
  max-height: 100%;
  padding: 0 0 1.6rem;
  overflow: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.all-menu-container .menu-inner::-webkit-scrollbar {
  display: none; /* Chrome , Safari , Opera */
}
.all-menu-container .menu-wrapper {
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
}
.all-menu-container .menu-header {
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.all-menu-container .menu-list {
  overflow: hidden;
  padding-top: 1.6rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
.all-menu-container .btn-menu-close {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
}
.all-menu-container .btn-menu-close span {
  display: block;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: transparent;
  text-indent: -9999px;
}
.all-menu-container .btn-menu-close span:before, .all-menu-container .btn-menu-close span:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  background-color: #1e292d;
}
.all-menu-container .btn-menu-close span:before {
  top: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.all-menu-container .btn-menu-close span:after {
  top: 0;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.all-menu-container .all-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.all-menu-container .all-menu-item + .all-menu-item {
  padding-top: 1.6rem;
}
.all-menu-container .user-info-box {
  padding: 2.8rem 2.4rem 1.2rem;
  width: 100%;
  background-color: #f3f4f5;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.all-menu-container .user-info {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.26rem;
}
.all-menu-container .user-menu {
  padding-top: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.all-menu-container .user-menu .btn {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #5c5c5d;
}
.all-menu-container .user-menu .btn + .btn {
  margin-left: 0.8rem;
}
.all-menu-container .dark-mode-btn {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
}
.all-menu-container .dark-mode-btn .icon-moon {
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("../images/icon/header-icon-moon.png");
}
.all-menu-container .dark-mode-btn .icon-sun {
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("../images/icon/header-icon-sun.png");
}
.all-menu-container .search-bar-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.all-menu-container .search-bar-box .search-button {
  right: 2.4rem;
}
.all-menu-container .search-bar-box .icon-search {
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("../images/icon/header-icon-search.png");
}
.all-menu-container .input-cover {
  width: 100%;
}
.all-menu-container .input-cover .form-input {
  padding-left: 2.4rem;
  padding-right: 5rem;
  height: 3rem;
  line-height: 2.9rem;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  background-color: transparent;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: border-color;
  transition-property: border-color;
}
.all-menu-container .all-menu-btn {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.54rem;
  text-align: left;
  color: #1e292d;
}
.all-menu-container .sub-menu-box {
  padding-top: 0.8rem;
}
.all-menu-container .sub-menu-item + .sub-menu-item {
  padding-top: 0.8rem;
}
.all-menu-container .sub-menu-btn {
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.26rem;
  text-align: left;
  color: #1e292d;
}
.all-menu-container .add-btn-box {
  padding-top: 1.6rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
.all-menu-container .add-btn-box .add-btn {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  text-align: left;
  color: #949494;
}
.all-menu-container .add-btn-box .add-btn + .add-btn {
  margin-left: 0.8rem;
}

#footer {
  padding: 2.4rem 0;
  color: #fff;
  background-color: #111;
}
#footer a {
  color: #5c5c5d;
}
#footer .top-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#footer .bottom-box {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid rgba(92, 92, 93, 0.5);
}
#footer .nav-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#footer .nav-box .nav-box-item {
  line-height: 1.1;
}
#footer .nav-box-item + .nav-box-item {
  padding-left: 1rem;
}
#footer .nav-box-btn {
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
}
#footer .nav-box-btn span {
  color: #f82514;
}
#footer .info-box {
  color: #5c5c5d;
}
#footer .info-box strong {
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
}
#footer .info-box-list {
  padding-top: 0.2rem;
}
#footer .info-box-item {
  font-size: 0.6rem;
  font-weight: 400;
}
#footer .info-box-item span {
  position: relative;
  display: inline-block;
}
#footer .info-box-item span + span {
  margin-left: 0.4rem;
  padding-left: 0.4rem;
}
#footer .info-box-item span + span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.5rem;
  border-left: 1px solid #5c5c5d;
}
#footer .copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.6rem;
  font-weight: 400;
}
#footer .logo-foundation-box {
  margin-left: 0.4rem;
}
#footer .logo-foundation-box .logo-foundation {
  margin-top: -0.35rem;
  display: inline-block;
  width: 5.5rem;
}
#footer .logo-foundation-box span {
  font-size: 0.6rem;
  font-weight: 400;
}
#footer .channel-link-box .btn-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  line-height: 1.4;
  color: #fff;
  color: inherit;
}
#footer .channel-link-box .instargram {
  width: 0.825rem;
  height: 0.85rem;
  background-image: url("../images/icon/icon-instargram-16x17.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#footer .channel-link-box .link-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8rem;
  font-weight: 600;
  gap: 0.4rem;
}
#footer .channel-link-box .link-info {
  font-size: 0.6rem;
  font-weight: 400;
  letter-spacing: -0.05em;
  color: #9a9997;
}
@media (max-width: 1100px) {
  #footer .bottom-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #footer .bottom-box .nav-box {
    padding-top: 0.6rem;
    margin-left: auto;
  }
}
@media (max-width: 960px) {
  #footer .top-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1.7rem;
  }
  #footer .bottom-box {
    margin-top: 1.2rem;
    padding-top: 1.2rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #footer .bottom-box .nav-box {
    margin-left: initial;
    padding-top: 1.2rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #footer .bottom-box .nav-box-item {
    line-height: 1.12rem;
  }
  #footer .bottom-box .nav-box-item:first-child {
    padding-bottom: 0.8rem;
    width: 100%;
  }
  #footer .bottom-box .nav-box-item:nth-child(2) {
    padding-left: 0;
  }
  #footer .nav-box-item + .nav-box-item {
    padding-left: 0.7rem;
  }
  #footer .info-box-item {
    font-size: 0.6rem;
    font-weight: 400;
  }
  #footer .info-box-item span.mo-block {
    padding-left: 0;
    margin-left: 0;
    display: block;
  }
  #footer .info-box-item span.mo-block::before {
    display: none;
  }
  #footer .copyright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #footer .logo-foundation-box {
    margin-top: 0.4rem;
    margin-left: 0;
  }
  #footer .logo-foundation-box .logo-foundation {
    margin-top: -0.425rem;
  }
  #footer .channel-link-box .btn-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.25rem;
  }
  #footer .channel-link-box .instargram {
    width: 0.7rem;
    height: 0.725rem;
  }
  #footer .channel-link-box .link-text {
    font-size: 0.75rem;
    gap: 0.25rem;
  }
  #footer .channel-link-box .link-info {
    font-size: 0.55rem;
  }
}

.icon-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-indent: -9999px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.icon-moon {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-moon.png");
}

.icon-sun {
  width: 1.1rem;
  height: 1.1rem;
  background-image: url("../images/icon/icon-sun.png");
}

.header-icon-pencil {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/header-icon-pencil.png");
}

.header-icon-camera {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/header-icon-camera.png");
}

.header-icon-logout {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/header-icon-logout.png");
}

.header-icon-user {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/header-icon-user.png");
}

.header-icon-volume {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/header-icon-volume.png");
}

.icon-bell-check-black {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-bell-check-24x24.png");
}

.icon-bell-check-white {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-bell-check-wh-24x24.png");
}

.icon-login {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-login.png");
}

.icon-search-black {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-search-black.png");
}

.icon-search-white {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-search-white.png");
}

.icon-univ {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/calender-icon-univ-24x24.png");
}

.icon-smile {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/calender-icon-share-24x24.png");
}

.icon-check {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/calender-icon-check-24x24.png");
}

.icon-promotion {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-ad.png");
}

.icon-arrow-round {
  width: 0.8rem;
  height: 0.8rem;
}

.icon-like {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-like.png");
}

.icon-like-medium {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-like-20x20.png");
}

.icon-arrow-black-down {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/arrow-black-down.png");
}

.icon-arrow-prev {
  width: 0.9rem;
  height: 0.9rem;
  background-image: url("../images/icon/icon-arrow-prev.png");
}

.icon-arrow-next {
  width: 0.9rem;
  height: 0.9rem;
  background-image: url("../images/icon/icon-arrow-next.png");
}

.icon-arrow-flow-right {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-arrow-flow-right.png");
}

.icon-sound {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-sound.png");
}

.icon-headphones {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-headphones.png");
}

.icon-pen {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-pen.png");
}

.icon-camera {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-camera.png");
}

.icon-bulb {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-bulb.png");
}

.icon-bulb-white {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-bulb-wh.png");
}

.icon-picture {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/icon/icon-picture.png");
}

.icon-quotes {
  width: 1.1rem;
  height: 0.85rem;
  background-image: url("../images/icon/icon-quotes.png");
}

.icon-quotes-down {
  width: 1.1rem;
  height: 0.85rem;
  background-image: url("../images/icon/icon-quotes-down.png");
}

.icon-bookmark {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-bookmark.png");
}

.icon-share {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-share.png");
}

.icon-arrow-down-wh {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-arrow-down-wh.png");
}

.icon-arrow-down-gray {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-arrow-down-gray.png");
}

.icon-arrow-right-gray {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-arrow-right-gray.png");
}

.icon-arrow-right-black {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-arrow-right-black.png");
}

.icon-search {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-search.png");
}

.icon-photo {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-photo.png");
}

.icon-naver {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-naver.png");
}

.icon-kakao {
  width: 0.9rem;
  height: 0.9rem;
  background-image: url("../images/icon/icon-kakao.png");
}

.icon-sign-check {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-sign-check.png");
}

.icon-pen-plus {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-pen-plus.png");
}

.icon-box-check {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-box-check.png");
}

.icon-arrow-round-right {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-arrow-round-right.png");
}

.icon-edit {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-edit.png");
}

.icon-trash {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-trash.png");
}

.icon-caution {
  width: 0.6rem;
  height: 0.6rem;
  background-image: url("../images/icon/icon-caution.png");
}

.icon-wallet {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/mypage/icon-wallet.png");
}

.icon-coin {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/mypage/icon-coin.png");
}

.icon-like-cancle {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-like-cancle.png");
}

.icon-bookmark-cancle {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-bookmark-cancle.png");
}

.icon-plus-square {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/icon/icon-plus-square.png");
}

.icon-save {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-save.png");
}

.icon-circle-check {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-circle-check.png");
}

.icon-twinkle {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-twinkle.png");
}

.icon-document {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-document.png");
}

.icon-editing-small {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-editing-small.png");
  vertical-align: sub;
}
@media (max-width: 960px) {
  .icon-editing-small {
    vertical-align: bottom;
  }
}

.icon-editing {
  width: 2rem;
  height: 2rem;
  background-image: url("../images/icon/icon-editing.png");
}

.icon-edit-dark {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-edit-dark.png");
}

.icon-book {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-book.png");
}

.icon-small-check {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-small-check.png");
}

.icon-calendar {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-calendar.png");
}

.icon-exclamation-circle {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-exclamation-circle-green.png");
}

.icon-answer {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-answer.png");
}

.icon-mail-round {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-mail-round.png");
}

.icon-naver-round {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-naver-round.png");
}

.icon-kakao-round {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-kakao-round.png");
}

.alert-icon-article {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/alert-icon-article.png");
}

.alert-icon-bell {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/alert-icon-bell.png");
}

.alert-icon-calendar {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/alert-icon-calendar.png");
}

.alert-icon-camera {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/alert-icon-camera.png");
}

.alert-icon-coins {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/alert-icon-coins.png");
}

.alert-icon-gift {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/alert-icon-gift.png");
}

.alert-icon-headphones {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/alert-icon-headphones.png");
}

.alert-icon-trash {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/alert-icon-trash.png");
}

.alert-icon-pencil-plus {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/alert-icon-pencil-plus.png");
}

.icon-flow-arrow {
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("../images/icon/icon-flow-arrow-10x10.png");
}

.icon-emoji-fire {
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("../images/icon/icon-emoji-fire.png");
}

.icon-emoji-sun {
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("../images/icon/icon-emoji-sun.png");
}

.icon-emoji-letter {
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("../images/icon/icon-emoji-letter.png");
}

.icon-emoji-grass {
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("../images/icon/icon-emoji-grass.png");
}

.icon-emoji-school {
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("../images/icon/icon-emoji-school.png");
}

@media (max-width: 960px) {
  .icon-emoji-fire {
    width: 1.4rem;
    height: 1.4rem;
  }
  .icon-emoji-sun {
    width: 1.4rem;
    height: 1.4rem;
  }
  .icon-emoji-letter {
    width: 1.4rem;
    height: 1.4rem;
  }
  .icon-emoji-grass {
    width: 1.4rem;
    height: 1.4rem;
  }
  .icon-emoji-school {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.icon-report {
  width: 0.6rem;
  height: 0.6rem;
  background-image: url("../images/icon/icon-report-orange-12x12.png");
}

.icon-topic-fire {
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("../images/icon/icon-fire-28x28.png");
}

.icon-chevron-arrow {
  width: 0.6rem;
  height: 0.6rem;
  background-image: url("../images/icon/icon-chevron-right-12x12.png");
}

@media (min-width: 960px) {
  html,
  body {
    height: 100%;
  }
}

@media (min-width: 960px) {
  #container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  #container #content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.blind,
.txt-hidden {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.blind.focusable:active, .blind.focusable:focus,
.txt-hidden.focusable:active,
.txt-hidden.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}

.underline {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-underline-position: auto;
}

.underline-text {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-underline-position: auto;
  font-weight: 700;
}

.input-cover-wrap .input-cover + .input-cover {
  padding-top: 0.6rem;
}

.input-cover-wrap-half {
  max-width: 19.8rem;
  width: 100%;
}
@media (max-width: 960px) {
  .input-cover-wrap-half {
    max-width: 100%;
  }
}

.search-bar-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.search-bar-box-wrap .search-category-box {
  max-width: 23.33%;
  width: 100%;
}
.search-bar-box-wrap .search-bar-box {
  max-width: 74.44%;
  width: 100%;
}
.search-bar-box-wrap.full .search-bar-box {
  max-width: 100%;
}

.search-bar-box {
  position: relative;
}
.search-bar-box .form-input {
  padding-left: 0.8rem;
  padding-right: 2.5rem;
}
.search-bar-box .form-input::-webkit-input-placeholder {
  color: #949494;
}
.search-bar-box .form-input::-moz-placeholder {
  color: #949494;
}
.search-bar-box .form-input::-ms-input-placeholder {
  color: #949494;
}
.search-bar-box .form-input::placeholder {
  color: #949494;
}
.search-bar-box .search-button {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}

.search-button {
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 1;
  z-index: 1;
  font-size: 0;
}

.search-bar-box-result-wrap {
  padding-top: 1.2rem;
  padding-bottom: 2.4rem;
}
@media (max-width: 960px) {
  .search-bar-box-result-wrap {
    padding-top: 1.2rem;
    padding-bottom: 0.4rem;
  }
}

.list-post-content-box {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.list-post-content-box-item + .list-post-content-box-item {
  border-top: 1px solid #e8e8e8;
}

.list-post-content-box-link {
  padding: 0.9rem 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.list-post-content-box-link .title {
  width: calc(100% - 8rem);
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #1e292d;
}
.list-post-content-box-link .date {
  max-width: 8rem;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #949494;
  text-align: center;
}
@media (max-width: 960px) {
  .list-post-content-box-link {
    padding: 0.8rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list-post-content-box-link .title {
    width: 100%;
  }
  .list-post-content-box-link .date {
    padding-top: 0.2rem;
    max-width: 100%;
    text-align: left;
  }
}

.list-content-box-accordion .accordion-list .accordion-header {
  border-bottom: 1px solid #e8e8e8;
  padding: 0.9rem 3rem 0.9rem 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list-content-box-accordion .accordion-list .accordion-header::after {
  right: 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../images/icon/icon-plus.png");
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.list-content-box-accordion .accordion-list.active .accordion-header::after {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../images/icon/icon-minus.png");
}
.list-content-box-accordion a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-underline-position: auto;
  color: #00b1cc;
}
.list-content-box-accordion a:hover * {
  color: #00b1cc;
}
@media (max-width: 960px) {
  .list-content-box-accordion .accordion-list .accordion-header {
    padding: 0.8rem 2.4rem 0.8rem 0.8rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list-content-box-accordion .accordion-list .accordion-header::after {
    right: 0.6rem;
  }
}

.list-content-box-accordion-item {
  border-top: 1px solid #e8e8e8;
}
.list-content-box-accordion-item + .list-content-box-accordion-item {
  border-top: 0;
}

.list-content-box-accordion-header .category {
  max-width: 5rem;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #949494;
}
.list-content-box-accordion-header .text {
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #1e292d;
}
.list-content-box-accordion-header:hover {
  cursor: pointer;
}
@media (max-width: 960px) {
  .list-content-box-accordion-header .category {
    max-width: 100%;
    font-size: 0.6rem;
    line-height: 0.84rem;
  }
  .list-content-box-accordion-header .text {
    padding-top: 0.2rem;
  }
}

.list-content-box-accordion-body {
  border-bottom: 1px solid #e8e8e8;
  padding: 1.2rem;
  background-color: #f3f4f5;
}
.list-content-box-accordion-body .text-box {
  margin-left: auto;
  max-width: calc(100% - 5rem);
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #1e292d;
}
@media (max-width: 960px) {
  .list-content-box-accordion-body {
    padding: 0.8rem;
  }
  .list-content-box-accordion-body .text-box {
    max-width: 100%;
  }
}

.select-box-container-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3rem;
}
.select-box-container-box .select-box-container {
  width: 32.4%;
  background-color: #fff;
}
.select-box-container-box .form-select {
  color: #1e292d;
}
.select-box-container-box .form-select.disable-color {
  color: #949494;
}

.sns-share-box {
  padding: 0.5rem 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #222;
  gap: 1.2rem;
  border-radius: 0.4rem;
}

.sns-share-box-item {
  font-size: 0;
}

.sns-share-box-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.2rem;
  height: 1.2rem;
  text-indent: -9999px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sns-share-box-btn:hover.kakao {
  background-image: url("../images/sns/icon-kakao-on.png");
}
.sns-share-box-btn:hover.x {
  background-image: url("../images/sns/icon-x-on.png");
}
.sns-share-box-btn:hover.share {
  background-image: url("../images/sns/icon-share-on.png");
}
.sns-share-box-btn:hover.close {
  background-image: url("../images/sns/icon-close-on.png");
}
.sns-share-box-btn.kakao {
  background-image: url("../images/sns/icon-kakao.png");
}
.sns-share-box-btn.x {
  background-image: url("../images/sns/icon-x.png");
}
.sns-share-box-btn.share {
  background-image: url("../images/sns/icon-share.png");
}
.sns-share-box-btn.close {
  background-image: url("../images/sns/icon-close.png");
}
@media (max-width: 280px) {
  .sns-share-box-btn {
    width: 1.1rem;
    height: 1.1rem;
  }
}

.profile-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile-box .image {
  position: relative;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/profile/profile-basic.png");
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.profile-box .image img {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
}
.profile-box .image-thumb {
  background-image: none;
}
.profile-box .info {
  padding-left: 0.8rem;
  word-break: break-word;
}
.profile-box .nickname {
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 0.98rem;
  color: #1e292d;
}
.profile-box .address {
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #949494;
}
@media (max-width: 960px) {
  .profile-box .info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.section-title-box-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-title-box-wrap .add-more-btn {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 960px) {
  .section-title-box-wrap .add-more-btn {
    top: 0.5rem;
    -webkit-transform: none;
            transform: none;
  }
}

.section-title-box {
  text-align: left;
}
.section-title-box .sub-title {
  padding-bottom: 0.5rem;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.12rem;
}
.section-title-box .title,
.section-title-box .date-title {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.68rem;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.section-title-box h2 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.section-title-box .date-text {
  padding-top: 0.2rem;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  color: #949494;
}
@media (max-width: 960px) {
  .section-title-box .sub-title {
    padding-bottom: 0.2rem;
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
  .section-title-box .date-text {
    padding-top: 0.2rem;
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
}

.article-content-view-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  width: 100%;
}
.article-content-view-box .article-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.article-content-view-box .image-box {
  position: relative;
  padding-bottom: 36.39%;
  max-width: 65.93%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.4rem;
  overflow: hidden;
}
.article-content-view-box .image-box img {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-content-view-box .text-box {
  padding-inline: 1.8rem 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 18.4rem;
  width: 100%;
  text-align: left;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.article-content-view-box .keyword {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.6;
  color: #00ce70;
  text-align: left;
}
.article-content-view-box .subject {
  padding-top: 0.4rem;
  display: block;
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.4;
  color: #1e292d;
}
.article-content-view-box .text {
  padding-top: 1.2rem;
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  color: #1e292d;
}

@media (max-width: 960px) {
  .article-content-view-box .article-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .article-content-view-box .image-box {
    padding-bottom: 55.195%;
    max-width: 100%;
  }
  .article-content-view-box .text-box {
    padding-top: 1rem;
    padding-inline: 0;
    max-width: 100%;
  }
  .article-content-view-box .subject {
    padding-top: 0.4rem;
  }
  .article-content-view-box .text {
    padding-top: 0.8rem;
  }
}
.article-content-column-box {
  max-width: 804px;
  width: 100%;
}
.article-content-column-box .article-info-box {
  padding-top: 1.2rem;
}
.article-content-column-box .article-info-box .subject {
  padding-top: 0;
  min-height: auto;
}
.article-content-column-box .article-info-box .text {
  padding-top: 0.4rem;
}
.article-content-column-box .article-info-box .image-box {
  padding-bottom: 0;
  max-width: 12.6rem;
  height: 6.95rem;
}
.article-content-column-box .article-info-box .info {
  padding-top: 0.8rem;
}
.article-content-column-box .article-info-box-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}
@media (max-width: 960px) {
  .article-content-column-box {
    max-width: 100%;
  }
  .article-content-column-box .article-info-box {
    padding-top: 0.8rem;
  }
  .article-content-column-box .article-info-box .subject {
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
  .article-content-column-box .article-info-box .text {
    display: none;
  }
  .article-content-column-box .article-info-box .image-box {
    padding-bottom: 0;
    padding-bottom: 17.074%;
    max-width: 30.795%;
  }
  .article-content-column-box .article-info-box .info {
    padding-top: 0.4rem;
  }
  .article-content-column-box .article-info-box .writer {
    font-size: 0.6rem;
    line-height: 0.84rem;
  }
  .article-content-column-box .article-info-box .date {
    font-size: 0.6rem;
    line-height: 0.84rem;
  }
  .article-content-column-box .article-info-box-btn {
    gap: 12px;
  }
}
@media (max-width: 576px) {
  .article-content-column-box .article-info-box .image-box {
    padding-bottom: 0;
    max-width: 5.05rem;
    height: 2.8rem;
  }
}

.article-content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 2.4rem;
  -webkit-column-gap: 2.22%;
     -moz-column-gap: 2.22%;
          column-gap: 2.22%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.article-content-box.ui-tab-content:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.article-content-box .article-info-box {
  width: 31.85%;
}
@media (max-width: 1100px) {
  .article-content-box {
    row-gap: 1.6rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .article-content-box .article-info-box {
    max-width: calc(50% - 0.6rem);
    width: 100%;
  }
  .article-content-box .article-info-box-btn {
    max-height: 21.592rem;
  }
}
@media (max-width: 670px) {
  .article-content-box .article-info-box {
    max-width: 100%;
  }
}

.article-content-half-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.article-content-half-box .article-info-box {
  width: 50%;
}

.article-content-half-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.article-content-half-box-list .article-info-box {
  width: calc(50% - 0.6rem);
}
@media (max-width: 960px) {
  .article-content-half-box-list {
    gap: 0.6rem;
  }
  .article-content-half-box-list .article-info-box {
    width: calc(50% - 0.3rem);
  }
  .article-content-half-box-list .article-info-box .subject {
    padding-top: 0.6rem;
  }
  .article-content-half-box-list .article-info-box .text {
    display: none;
  }
}

.article-info-box {
  position: relative;
  font-size: 0;
}
.article-info-box .image-box {
  position: relative;
  padding-bottom: 55.24%;
  max-width: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.4rem;
}
.article-info-box .image-box img {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-info-box .text-box {
  word-break: keep-all;
  overflow-wrap: break-word;
}
.article-info-box .subject {
  padding-top: 0.8rem;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.26rem;
}
.article-info-box .text {
  padding-top: 0.4rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #949494;
}
.article-info-box .info {
  padding-right: 0.9rem;
  padding-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.article-info-box .info .writer {
  padding-top: 0;
}
.article-info-box .info .date {
  margin-left: 0.4rem;
  padding-top: 0;
}
.article-info-box .writer {
  padding-top: 0.4rem;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  color: #949494;
}
.article-info-box .date {
  padding-top: 0.6rem;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  color: #949494;
}
.article-info-box .article-info-box-btn {
  position: relative;
}
.article-info-box .selector-cover {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  z-index: 1;
}
.article-info-box .selector-cover.checkbox.square .selector {
  border: 1px solid #e8e8e8;
}
.article-info-box .state-label {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.35rem 0.6rem;
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  color: #1e292d;
  background-color: #f3f4f5;
  z-index: 1;
}
.article-info-box .state-label.black {
  color: #fff;
  background-color: #1e292d;
}
.article-info-box .label-text {
  margin-bottom: 0.8rem;
  padding: 0.2rem 0.6rem;
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  text-align: center;
  color: #fff;
  background-color: #1e292d;
}
.article-info-box .btn-cover {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.article-info-box .btn-like-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0.9rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-article-like-default-16x16.png");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.article-info-box .btn-like-box span {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.article-info-box .btn-like-box span.focusable:active, .article-info-box .btn-like-box span.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.article-info-box .btn-like-box.check {
  background-image: url("../images/icon/icon-article-like-fill-16x16.png");
}
.article-info-box .label-state,
.article-info-box .label-list {
  padding-top: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.2rem;
  line-height: 1;
}
.article-info-box .label-state span,
.article-info-box .label-list span {
  padding: 0.2rem 0.4rem 0.15rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 3.6rem;
  font-size: 0.55rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  border-radius: 0.2rem;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.article-info-box .label-state .topic,
.article-info-box .label-list .topic {
  background-color: #6d38f6;
}
.article-info-box .label-state .topic-select,
.article-info-box .label-list .topic-select {
  background-color: #3f3f3f;
}
.article-info-box .label-state .topic-free,
.article-info-box .label-list .topic-free {
  color: #3f3f3f;
  background-color: #fff;
  border: 1px solid #3f3f3f;
}
.article-info-box .label-state + .subject,
.article-info-box .label-list + .subject {
  margin-top: -0.4rem;
}
.article-info-box .label-state {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  padding-top: 0;
  z-index: 1;
}
.article-info-box .label-state span {
  padding: 0.075rem 0.4rem;
  display: inline-block;
  min-width: 4.4rem;
  min-height: 1.2rem;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 0.6rem;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  border-radius: 0.3rem;
}
.article-info-box.comment .btn-cover {
  bottom: 1.8rem;
}
.article-info-box .comment-text {
  margin-top: 0.6rem;
  display: inline-block;
  width: 100%;
  min-height: 1.2rem;
  padding: 0.175rem 0.4rem;
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 1.4;
  background-color: #f3f4f5;
  border-radius: 0.2rem;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 960px) {
  .article-info-box .image-box {
    position: relative;
    padding-bottom: 55.24%;
    max-width: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .article-info-box .subject {
    font-size: 0.8rem;
    line-height: 1.12rem;
  }
  .article-info-box .text {
    padding-top: 0.4rem;
    font-size: 0.7rem;
    line-height: 1.12rem;
  }
  .article-info-box .info {
    padding-top: 0.4rem;
  }
  .article-info-box .info .date {
    margin-left: 0.2rem;
  }
  .article-info-box .writer {
    padding-top: 0.2rem;
  }
  .article-info-box .date {
    padding-top: 0.4rem;
  }
  .article-info-box .btn-like-box {
    width: 0.9rem;
    height: 0.8rem;
  }
}

.article-content-box-wrap .article-content-box {
  row-gap: 2.4rem;
}
.article-content-box-wrap .data-table-content-box {
  padding-top: 0;
}

@media (max-width: 960px) {
  .article-content-box-wrap .article-content-box {
    row-gap: 1.6rem;
  }
}
.number-list-box {
  padding-top: 0.8rem;
}
.number-list-box .number-list-box-item + .number-list-box-item {
  padding-top: 0.8rem;
}
.number-list-box .number-list-box-item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  line-height: 1.12rem;
}
.number-list-box .number {
  padding-right: 0.2rem;
  min-width: 0.8rem;
  font-size: 0.7rem;
  font-weight: 700;
}
.number-list-box .text {
  font-size: 0.7rem;
  font-weight: 500;
  display: block;
  display: -webkit-box;
  max-height: 3em;
  text-overflow: ellipsis;
  line-height: 1.5em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
@media (max-width: 960px) {
  .number-list-box {
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #e8e8e8;
  }
  .number-list-box .number {
    min-width: 1.4rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.54rem;
  }
}

.schedule-view-box {
  margin-top: 0.8rem;
  padding: 1.2rem 0.8rem;
  text-align: left;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(92, 92, 93, 0.2);
          box-shadow: 0px 2px 3px 0px rgba(92, 92, 93, 0.2);
  background-color: #f3f4f5;
  border-radius: 8px;
}
.schedule-view-box .schedule-box + .schedule-box {
  padding-top: 1.2rem;
}
.schedule-view-box .schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.schedule-view-box .schedule + .schedule {
  margin-top: 0.4rem;
}
.schedule-view-box .icon-box {
  margin-right: 0.4rem;
  width: 1.2rem;
  height: 1.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.schedule-view-box .icon-share {
  background-image: url("../images/icon/calender-icon-share-24x24.png");
}
.schedule-view-box .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.schedule-view-box .text {
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1e292d;
  text-align: left;
  display: block;
  display: -webkit-box;
  max-height: 1.5em;
  text-overflow: ellipsis;
  line-height: 1.5em;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
.schedule-view-box .info {
  padding-top: 0.1rem;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 1.4;
  color: #949494;
}
.schedule-view-box .btn-wrap {
  padding-top: 1.2rem;
  text-align: center;
}
.schedule-view-box .btn {
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 1.4;
}
.schedule-view-box .icon-arrow-right {
  margin-right: 0;
  margin-left: 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-arrow-right-dark-16x16.png");
}
.schedule-view-box .schedule-info-box {
  padding: 3.2rem 0;
  text-align: center;
}
.schedule-view-box .schedule-info-box .text-box {
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.4;
}
.schedule-view-box .schedule-info-box .btn {
  margin-top: 0.8rem;
  max-width: 9rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 2.4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 100px;
  color: #fff;
  background-color: #1e292d;
}
@media (max-width: 960px) {
  .schedule-view-box .icon-box {
    width: 1.8rem;
    height: 1.8rem;
    background-size: cover;
  }
  .schedule-view-box .icon-univ {
    background-image: url("../images/icon/calender-icon-univ-36x36.png");
  }
  .schedule-view-box .icon-check {
    background-image: url("../images/icon/calender-icon-check-36x36.png");
  }
  .schedule-view-box .icon-share {
    background-image: url("../images/icon/calender-icon-share-36x36.png");
  }
  .schedule-view-box .icon-arrow-right {
    width: 0.8rem;
    height: 0.8rem;
  }
}

.article-aside-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
@media (max-width: 960px) {
  .article-aside-inner {
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.aside-content-box {
  max-width: 252px;
  width: 100%;
}
.aside-content-box .section-title-box {
  padding-bottom: 0.8rem;
  border-bottom: 2px solid #1e292d;
}
@media (max-width: 960px) {
  .aside-content-box {
    max-width: 100%;
  }
}

.article-aside-content-box {
  max-width: 289px;
  width: 100%;
}
@media (max-width: 960px) {
  .article-aside-content-box {
    display: none;
  }
}

@media (max-width: 960px) {
  .article-write-content-box .aside-content-box.aside-content-box-display {
    display: block;
  }
}

.comment-content-box {
  padding-top: 0.8rem;
  line-height: 0;
}
.comment-content-box .icon-arrow-round {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.comment-content-box.active .icon-arrow-round {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.comment-content-box .accordion-header {
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
}
.comment-content-box .accordion-header::after {
  display: none;
}
.comment-content-box .comment-content-box-header {
  cursor: pointer;
}
@media (max-width: 960px) {
  .comment-content-box .comment-input-box .textarea-box.show .form-textarea {
    min-height: 5.25rem;
  }
}
@media (max-width: 576px) {
  .comment-content-box .comment-input-box .textarea-box.show .form-textarea {
    min-height: 6rem;
  }
}

.comment-content-box-header {
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 1;
}
.comment-content-box-header span {
  font-weight: 700;
}
.comment-content-box-header .icon-box {
  margin-right: 0.2rem;
}
.comment-content-box-header .icon-arrow-round {
  width: 0.8rem;
  height: 0.8rem;
}

.comment-content-box-body {
  margin-top: 0.8rem;
  padding: 1.2rem;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #fff;
  border-radius: 4px;
}
.comment-content-box-body .btn-wrap {
  padding-top: 1.2rem;
  text-align: center;
}
.comment-content-box-body .btn-wrap .icon-box {
  margin-bottom: 0.1rem;
}
.comment-content-box-body .add-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 0.91rem;
}
@media (max-width: 960px) {
  .comment-content-box-body {
    padding: 0.8rem;
  }
  .comment-content-box-body .btn-wrap {
    padding-top: 0.8rem;
  }
}

.comment-list-box + .comment-input-box {
  margin-top: 1.6rem;
}
@media (max-width: 960px) {
  .comment-list-box + .comment-input-box {
    margin-top: 1.2rem;
  }
}

.comment-list-box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.comment-list-box-item.private .comment {
  color: #999;
}
.comment-list-box-item.private .comment-tool-box {
  pointer-events: none;
}
.comment-list-box-item + .comment-list-box-item {
  padding-top: 1.2rem;
}
.comment-list-box-item .profile-image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  overflow: hidden;
}
.comment-list-box-item .profile-image span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #949494;
}
.comment-list-box-item .profile-image img,
.comment-list-box-item .profile-image span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comment-list-box-item .comment-box {
  width: auto;
}
.comment-list-box-item .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comment-list-box-item .name {
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 0.91rem;
  color: #5c5c5d;
}
.comment-list-box-item .name .icon-small-check {
  margin-left: 0.1rem;
  width: 0.8rem;
  height: 0.8rem;
  vertical-align: text-bottom;
}
.comment-list-box-item .date {
  padding-left: 0.4rem;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  color: #949494;
}
.comment-list-box-item .like-box {
  padding-left: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 1;
  color: #949494;
}
.comment-list-box-item .icon-box {
  width: 100%;
  height: 100%;
  vertical-align: top;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.comment-list-box-item .like-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.comment-list-box-item .like-btn .icon-like {
  width: 0.8rem;
  height: 0.8rem;
}
.comment-list-box-item .like-btn.check .icon-like {
  background-image: url("../images/icon/icon-like-check.png");
}
.comment-list-box-item .number {
  display: block;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 1;
  color: #949494;
}
.comment-list-box-item .comment {
  max-width: 716px;
  margin-top: 0.4rem;
  padding: 0.8rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  border-radius: 0px 25px 25px 25px;
  background-color: #fff;
}
@media (max-width: 960px) {
  .comment-list-box-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .comment-list-box-item + .comment-list-box-item {
    padding-top: 0.8rem;
  }
  .comment-list-box-item .profile-image {
    width: 1.2rem;
    height: 1.2rem;
    font-size: 0.65rem;
  }
  .comment-list-box-item .date {
    padding-left: 0.3rem;
  }
  .comment-list-box-item .like-box {
    padding-left: 0.3rem;
  }
  .comment-list-box-item .comment-box {
    margin-top: -1.05rem;
  }
  .comment-list-box-item .info-box {
    padding-left: 1.6rem;
  }
  .comment-list-box-item .comment {
    max-width: 283px;
    margin-top: 0.75rem;
    padding: 0.6rem;
  }
}

.comment-list-box-item-user {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.comment-list-box-item-user .profile-image span {
  background-color: #1e292d;
}
.comment-list-box-item-user .comment {
  border-radius: 25px 0px 25px 25px;
  color: #fff;
  background-color: #1e292d;
}
@media (max-width: 960px) {
  .comment-list-box-item-user {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .comment-list-box-item-user .profile-image {
    margin-left: calc(100% - 24px);
  }
  .comment-list-box-item-user .comment-box {
    margin-left: auto;
  }
  .comment-list-box-item-user .info-box {
    padding-left: 0;
    padding-right: 1.6rem;
  }
}

.comment-nickname-box {
  margin-top: 1.6rem;
  max-width: calc(100% - 5.4rem);
}
.comment-nickname-box + .comment-input-box {
  margin-top: 0.6rem;
}
.comment-nickname-box .input-cover .form-input {
  background-color: transparent;
  border-color: rgba(30, 41, 45, 0.2);
}
@media (max-width: 960px) {
  .comment-nickname-box {
    margin-top: 1.2rem;
    max-width: calc(100% - 1.6rem);
  }
  .comment-nickname-box + .comment-input-box {
    margin-top: 0.4rem;
  }
  .comment-nickname-box .input-cover .form-input {
    min-height: 2.2rem;
    line-height: 2.1rem;
    font-size: 0.7rem;
  }
}

.comment-input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.comment-input-box .textarea-box {
  position: relative;
  width: 100%;
}
.comment-input-box .textarea-box.show .info-text {
  display: block;
}
.comment-input-box .textarea-box.show .form-textarea::-webkit-input-placeholder {
  color: transparent;
}
.comment-input-box .textarea-box.show .form-textarea::-moz-placeholder {
  color: transparent;
}
.comment-input-box .textarea-box.show .form-textarea::-ms-input-placeholder {
  color: transparent;
}
.comment-input-box .textarea-box.show .form-textarea::placeholder {
  color: transparent;
}
.comment-input-box .textarea-box.writing .info-text {
  display: none;
}
.comment-input-box .textarea-box.writing .form-textarea::-webkit-input-placeholder {
  color: transparent;
}
.comment-input-box .textarea-box.writing .form-textarea::-moz-placeholder {
  color: transparent;
}
.comment-input-box .textarea-box.writing .form-textarea::-ms-input-placeholder {
  color: transparent;
}
.comment-input-box .textarea-box.writing .form-textarea::placeholder {
  color: transparent;
}
.comment-input-box .form-textarea {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  outline: 0;
  background-color: transparent;
  border-color: rgba(30, 41, 45, 0.2);
}
.comment-input-box .form-textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.comment-input-box .form-textarea:focus::-moz-placeholder {
  color: transparent;
}
.comment-input-box .form-textarea:focus::-ms-input-placeholder {
  color: transparent;
}
.comment-input-box .form-textarea:focus::placeholder {
  color: transparent;
}
.comment-input-box .info-text {
  display: none;
  position: absolute;
  top: 0.6rem;
  left: 1rem;
  padding-right: 1rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  pointer-events: none;
}
.comment-input-box .btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5rem;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 0.98rem;
  text-align: center;
  color: #fff;
  outline: 0;
  background-color: #1e292d;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 960px) {
  .comment-input-box {
    gap: 8px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .comment-input-box .textarea-box.show .form-textarea {
    height: 100%;
    min-height: 4.2rem;
    overflow: auto;
  }
  .comment-input-box .textarea-box.writing + .btn {
    background-image: url("../images/icon/icon-paper-airplane-on.png");
  }
  .comment-input-box .form-textarea {
    padding: 0.6rem 0.8rem;
    height: 2.2rem;
    font-size: 0.7rem;
    line-height: 0.98rem;
    overflow: hidden;
  }
  .comment-input-box .info-text {
    left: 0.8rem;
  }
  .comment-input-box .btn {
    margin-bottom: 0.6rem;
    width: 1.2rem;
    height: 1.2rem;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url("../images/icon/icon-paper-airplane.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
  }
}

.comment-content-other-box .comment-content-box-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment-content-other-box .icon-speech-bubble {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-speech-bubble-bk-20x20.png");
}
.comment-content-other-box .comment-content-box-body {
  margin-top: 1.4rem;
}
.comment-content-other-box .comment-list-box-item {
  position: relative;
}
.comment-content-other-box .comment-list-box-item + .comment-list-box-item {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(92, 92, 93, 0.2);
}
.comment-content-other-box .comment-list-box-item .icon-like {
  width: 0.6rem;
  height: 0.6rem;
}
.comment-content-other-box .comment-list-box-item.reply {
  padding-left: 2.2rem;
}
.comment-content-other-box .comment-reply-input-box {
  padding-top: 1rem;
}
.comment-content-other-box .comment-reply-input-box .comment-nickname-box {
  margin-top: 0;
}
.comment-content-other-box .profile-image {
  font-size: 0.8rem;
  line-height: 1.12rem;
  color: #949494;
}
.comment-content-other-box .profile-image span {
  background-color: #e8e8e8;
}
.comment-content-other-box .comment-box {
  width: 100%;
}
.comment-content-other-box .info-box {
  padding-right: 1.25rem;
  line-height: 1;
}
.comment-content-other-box .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  color: #1e292d;
}
.comment-content-other-box .reply-name {
  color: #2761c2;
  font-weight: 700;
}
.comment-content-other-box .label-text {
  margin-left: 0.2rem;
  padding: 0.05rem 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 1;
  border-radius: 0.1rem;
}
.comment-content-other-box .label-text.user {
  color: #fd5e45;
  background-color: rgba(253, 94, 69, 0.1490196078);
}
.comment-content-other-box .label-text.writer {
  color: #0ea5e9;
  background-color: rgba(14, 165, 233, 0.1490196078);
}
.comment-content-other-box .icon-small-check {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0.1rem;
  background-image: url("../images/icon/icon-small-name-check-bk-16x16.png");
}
.comment-content-other-box .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.7rem;
  line-height: 1;
}
.comment-content-other-box .state {
  padding-left: 0.4rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1;
  color: #949494;
}
.comment-content-other-box .comment {
  padding: 0;
  max-width: 100%;
  width: 100%;
  border-radius: 0;
  background-color: transparent;
}
.comment-content-other-box .comment-tool-box {
  padding-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
.comment-content-other-box .comment-tool-box .btn {
  padding: 0.25rem 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  min-height: 1.3rem;
  gap: 0.1rem;
  background-color: #e8e8e8;
  border-radius: 1.5rem;
  color: #5c5c5d;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
.comment-content-other-box .comment-tool-box .btn.check {
  background-color: #1e292d;
  color: #fff;
}
.comment-content-other-box .comment-tool-box .btn.check .icon-like {
  background-image: url("../images/icon/icon-comment-like-wh-12x12.png");
}
.comment-content-other-box .comment-tool-box .btn.check .number {
  color: #fff;
}
.comment-content-other-box .comment-tool-box .btn:hover:not(.check) {
  background-color: #dddedf;
}
.comment-content-other-box .comment-tool-box .text {
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 1;
}
.comment-content-other-box .comment-tool-box .number {
  font-size: 0.65rem;
  font-weight: 400;
  color: #5c5c5d;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.comment-content-other-box .icon-like {
  width: 0.6rem;
  height: 0.6rem;
  background-image: url("../images/icon/icon-comment-like-bk-12x12.png");
}
.comment-content-other-box .editing-box {
  position: absolute;
  top: 0.85rem;
  right: 0;
  z-index: 1;
}
.comment-content-other-box .editing-box.active .btn-group {
  visibility: visible;
  opacity: 1;
}
.comment-content-other-box .editing-box-btn {
  position: relative;
  width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("../images/icon/icon-comment-dot-15x3.png");
  background-repeat: no-repeat;
  background-size: 0.75rem 0.15rem;
  background-position: center;
}
.comment-content-other-box .editing-box-btn span {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.comment-content-other-box .editing-box-btn span.focusable:active, .comment-content-other-box .editing-box-btn span.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.comment-content-other-box .btn-group {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.2rem;
  padding: 0.4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
          box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 0.4rem;
  -webkit-transition: visibility 0.3s, opacity 0.3s;
  transition: visibility 0.3s, opacity 0.3s;
}
.comment-content-other-box .btn-control {
  padding: 0.2rem 0.6rem;
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 0.98rem;
  white-space: nowrap;
}
.comment-content-other-box .btn-control:hover {
  background-color: #f3f4f5;
}
.comment-content-other-box .btn-wrap {
  padding-top: 2.4rem;
}
.comment-content-other-box .btn-wrap .btn {
  font-weight: 700;
}
.comment-content-other-box .comment-nickname-box {
  margin-top: 1.4rem;
}
.comment-content-other-box .comment-nickname-box .input-cover .form-input {
  min-height: 2.6rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  border-color: rgba(92, 92, 93, 0.2);
}
.comment-content-other-box .comment-nickname-box .input-cover .form-input::-webkit-input-placeholder {
  color: #949494;
}
.comment-content-other-box .comment-nickname-box .input-cover .form-input::-moz-placeholder {
  color: #949494;
}
.comment-content-other-box .comment-nickname-box .input-cover .form-input::-ms-input-placeholder {
  color: #949494;
}
.comment-content-other-box .comment-nickname-box .input-cover .form-input::placeholder {
  color: #949494;
}
.comment-content-other-box .comment-nickname-box + .comment-input-box {
  margin-top: 0.4rem;
}
.comment-content-other-box .comment-input-box .form-textarea {
  padding: 0.8rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  border-color: rgba(92, 92, 93, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
}
.comment-content-other-box .comment-input-box .form-textarea.sm {
  height: 3.6rem;
}
.comment-content-other-box .comment-input-box .form-textarea::-webkit-input-placeholder {
  color: #949494;
}
.comment-content-other-box .comment-input-box .form-textarea::-moz-placeholder {
  color: #949494;
}
.comment-content-other-box .comment-input-box .form-textarea::-ms-input-placeholder {
  color: #949494;
}
.comment-content-other-box .comment-input-box .form-textarea::placeholder {
  color: #949494;
}
.comment-content-other-box .comment-input-box .form-textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.comment-content-other-box .comment-input-box .form-textarea:focus::-moz-placeholder {
  color: transparent;
}
.comment-content-other-box .comment-input-box .form-textarea:focus::-ms-input-placeholder {
  color: transparent;
}
.comment-content-other-box .comment-input-box .form-textarea:focus::placeholder {
  color: transparent;
}
.comment-content-other-box .comment-input-box .info-text {
  top: 0.8rem;
  left: 0.8rem;
}
@media (max-width: 960px) {
  .comment-content-other-box .profile-image {
    width: 1.8rem;
    height: 1.8rem;
  }
  .comment-content-other-box .comment-list-box-item .comment-box {
    margin-top: -1.8rem;
  }
  .comment-content-other-box .comment {
    margin-top: 0.4rem;
    padding-left: 2rem;
  }
  .comment-content-other-box .info-box {
    margin-left: -0.4rem;
    padding-left: 2rem;
    min-height: 0.95rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 0.4rem;
  }
  .comment-content-other-box .name {
    padding-left: 0.4rem;
  }
  .comment-content-other-box .date {
    padding-left: 0.4rem;
  }
  .comment-content-other-box .label-text {
    min-height: 0.95rem;
  }
  .comment-content-other-box .comment-tool-box {
    margin-left: 2rem;
  }
  .comment-content-other-box .editing-box {
    top: 0.95rem;
  }
  .comment-content-other-box .comment-list-box-item.reply {
    padding-left: 2rem;
  }
  .comment-content-other-box .comment-nickname-box {
    max-width: 100%;
  }
  .comment-content-other-box .comment-nickname-box .input-cover .form-input {
    min-height: 2.6rem;
  }
  .comment-content-other-box .comment-input-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .comment-content-other-box .comment-input-box .textarea-box.writing + .btn {
    background-image: none;
  }
  .comment-content-other-box .comment-input-box .btn {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-indent: 0;
    margin-bottom: 0;
    width: 100%;
    height: 2.6rem;
    background: none;
    background-color: #1e292d;
  }
  .comment-content-other-box .comment-input-box .textarea-box.show .form-textarea {
    min-height: 3.6rem;
  }
}
@media (max-width: 576px) {
  .comment-content-other-box .comment-input-box .form-textarea.sm {
    height: 2.6rem;
  }
  .comment-content-other-box .comment-input-box .textarea-box.show .form-textarea, .comment-content-other-box .comment-input-box .textarea-box.writing-show .form-textarea, .comment-content-other-box .comment-input-box .textarea-box.writing .form-textarea {
    min-height: 4.6rem;
  }
}

.empty-info-text-box {
  width: 100%;
}
.empty-info-text-box .empty-link-btn {
  padding: 2.15rem 1rem 1.95rem;
  width: 100%;
  display: block;
  text-align: center;
  border: 1px dashed #949494;
  border-radius: 0.4rem;
}
.empty-info-text-box .text {
  padding-top: 0.6rem;
  display: block;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  text-align: center;
  color: #5c5c5d;
}
.data-table-box-item .empty-info-text-box {
  padding-top: 2.4rem;
}
.mypage-content-box .daily-box + .empty-info-text-box,
.mypage-content-box .mypage-data-table-content-box + .empty-info-text-box,
.mypage-content-box .article-content-box + .empty-info-text-box,
.mypage-content-box .pagination-box + .empty-info-text-box {
  padding-top: 1.5rem;
}

@media (max-width: 960px) {
  .mypage-content-box .daily-box + .empty-info-text-box,
  .mypage-content-box .mypage-data-table-content-box + .empty-info-text-box,
  .mypage-content-box .article-content-box + .empty-info-text-box,
  .mypage-content-box .pagination-box + .empty-info-text-box,
  .mypage-content-box .control-content-box + .empty-info-text-box,
  .mypage-content-box .control-btn-box + .empty-info-text-box {
    padding-top: 1.2rem;
  }
}
.empty-info-text {
  padding: 2.15rem 1rem 1.95rem;
  width: 100%;
  display: block;
  text-align: center;
  border: 1px dashed #949494;
  border-radius: 0.4rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  text-align: center;
  color: #5c5c5d;
}

.thumbnail-design-check-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
@media (max-width: 960px) {
  .thumbnail-design-check-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .thumbnail-design-check-box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 280px) {
  .thumbnail-design-check-box {
    gap: 0.8rem 0;
  }
}

.thumbnail-design-check-box-item {
  max-width: 7.4rem;
}
.thumbnail-design-check-box-item .selector-cover.radio .selector-text {
  padding-left: 1.6rem;
}
.thumbnail-design-check-box-item .cover-image {
  width: 100%;
  border: 1px solid #e8e8e8;
}
.thumbnail-design-check-box-item .label {
  margin-top: 0.6rem;
}
@media (max-width: 576px) {
  .thumbnail-design-check-box-item {
    max-width: calc(50% - 0.4rem);
  }
}

.create-thumbnail-box {
  display: none;
}
.create-thumbnail-box.show {
  display: block;
}

.create-thumbnail-title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.create-thumbnail-title-box .input-cover {
  max-width: 17.2rem;
  width: 100%;
}
.create-thumbnail-title-box .cover-image-box-wrap {
  max-width: 21.8rem;
  width: 100%;
  height: 31rem;
  border: 1px solid #e8e8e8;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.create-thumbnail-title-box .cover-image-box {
  position: relative;
  padding: 1.5rem 0 3rem 3rem;
  width: 100%;
  height: 100%;
  background-image: url("../images/webzine/webzine-create-thumbnail.png");
  background-position: top center;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.create-thumbnail-title-box .image-box {
  position: absolute;
  top: 1.5rem;
  right: -1px;
  max-width: 18.8rem;
  width: 100%;
  height: 19.5rem;
}
.create-thumbnail-title-box .image-box img {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
}
.create-thumbnail-title-box .text-box {
  position: absolute;
  right: 1.5rem;
  bottom: 3rem;
  color: #000;
  max-width: 17.3rem;
  width: 100%;
}
.create-thumbnail-title-box .cover-title {
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1.922rem;
  max-height: 6rem;
  overflow: hidden;
}
.create-thumbnail-title-box .writer {
  padding-top: 1.1rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.868rem;
}
@media (max-width: 960px) {
  .create-thumbnail-title-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .create-thumbnail-title-box .input-cover {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .create-thumbnail-title-box .cover-image-box-wrap {
    max-width: 16.4rem;
    height: 23.3rem;
  }
  .create-thumbnail-title-box .cover-image-box {
    padding: 1.1rem 0 2.15rem 2.2rem;
    max-width: 100%;
    height: 100%;
  }
  .create-thumbnail-title-box .image-box {
    top: 4.76%;
    max-width: 86.636%;
    height: 63.09%;
  }
  .create-thumbnail-title-box .text-box {
    right: 1.2rem;
    bottom: 2.15rem;
    max-width: 79.26%;
  }
  .create-thumbnail-title-box .cover-title {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.488rem;
  }
  .create-thumbnail-title-box .writer {
    padding-top: 0.75rem;
    font-size: 0.55rem;
    font-weight: 400;
    line-height: 0.682rem;
  }
}
@media (max-width: 320px) {
  .create-thumbnail-title-box .cover-image-box-wrap {
    height: 932px;
  }
}
@media (max-width: 320px) and (max-width: 720px) {
  .create-thumbnail-title-box .cover-image-box-wrap {
    height: 129.4444444444vw;
  }
}
@media (max-width: 320px) {
  .create-thumbnail-title-box .cover-image-box {
    padding: 44px 0px 86px 88px;
  }
}
@media (max-width: 320px) and (max-width: 720px) {
  .create-thumbnail-title-box .cover-image-box {
    padding: 6.1111111111vw 0vw 11.9444444444vw 12.2222222222vw;
  }
}
@media (max-width: 320px) {
  .create-thumbnail-title-box .text-box {
    right: 48px;
    bottom: 86px;
  }
}
@media (max-width: 320px) and (max-width: 720px) {
  .create-thumbnail-title-box .text-box {
    right: 6.6666666667vw;
  }
}
@media (max-width: 320px) and (max-width: 720px) {
  .create-thumbnail-title-box .text-box {
    bottom: 11.9444444444vw;
  }
}
@media (max-width: 320px) {
  .create-thumbnail-title-box .cover-title {
    font-size: 48px;
    line-height: 59.52px;
  }
}
@media (max-width: 320px) and (max-width: 720px) {
  .create-thumbnail-title-box .cover-title {
    font-size: 6.6666666667vw;
  }
}
@media (max-width: 320px) and (max-width: 720px) {
  .create-thumbnail-title-box .cover-title {
    line-height: 8.2666666667vw;
  }
}
@media (max-width: 320px) {
  .create-thumbnail-title-box .writer {
    padding-top: 30px;
    font-size: 22px;
    line-height: 27.28px;
  }
}
@media (max-width: 320px) and (max-width: 720px) {
  .create-thumbnail-title-box .writer {
    padding-top: 4.1666666667vw;
  }
}
@media (max-width: 320px) and (max-width: 720px) {
  .create-thumbnail-title-box .writer {
    font-size: 3.0555555556vw;
  }
}
@media (max-width: 320px) and (max-width: 720px) {
  .create-thumbnail-title-box .writer {
    line-height: 3.7888888889vw;
  }
}

.selector-wrapper-radio {
  padding-top: 0.4rem;
}

.article-content-list-box .category-label-box {
  padding-bottom: 1.2rem;
}
.category-label-box.horizontal {
  gap: 0.4rem;
}
.category-label-box .selector-cover .selector-text {
  padding: 0.25rem 0.8rem;
  min-height: 1.6rem;
  font-weight: 700;
  font-size: 0.8rem;
  color: #3f3f3f;
  background-color: #e8e8e8;
  border-radius: 2.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.category-label-box .selector-cover .label {
  line-height: 1;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.category-label-box .selector-cover .selector {
  position: relative;
  margin-right: 0.2rem;
  display: none;
  width: 0.8rem;
  height: 0.8rem;
  border: 0;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.category-label-box .selector-cover input:checked + .selector-text {
  color: #fff;
  background-color: #3f3f3f;
}
.category-label-box .selector-cover input:checked + .selector-text .selector {
  display: block;
  background-image: url("../images/components/icon-category-label-check-16x16.png");
}

.article-list-slide-box-wrap {
  position: relative;
}
.sub-space-cover-box .article-list-slide-box-wrap {
  padding-top: 1.2rem;
}
.article-list-slide-box-wrap .swiper-button-prev,
.article-list-slide-box-wrap .swiper-button-next {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  top: 5rem;
  width: 3.2rem;
  height: 3.2rem;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
}
.article-list-slide-box-wrap .swiper-button-prev.hide,
.article-list-slide-box-wrap .swiper-button-next.hide {
  visibility: hidden;
  opacity: 0;
}
.article-list-slide-box-wrap .swiper-button-prev {
  left: -1.6rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url("../images/icon/icon-slider-arrow-next-round-48x48-vivid.png");
}
.article-list-slide-box-wrap .swiper-button-next {
  right: -1.6rem;
  -webkit-transform: none;
          transform: none;
  background-image: url("../images/icon/icon-slider-arrow-next-round-48x48-vivid.png");
}
.article-list-slide-box-wrap .swiper-button-disabled {
  opacity: 0.9;
}
.article-list-slide-box-wrap .swiper-pagination {
  display: none;
  margin-top: 1rem;
}
.article-list-slide-box-wrap .swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.4rem;
  background-color: #00fa8c;
}
@media (max-width: 960px) {
  .sub-space-cover-box .article-list-slide-box-wrap {
    padding-top: 0.8rem;
  }
  .article-list-slide-box-wrap .swiper-button-prev,
  .article-list-slide-box-wrap .swiper-button-next {
    display: none;
  }
  .article-list-slide-box-wrap .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.article-list-slide-box .swiper-slide {
  max-width: 19.6rem;
  height: auto;
}
.article-list-slide-box .swiper-pagination-bullet {
  background-color: #6d38f6;
}

.notify-banner-box {
  margin-top: 3rem;
  width: 100%;
  min-height: 2rem;
  z-index: 11;
}
.notify-banner-box .notify-banner-box-slide {
  height: 2rem;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); /* 하드웨어 가속 유도 */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #00fa8c;
}
.notify-banner-box .swiper-slide {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #00fa8c;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); /* 하드웨어 가속 유도 */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
}
.notify-banner-box .banner-list-item {
  padding: 0.5rem 0.8rem;
  display: block;
  width: 100%;
  height: 2rem; /* 한 줄 높이만큼만 보이게 */
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #00fa8c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.notify-banner-box .banner-text {
  padding: 0.5rem 0.8rem;
  display: block;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  background-color: #00fa8c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.notify-banner-box .link-text {
  text-decoration: underline;
}
.notify-banner-box ~ #content .main-section-space {
  padding-top: 1.2rem;
}
.notify-banner-box ~ #content .sub-section-wrap {
  padding-top: 1.2rem;
}

@media (max-width: 960px) {
  .notify-banner-box ~ #content .main-section-space, .notify-banner-box ~ #content .sub-section-wrap {
    padding-top: 0.8rem;
  }
  .notify-banner-box ~ #content .sub-section-wrap {
    padding-top: 0;
  }
}
.pick-notice-alert-box {
  background-color: #f6ffee;
}
.pick-notice-alert-box .section-inner {
  padding: 2rem;
}
.pick-notice-alert-box .info-box {
  font-size: 0.8rem;
}
.pick-notice-alert-box .info-box + .info-box {
  padding-top: 1rem;
}
.pick-notice-alert-box .title {
  font-weight: 700;
}
.pick-notice-alert-box .list-text {
  font-size: 0.8rem;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.pick-notice-alert-box .list-text li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: inherit;
  gap: 0.3rem;
  line-height: 1.4;
  color: inherit;
}
.pick-notice-alert-box .mark {
  margin-top: 0.4rem;
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #000;
  border-radius: 50%;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pick-notice-alert-box .info-text {
  padding-top: 0.8rem;
  font-size: 0.8rem;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.pick-notice-alert-box ~ #content .sub-section-wrap {
  padding-top: 1.2rem;
}

@media (max-width: 960px) {
  .pick-notice-alert-box .section-inner {
    padding: 1rem;
  }
  .pick-notice-alert-box .info-box {
    font-size: 0.7rem;
  }
  .pick-notice-alert-box .info-box + .info-box {
    padding-top: 0.8rem;
  }
  .pick-notice-alert-box .list-text {
    font-size: 0.7rem;
  }
  .pick-notice-alert-box .list-text li {
    gap: 0.2rem;
  }
  .pick-notice-alert-box .mark {
    margin-top: 0.3rem;
    width: 0.2rem;
    height: 0.2rem;
  }
  .pick-notice-alert-box .info-text {
    padding-top: 0.6rem;
    font-size: 0.7rem;
  }
  .pick-notice-alert-box ~ #content .sub-section-wrap {
    padding-top: 0;
  }
}
.main-section-wrap {
  padding-top: 3.6rem;
}
@media (max-width: 960px) {
  .main-section-wrap {
    padding-top: 2.8rem;
  }
}

.main-section-space {
  padding-top: 4.2rem;
}
@media (max-width: 960px) {
  .main-section-space {
    padding-top: 3.8rem;
  }
}

.main-section-space-end {
  padding-bottom: 3.6rem;
}
@media (max-width: 960px) {
  .main-section-space-end {
    padding-bottom: 2.8rem;
  }
}

.main-article-box .swiper-button-prev,
.main-article-box .swiper-button-next {
  margin-top: -1.6rem;
  top: 50%;
}

@media (max-width: 960px) {
  .trend-article-box .aside-content-box {
    padding-top: 2.8rem;
  }
}

.webzine-article-box {
  margin-top: 3.6rem;
  padding-top: 0;
  background-image: url("../images/main/bg-pattern.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.webzine-article-box .section-inner {
  position: relative;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.webzine-article-box .content-box-cover {
  width: calc(100% - 21.8rem);
}
.webzine-article-box .webzine-image-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 21.8rem;
  height: 100%;
  background-position: top center;
  background-size: cover;
  z-index: 1;
  overflow: hidden;
}
.webzine-article-box .section-title-box .title {
  font-size: 1.8rem;
  line-height: 2.52rem;
  word-break: break-all;
}
.webzine-article-box .article-info-box .image-box {
  padding-bottom: 55.16%;
  max-width: 12.6rem;
}
.webzine-article-box .article-info-box .subject {
  font-size: 0.8rem;
}
.webzine-article-box .article-info-box .text {
  padding-top: 0.2rem;
  font-size: 0.7rem;
}
@media (max-width: 1100px) {
  .webzine-article-box .content-box-cover {
    width: calc(100% - 21rem);
  }
}
@media (min-width: 960px) {
  .webzine-article-box .section-inner {
    height: 30.9rem;
  }
  .webzine-article-box .section-title-box .title {
    min-height: 5.0405rem;
  }
  .webzine-article-box .article-info-box {
    max-height: 17.25rem;
  }
}
@media (max-width: 960px) {
  .webzine-article-box {
    margin-top: 2.8rem;
  }
  .webzine-article-box .section-inner {
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
    padding-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .webzine-article-box .content-box-cover {
    width: 100%;
  }
  .webzine-article-box .webzine-image-box {
    padding-top: 1.2rem;
    padding-right: 0.8rem;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
  .webzine-article-box .webzine-image-box img {
    max-width: 21.8rem;
    width: 100%;
  }
  .webzine-article-box .section-title-box {
    padding-right: 0.8rem;
  }
  .webzine-article-box .section-title-box .title {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  .webzine-article-box .article-info-box .image-box {
    padding-bottom: 47.225%;
    max-width: 10.75rem;
  }
  .webzine-article-box .article-info-box .subject {
    font-size: 0.8rem;
    line-height: 1.12rem;
  }
  .webzine-article-box .article-info-box .text {
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
  .webzine-article-box .article-info-box .date {
    font-size: 0.65rem;
    line-height: 0.91rem;
  }
}

.webzine-slide-box-wrap {
  position: relative;
}
.webzine-slide-box-wrap .swiper-button-prev,
.webzine-slide-box-wrap .swiper-button-next {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  top: 2.15rem;
  width: 2.8rem;
  height: 2.8rem;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
}
.webzine-slide-box-wrap .swiper-button-prev.hide,
.webzine-slide-box-wrap .swiper-button-next.hide {
  visibility: hidden;
  opacity: 0;
}
.webzine-slide-box-wrap .swiper-button-prev {
  left: -1.9rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url("../images/icon/icon-slider-arrow-next-round-56x56.png");
}
.webzine-slide-box-wrap .swiper-button-next {
  right: 2.7rem;
  -webkit-transform: none;
          transform: none;
  background-image: url("../images/icon/icon-slider-arrow-next-round-56x56.png");
}
@media (max-width: 960px) {
  .webzine-slide-box-wrap {
    margin-left: -0.8rem;
  }
  .webzine-slide-box-wrap .swiper-button-prev,
  .webzine-slide-box-wrap .swiper-button-next {
    display: none;
  }
}

.webzine-slide-box {
  position: relative;
  margin-top: 2.25rem;
  max-width: 644px;
  width: 100%;
}
.webzine-slide-box .swiper-slide {
  width: 12.6rem;
}
@media (min-width: 960px) {
  .webzine-slide-box .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev) .image-box::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    z-index: 1;
  }
  .webzine-slide-box .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev) .subject {
    color: rgba(30, 41, 45, 0.4);
  }
  .webzine-slide-box .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev) .text {
    color: rgba(30, 41, 45, 0.4);
  }
  .webzine-slide-box .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev) .date {
    color: rgba(148, 148, 148, 0.4);
  }
}
@media (max-width: 960px) {
  .webzine-slide-box {
    margin-top: 1.2rem;
    padding-left: 0.8rem;
    max-width: 100%;
  }
  .webzine-slide-box .swiper-slide {
    width: 10.75rem;
  }
}

.recommend-article-box.main-section-wrap .article-content-box {
  padding-top: 1.2rem;
}

.issue-article-box .article-content-box {
  padding-top: 1.2rem;
}
.issue-article-box .btn-wrap {
  padding-top: 2.4rem;
}
@media (max-width: 960px) {
  .issue-article-box .article-content-box {
    padding-top: 0.8rem;
  }
  .issue-article-box .btn-wrap {
    padding-top: 1.2rem;
  }
}

.banner-content-box .banner-box {
  position: relative;
}
.banner-content-box .banner-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-content-box .banner {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-content-box img {
  width: 100%;
}

.issue-video-box {
  overflow: hidden;
}
.issue-video-box .video-content-box {
  position: relative;
}
.issue-video-box .prev-btn,
.issue-video-box .next-btn {
  visibility: visible;
  opacity: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -1rem;
  width: 2.8rem;
  height: 2.8rem;
  z-index: 3;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.issue-video-box .prev-btn.hide,
.issue-video-box .next-btn.hide {
  visibility: hidden;
  opacity: 0;
}
.issue-video-box .prev-btn {
  left: -1.6rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  background-image: url("../images/icon/icon-slider-arrow-next-round-56x56.png");
}
.issue-video-box .next-btn {
  right: -1.6rem;
  background-image: url("../images/icon/icon-slider-arrow-next-round-56x56.png");
}
@media (max-width: 960px) {
  .issue-video-box .section-inner {
    padding-right: 0;
  }
  .issue-video-box .video-content-box {
    margin-left: -0.8rem;
  }
  .issue-video-box .prev-btn,
  .issue-video-box .next-btn {
    display: none;
  }
}

.drag-scroll-box-wrap {
  position: relative;
  margin-top: 1.2rem;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.drag-scroll-box-wrap::-webkit-scrollbar {
  display: none;
}
.drag-scroll-box-wrap .drag-scroll-box {
  position: relative;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.drag-scroll-box-wrap .scroll-item {
  margin-right: 1.2rem;
  position: relative;
}
.drag-scroll-box-wrap .scroll-item iframe {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.drag-scroll-box-wrap .masking {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
}
.drag-scroll-box-wrap img {
  width: 100%;
  height: 100%;
}
.drag-scroll-box-wrap .video-content {
  position: relative;
  padding-bottom: 177.54%;
  width: 13.8rem;
}
.drag-scroll-box-wrap .video-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 960px) {
  .drag-scroll-box-wrap {
    margin-top: 0.8rem;
    padding-left: 0.8rem;
  }
  .drag-scroll-box-wrap .scroll-item {
    margin-right: 0.6rem;
  }
  .drag-scroll-box-wrap .video-content {
    width: 13.55rem;
  }
}

.comunity-topic-info-box.main-section-wrap {
  padding-top: 2.4rem;
}
.comunity-topic-info-box + .main-section-wrap {
  padding-top: 2.4rem;
}

.comunity-topic-box {
  position: relative;
  padding: 0.8rem 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #1e292d;
  border-radius: 0.4rem;
  gap: 3rem;
  width: 100%;
}
.comunity-topic-box .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
}
.comunity-topic-box .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1;
  color: inherit;
  gap: 0.2rem;
}
.comunity-topic-box .topic-add-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.6rem;
  font-weight: 500;
  line-height: 1;
  color: #f3f4f5;
  gap: 0.1rem;
}
.comunity-topic-box .topic-list-line-wrap {
  height: 1.1rem; /* 한 줄 높이만큼만 보이게 */
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.comunity-topic-box .topic {
  display: block;
  height: 1.1rem; /* 한 줄 높이만큼만 보이게 */
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.4;
  -ms-flex-line-pack: center;
      align-content: center;
  line-height: 1;
  color: inherit;
  width: 100%;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.comunity-topic-box .number {
  margin-right: 0.4rem;
  display: inline-block;
  min-width: 1.2rem;
}
.comunity-topic-box .topic-list-box-slide {
  visibility: hidden;
  height: inherit;
}

@media (max-width: 1100px) {
  .comunity-topic-info-box.main-section-wrap {
    padding-top: 2.4rem;
  }
  .comunity-topic-box {
    padding: 1.6rem 0.8rem 1.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.8rem;
  }
  .comunity-topic-box .topic-list-line-wrap {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .comunity-topic-box .topic-add-text {
    position: absolute;
    top: 0.6rem;
    right: 0.8rem;
  }
  .comunity-topic-box .topic-list {
    width: 100%;
    text-align: center;
  }
  .comunity-topic-box .topic {
    text-align: center;
  }
}
@media (max-width: 960px) {
  .comunity-topic-info-box + .main-section-wrap {
    padding-top: 2.8rem;
  }
}
.sub-section-wrap {
  padding-top: 4.2rem;
  padding-bottom: 3.6rem;
}
.sub-section-wrap h2 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.sub-section-wrap .article-content-half-box {
  padding-top: 2.4rem;
}
.sub-section-wrap .banner-content-box {
  padding-top: 2.4rem;
}
.sub-section-wrap .article-content-box-wrap {
  padding-top: 2.4rem;
}
.sub-section-wrap .article-content-box-wrap .content-tab-menu-box {
  padding-top: 0;
  margin-bottom: 1.2rem;
}
@media (max-width: 960px) {
  .sub-section-wrap {
    padding-top: 3.8rem;
    padding-bottom: 2.4rem;
  }
  .sub-section-wrap .article-content-half-box {
    padding-top: 2.4rem;
  }
  .sub-section-wrap .article-content-half-slide-box {
    padding-top: 1.2rem;
  }
}

@media (max-width: 960px) {
  .article-content-area {
    padding-top: 3rem;
  }
}

.article-view-content-area {
  padding-bottom: 2.4rem;
  position: relative;
}

@media (max-width: 960px) {
  .article-view-content-area {
    padding-top: 3rem;
    padding-bottom: 1.6rem;
  }
  .article-view-content-area.article-edit {
    padding-top: 6rem;
  }
}
@media (max-width: 960px) {
  .sub-content-space {
    padding-top: 6rem;
  }
}

.sub-space-cover-box {
  position: relative;
  margin: 0 auto;
  max-width: 54rem;
  width: 100%;
}
.sub-space-cover-box .sub-section-title {
  font-weight: 800;
}
.sub-space-cover-box .btn-wrap {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 0.075rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4rem;
}
@media (max-width: 1100px) {
  .sub-space-cover-box {
    padding: 0 0.8rem;
  }
  .sub-space-cover-box .btn-wrap {
    right: 0.8rem;
  }
}
@media (max-width: 960px) {
  .sub-space-cover-box {
    padding: 0.8rem 0.8rem 0;
  }
  .sub-space-cover-box .btn-wrap {
    position: static;
    padding-top: 1.2rem;
    width: 100%;
    gap: 0.6rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sub-space-cover-box .btn-wrap .btn {
    width: 100%;
  }
}

.sub-section-title-box {
  padding-right: 12.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 960px) {
  .sub-section-title-box {
    padding-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.sub-section-title {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  color: #1e292d;
  word-break: break-all;
  overflow-wrap: break-word;
}
@media (max-width: 960px) {
  .sub-section-title {
    font-size: 1.2rem;
  }
}

.content-tab-menu-box {
  padding-top: 1.2rem;
}
.content-tab-menu-box.tab-cover-line {
  border-bottom: 1px solid #e8e8e8;
}

.content-tab-menu-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content-tab-menu-box-list.list-over {
  padding-right: 0.8rem;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.content-tab-menu-box-list.list-over .content-tab-menu-box-item {
  white-space: nowrap;
}
.content-tab-menu-box-list.list-over .content-tab-menu-box-item + .content-tab-menu-box-item {
  margin-left: 1.2rem;
}
@media (max-width: 430px) {
  .content-tab-menu-box-list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.content-tab-menu-box-item + .content-tab-menu-box-item {
  margin-left: 1.6rem;
}
.content-tab-menu-box-item.active .content-tab-menu-box-btn,
.content-tab-menu-box-item.active .content-tab-menu-box-link-btn {
  color: #1e292d;
}
.content-tab-menu-box-item.active .content-tab-menu-box-btn::before,
.content-tab-menu-box-item.active .content-tab-menu-box-link-btn::before {
  visibility: visible;
  opacity: 1;
  width: 100%;
}
@media (max-width: 960px) {
  .content-tab-menu-box-item + .content-tab-menu-box-item {
    margin-left: 2.2rem;
  }
}
@media (max-width: 430px) {
  .content-tab-menu-box-item + .content-tab-menu-box-item {
    margin-left: 0;
  }
}

.content-tab-menu-box-btn,
.content-tab-menu-box-link-btn {
  position: relative;
  padding-bottom: 0.2rem;
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.26rem;
  text-align: left;
  color: #949494;
}
.content-tab-menu-box-btn::before,
.content-tab-menu-box-link-btn::before {
  visibility: hidden;
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0.1rem;
  background-color: #1e292d;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.content-tab-menu-box-btn [class*=icon-emoji-],
.content-tab-menu-box-link-btn [class*=icon-emoji-] {
  margin-right: 0.2rem;
  width: 1rem;
  height: 1rem;
}

@media (min-width: 960px) {
  .tab-menu-large .content-tab-menu-box-btn,
  .tab-menu-large .content-tab-menu-box-link-btn {
    padding-bottom: 0.8rem;
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
.content-tab-menu-box-number.long-menu .content-tab-menu-box-item + .content-tab-menu-box-item {
  margin-left: 0.6rem;
}
.content-tab-menu-box-number .content-tab-menu-box-item.active .number {
  color: #1e292d;
}
.content-tab-menu-box-number .content-tab-menu-box-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-tab-menu-box-number .number {
  margin-left: 0.2rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #949494;
  line-height: 1;
}
@media (max-width: 960px) {
  .content-tab-menu-box-number {
    margin-right: -0.8rem;
  }
  .content-tab-menu-box-number .content-tab-menu-box-list {
    padding-right: 0.8rem;
    width: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .content-tab-menu-box-number .content-tab-menu-box-list::-webkit-scrollbar {
    display: none;
  }
  .content-tab-menu-box-number .content-tab-menu-box-item {
    white-space: nowrap;
  }
  .content-tab-menu-box-number .content-tab-menu-box-item + .content-tab-menu-box-item {
    margin-left: 1.2rem;
  }
  .content-tab-menu-box-number .content-tab-menu-box-btn {
    padding-bottom: 0.5rem;
    font-size: 0.8rem;
    line-height: 1.12rem;
  }
  .content-tab-menu-box-number .number {
    font-size: 0.6rem;
    line-height: 0.84rem;
  }
}

.content-tab-menu-box-square .content-tab-menu-box-list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border: 1px solid #e8e8e8;
}
.content-tab-menu-box-square .content-tab-menu-box-item {
  width: 50%;
  text-align: center;
  background: #f3f4f5;
}
.content-tab-menu-box-square .content-tab-menu-box-item + .content-tab-menu-box-item {
  margin-left: 0;
  border-left: 1px solid #e8e8e8;
}
.content-tab-menu-box-square .content-tab-menu-box-item.active {
  background: #fff;
}
.content-tab-menu-box-square .content-tab-menu-box-btn {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  text-align: center;
  color: #1e292d;
}
.content-tab-menu-box-square .content-tab-menu-box-btn::before {
  display: none;
}

@media (max-width: 960px) {
  .article-list-content-area {
    padding-top: 3rem;
  }
  .article-list-content-area .banner-content-box {
    padding-top: 1.6rem;
  }
  .article-list-content-area .article-content-box-wrap {
    padding-top: 1.6rem;
  }
}
.calender-box-area .icon-univ {
  background-image: url("../images/icon/calender-icon-univ.png");
}
.calender-box-area .icon-smile {
  background-image: url("../images/icon/calender-icon-smile.png");
}
.calender-box-area .icon-share {
  background-image: url("../images/icon/calender-icon-share.png");
}
.calender-box-area .icon-check {
  background-image: url("../images/icon/calender-icon-check.png");
}
.calender-box-area .icon-promotion {
  background-image: url("../images/icon/calender-icon-ad.png");
}

.calender-box-title {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.96rem;
}
@media (max-width: 960px) {
  .calender-box-title {
    position: absolute !important;
    display: block;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
  }
  .calender-box-title.focusable:active, .calender-box-title.focusable:focus {
    position: static;
    height: auto;
    width: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
  }
}

.calender-pick-box {
  margin-top: 1.2rem;
  padding: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 54px;
  border-radius: 8px;
  background: #f3f4f5;
}
.calender-pick-box .pick-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 14.2rem;
  width: 100%;
}
.calender-pick-box .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.12rem;
}
.calender-pick-box .title span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calender-pick-box .icon-box {
  margin-right: 0.3rem;
  width: 1rem;
  height: 1rem;
}
.calender-pick-box .text {
  padding-top: 0.2rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
}
.calender-pick-box .switch-container {
  margin-left: 0.4rem;
}
.calender-pick-box.pc-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.calender-pick-box.mobile-show {
  display: none;
}
@media (max-width: 960px) {
  .calender-pick-box {
    margin-top: 0;
    padding: 1.2rem 0 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    background: none;
  }
  .calender-pick-box.pc-show {
    display: none;
  }
  .calender-pick-box.mobile-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .calender-pick-box .pick-box {
    padding: 0.8rem;
    max-width: 100%;
    border-radius: 8px;
    background-color: #f3f4f5;
  }
}

.pick-box-univ .title span {
  color: #f82514;
}

.pick-box-twenty .title span {
  color: #10b981;
}

.pick-box-account .title span {
  color: #0ea5e9;
}

.calender-box-content {
  position: relative;
  margin-top: 2.4rem;
}
.calender-box-content .monthly-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.calender-box-content .monthly-box.show .fc-view-harness,
.calender-box-content .monthly-box.show .calendar-info-box {
  display: block;
}
.calender-box-content .daily-box {
  display: none;
}
.calender-box-content .daily-box.show {
  display: block;
}
.calender-box-content .daily-box > .btn-wrap {
  padding-top: 1.6rem;
}
.calender-box-content .daily-box > .btn-wrap .btn {
  max-width: 100%;
}
.calender-box-content .fc-view-harness,
.calender-box-content .calendar-info-box {
  display: none;
}
.calender-box-content .empty-info-text-box {
  padding-top: 0;
}
@media (max-width: 960px) {
  .calender-box-content {
    margin-top: 0;
  }
  .calender-box-content .monthly-box {
    gap: 24px;
  }
  .calender-box-content .monthly-box.show .calendar-info-box {
    display: none;
  }
  .calender-box-content .fc-view-harness {
    display: block;
  }
  .calender-box-content .daily-box {
    padding-top: 2.4rem;
    display: block;
  }
}

#calendar {
  max-width: 804px;
  width: 100%;
}
#calendar .fc-header-toolbar {
  margin-bottom: 1.2rem;
}
#calendar .fc-toolbar {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#calendar .fc-toolbar-chunk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#calendar .fc-toolbar-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4rem;
}
#calendar .fc-button-primary {
  padding: 0;
  border: 0;
  background: none;
  line-height: 0;
}
#calendar .fc-icon {
  width: 1.2rem;
  height: 1.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#calendar .fc-icon::before {
  display: none;
}
#calendar .fc-icon-chevron-left {
  margin-right: 0.8rem;
  background-image: url("../images/components/icon-calender-left.png");
}
#calendar .fc-icon-chevron-right {
  margin-left: 0.8rem;
  background-image: url("../images/components/icon-calender-right.png");
}
#calendar .fc-button:hover,
#calendar .fc-button:active,
#calendar .fc-button:focus {
  background-color: rgba(0, 0, 0, 0) !important;
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
#calendar .fc-daygrid-day {
  height: 6.5rem;
}
#calendar .fc-daygrid-day-top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#calendar .fc-col-header {
  background: rgba(243, 244, 245, 0.4);
}
#calendar .fc-col-header .fc-scrollgrid-sync-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.5rem;
}
#calendar .fc-col-header-cell {
  text-align: left;
}
#calendar .fc-col-header-cell-cushion {
  padding: 0.3rem 0.6rem;
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 1;
  color: #949494;
}
#calendar .fc-scrollgrid {
  border-radius: 0.4rem 0.4rem 0 0;
  overflow: hidden;
}
#calendar .fc-daygrid-day-frame {
  padding: 0.5rem 0.6rem;
}
#calendar .fc-day-other .fc-daygrid-day-top {
  opacity: 1;
}
#calendar .fc-day-other .fc-daygrid-day-number {
  color: #949494;
}
#calendar .fc-daygrid-day-number {
  padding: 0 0 0.4rem;
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 0.98rem;
  color: #1e292d;
}
#calendar .fc-daygrid-day-events {
  margin-top: -0.3rem;
  margin-bottom: 0;
  height: 4.05rem;
}
#calendar .fc-daygrid-day-bottom {
  position: absolute;
  left: -0.1rem;
  bottom: -0.325rem;
  padding: 0;
  width: 100%;
  font-size: 0;
  text-align: center;
  background-color: #f3f4f5;
  z-index: 6;
}
#calendar .fc-daygrid-day-bottom::before, #calendar .fc-daygrid-day-bottom::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0.6rem;
  height: 100%;
  background-color: #fff;
}
#calendar .fc-daygrid-day-bottom::before {
  right: -0.6rem;
}
#calendar .fc-daygrid-day-bottom::after {
  left: -0.6rem;
}
#calendar .fc-day-today .fc-daygrid-day-bottom::before, #calendar .fc-day-today .fc-daygrid-day-bottom::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0.6rem;
  height: 100%;
  background-color: #fffadf;
}
#calendar .fc-daygrid-more-link {
  position: relative;
  padding: 0.1rem;
  display: block;
  width: 100%;
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 0.91rem;
}
#calendar .fc-h-event {
  margin-right: 0;
  margin-left: 0;
  border: 0;
}
#calendar .fc-daygrid-event-harness {
  padding-top: 0.3rem;
}
#calendar .fc-daygrid-event-harness.hide {
  opacity: 0;
}
@media (max-width: 960px) {
  #calendar {
    max-width: 100%;
  }
  #calendar .fc-toolbar {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  #calendar .fc-toolbar-title {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.68rem;
  }
  #calendar .fc-col-header-cell {
    text-align: center;
  }
  #calendar .fc-col-header .fc-scrollgrid-sync-inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #calendar .fc-daygrid-day-top {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #calendar .fc-h-event {
    border-radius: 100px;
    overflow: hidden;
  }
  #calendar .fc-daygrid-day {
    height: 3.5rem;
  }
  #calendar .fc-daygrid-day-number {
    padding: 0 0 0.3rem;
  }
  #calendar .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    height: 1.4rem;
  }
  #calendar .fc-daygrid-day-frame {
    padding: 0.4rem 0.5rem;
  }
  #calendar .fc-daygrid-day-events {
    margin-top: -0.2rem;
  }
  #calendar .fc-daygrid-event {
    margin-top: 0;
  }
  #calendar .fc-event-selected,
  #calendar .fc-event:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #calendar .fc-daygrid-event-harness {
    padding-top: 0.2rem;
    margin: 0 0.15rem;
  }
  #calendar .fc-daygrid-day-bottom {
    margin: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -0.2rem;
    min-width: 100%;
    z-index: 7;
    border-radius: 100px;
  }
  #calendar .fc-daygrid-day-bottom::before, #calendar .fc-daygrid-day-bottom::after {
    display: none;
  }
  #calendar .fc-daygrid-more-link {
    margin-top: 0;
    padding: 0.075rem 0;
    display: block;
    width: 100%;
    font-size: 0.55rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #949494;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    pointer-events: none;
  }
  #calendar .fc-daygrid-day-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.2rem;
    z-index: 6;
    background-color: #fff;
  }
  #calendar .fc-daygrid-day-bg::before {
    content: "";
    position: absolute;
    right: -1px;
    top: 0;
    width: 0.05rem;
    height: 100%;
    background-color: #e8e8e8;
  }
  #calendar .fc-day-today .fc-daygrid-day-bg {
    background-color: #fffadf;
  }
}
@media (max-width: 960px) {
  #calendar .fc-daygrid-day-bg {
    height: 1rem;
  }
}
@media (max-width: 320px) {
  #calendar .fc-daygrid-day-frame {
    padding: 0.4rem 0.25rem;
  }
}
@media (max-width: 280px) {
  #calendar .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: 2rem;
  }
  #calendar .fc-daygrid-day-bg {
    height: 1rem;
  }
}

.fc-theme-standard td,
.fc-theme-standard th {
  border-color: #e8e8e8 !important;
}

.fc-schedule-content {
  position: relative;
  padding: 0.1rem 0.4rem;
  max-width: 4.55rem;
  width: 100%;
  border-radius: 2px;
  overflow: hidden;
}
.fc-schedule-content::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  height: 100%;
  background-color: #5c5c5d;
}
.fc-schedule-content.univ::before {
  background-color: #f82514;
}
.fc-schedule-content.twenty::before {
  background-color: #10b981;
}
.fc-schedule-content.account::before {
  background-color: #0ea5e9;
}
.fc-schedule-content.promotion::before {
  background-color: #8b5cf6;
}
.fc-schedule-content .schedule-title {
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 0.91rem;
  color: #1e292d;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
@media (max-width: 960px) {
  .fc-schedule-content {
    padding: 0;
    max-width: 100%;
    height: 0.2rem;
  }
  .fc-schedule-content::before {
    width: 100%;
    background-color: #5c5c5d;
  }
  .fc-schedule-content .schedule-title {
    position: absolute !important;
    display: block;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
  }
  .fc-schedule-content .schedule-title.focusable:active, .fc-schedule-content .schedule-title.focusable:focus {
    position: static;
    height: auto;
    width: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
  }
}

.calendar-info-box {
  margin-top: 2.6rem;
  max-width: 252px;
  width: 100%;
}
.calendar-info-box .info-text {
  padding: 3rem 0.8rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  text-align: center;
  border: 1px dashed #949494;
  border-radius: 8px;
  overflow: hidden;
  color: #949494;
}
.calendar-info-box .info-text.hide {
  display: none;
}
.calendar-info-box .view-box {
  display: none;
  padding: 1.2rem 0.8rem;
  background-color: #d2f0ff;
  border-radius: 8px;
}
.calendar-info-box .view-box.show {
  display: block;
}
.calendar-info-box .view-box-wrap.univ .view-box {
  background-color: #fee9e8;
}
.calendar-info-box .view-box-wrap.univ .label {
  color: #f82514;
}
.calendar-info-box .view-box-wrap.twenty .view-box {
  background-color: #e7f8f2;
}
.calendar-info-box .view-box-wrap.twenty .label {
  color: #10b981;
}
.calendar-info-box .view-box-wrap.account .view-box {
  background-color: #d2f0ff;
}
.calendar-info-box .view-box-wrap.account .label {
  color: #0ea5e9;
}
.calendar-info-box .view-box-wrap.promotion .view-box {
  background-color: #f3eefe;
}
.calendar-info-box .view-box-wrap.promotion .label {
  color: #8b5cf6;
}
.calendar-info-box .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.12rem;
}
.calendar-info-box .icon-box {
  margin-right: 0.3rem;
  width: 1rem;
  height: 1rem;
}
.calendar-info-box .title {
  padding-top: 0.8rem;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.12rem;
  color: #1e292d;
}
.calendar-info-box .date {
  padding-top: 0.4rem;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  word-break: break-all;
}
.calendar-info-box .text {
  margin-top: 0.8rem;
  padding: 0.6rem;
  overflow: auto;
  height: 5.7rem;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  color: #5c5c5d;
  border-radius: 4px;
  background-color: #fff;
  word-break: break-all;
}
.calendar-info-box .btn-wrap {
  padding-top: 1.2rem;
}
.calendar-info-box .btn-wrap .btn {
  font-weight: 700;
}
@media (max-width: 960px) {
  .calendar-info-box {
    display: none;
  }
}

.celender-info-box {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -0.1rem;
}
.celender-info-box .select-box-container {
  visibility: hidden;
  opacity: 0;
  margin-left: 1.2rem;
  width: 12.6rem;
}
.celender-info-box .select-box-container.show {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 960px) {
  .celender-info-box {
    display: none;
  }
}

.celender-info-box-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 8rem;
  height: 1.6rem;
}
.celender-info-box-tab .tab-box {
  width: 50%;
  height: 100%;
  text-align: center;
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 0.91rem;
  color: #949494;
}
.celender-info-box-tab .tab-box.active .tab-box-btn {
  border: 0;
  color: #fff;
  background: #1e292d;
}
.celender-info-box-tab .tab-box-btn {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  border: 1px solid rgb(232, 232, 232);
  background: rgb(250, 251, 251);
}
.celender-info-box-tab .monthly {
  border-radius: 30px 0 0 30px;
}
.celender-info-box-tab .daily {
  border-radius: 0 30px 30px 0;
}

.daily-content-box + .daily-content-box {
  padding-top: 2.4rem;
}
.daily-content-box.univ .content-box {
  background-color: #fee9e8;
}
.daily-content-box.univ .content-box .label,
.daily-content-box.univ .content-box .comment-content-box-header,
.daily-content-box.univ .content-box .info-text-box .text {
  color: #f82514;
}
.daily-content-box.univ .content-box .label .icon-box {
  background-image: url("../images/icon/calender-icon-univ.png");
}
.daily-content-box.univ .content-box .icon-arrow-round {
  background-image: url("../images/icon/icon-arrow-round-red.png");
}
.daily-content-box.univ .content-box .icon-exclamation-circle {
  background-image: url("../images/icon/icon-exclamation-circle-red.png");
}
.daily-content-box.twenty .content-box {
  background-color: #e7f8f2;
}
.daily-content-box.twenty .content-box .label,
.daily-content-box.twenty .content-box .comment-content-box-header,
.daily-content-box.twenty .content-box .info-text-box .text {
  color: #10b981;
}
.daily-content-box.twenty .content-box .label .icon-box {
  background-image: url("../images/icon/calender-icon-share.png");
}
.daily-content-box.twenty .content-box .icon-arrow-round {
  background-image: url("../images/icon/icon-arrow-round-green.png");
}
.daily-content-box.twenty .content-box .icon-exclamation-circle {
  background-image: url("../images/icon/icon-exclamation-circle-green.png");
}
.daily-content-box.account .content-box {
  background-color: #d2f0ff;
}
.daily-content-box.account .content-box .label,
.daily-content-box.account .content-box .comment-content-box-header,
.daily-content-box.account .content-box .info-text-box .text {
  color: #0ea5e9;
}
.daily-content-box.account .content-box .label .icon-box {
  background-image: url("../images/icon/calender-icon-check.png");
}
.daily-content-box.account .content-box .icon-arrow-round {
  background-image: url("../images/icon/icon-arrow-round-blue.png");
}
.daily-content-box.account .content-box .icon-exclamation-circle {
  background-image: url("../images/icon/icon-exclamation-circle-blue.png");
}
.daily-content-box.promotion .content-box {
  background-color: #f3eefe;
}
.daily-content-box.promotion .content-box .label,
.daily-content-box.promotion .content-box .comment-content-box-header,
.daily-content-box.promotion .content-box .info-text-box .text {
  color: #8b5cf6;
}
.daily-content-box.promotion .content-box .label .icon-box {
  background-image: url("../images/icon/calender-icon-ad.png");
}
.daily-content-box.promotion .content-box .icon-arrow-round {
  background-image: url("../images/icon/icon-arrow-round-purple.png");
}
.daily-content-box.promotion .content-box .icon-exclamation-circle {
  background-image: url("../images/icon/icon-exclamation-circle-purple.png");
}
.daily-content-box .daily-content-box-date {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.26rem;
}
.daily-content-box .content-box {
  position: relative;
  margin-top: 0.6rem;
  padding: 1.2rem;
  border-radius: 8px;
}
.daily-content-box .thumbnail-image {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  width: 11.4rem;
  height: 6.3rem;
  overflow: hidden;
}
.daily-content-box .thumbnail-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.daily-content-box .title,
.daily-content-box .text-box {
  padding-right: 13.8rem;
}
.daily-content-box .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.12rem;
  color: #0369a1;
}
.daily-content-box .label .icon-box {
  margin-right: 0.3rem;
  width: 1rem;
  height: 1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.daily-content-box .icon {
  font-style: normal;
}
.daily-content-box .title {
  padding-top: 0.8rem;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.26rem;
}
.daily-content-box .text-box {
  padding-top: 0.4rem;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  color: #5c5c5d;
}
.daily-content-box .date-box {
  padding-top: 0.4rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
}
.daily-content-box .info-link-btn-box {
  padding-top: 0.8rem;
  line-height: 1;
}
.daily-content-box .info-link-btn {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 0.91rem;
}
.daily-content-box .info-text-box {
  padding-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.daily-content-box .info-text-box .icon-box {
  margin-top: 1px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
}
.daily-content-box .info-text-box .text {
  padding-left: 0.2rem;
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 0.91rem;
  color: #10b981;
}
@media (max-width: 960px) {
  .daily-content-box + .daily-content-box {
    padding-top: 1.6rem;
  }
  .daily-content-box .daily-content-box-date {
    font-weight: 700;
  }
  .daily-content-box .label {
    padding-right: 6.7rem;
  }
  .daily-content-box .thumbnail-image {
    width: 6.7rem;
    height: 3.7rem;
  }
  .daily-content-box .thumbnail-image + div {
    padding-top: 3.4rem;
  }
  .daily-content-box .title,
  .daily-content-box .date-box,
  .daily-content-box .text-box {
    padding-right: 0;
  }
  .daily-content-box .title {
    padding-top: 0.8rem;
    font-size: 0.8rem;
    line-height: 1.12rem;
  }
  .daily-content-box .date-box {
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
}

.write-box-area {
  padding-top: 3rem;
}
@media (max-width: 960px) {
  .write-box-area {
    padding-top: 6rem;
  }
  .write-box-area.toolbar-hide {
    padding-top: 3rem;
  }
  .write-box-area.toolbar-hide .toolbar-box {
    display: none;
  }
}

.write-box-space-area {
  padding-top: 3rem;
}
@media (max-width: 960px) {
  .write-box-space-area {
    padding-top: 3rem;
  }
}

@media (max-width: 960px) {
  .write-box-empty-space {
    padding-top: 3.8rem;
  }
  .write-box-empty-space .article-write-content-title-box {
    padding-top: 0;
  }
}

.article-detail-info-box {
  padding: 1.2rem;
  background-color: #f3f4f5;
  border-radius: 8px;
}
.article-detail-info-box .profile-box + .info-box {
  margin-top: 0.8rem;
}
.article-detail-info-box .info-box {
  border-top: 2px solid #1e292d;
}
.article-detail-info-box .info-box + .info-box {
  margin-top: 0.8rem;
}
.article-detail-info-box .info-box > div {
  padding-top: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.article-detail-info-box .info-box > div + div {
  margin-top: 0.6rem;
  border-top: 1px solid #e8e8e8;
}
.article-detail-info-box .info-box-full {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
.article-detail-info-box .info-box-full > div + div {
  padding-top: 0;
  border-top: 0;
}
.article-detail-info-box .flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 0.98rem;
  color: #1e292d;
  word-break: break-all;
}
.article-detail-info-box .flow + .info-box {
  margin-top: 0.6rem;
}
.article-detail-info-box .flow [class*=icon-emoji-] {
  margin-left: 0;
  margin-right: 0.2rem;
  width: 1rem;
  height: 1rem;
  vertical-align: sub;
}
.article-detail-info-box .icon-box {
  margin: 0 0.2rem;
}
.article-detail-info-box .label {
  display: block;
  width: 2.6rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #949494;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.article-detail-info-box .text {
  padding-left: 0.2rem;
  display: block;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #1e292d;
  word-break: break-all;
}
.article-detail-info-box .article-label-text {
  display: none;
  color: #f82514;
  vertical-align: bottom;
}
.article-detail-info-box .article-label-text strong {
  font-weight: 700;
}
.article-detail-info-box .article-label-text [class*=icon-emoji-] {
  margin-top: -0.1rem;
  margin-left: 0;
  margin-right: 0.2rem;
  width: 1rem;
  height: 1rem;
}
.article-detail-info-box .article-label-text + .flow-text {
  margin-left: 0.25rem;
}
.article-detail-info-box .nickname-box {
  display: none;
  padding-top: 1.2rem;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 0.98rem;
}
.article-detail-info-box .nickname-box + .info-box {
  margin-top: 1.2rem;
}
.article-detail-info-box .article-user-profile-box {
  display: none;
}
@media (max-width: 960px) {
  .article-detail-info-box .article-label-text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .article-detail-info-box .nickname-box {
    display: block;
  }
  .article-detail-info-box .article-label-box {
    display: none;
  }
  .article-detail-info-box .article-user-profile-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.flow-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: bottom;
}
.flow-text [class*=icon-emoji-] {
  margin-top: -0.05rem;
  margin-left: 0;
  margin-right: 0.2rem;
  width: 1rem;
  height: 1rem;
  vertical-align: auto;
}

.article-report-content-box {
  max-width: 712px;
  width: 100%;
}
.article-report-content-box.private .article-report-title {
  color: #999;
}
.article-report-content-box .tag-box {
  padding: 1.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #1e292d;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.article-report-content-box .banner-content-box {
  padding-top: 2.4rem;
}
.article-report-content-box .article-detail-info-box {
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.article-report-content-box .article-detail-info-box .flow,
.article-report-content-box .article-detail-info-box .profile-box,
.article-report-content-box .article-detail-info-box .info-box {
  display: none;
}
.article-report-content-box .article-detail-info-box .info-box.info-box-full {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.article-report-content-box .article-detail-info-box .info-box.info-box-full > div + div {
  padding-top: 0;
  border-top: 0;
}
@media (max-width: 960px) {
  .article-report-content-box {
    max-width: 100%;
  }
  .article-report-content-box .tag-box {
    padding: 0.8rem 0;
    gap: 0.4rem;
  }
  .article-report-content-box .banner-content-box {
    padding-top: 1.6rem;
  }
  .article-report-content-box .article-detail-info-box {
    margin: 0 -0.8rem;
    padding: 1.75rem 0.8rem 0.9rem;
    background-color: #f3f4f5;
  }
  .article-report-content-box .article-detail-info-box .alert-label-box + .flow,
  .article-report-content-box .article-detail-info-box .alert-label-box + div {
    padding-top: 1.6rem;
  }
  .article-report-content-box .article-detail-info-box .flow,
  .article-report-content-box .article-detail-info-box .profile-box,
  .article-report-content-box .article-detail-info-box .info-box {
    display: block;
  }
  .article-report-content-box .article-detail-info-box .flow {
    padding-bottom: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .article-report-content-box .article-detail-info-box .flow [class*=icon-emoji-] {
    margin-left: 0;
    margin-right: 0.2rem;
    width: 1rem;
    height: 1rem;
    vertical-align: sub;
  }
  .article-report-content-box .article-detail-info-box .profile-box {
    padding-top: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .article-report-content-box .article-detail-info-box .image {
    width: 1rem;
    height: 1rem;
  }
  .article-report-content-box .article-detail-info-box .info {
    padding-left: 0.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
  }
  .article-report-content-box .article-detail-info-box .info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
  }
  .article-report-content-box .article-detail-info-box .info-box > div {
    margin-top: 0;
    padding: 1.2rem 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .article-report-content-box .article-detail-info-box .info-box .date {
    width: 34.14%;
  }
  .article-report-content-box .article-detail-info-box .info-box .views {
    width: 28.04%;
  }
  .article-report-content-box .article-detail-info-box .info-box .likes {
    width: 28.04%;
  }
  .article-report-content-box .article-detail-info-box .label {
    font-size: 0.6rem;
    line-height: 0.96rem;
  }
  .article-report-content-box .article-detail-info-box .text {
    padding-top: 0.2rem;
    padding-left: 0;
  }
  .article-report-content-box .article-label-info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  .article-report-content-box .article-label-info-box .flow {
    padding-bottom: 0;
  }
  .article-report-content-box .article-user-profile-box .profile-box {
    padding-top: 0;
  }
}

.article-report-title {
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 2.24rem;
  color: #1e292d;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media (max-width: 960px) {
  .article-report-title {
    font-size: 1.2rem;
    line-height: 1.68rem;
  }
}

.article-report-summary {
  word-break: keep-all;
  overflow-wrap: break-word;
}
.article-report-summary p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.article-report-summary,
.article-report-date {
  padding-top: 0.6rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem;
  color: #949494;
}
@media (max-width: 960px) {
  .article-report-summary,
  .article-report-date {
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
}

.article-report-summary {
  color: #525c7a;
}

.article-report-content {
  padding-top: 2.4rem;
}
.article-report-content + .tag-box {
  margin-top: 2.4rem;
}
.article-report-content + .banner-content-box {
  padding-top: 2.4rem;
}
@media (max-width: 960px) {
  .article-report-content + .tag-box {
    margin-top: 1.6rem;
  }
  .article-report-content + .banner-content-box {
    padding-top: 1.6rem;
  }
}

.slider-caption-scroll-style .swiper-slide {
  max-width: 252px;
  width: 100%;
}
.slider-caption-scroll-style .swiper-scrollbar {
  margin-top: 0.8rem;
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.3rem;
  border: 0;
  border-radius: 0;
  background-color: #e8e8e8;
  z-index: 1;
}
.slider-caption-scroll-style .swiper-scrollbar-drag {
  border-radius: 0;
  background-color: #1e292d;
}

.article-label-box {
  padding-bottom: 1.2rem;
}

.article-label-box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4rem;
  text-align: left;
}
.article-label-box-item .state-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4rem;
  color: #949494;
}
.article-label-box-item strong {
  font-weight: 700;
}
.article-label-box-item .icon-box {
  margin-right: 0.4rem;
}
.article-label-box-item [class*=icon-emoji-] {
  margin-left: 0;
  margin-right: 0.4rem;
  width: 1.2rem;
  height: 1.2rem;
}

.article-label-info-box {
  padding-bottom: 1.2rem;
}

@media (max-width: 960px) {
  .article-label-box {
    padding-bottom: 0.8rem;
  }
  .article-label-box-item {
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
  .article-label-box-item .state-box {
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
  .article-label-box-item .icon-box {
    margin-left: 0;
    margin-right: 0.2rem;
    width: 0.8rem;
    height: 0.8rem;
  }
  .article-label-info-box {
    padding-bottom: 0.8rem;
  }
}
.comment-content-box-wrap .comment-content-box-header {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.26rem;
  color: #1e292d;
}
.comment-content-box-wrap .comment-content-box-body {
  margin-top: 1.4rem;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}

.add-recommend-article-box .article-content-half-box-list {
  padding-top: 1.2rem;
}
.add-recommend-article-box .article-info-box .info {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.add-recommend-article-box .article-info-box .writer {
  margin-right: 0.2rem;
}
.add-recommend-article-box .article-info-box .date {
  margin-left: 0;
}
.add-recommend-article-box .article-info-box .comment-text {
  background-color: #e8e8e8;
}
.add-recommend-article-box .btn-wrap {
  padding-top: 1.2rem;
}
@media (max-width: 960px) {
  .add-recommend-article-box .section-title-box .title {
    font-size: 0.9rem;
    line-height: 1.26rem;
  }
}

.floating-toolbar {
  opacity: 0;
  position: fixed;
  right: 0.8rem;
  bottom: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 10;
  -webkit-transition: bottom 0.5s, opacity 0.5s;
  transition: bottom 0.5s, opacity 0.5s;
}
.floating-toolbar.show {
  opacity: 1;
}
@media (min-width: 1140px) {
  .floating-toolbar {
    top: 5.2rem;
    bottom: inherit;
    left: 50%;
    right: inherit;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 54rem;
    width: 100%;
  }
}
@media (max-width: 1140px) {
  .floating-toolbar.show {
    opacity: 1;
  }
  .floating-toolbar.show .floating-toolbar-menu-btn {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.floating-toolbar-box {
  position: absolute;
  top: 0.35rem;
  right: -3.2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.8rem;
}
@media (max-width: 1220px) {
  .floating-toolbar-box {
    right: -1.4rem;
  }
}
@media (max-width: 1140px) {
  .floating-toolbar-box {
    visibility: hidden;
    opacity: 0;
    right: inherit;
    top: inherit;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 1.4rem 0;
    width: 100%;
    border-radius: 4rem;
    background-color: #111;
    -webkit-transition: visibility 0.3s, opacity 0.3s, bottom 0.3s;
    transition: visibility 0.3s, opacity 0.3s, bottom 0.3s;
  }
}

.floating-toolbar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.floating-toolbar-btn {
  position: relative;
  padding: 0 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.floating-toolbar-btn .text {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.floating-toolbar-btn .text.focusable:active, .floating-toolbar-btn .text.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.floating-toolbar-btn.check .icon-link-copy {
  background-image: url("../images/icon/icon-toolbar-link-copy-check-20x20.png");
}
.floating-toolbar-btn.check.toolbar__btn-like .icon-like {
  background-image: url("../images/icon/icon-toolbar-like-check-bk-20x20.png");
}
.floating-toolbar-btn.check.toolbar__btn-like.my-checkd .icon-like {
  background-image: url("../images/icon/icon-toolbar-like-check-20x20.png");
}
.floating-toolbar-btn.check .icon-bookmark {
  background-image: url("../images/icon/icon-toolbar-bookmark-check-20x20.png");
}
.floating-toolbar-btn .icon-box {
  width: 1rem;
  height: 1rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  pointer-events: none;
}
.floating-toolbar-btn .icon-top-arrow {
  background-image: url("../images/icon/icon-toolbar-top-arrow-bk-20x20.png");
}
.floating-toolbar-btn .icon-link-copy {
  background-image: url("../images/icon/icon-toolbar-link-copy-bk-20x20.png");
}
.floating-toolbar-btn.toolbar__btn-like .icon-like {
  background-image: url("../images/icon/icon-toolbar-like-check-bk-20x20.png");
}
.floating-toolbar-btn.toolbar__btn-like.no-checkd .icon-like {
  background-image: url("../images/icon/icon-toolbar-like-bk-20x20.png");
}
.floating-toolbar-btn .icon-bookmark {
  background-image: url("../images/icon/icon-toolbar-bookmark-bk-20x20.png");
}
@media (min-width: 1140px) {
  .floating-toolbar-btn:hover.toolbar__btn-like .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-check-20x20.png");
  }
}
@media (max-width: 1140px) {
  .floating-toolbar-btn.check.toolbar__btn-like .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-check-wh-20x20.png");
  }
  .floating-toolbar-btn .icon-top-arrow {
    background-image: url("../images/icon/icon-toolbar-top-arrow-wh-20x20.png");
  }
  .floating-toolbar-btn .icon-link-copy {
    background-image: url("../images/icon/icon-toolbar-link-copy-wh-20x20.png");
  }
  .floating-toolbar-btn.toolbar__btn-like .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-check-wh-20x20.png");
  }
  .floating-toolbar-btn.toolbar__btn-like.no-checkd .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-wh-20x20.png");
  }
  .floating-toolbar-btn .icon-bookmark {
    background-image: url("../images/icon/icon-toolbar-bookmark-wh-20x20.png");
  }
}
@media (min-width: 960px) and (max-width: 1140px) {
  .floating-toolbar-btn:hover.toolbar__btn-like .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-check-wh-20x20.png");
  }
}
@media (min-width: 960px) {
  .floating-toolbar-btn:hover .icon-link-copy {
    background-image: url("../images/icon/icon-toolbar-link-copy-check-20x20.png");
  }
  .floating-toolbar-btn:hover.toolbar__btn-like .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-check-20x20.png");
  }
  .floating-toolbar-btn:hover.toolbar__btn-like .number {
    color: #fd5e45;
  }
  .floating-toolbar-btn:hover .icon-bookmark {
    background-image: url("../images/icon/icon-toolbar-bookmark-check-20x20.png");
  }
}

.toolbar__btn-like {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.toolbar__btn-like + .toolbar__btn-like {
  margin-top: 0.5rem;
}
.toolbar__btn-like.no-checkd .number {
  display: none;
}
.toolbar__btn-like.my-checkd.check .number {
  color: #fd5e45;
}
.toolbar__btn-like .icon-box {
  width: 1rem;
  height: 1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.toolbar__btn-like .number {
  padding-top: 0.05rem;
  font-family: "Montserrat", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 0.5rem;
  font-weight: 700;
  line-height: 1;
  color: #1e292d;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  max-width: 1rem;
  word-break: break-all;
}
@media (max-width: 1140px) {
  .toolbar__btn-like .number {
    color: #fff;
  }
}

.floating-toolbar-menu-btn {
  display: none;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  background: #111;
  border-radius: 50%;
  overflow: hidden;
}
.floating-toolbar-menu-btn .icon-plus {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/icon/icon-toolbar-plus-20x20.png");
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.floating-toolbar-menu-btn .text {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.floating-toolbar-menu-btn .text.focusable:active, .floating-toolbar-menu-btn .text.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
@media (max-width: 1140px) {
  .floating-toolbar-menu-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  }
  .floating-toolbar-menu-btn.active .icon-plus {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .floating-toolbar-menu-btn.active + .floating-toolbar-box {
    visibility: visible;
    opacity: 1;
    bottom: 3.4rem;
  }
}

.add-content-box-wrap {
  padding: 2.4rem 0 3.6rem;
  background-color: #f3f4f5;
}
.add-content-box-wrap .section-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.add-content-box-wrap .comment-content-box-wrap {
  max-width: 712px;
  width: 100%;
}
.add-content-box-wrap .add-recommend-article-box {
  padding-top: 3.6rem;
  max-width: 712px;
  width: 100%;
}
.add-content-box-wrap .article-write-box-wrap {
  max-width: 712px;
}
.add-content-box-wrap .article-write-box-wrap .btn.bg-wh {
  background-color: transparent;
}
.add-content-box-wrap .article-write-box-wrap .prev-btn {
  max-width: 6.2rem;
}
.add-content-box-wrap .article-write-box-wrap .half-box {
  max-width: 72.47%;
  gap: 0.4rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.add-content-box-wrap .article-write-box-wrap .half-box-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.add-content-box-wrap .article-write-box-wrap .delete-btn {
  max-width: 6.2rem;
}
.add-content-box-wrap .article-write-box-wrap .edit-btn {
  max-width: 6.2rem;
}
.add-content-box-wrap .article-write-box-wrap .write-btn:disabled {
  color: #e8e8e8;
}
.add-content-box-wrap .article-write-box-wrap .cancel-btn {
  color: #1e292d;
}
@media (max-width: 960px) {
  .add-content-box-wrap {
    padding-top: 1.6rem;
  }
  .add-content-box-wrap .comment-content-box-wrap,
  .add-content-box-wrap .add-recommend-article-box {
    max-width: 100%;
  }
  .add-content-box-wrap .add-recommend-article-box {
    padding-top: 2.4rem;
  }
  .add-content-box-wrap .article-write-box-wrap {
    padding-top: 2.4rem;
    max-width: 100%;
  }
  .add-content-box-wrap .article-write-box-wrap .btn-wrap {
    padding-top: 0;
    gap: 0.4rem;
  }
  .add-content-box-wrap .article-write-box-wrap .btn-wrap .btn {
    font-size: 0.7rem;
  }
  .add-content-box-wrap .article-write-box-wrap .prev-btn {
    max-width: calc(50% - 0.2rem);
  }
  .add-content-box-wrap .article-write-box-wrap .half-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 65.85%;
  }
  .add-content-box-wrap .article-write-box-wrap .write-btn-box .btn {
    width: 100%;
  }
  .add-content-box-wrap .article-write-box-wrap .write-btn-box .half-box {
    width: 100%;
    gap: 0.4rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .add-content-box-wrap .article-write-box-wrap .write-btn-box .half-box .btn {
    max-width: calc(50% - 0.2rem);
  }
  .add-content-box-wrap .article-write-box-wrap .write-btn-box .half-box.half-box-left .btn {
    max-width: none;
  }
}

.write-tip-box {
  padding: 1.2rem 0.8rem;
  background-color: #f3f4f5;
  border-radius: 0.4rem;
  gap: 0.4rem;
  text-align: left;
}
.write-tip-box .icon-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.write-tip-box .text-box {
  font-size: 0.7rem;
  line-height: 0.98rem;
  color: #1e292d;
  font-weight: 400;
}
.write-tip-box .text {
  font-weight: 700;
}
.write-tip-box .info-text {
  padding-top: 0.2rem;
}
.write-tip-box .image-box {
  position: relative;
  margin-top: 0.8rem;
  padding-bottom: 54.55%;
  width: 100%;
  background: #fff;
  pointer-events: none;
}
.write-tip-box .image-box img {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
}

.write-tip-box-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.write-tip-box-icon .info-text {
  padding-top: 0.4rem;
}

.write-tip-box-accordion {
  display: none;
  margin-top: 1.2rem;
  padding: 0.8rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  background-color: #f3f4f5;
}
.write-tip-box-accordion .accordion-header {
  padding: 0;
}
.write-tip-box-accordion .accordion-header::after {
  right: 0;
}
.write-tip-box-accordion .tip-title {
  position: relative;
  padding-right: 1rem;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 0.98rem;
  color: #1e292d;
}
.write-tip-box-accordion strong {
  font-weight: 700;
}
.write-tip-box-accordion .icon-box {
  margin-right: 0.25rem;
}
.write-tip-box-accordion .text-box {
  text-align: left;
}
.write-tip-box-accordion .text,
.write-tip-box-accordion .info-text {
  padding-top: 0.2rem;
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 0.84rem;
  color: #1e292d;
}
.write-tip-box-accordion .icon-arrow-down-wh {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 960px) {
  .write-tip-box-accordion {
    display: block;
  }
}

.write-tip-box.notice {
  background-color: #222;
}
.write-tip-box.notice .text-box {
  color: #fff;
}

.write-tip-box-accordion.notice .tip-title {
  color: #fff;
}
.write-tip-box-accordion.notice .text,
.write-tip-box-accordion.notice .info-text {
  color: #fff;
}

.article-write-content-title-box {
  padding-top: 1.2rem;
}
.article-write-content-title-box .title {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.96rem;
}
.article-write-content-title-box h2 {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
@media (max-width: 960px) {
  .article-write-content-title-box .title {
    font-size: 1.2rem;
    line-height: 1.68rem;
  }
}

.write-tip-float-box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.write-tip-float-box .write-tip-box {
  margin-top: 0;
}
.write-tip-float-box .write-tip-box-accordion {
  padding: 0.5rem 0.8rem;
}
.write-tip-float-box .accordion-list.active .accordion-header::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.write-tip-float-box .accordion-list .accordion-header::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.write-tip-float-box .accordion-list .accordion-body {
  display: block;
}

.article-write-content-box {
  padding-top: 2.4rem;
}
@media (max-width: 960px) {
  .article-write-content-box {
    padding-top: 1.2rem;
  }
  .article-write-content-box .aside-content-box {
    display: none;
  }
  .article-write-content-box .aside-content-box-display + .article-write-box-wrap {
    padding-top: 1.2rem;
  }
}

.article-write-box-wrap {
  max-width: 804px;
  width: 100%;
}
.article-write-box-wrap .btn-wrap {
  padding-top: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.2rem;
}
.article-write-box-wrap .btn-wrap.mobile-show {
  display: none;
}
.article-write-box-wrap .half-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 100%;
  width: 100%;
}
.article-write-box-wrap .half-box-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.article-write-box-wrap .half-box-left .btn {
  white-space: nowrap;
}
.article-write-box-wrap .btn {
  max-width: 12.6rem;
  width: 100%;
  height: 2.8rem;
  line-height: 2.7rem;
  padding: 0 0.1rem;
  font-size: 0.8rem;
  font-weight: 700;
}
.article-write-box-wrap .btn.full {
  max-width: 100%;
}
.article-write-box-wrap .save-btn {
  max-width: 8rem;
}
.article-write-box-wrap .write-btn {
  color: #fff;
}
.article-write-box-wrap .write-btn:disabled {
  color: #e8e8e8;
}
.article-write-box-wrap .cancel-btn {
  max-width: 8rem;
  color: #949494;
}
.article-write-box-wrap .write-info-text-box {
  margin-bottom: 1.2rem;
  padding: 1.2rem 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  background-color: #f3f4f5;
  border-radius: 8px;
}
.article-write-box-wrap .write-info-text-box .icon-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.article-write-box-wrap .write-info-text-box .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  text-align: left;
  color: #1e292d;
}
.article-write-box-wrap .write-info-text-box p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: inherit;
  color: inherit;
}
.article-write-box-wrap .write-info-text-box p + p {
  padding-top: 0.2rem;
}
.article-write-box-wrap .input-cover-wrap-half .btn-wrap {
  padding-top: 1.2rem;
}
@media (max-width: 960px) {
  .article-write-box-wrap {
    max-width: 100%;
  }
  .article-write-box-wrap .btn-wrap {
    padding-top: 1.6rem;
    gap: 0.6rem;
  }
  .article-write-box-wrap .btn-wrap.solo .btn {
    width: 100%;
  }
  .article-write-box-wrap .btn-wrap .save-btn {
    display: none;
  }
  .article-write-box-wrap .btn-wrap.mobile-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .article-write-box-wrap .write-btn-box .btn {
    width: calc(50% - 0.3rem);
  }
  .article-write-box-wrap .write-btn-box .half-box {
    width: calc(50% - 0.3rem);
  }
  .article-write-box-wrap .write-btn-box .half-box.mobile-show .save-btn {
    display: block;
  }
  .article-write-box-wrap .write-btn-box .half-box.full {
    width: 100%;
  }
  .article-write-box-wrap .write-btn-box .half-box .btn {
    width: 100%;
  }
  .article-write-box-wrap .write-btn-box + .btn-wrap {
    padding-top: 0.6rem;
  }
  .article-write-box-wrap .half-box {
    display: block;
    gap: 0;
    max-width: 100%;
  }
  .article-write-box-wrap .btn {
    max-width: 100%;
    height: 2.8rem;
    line-height: 2.7rem;
  }
  .article-write-box-wrap .save-btn {
    max-width: 100%;
  }
  .article-write-box-wrap .cancel-btn {
    max-width: 100%;
    color: #1e292d;
  }
  .article-write-box-wrap .btn-hide-mo {
    display: none;
  }
}
@media (max-width: 576px) {
  .article-write-box-wrap .write-btn-box .half-box .write-btn {
    padding-right: 0;
    padding-left: 0;
    white-space: nowrap;
  }
}

.toolbar-box {
  display: none;
  position: fixed;
  padding: 0.6rem 0.8rem;
  top: 3rem;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #eaeaea;
  gap: 0.4rem;
  z-index: 10;
}
.toolbar-box.hide {
  display: none;
}
.toolbar-box .btn {
  max-width: 100%;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 700;
  height: 1.8rem;
  line-height: 1;
  -ms-flex-line-pack: center;
      align-content: center;
  border-radius: 0.2rem;
}

@media (max-width: 960px) {
  .toolbar-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.05rem;
  }
}
.article-write-box-wrap .write-btn-group {
  padding-top: 2.4rem;
}
.write-btn-group .half-box {
  max-width: inherit;
  width: inherit;
  gap: 1.2rem;
}
.write-btn-group .btn {
  padding: 0 0.25rem;
  max-width: inherit;
  font-size: 0.7rem;
  width: auto;
  height: 1.8rem;
  line-height: 1;
}
.write-btn-group .btn.pc-show {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 960px) {
  .article-write-box-wrap .write-btn-group {
    padding-top: 1.6rem;
  }
  .write-btn-group .half-box {
    max-width: 100%;
    width: 100%;
    gap: 0;
  }
  .write-btn-group .btn {
    width: 100%;
    min-width: auto;
  }
  .write-btn-group .btn.pc-show {
    display: none;
  }
}
.article-write-box + .article-write-box {
  padding-top: 3.6rem;
}
.article-write-box strong {
  font-weight: 700;
}
.article-write-box .subject-box {
  margin-bottom: 1.2rem;
  padding-bottom: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 2px solid #1e292d;
}
.article-write-box .subject-box .subject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.68rem;
}
.article-write-box > .subject {
  margin-bottom: 1.2rem;
  padding-bottom: 1.2rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.68rem;
  color: #1e292d;
  border-bottom: 2px solid #1e292d;
}
.article-write-box .subject-text {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.68rem;
  color: #1e292d;
}
.article-write-box .info-text {
  padding-top: 0.6rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #949494;
}
.article-write-box .info-text .text {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  word-break: keep-all;
}
.article-write-box .input-cover-wrap .input-cover + .input-cover {
  padding-top: 1.2rem;
}
.article-write-box .form-textarea {
  padding: 0.85rem 0.8rem;
  height: 10rem;
  outline: 0;
  border: 1px solid #e8e8e8;
}
.article-write-box .check-content-box .text {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.12rem;
}
.article-write-box .check-content-box .selector-wrapper {
  padding-top: 1.2rem;
}
.article-write-box .select-box-container .form-select + .form-select {
  margin-top: 0.6rem;
}
.article-write-box .select-box-container-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.article-write-box .select-box-container-row .form-select + .form-select {
  margin-top: 0;
}
.article-write-box .dete-select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.3rem;
}
.article-write-box .datepicker-container {
  width: 48.5%;
}
.article-write-box .switch-container .switch-text {
  margin-right: 0.4rem;
  margin-left: 0;
}
.article-write-box .privacy-cover .text-box {
  padding: 1.2rem;
  height: 7.9rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #5c5c5d;
  background: #f3f4f5;
  overflow: auto;
}
.article-write-box .privacy-cover .selector-cover-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.article-write-box .privacy-cover .selector-cover {
  padding-top: 1.2rem;
  display: inline-block;
}
.article-write-box .notice-info-text-box {
  padding: 1.2rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  text-align: left;
  color: #5c5c5d;
  height: 7.7rem;
  overflow: auto;
  background-color: #f3f4f5;
}
@media (max-width: 960px) {
  .article-write-box + .article-write-box {
    padding-top: 1.6rem;
  }
  .article-write-box .subject-box {
    margin-bottom: 0;
    padding-bottom: 0.6rem;
    border: 0;
  }
  .article-write-box .subject-box .subject {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.26rem;
  }
  .article-write-box > .subject {
    margin-bottom: 0;
    padding-bottom: 0.2rem;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.26rem;
    border: 0;
    display: none;
  }
  .article-write-box .subject-text {
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.12rem;
  }
  .article-write-box.article-write-subject .subject {
    display: block;
  }
  .article-write-box.article-subject-show .subject {
    margin-bottom: 0.8rem;
    padding-bottom: 0.8rem;
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.26rem;
    border-bottom: 2px solid #1e292d;
  }
  .article-write-box.article-subject-show .subject-box {
    margin-bottom: 0.8rem;
    padding-bottom: 0.8rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    border-bottom: 2px solid #1e292d;
  }
  .article-write-box.article-subject-show .subject-box .subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .article-write-box.article-subject-center .subject-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .article-write-box .check-content-box .text {
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 1.12rem;
  }
  .article-write-box .check-content-box .selector-wrapper {
    padding-top: 1.2rem;
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
  }
  .article-write-box .privacy-cover .text-box {
    padding: 0.8rem;
    height: 5rem;
    font-size: 0.6rem;
    line-height: 0.84rem;
  }
  .article-write-box .privacy-cover .selector-cover-box {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .article-write-box .privacy-cover .selector-cover {
    padding-top: 0.8rem;
  }
  .article-write-box .notice-info-text-box {
    padding: 0.6rem;
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 0.98rem;
    height: 7.7rem;
  }
}
@media (max-width: 430px) {
  .article-write-box .tui-datepicker {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.input-cover-half .form-input,
.input-cover-half .select-box-container-box,
.input-cover-half .form-btn-with-container, .input-cover-half.select-box-container {
  max-width: 21.8rem;
  width: 100%;
}
.input-cover-half .form-btn-with-container {
  gap: 0.4rem;
}
.input-cover-half .form-btn-with-container .form-input {
  max-width: 14.4rem;
  width: 100%;
}
.input-cover-half .form-btn-with-container .btn {
  max-width: 7rem;
  width: 100%;
}
.input-cover-half.type-change .cover-inner {
  max-width: 21.8rem;
  width: 100%;
}
@media (max-width: 960px) {
  .input-cover-half .form-input,
  .input-cover-half .select-box-container-box,
  .input-cover-half .form-btn-with-container, .input-cover-half.select-box-container {
    max-width: 100%;
  }
  .input-cover-half .form-btn-with-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .input-cover-half .form-btn-with-container .form-input {
    max-width: 60%;
  }
  .input-cover-half .form-btn-with-container .btn {
    max-width: 40%;
  }
  .input-cover-half.type-change .cover-inner {
    max-width: 100%;
  }
}

.input-cover-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.input-cover-container .select-box-container {
  max-width: 100%;
}
.input-cover-container .input-cover {
  width: 100%;
}
@media (max-width: 960px) {
  .input-cover-container {
    gap: 0.6rem;
  }
}

.article-write-content-info-box {
  padding-top: 1.2rem;
}
.article-write-content-info-box .section-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.2rem;
}
.article-write-content-info-box .flow-text-box {
  display: none;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 0.98rem;
  color: #1e292d;
  word-break: break-all;
  text-align: center;
}
.article-write-content-info-box .title-text {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.96rem;
  word-break: break-all;
}
.article-write-content-info-box .title-text strong {
  font-weight: 600;
}
.article-write-content-info-box .article-detail-info-box {
  display: none;
}
@media (max-width: 960px) {
  .article-write-content-info-box {
    padding: 2.4rem 0.8rem;
    background-color: #f3f4f5;
  }
  .article-write-content-info-box .section-inner {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .article-write-content-info-box .flow-text-box {
    display: block;
  }
  .article-write-content-info-box .title-text {
    display: none;
  }
  .article-write-content-info-box .article-detail-info-box {
    padding: 0;
    display: block;
    text-align: center;
  }
  .article-write-content-info-box .article-report-title {
    padding-top: 0.8rem;
  }
  .article-write-content-info-box .article-report-summary {
    padding-top: 0.6rem;
  }
}

.article-write-box-editing-wrap {
  position: relative;
  max-width: 712px;
}
.article-write-box-editing-wrap .article-write-box {
  padding-top: 3.6rem;
}
.article-write-box-editing-wrap .article-write-box:first-child {
  padding-top: 0;
}
.article-write-box-editing-wrap .article-write-box-title {
  padding-top: 3.6rem;
}
.article-write-box-editing-wrap .half-box-small {
  max-width: 100%;
  gap: 0.6rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.article-write-box-editing-wrap .half-box-small .btn {
  max-width: 8rem;
}
@media (max-width: 960px) {
  .article-write-box-editing-wrap {
    max-width: 100%;
  }
  .article-write-box-editing-wrap .btn-hide-mo {
    display: none;
  }
  .article-write-box-editing-wrap .half-box-small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .article-write-box-editing-wrap .half-box-small .btn {
    max-width: 100%;
  }
}

.article-write-box-title .form-input {
  padding: 0;
  border: 0;
}
.article-write-box-title .form-input::-webkit-input-placeholder {
  color: #949494;
}
.article-write-box-title .form-input::-moz-placeholder {
  color: #949494;
}
.article-write-box-title .form-input::-ms-input-placeholder {
  color: #949494;
}
.article-write-box-title .form-input::placeholder {
  color: #949494;
}
.article-write-box-title .input-cover-title .form-input {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.24rem;
  min-height: 2.25rem;
  color: #1e292d;
}
.article-write-box-title .input-cover-desc {
  padding-top: 0.6rem;
}
.article-write-box-title .input-cover-desc .form-input {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem;
  min-height: 1.4rem;
  color: #5c5c5d;
}
.article-write-box-title textarea {
  overflow: hidden;
  word-break: keep-all;
  overflow-wrap: break-word;
  resize: none;
}
@media (max-width: 960px) {
  .article-write-box-title .input-cover-title .form-input {
    font-size: 1.2rem;
    line-height: 1.68rem;
    min-height: 1.7rem;
  }
  .article-write-box-title .input-cover-desc .form-input {
    font-size: 0.8rem;
    line-height: 1.12rem;
    min-height: 1.1rem;
  }
}

.article-write-box-text {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 1px solid #e8e8e8;
}
@media (max-width: 960px) {
  .article-write-box-text {
    margin-top: 1.2rem;
    padding-top: 1.2rem;
  }
}

.article-write-box-thumbnail {
  position: relative;
}
.article-write-box-thumbnail .article-write-box {
  padding-top: 0;
  padding-bottom: 2.4rem;
  display: none;
}
.article-write-box-thumbnail .thumbnail-write-view-box {
  position: absolute;
  top: 0;
  right: -2.2rem;
  z-index: 2;
}
.article-write-box-thumbnail .thumbnail-write-view-box.complete .info-text-box, .article-write-box-thumbnail .thumbnail-write-view-box.text-hide .info-text-box {
  visibility: hidden;
  opacity: 0;
}
.article-write-box-thumbnail .thumbnail-write-view-box.active .btn-crop-thumbnail,
.article-write-box-thumbnail .thumbnail-write-view-box.active .btn-delete-thumbnail {
  display: block;
}
.article-write-box-thumbnail .thumbnail-write-view-box.active .info-text-box {
  visibility: hidden;
  opacity: 0;
}
.article-write-box-thumbnail .thumbnail-write-view-box.active.mobile-show .btn-crop-thumbnail,
.article-write-box-thumbnail .thumbnail-write-view-box.active.mobile-show .btn-delete-thumbnail {
  display: block;
}
.article-write-box-thumbnail .thumbnail-write-view-box button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  background-position: center;
  background-size: 100% 100%;
}
.article-write-box-thumbnail .thumbnail-write-view-box button + button {
  margin-top: 1.2rem;
}
.article-write-box-thumbnail .thumbnail-write-view-box button span {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.article-write-box-thumbnail .thumbnail-write-view-box button span.focusable:active, .article-write-box-thumbnail .thumbnail-write-view-box button span.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.article-write-box-thumbnail .thumbnail-write-view-box .btn-write-thumbnail {
  background-image: url("../images/icon/icon-cover-photo-32x32.png");
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.article-write-box-thumbnail .thumbnail-write-view-box .btn-write-thumbnail:hover {
  background-image: url("../images/icon/icon-cover-photo-bk-32x32.png");
}
.article-write-box-thumbnail .thumbnail-write-view-box .btn-crop-thumbnail {
  background-image: url("../images/icon/icon-cover-photo-edit-32x32.png");
}
.article-write-box-thumbnail .thumbnail-write-view-box .btn-delete-thumbnail {
  background-image: url("../images/icon/icon-cover-photo-remove-32x32.png");
}
.article-write-box-thumbnail .thumbnail-write-view-box .btn-crop-thumbnail,
.article-write-box-thumbnail .thumbnail-write-view-box .btn-delete-thumbnail {
  display: none;
}
.article-write-box-thumbnail .thumbnail-write-view-box .info-text-box {
  position: absolute;
  top: -3.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  padding: 0.45rem 0.6rem;
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  font-size: 0.7rem;
  font-weight: 500;
  line-height: 0.98rem;
  color: #fff;
  background-color: #1e292d;
  border-radius: 0.4rem;
  -webkit-transition: visibility 0.3s, opacity 0.3s;
  transition: visibility 0.3s, opacity 0.3s;
}
.article-write-box-thumbnail .thumbnail-write-view-box .info-text-box::before {
  content: "";
  position: absolute;
  bottom: -0.4rem;
  left: 50%;
  width: 1rem;
  height: 1rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background: url("../images/icon/icon-arrow-bottom-bk-20x20.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.article-write-box-thumbnail + .article-write-box-title,
.article-write-box-thumbnail .article-write-box-text {
  padding-top: 0;
}
@media (min-width: 1244px) {
  .article-write-box-thumbnail .cropzone-control-box .half-box {
    visibility: hidden;
    opacity: 0;
    height: 0;
  }
}
@media (max-width: 1244px) {
  .article-write-box-thumbnail .article-write-box {
    padding-bottom: 0.6rem;
  }
  .article-write-box-thumbnail .thumbnail-write-view-box {
    margin-bottom: 0.6rem;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    right: 0;
  }
  .article-write-box-thumbnail .thumbnail-write-view-box.active .btn-crop-thumbnail,
  .article-write-box-thumbnail .thumbnail-write-view-box.active .btn-delete-thumbnail {
    display: none;
  }
  .article-write-box-thumbnail .thumbnail-write-view-box.active.mobile-show .btn-crop-thumbnail,
  .article-write-box-thumbnail .thumbnail-write-view-box.active.mobile-show .btn-delete-thumbnail {
    display: block;
  }
  .article-write-box-thumbnail .thumbnail-write-view-box .info-text-box {
    margin-left: 0.6rem;
    position: absolute;
    top: 50%;
    bottom: inherit;
    left: 100%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-size: 0.7rem;
  }
  .article-write-box-thumbnail .thumbnail-write-view-box .info-text-box::before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: inherit;
    left: -0.4rem;
    width: 1rem;
    height: 1rem;
    -webkit-transform: translate(0, -50%) rotate(90deg);
            transform: translate(0, -50%) rotate(90deg);
  }
}

.article-write-box-thumbnail-editing {
  padding-bottom: 3.6rem;
}
.article-write-box-thumbnail-editing .article-write-box {
  padding-bottom: 0;
  display: block;
}
.article-write-box-thumbnail-editing .thumbnail-write-view-box .btn-crop-thumbnail,
.article-write-box-thumbnail-editing .thumbnail-write-view-box .btn-delete-thumbnail {
  display: block;
}
@media (max-width: 1244px) {
  .article-write-box-thumbnail-editing .thumbnail-write-view-box {
    display: none;
  }
}

.article-tag-box {
  margin-top: 2.4rem;
}
.article-tag-box .tag-box {
  padding: 1.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #1e292d;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

@media (max-width: 960px) {
  .article-tag-box {
    margin-top: 1.6rem;
  }
  .article-tag-box .tag-box {
    padding: 0.8rem 0;
    gap: 0.4rem;
  }
}
.article-write-box-comunity {
  padding-top: 1.2rem;
}
.article-write-box-comunity .form-input {
  padding: 0;
  border: 0;
}
.article-write-box-comunity .form-input::-webkit-input-placeholder {
  color: #949494;
}
.article-write-box-comunity .form-input::-moz-placeholder {
  color: #949494;
}
.article-write-box-comunity .form-input::-ms-input-placeholder {
  color: #949494;
}
.article-write-box-comunity .form-input::placeholder {
  color: #949494;
}
.article-write-box-comunity .input-cover-title {
  margin-bottom: 1.2rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #1e292d;
}
.article-write-box-comunity .input-cover-title .form-input {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.24rem;
  min-height: 2.25rem;
  color: #1e292d;
}
.article-write-box-comunity textarea {
  overflow: hidden;
  word-break: keep-all;
  overflow-wrap: break-word;
  resize: none;
}
@media (max-width: 960px) {
  .article-write-box-comunity .input-cover-title .form-input {
    font-size: 1.2rem;
    line-height: 1.68rem;
    min-height: 1.7rem;
  }
}

.article-user-profile-box {
  position: relative;
  padding: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 0.65rem;
}
.article-user-profile-box .alert-label-box {
  position: absolute;
  top: -1px;
  padding: 0.3rem 0.8rem;
  min-height: 1.6rem;
  width: 100.506%;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  color: #1e292d;
  background-color: #00fa8c;
  border-radius: 0.65rem 0.65rem 0 0;
  -ms-flex-line-pack: center;
      align-content: center;
}
.article-user-profile-box .alert-label-box + .article-user-profile-box {
  padding-top: 0.8rem;
}
.article-user-profile-box .alert-label-box + div {
  padding-top: 1rem;
}
.article-user-profile-box .flow-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.article-user-profile-box .flow-box .icon-box {
  margin-right: 0.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.article-user-profile-box .flow-box .text {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1;
  color: #000;
  word-break: break-all;
  letter-spacing: -0.05em;
}
.article-user-profile-box .flow-box .sub-text {
  display: inline-block;
  font-size: 0.625rem;
  font-weight: 800;
  line-height: 1;
  color: #000;
  word-break: break-all;
  letter-spacing: -0.05em;
}
.article-user-profile-box .topic,
.article-user-profile-box .topic-box {
  padding-top: 0.2rem;
  font-size: 0.7rem;
  color: #1fcd7f;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  letter-spacing: -0.05em;
}
.article-user-profile-box .profile-box {
  margin-top: 0.6rem;
}
.article-user-profile-box .profile-box .image {
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 1.75rem;
  border: 1px solid #dbdedd;
}
.article-user-profile-box .profile-box .image-thumb {
  background-image: none;
}
.article-user-profile-box .user-info {
  padding-top: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  word-break: break-all;
}
.article-user-profile-box .user-info .nickname {
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.2;
  color: #1c2427;
  text-align: center;
  word-break: break-all;
  letter-spacing: -0.05em;
}
.article-user-profile-box .user-info .name {
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.4;
  word-break: break-all;
}
.article-user-profile-box .user-info .mail {
  padding-top: 0.1rem;
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  color: #1e292d;
  word-break: break-all;
}
.article-user-profile-box .user-info .text {
  padding-top: 0.1rem;
  font-size: 0.6rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  color: #1c2427;
  word-break: break-all;
  font-family: "Montserrat", arial, sans-serif, Arial, dotum, "돋움";
  letter-spacing: -0.01em;
}
.article-user-profile-box .user-info .text a {
  color: inherit;
}
.article-user-profile-box .user-info .text a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2rem;
  color: #25bd79;
}
.article-user-profile-box .article-info {
  padding-top: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.6rem;
  font-weight: 500;
  line-height: 1.2;
  color: #8d8d92;
  font-family: "Montserrat", arial, sans-serif, Arial, dotum, "돋움";
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}
.article-user-profile-box .article-info .line {
  position: relative;
  margin: -0.05rem 0 0;
  display: inline-block;
  width: 0.125rem;
  height: 0.125rem;
  background-color: #8d8d92;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.article-user-profile-box .article-info .date {
  word-break: break-all;
  letter-spacing: -0.01em;
}
.article-user-profile-box .article-info .views {
  letter-spacing: -0.05em;
}
.article-detail-info-box .article-user-profile-box {
  border: 0;
  background-color: transparent;
}
.article-user-profile-box .btn-group {
  padding-top: 0.5rem;
  width: 100%;
  text-align: center;
}
.article-user-profile-box .btn-group.half {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.35rem;
}
.article-user-profile-box .btn-group.half .btn {
  max-width: inherit;
  width: auto;
  min-width: 2.6rem;
}
.article-user-profile-box .btn-group .btn {
  padding: 0.1rem 0.3rem;
  font-size: 0.65rem;
  font-weight: 800;
  min-width: 5.95rem;
  min-height: 1.45rem;
  color: #4c5254;
  background-color: #eaeaea;
  border-radius: 0.4rem;
  letter-spacing: -0.05em;
}
.article-user-profile-box .btn-group .btn.bg-bk {
  color: #fff;
  background-color: #1c2427;
}
.article-user-profile-box .btn-group .btn.border {
  color: #606166;
  border-color: #cecfd3;
  background-color: transparent;
}
.article-user-profile-box .btn-group .btn.bg-wh {
  color: #4c5254;
  background-color: #e6e8e8;
  border: 0;
}
@media (max-width: 960px) {
  .article-user-profile-box {
    padding: 1.2rem 0 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.85rem;
  }
  .article-user-profile-box .profile-box {
    margin-top: 0;
    padding-top: 0;
  }
  .article-user-profile-box .profile-box .image {
    width: 3rem;
    height: 3rem;
    border-radius: 0.9rem;
  }
  .article-user-profile-box .user-info {
    padding-top: 0;
    text-align: left;
  }
  .article-user-profile-box .user-info .nickname {
    text-align: left;
  }
  .article-user-profile-box .user-info .nickname {
    font-size: 0.6rem;
  }
  .article-user-profile-box .user-info .name {
    font-size: 0.7rem;
  }
  .article-user-profile-box .user-info .mail {
    padding-top: 0;
    text-align: left;
  }
  .article-user-profile-box .user-info .text {
    padding-top: 0;
    text-align: left;
    font-weight: 500;
    letter-spacing: -0.02em;
  }
  .article-user-profile-box .article-info {
    padding-top: 0.5rem;
  }
  .article-user-profile-box .article-info .line {
    margin-top: -0.025rem;
  }
}

.article-user-info-content {
  display: none;
  padding-top: 1.2rem;
}
.article-user-info-content .alert-label-box {
  margin: 0 -0.8rem;
  padding: 0.25rem 0.8rem;
  min-height: 1.5rem;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  color: #1e292d;
  background-color: #00fa8c;
  -ms-flex-line-pack: center;
      align-content: center;
}
.article-user-info-content .alert-label-box + .article-user-profile-box {
  padding-top: 0.8rem;
}
.article-user-info-content .article-user-profile-box {
  padding-top: 0;
}
.article-user-info-content .btn-group {
  padding-top: 0.7rem;
  padding-left: 3.85rem;
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.article-user-info-content .btn-group.half .btn {
  max-width: inherit;
  width: calc(50% - 0.45rem);
}
.article-user-info-content .btn {
  padding: 0.1rem 0.3rem;
  width: 100%;
  min-width: auto;
  min-height: 1.65rem;
  font-size: 0.65rem;
  font-weight: 800;
  color: #4c5254;
  background-color: #eaeaea;
  border-radius: 0.4rem;
  letter-spacing: -0.05em;
}
.article-user-info-content .btn.bg-bk {
  color: #fff;
  background-color: #1c2427;
}
.article-user-info-content .btn.border {
  color: #606166;
  border-color: #cecfd3;
  background-color: transparent;
}
.article-user-info-content .btn.bg-wh {
  color: #4c5254;
  background-color: #e6e8e8;
  border: 0;
}

@media (max-width: 960px) {
  .article-user-info-content {
    display: block;
  }
  .article-user-info-content .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.article-detail-info-box {
  position: relative;
}
.article-detail-info-box .alert-label-box {
  display: none;
  position: absolute;
  top: 0;
  margin-inline: -0.8rem;
  padding: 0.25rem 0.8rem;
  width: 100%;
  min-height: 1.9rem;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.4;
  text-align: center;
  color: #1e292d;
  background-color: #00fa8c;
  -ms-flex-line-pack: center;
      align-content: center;
}
.article-detail-info-box .alert-label-box + .article-user-profile-box {
  padding-top: 0.8rem;
}

@media (max-width: 960px) {
  .article-detail-info-box .alert-label-box {
    display: block;
  }
}
.info-text-content-box {
  padding-top: 1.2rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #949494;
}
.info-text-content-box p {
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #949494;
}

.ui-menu .ui-menu-item-wrapper {
  padding: 0.6rem;
}

.ui-widget.ui-widget-content {
  border: 1px solid #e8e8e8;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.list_item_container {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
}

.file-dropzone-box {
  position: relative;
  overflow: hidden;
}

/* dropzone */
.dropzone {
  padding: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 8rem;
  border: 0;
  background: #f3f4f5;
}
.dropzone .dz-preview {
  margin: 0.6rem;
}
.dropzone .dz-preview .dz-image {
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 8px;
  z-index: 1;
}
.dropzone .dz-preview .dz-progress {
  z-index: 3;
}
.dropzone .dz-preview .dz-details {
  z-index: 2;
  padding: 0.25rem 0;
}
.dropzone .dz-preview.dz-image-preview {
  background-color: transparent;
}
.dropzone .dz-preview .dz-success-mark {
  display: none;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  background: rgba(255, 255, 255, 0.5);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.dropzone .dz-preview.dz-complete .dz-progress .dz-upload {
  background: #fff;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone .dz-preview.dz-error .dz-error-message {
  display: none;
}
.dropzone .dz-message {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropzone .dz-remove {
  padding-top: 0.4rem;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 0.91rem;
  color: #1e292d;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.dropzone .text {
  padding-top: 0.6rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #5c5c5d;
}
@media (max-width: 960px) {
  .dropzone {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    word-break: keep-all;
  }
  .dropzone .dz-preview {
    margin: 0.3rem;
  }
}

.thumbnail-upload-box.crop.schedule-thumbnail {
  max-width: 11.4rem;
}
.thumbnail-upload-box.crop.write-thumbnail {
  max-width: 26.4rem;
}
.thumbnail-upload-box.crop.profile-image {
  max-width: 7.2rem;
}
.thumbnail-upload-box.crop.webzine-thumbnail {
  max-width: 18.8rem;
}

.thumbnail-dropzone-box {
  position: relative;
  padding-bottom: 54.23%;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}
.thumbnail-dropzone-box.hide {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.thumbnail-dropzone-box .dropzone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
.thumbnail-dropzone-box .dz-preview {
  display: none;
}
.thumbnail-dropzone-box .dz-preview .dz-remove {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  padding-top: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 4rem;
  width: 100%;
  height: 1.5rem;
  line-height: 1.4rem;
  padding: 0 0.25rem;
  font-size: 0.6rem;
  color: #fff;
  background-color: #1e292d;
}
.thumbnail-dropzone-box .dz-preview.dz-image-preview .dz-details {
  padding-top: 1rem;
}
.thumbnail-dropzone-box .cropper-container {
  width: 100%;
  height: 100%;
}
@media (max-width: 960px) {
  .thumbnail-dropzone-box {
    padding-bottom: 0;
    height: 14.4rem;
  }
  .thumbnail-dropzone-box .dropzone {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    word-break: keep-all;
  }
}

.cropzone-crop-box {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.cropzone-crop-box.show {
  visibility: visible;
  opacity: 1;
}
.cropzone-crop-box button {
  max-width: 5rem;
  width: 100%;
  height: 2rem;
  line-height: 1.9rem;
  padding: 0 0.5rem;
  font-size: 0.7rem;
  color: #fff;
  background-color: #1e292d;
}

.cropzone-image-box {
  display: none;
  position: relative;
}
.cropzone-image-box.show {
  display: block;
}
.cropzone-image-box img {
  width: 100%;
}
.cropzone-image-box .crop-delete-btn {
  left: 0;
}

.cropzone-control-box.active {
  display: block;
}
.cropzone-control-box.active .crop-save-btn {
  display: block;
}
.cropzone-control-box.active .half-box {
  display: none;
}
.cropzone-control-box.active-edit .crop-save-btn {
  display: none;
}
.cropzone-control-box.active-edit .half-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cropzone-control-box .btn.full {
  max-width: 100%;
}
.cropzone-control-box .crop-save-btn {
  display: none;
}
.cropzone-control-box .half-box {
  display: none;
  max-width: 100%;
  gap: 0;
}
.cropzone-control-box .half-box .btn {
  width: 50%;
}

.cropper-point {
  opacity: 1;
  background-color: #e1ff01;
}
.cropper-point.point-nw {
  height: 25px;
}
.cropper-point.point-n {
  left: 0;
  width: 25px;
  cursor: nwse-resize;
}
.cropper-point.point-ne {
  width: 25px;
}
.cropper-point.point-e {
  top: 0;
  height: 25px;
  cursor: nesw-resize;
}
.cropper-point.point-w {
  top: initial;
  bottom: -3px;
  height: 25px;
  cursor: nesw-resize;
}
.cropper-point.point-sw {
  width: 25px;
}
.cropper-point.point-se {
  width: 5px;
  height: 25px;
}
.cropper-point.point-se::before {
  display: none;
  width: 100%;
  height: 100%;
}
.cropper-point.point-s {
  left: calc(100% - 19px);
  width: 25px;
  cursor: nwse-resize;
}
@media (max-width: 960px) {
  .cropper-point.point-nw {
    height: 15px;
  }
  .cropper-point.point-n {
    width: 15px;
  }
  .cropper-point.point-ne {
    width: 15px;
  }
  .cropper-point.point-e {
    height: 15px;
  }
  .cropper-point.point-w {
    height: 15px;
  }
  .cropper-point.point-sw {
    width: 15px;
  }
  .cropper-point.point-se {
    width: 5px;
    height: 15px;
  }
  .cropper-point.point-s {
    left: calc(100% - 9px);
    width: 10px;
  }
}

.article-btn-box {
  padding-top: 2.4rem;
  text-align: right;
}
.article-btn-box .btn {
  padding: 0.325rem 0.4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 1;
  gap: 0.1rem;
  background: #fde8e3;
  border-radius: 0.1rem;
  color: #fd5e45;
}
.article-btn-box ~ .banner-content-box {
  padding-top: 1.2rem;
}

@media (max-width: 960px) {
  .article-btn-box {
    padding-top: 1.6rem;
  }
  .article-btn-box .btn {
    padding: 0.325rem 0.4rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 0.6rem;
    font-weight: 400;
    line-height: 1;
    gap: 0.1rem;
    background: #fde8e3;
    border-radius: 0.1rem;
    color: #fd5e45;
  }
  .article-btn-box ~ .banner-content-box {
    padding-top: 0.6rem;
  }
}
.topic-choose-content-box {
  max-width: 36rem;
  width: 100%;
}
.topic-choose-content-box .topic-choose-slide-box-wrap {
  margin-top: 0.25rem;
}
.topic-choose-content-box .selector-cover .selector-text {
  padding: 0.2rem 0.4rem;
  min-width: 6rem;
  min-height: 1.5rem;
  font-weight: 700;
  font-size: 0.7rem;
  color: #3f3f3f;
  background-color: #e8e8e8;
  border-radius: 2.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.topic-choose-content-box .selector-cover .label {
  line-height: 1;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.topic-choose-content-box .selector-cover .selector {
  position: relative;
  margin-right: 0.2rem;
  display: none;
  width: 0.8rem;
  height: 0.8rem;
  border: 0;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.topic-choose-content-box .selector-cover input:checked + .selector-text {
  color: #fff;
  background-color: #3f3f3f;
}
.topic-choose-content-box .info-text {
  padding-top: 0.8rem;
  font-size: 0.8rem;
  line-height: 1.4;
  color: #5c5c5d;
  font-weight: 400;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.topic-choose-slide-box-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.topic-choose-slide-box-wrap .swiper-button-prev,
.topic-choose-slide-box-wrap .swiper-button-next {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.4rem;
  height: 2.4rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 1;
}
.topic-choose-slide-box-wrap .swiper-button-prev.hide,
.topic-choose-slide-box-wrap .swiper-button-next.hide {
  visibility: hidden;
  opacity: 0;
}
.topic-choose-slide-box-wrap .topic-choose-slide-box {
  padding-right: 1.8rem;
}
.topic-choose-slide-box-wrap .swiper-button-prev {
  right: 0;
  left: inherit;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  background-image: url("../images/icon/icon-slider-arrow-next-round-48x48-vivid.png");
}
.topic-choose-slide-box-wrap .swiper-button-next {
  right: 0;
  left: inherit;
  background-image: url("../images/icon/icon-slider-arrow-next-round-48x48-vivid.png");
}
.topic-choose-slide-box-wrap .btn-wrap {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-right: -0.6rem;
  z-index: 1;
}

.topic-choose-slide-box .swiper-slide {
  width: auto;
}
.topic-choose-slide-box .swiper-slide + .swiper-slide {
  margin-left: 0.4rem;
}

@media (max-width: 960px) {
  .topic-choose-content-box {
    margin-top: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .topic-choose-content-box .topic-choose-slide-box-wrap {
    margin-top: 0.8rem;
  }
  .topic-choose-content-box .info-text {
    padding-top: 0;
    text-align: center;
  }
}
.editor-rich-ph {
  position: absolute;
  top: 0;
  left: 0.4rem;
  right: 0.4rem;
  pointer-events: none; /* 클릭을 에디터로 통과 */
}
.editor-rich-ph .ph-title strong {
  font-weight: 700 !important;
  font-size: 0.9rem;
  color: rgb(133, 143, 173);
}
.editor-rich-ph .ph-list {
  margin: 0;
  padding-left: 1rem;
}
.editor-rich-ph .ph-list li {
  font-size: 0.8rem !important;
  color: rgb(133, 143, 173);
}
.editor-rich-ph .ph-list li strong {
  font-weight: 700 !important;
}

@media (max-width: 960px) {
  .editor-rich-ph {
    top: 1rem;
  }
  .editor-rich-ph .ph-title strong {
    font-size: 0.7rem;
  }
  .editor-rich-ph .ph-list {
    padding-left: 1rem;
  }
  .editor-rich-ph .ph-list li {
    font-size: 0.6rem !important;
  }
  .editor-rich-ph .ph-list li br {
    display: none;
  }
}
.community-box-area .section-title-box-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.community-box-area .section-title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.community-box-area .section-title-box .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  line-height: 1.96rem;
  gap: 0.2rem;
}
.community-box-area .section-title-box .title strong {
  font-weight: 700;
}
.community-box-area .section-title-box .date-text {
  padding-top: 0;
  padding-left: 0.6rem;
  font-size: 0.7rem;
  line-height: 0.98rem;
}
.community-box-area .section-title-box .icon-emoji-fire + strong {
  font-weight: 800;
}
.community-box-area .community-content-box {
  padding-top: 3.6rem;
}
.community-box-area .search-bar-box-wrap {
  padding-top: 1.2rem;
}
.community-box-area .trend-topic-list-box-wrap {
  padding-top: 3.6rem;
}
.community-box-area .banner-content-box {
  padding-top: 3.6rem;
}
.community-box-area .pagination-box {
  margin-top: 2.4rem;
}
.community-box-area .search-control-box .search-bar-box-wrap.pc-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.community-box-area .search-control-box .search-bar-box-wrap.mobile-show {
  display: none;
}
@media (max-width: 960px) {
  .community-box-area .section-title-box-wrap .btn-write {
    display: none;
  }
  .community-box-area .section-title-box {
    display: block;
  }
  .community-box-area .section-title-box .title {
    font-size: 1.2rem;
    line-height: 1.68rem;
  }
  .community-box-area .section-title-box .date-text {
    padding-top: 0.2rem;
    padding-left: 0;
  }
  .community-box-area .community-content-box {
    padding-top: 1.6rem;
  }
  .community-box-area .trend-topic-list-box-wrap {
    padding-top: 1.6rem;
  }
  .community-box-area .banner-content-box {
    padding-top: 2.4rem;
  }
  .community-box-area .search-control-box .search-bar-box-wrap.pc-show {
    display: none;
  }
  .community-box-area .search-control-box .search-bar-box-wrap.mobile-show {
    display: block;
  }
}

.article-detail-info-box.community {
  position: relative;
  padding: 1.15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #dbdedd;
  border-radius: 0.65rem;
  background-color: #fff;
  overflow: hidden;
}
.article-detail-info-box.community .object-image {
  position: absolute;
  top: 3.75rem;
  left: 0;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.article-detail-info-box.community .object-image.daily {
  width: 3.55rem;
  height: 5.35rem;
  background-image: url("../images/community/img-object-daily.png");
}
.article-detail-info-box.community .community-title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.article-detail-info-box.community .community-info-box {
  display: block;
}
.article-detail-info-box .community-title-box {
  min-width: 2rem;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1.2;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.article-detail-info-box .community-title-box .flow {
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: -0.05em;
  color: #000;
}
.article-detail-info-box .community-title-box .category {
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: -0.05em;
  color: #ed9e00;
}
.article-detail-info-box .community-info-box {
  display: none;
  width: 8rem;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.article-detail-info-box .community-info-box .writer {
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.05em;
  color: #1c2427;
}
.article-detail-info-box .community-info-box .writer + div {
  padding-top: 0.7rem;
}
.article-detail-info-box .community-info-box .label {
  width: inherit;
  font-size: 0.55rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #8d8d92;
}
.article-detail-info-box .community-info-box .text {
  padding: 0;
  font-size: 0.55rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #8d8d92;
}
.article-detail-info-box .community-info-box .date,
.article-detail-info-box .community-info-box .views,
.article-detail-info-box .community-info-box .likes {
  padding-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.55rem;
}
.article-detail-info-box .community-info-box .date .text {
  font-family: "Montserrat", arial, sans-serif, Arial, dotum, "돋움";
}
.article-detail-info-box .community-info-box .btn-group {
  padding-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: center;
  gap: 0.5rem;
}
.article-detail-info-box .community-info-box .btn {
  padding: 0.1rem 0.3rem;
  font-size: 0.65rem;
  font-weight: 800;
  width: 50%;
  min-width: inherit;
  min-height: 1.45rem;
  border-radius: 0.4rem;
  letter-spacing: -0.05em;
  color: #4c5254;
  background-color: #eaeaea;
}

@media (max-width: 960px) {
  .article-detail-info-box .community-info-box {
    position: relative;
    margin-top: 1.2rem;
    padding-top: 1.2rem;
    display: block;
    width: 100%;
    border-top: 1px solid #1c2427;
  }
  .article-detail-info-box .community-info-box .writer {
    font-size: 0.85rem;
    font-weight: 700;
  }
  .article-detail-info-box .community-info-box .writer + div {
    padding-top: 0.8rem;
  }
  .article-detail-info-box .community-info-box .label {
    font-size: 0.6rem;
  }
  .article-detail-info-box .community-info-box .text {
    padding: 0;
    font-size: 0.6rem;
  }
  .article-detail-info-box .community-info-box .date,
  .article-detail-info-box .community-info-box .views,
  .article-detail-info-box .community-info-box .likes {
    padding-top: 0.3rem;
    gap: 0.65rem;
  }
  .article-detail-info-box .community-info-box .views,
  .article-detail-info-box .community-info-box .likes {
    padding-right: 6.75rem;
  }
  .article-detail-info-box .community-info-box .btn-group {
    position: absolute;
    padding: 0;
    right: 0;
    bottom: 0;
    width: auto;
    gap: 0.4rem;
  }
  .article-detail-info-box .community-info-box .btn {
    padding: 0.1rem 0.3rem;
    font-size: 0.7rem;
    width: inherit;
    min-width: 3rem;
    min-height: 1.7rem;
  }
}
.trend-topic-box .slide-best-topic-box {
  padding-top: 1.2rem;
}
@media (max-width: 960px) {
  .trend-topic-box .section-title-box-wrap {
    padding-right: 3rem;
  }
  .trend-topic-box .slide-best-topic-box {
    margin-left: -0.8rem;
    margin-right: -0.8rem;
    padding-top: 0.8rem;
  }
  .trend-topic-box .section-title-box-wrap .add-more-btn {
    color: #1e292d;
  }
  .trend-topic-box .section-title-box-wrap .add-more-btn .icon-box {
    background-image: url("../images/icon/icon-arrow-right-black.png");
  }
  .trend-topic-box .best-topic-slider {
    padding-left: 0.8rem;
  }
  .trend-topic-box .float-btn-box {
    position: absolute;
    top: 0.5rem;
    right: 0;
  }
}

.trend-topic-list-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 48px 4.44%;
}
.trend-topic-list-box-wrap .trend-topic-list-box {
  width: 47.77%;
}
.trend-topic-list-box-wrap .add-more-btn {
  color: #1e292d;
}
@media (max-width: 960px) {
  .trend-topic-list-box-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 48px;
  }
  .trend-topic-list-box-wrap .section-title-box .title {
    font-size: 0.9rem;
    line-height: 1.26rem;
  }
  .trend-topic-list-box-wrap .trend-topic-list-box {
    width: 100%;
  }
}

.trend-topic-list-box .section-title-box {
  position: relative;
}
.trend-topic-list-box .section-title-box .title {
  gap: 0.4rem;
}
.trend-topic-list-box .section-title-box strong {
  font-weight: 700;
}
.trend-topic-list-box .add-more-btn {
  position: absolute;
  top: 0.6rem;
  right: 0;
  -webkit-transform: none;
          transform: none;
}
.trend-topic-list-box .add-more-btn .icon-box {
  background-image: url("../images/icon/icon-arrow-right-black.png");
}
.trend-topic-list-box .topic-list-box {
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 2px solid #1e292d;
}
@media (max-width: 960px) {
  .trend-topic-list-box .section-title-box {
    position: relative;
  }
  .trend-topic-list-box .section-title-box .title {
    padding-right: 3rem;
    gap: 0.2rem;
  }
  .trend-topic-list-box .section-title-box .icon-box {
    width: 1rem;
    height: 1rem;
  }
  .trend-topic-list-box .add-more-btn {
    top: 0.2rem;
    color: #1e292d;
  }
}

.topic-list-box .info-text {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.8rem;
  min-height: 5rem;
  font-weight: 400;
  line-height: 1.12rem;
  text-align: center;
  color: #949494;
}
.topic-list-box .topic-item.notice .subject {
  font-weight: 700;
  color: #f82514;
}
.topic-list-box .topic {
  padding: 0.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1;
}
.topic-list-box .topic.image .subject {
  padding-right: 1rem;
}
.topic-list-box .topic.image .subject::after {
  display: block;
}
.topic-list-box .topic.private {
  pointer-events: none;
}
.topic-list-box .topic.private .subject {
  color: #999;
}
.topic-list-box .subject {
  position: relative;
  max-width: calc(100% - 2.8rem);
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #1e292d;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.topic-list-box .subject::after {
  content: "";
  position: absolute;
  top: 0.075rem;
  right: 0;
  display: none;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-photo.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  text-indent: -9999px;
}
.topic-list-box .comment {
  width: 2.8rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #949494;
  text-align: right;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.slide-best-topic-box .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.slide-best-topic-box .swiper-slide {
  width: 276px;
  height: auto;
}
.slide-best-topic-box .swiper-slide + .swiper-slide {
  margin-left: 1.2rem;
}
.slide-best-topic-box .swiper-scrollbar {
  margin-top: 1.2rem;
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.3rem;
  border: 0;
  border-radius: 0;
  background-color: #e8e8e8;
  z-index: 1;
}
.slide-best-topic-box .swiper-scrollbar-drag {
  border-radius: 0;
  background-color: #1e292d;
}
.slide-best-topic-box .best-topic-box {
  height: 100%;
}
@media (max-width: 960px) {
  .slide-best-topic-box .swiper-scrollbar {
    display: none;
  }
}
@media (max-width: 320px) {
  .slide-best-topic-box .swiper-slide + .swiper-slide {
    margin-left: 0.6rem;
  }
}
@media (max-width: 280px) {
  .slide-best-topic-box .swiper-slide {
    width: 244px;
  }
}

.best-topic-box .best-topic-box-link {
  padding: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background: #f3f4f5;
  border-radius: 0.4rem;
}
.best-topic-box .best-topic-box-link.private {
  pointer-events: none;
}
.best-topic-box .best-topic-box-link.private .subject {
  color: #999;
}
.best-topic-box .number {
  font-family: "Inter", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4rem;
  color: #1e292d;
  word-break: break-all;
}
.best-topic-box .subject {
  padding-top: 0.2rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #1e292d;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.best-topic-box .info-box {
  margin-right: -0.25rem;
  padding-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  word-break: break-all;
}
.best-topic-box .info-box > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
}
.best-topic-box .info-box > span {
  display: block;
}
.best-topic-box .label {
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  color: #949494;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.best-topic-box .count {
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  color: #1e292d;
  word-break: break-all;
}

.data-table-content-box {
  padding-top: 2.4rem;
}
.data-table-content-box.data-table-all .number {
  width: 7.77%;
}
.data-table-content-box.data-table-all .topic {
  width: 61.85%;
}
.data-table-content-box.data-table-all .like {
  width: 7.77%;
}
.data-table-content-box.data-table-all .read {
  width: 7.77%;
}
.data-table-content-box.data-table-all .date {
  width: 14.81%;
}
@media (max-width: 960px) {
  .data-table-content-box {
    margin: 0 -0.8rem;
  }
  .data-table-content-box .pagination-box {
    margin-top: 1.2rem;
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
}

.data-table-box {
  text-align: center;
}
.data-table-box .number {
  width: 7.77%;
  word-break: break-all;
}
.data-table-box .topic {
  width: 61.85%;
  word-break: break-all;
}
.data-table-box .like {
  width: 7.77%;
  word-break: break-all;
}
.data-table-box .read {
  width: 7.77%;
  word-break: break-all;
}
.data-table-box .date {
  width: 14.81%;
  word-break: break-all;
}
.data-table-box .info {
  padding-left: 0.2rem;
  display: inline-block;
  color: #949494;
}
.data-table-box .info .icon-box {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.data-table-box .text {
  position: relative;
  display: inline-block;
}
.data-table-box .data-table-box-list .topic {
  text-align: left;
}
.data-table-box .data-table-box-standard,
.data-table-box .data-table-box-link {
  padding: 0.9rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #1e292d;
}
.data-table-box .data-check-box {
  margin-top: -0.2rem;
  margin-bottom: -0.2rem;
  width: 7.77%;
}
.data-table-box .data-check-box .selector-cover.checkbox.square .selector {
  border: 1px solid #e8e8e8;
}
@media (max-width: 960px) {
  .data-table-box .data-table-box-link {
    padding: 0.8rem 1.2rem 0.8rem 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.data-table-box-standard {
  background: #f3f4f5;
}

@media (max-width: 960px) {
  .data-table-box-list {
    border-top: 1px solid #e8e8e8;
  }
}

.data-table-box-item {
  border-bottom: 1px solid #e8e8e8;
}
.data-table-box-item .number {
  color: #949494;
}
.data-table-box-item .like {
  color: #949494;
}
.data-table-box-item .read {
  color: #949494;
}
.data-table-box-item .date {
  color: #949494;
}
.data-table-box-item .category-box {
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 0.84rem;
  color: #949494;
}
.data-table-box-item .category-box .text {
  padding-left: 0.2rem;
}
.data-table-box-item .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.2rem;
  width: 100%;
}
.data-table-box-item .title-box .title {
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  text-align: left;
  color: #1e292d;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.data-table-box-item .title-box .info {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.data-table-box-item .info-box {
  padding-top: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}
.data-table-box-item .info-box > div {
  position: relative;
}
.data-table-box-item .info-box > div + div {
  margin-left: 0.4rem;
  padding-left: 0.4rem;
}
.data-table-box-item .info-box > div + div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  display: block;
  width: 1px;
  height: 0.6rem;
  background-color: #e8e8e8;
}
.data-table-box-item .info-box .read {
  width: auto;
}
.data-table-box-item .info-box .like {
  width: auto;
}
.data-table-box-item .info-box .date {
  width: auto;
}
.data-table-box-item .info-box .label {
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 0.84rem;
  color: #949494;
}
.data-table-box-item .info-box .number {
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 0.84rem;
  color: #949494;
}
@media (max-width: 960px) {
  .data-table-box-item .empty-info-text-box {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
  .data-table-box-item .info-box {
    width: 100%;
  }
}

.data-table-box-link.notice .number,
.data-table-box-link.notice .category,
.data-table-box-link.notice .topic,
.data-table-box-link.notice .like,
.data-table-box-link.notice .read,
.data-table-box-link.notice .date {
  color: #1e292d;
  font-weight: 700;
}
.data-table-box-link.notice .category-box {
  color: #949494;
}
.data-table-box-link.notice .title-box .title {
  color: #1e292d;
  font-weight: 700;
}
.data-table-box-link.notice .title-box .info {
  font-weight: 700;
}
.data-table-box-link.notice .info-box .label {
  color: #949494;
  font-weight: 400;
}
.data-table-box-link.notice .info-box .number {
  color: #949494;
  font-weight: 400;
}
.data-table-box-link.private {
  pointer-events: none;
}
.data-table-box-link.private .topic {
  color: #999;
}
@media (max-width: 960px) {
  .data-table-box-link.notice {
    background-color: #f3f4f5;
  }
}

.data-table-box-check .data-table-box-item {
  position: relative;
}
.data-table-box-check .data-table-box-link {
  padding-right: 2.6rem;
}
.data-table-box-check .data-check-box {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.6rem;
  height: 100%;
}
.category-search-bar-box .content-tab-menu-box {
  padding-top: 0;
}
.category-search-bar-box .search-bar-box {
  margin-top: 1.2rem;
  max-width: 100%;
}

.float-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
.float-btn-box .btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.float-btn-box .add-more-btn {
  position: static;
  -webkit-transform: none;
          transform: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.community-content-box.full .section-title-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 960px) {
  .community-content-box.full .float-btn-box {
    display: none;
  }
}
.login-content-area {
  overflow: hidden;
}
.login-content-area .aside-content-box {
  position: relative;
  max-width: calc(100% - 528px);
  width: 100%;
}
.login-content-area .sub-section-title {
  padding-top: 2.4rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.36rem;
}
.login-content-area .find-link-box {
  padding-top: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.36rem;
  color: #1e292d;
  gap: 12px;
}
.login-content-area .find-link-box .disabled {
  color: #e8e8e8;
}
.login-content-area .visual-image-box {
  position: absolute;
  left: -1.2rem;
  bottom: -8.1rem;
  width: 528px;
}
.login-content-area .bubble {
  position: absolute;
  top: -29.03%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: -2.84%;
  max-width: 61.36%;
  width: 100%;
}
.login-content-area .bubble.white {
  display: block;
}
.login-content-area .bubble.dark {
  display: none;
}
.login-content-area .char {
  position: relative;
}
@media (max-width: 960px) {
  .login-content-area {
    padding-top: 3.8rem;
  }
  .login-content-area .find-link-box {
    padding-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.2rem;
    line-height: 1.68rem;
    gap: 16px;
  }
  .login-content-area .aside-content-box {
    max-width: 100%;
  }
  .login-content-area .visual-image-box {
    display: none;
  }
  .login-content-area .sub-section-title {
    padding-top: 0;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.68rem;
    text-align: center;
  }
}

.login-content-box-wrap {
  min-height: 711px;
}
@media (max-width: 960px) {
  .login-content-box-wrap {
    padding-top: 1.6rem;
    min-height: auto;
  }
  .login-content-box-wrap .add-info-box.box-direction-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.login-content-box {
  position: relative;
  padding: 2.4rem;
  width: 528px;
  border-radius: 16px;
  background: #f3f4f5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.login-content-box .selector-wrapper {
  padding-top: 1.2rem;
}
.login-content-box .input-cover .form-input {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
  border: 0;
}
.login-content-box .input-cover.type-change .form-input {
  padding-right: 2.8rem;
}
.login-content-box .form-select {
  border: 0;
}
.login-content-box .btn-wrap {
  margin-top: 1.2rem;
}
.login-content-box .add-info-box {
  padding-top: 1.2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.login-content-box .social-content-box {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 1px dashed #949494;
}
@media (max-width: 960px) {
  .login-content-box {
    padding: 0;
    max-width: 100%;
    width: 100%;
    border: 0;
    background-color: transparent;
  }
  .login-content-box .input-cover .form-input {
    border: 1px solid #e8e8e8;
  }
  .login-content-box .input-cover.type-change .form-input {
    padding-right: 2.3rem;
  }
  .login-content-box .form-select {
    border: 1px solid #e8e8e8;
  }
  .login-content-box .selector-cover.checkbox.square .selector {
    border: 1px solid #e8e8e8;
  }
  .login-content-box .add-info-box {
    padding-top: 1.6rem;
  }
  .login-content-box .social-content-box {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
  }
  .login-content-box .social-content-box .title {
    display: none;
  }
  .login-content-box .social-content-box .social-box {
    padding-top: 0;
  }
}

.login-content-box-find .input-cover-wrap .input-cover + .input-cover {
  padding-top: 1.2rem;
}
.login-content-box-find .btn-wrap {
  margin-top: 0;
  padding-top: 2.4rem;
}
@media (max-width: 960px) {
  .login-content-box-find .btn-wrap {
    padding-top: 1.2rem;
  }
}

.social-content-box.box-direction-row {
  gap: 12px;
}
.social-content-box .title {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.26rem;
  color: #1e292d;
}
.social-content-box .social-box {
  padding-top: 0.6rem;
}
.social-content-box .btn.medium {
  font-weight: 700;
}
.social-content-box .btn.icon-btn .icon-box {
  margin-right: 0.8rem;
}

.naver-btn {
  color: #fff;
  font-weight: 700;
  background: #03c75a;
}

.kakao-btn {
  color: #000;
  font-weight: 700;
  background: #fee500;
}

.label-position {
  position: relative;
}

.info-login-label {
  position: absolute;
  top: -2.4rem;
  right: 0;
  margin-bottom: 0.3rem;
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
.info-login-label span {
  position: relative;
  padding: 0.3rem 0.6rem;
  display: inline-block;
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 0.84rem;
  text-align: center;
  color: #fff;
  background-color: #1e292d;
  border-radius: 80px;
}
.info-login-label::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.3rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1rem;
  height: 1rem;
  background-image: url("../images/triangle-image.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.user-info-alert-box {
  padding: 1.2rem 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  background-color: #f3f4f5;
  border-radius: 8px;
}
.user-info-alert-box + .user-info-alert-box {
  margin-top: 1.2rem;
}
.user-info-alert-box .icon-box {
  width: 1.2rem;
  height: 1.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user-info-alert-box .text-box {
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 0.98rem;
  color: #1e292d;
}
@media (max-width: 960px) {
  .user-info-alert-box {
    margin: 0 -0.8rem;
    padding: 0.8rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0;
  }
}

.sign-up-content-area .article-aside-inner {
  padding-top: 2.4rem;
}
.sign-up-content-area .sign-up-btn-wrap {
  padding-top: 1.2rem;
}
.sign-up-content-area .form-guide-text-wrap {
  padding-top: 1.2rem;
}
.sign-up-content-area .form-guide-text-wrap .form-guide-text {
  margin-top: 0;
}
.sign-up-content-area .form-guide-text-wrap .form-guide-text + .form-guide-text {
  margin-top: 0;
}
.sign-up-content-area .social-content-box.box-direction-row {
  gap: 12px;
}
.sign-up-content-area .article-write-box-social {
  padding-top: 3.6rem;
}
.sign-up-content-area .input-cover-wrap .form-guide-text-wrap {
  padding-top: 0.4rem;
}
.sign-up-content-area .profile-upload-box {
  padding-top: 0.2rem;
}
.sign-up-content-area .selector-wrapper {
  padding-top: 0.4rem;
}
.sign-up-content-area .selector-wrapper + .form-guide-text {
  margin-top: 0.8rem;
}
@media (max-width: 960px) {
  .sign-up-content-area {
    padding-top: 3.8rem;
  }
  .sign-up-content-area .form-guide-text-wrap {
    padding-top: 0.8rem;
  }
  .sign-up-content-area .article-write-box-wrap {
    padding-top: 1.6rem;
  }
  .sign-up-content-area .article-write-box-wrap .article-write-box + .article-write-box {
    padding-top: 2.6rem;
  }
  .sign-up-content-area .article-write-box-wrap .article-write-box.article-write-box-social {
    padding-top: 2.6rem;
  }
}

.sign-up-info-content-box {
  margin: 0 auto;
  padding-top: 1.2rem;
  max-width: 712px;
  width: 100%;
  text-align: center;
}
.sign-up-info-content-box .sub-text {
  padding-top: 0.6rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #1e292d;
}
.sign-up-info-content-box .project-info-list-box {
  padding-top: 1.2rem;
}
.sign-up-info-content-box .info-text-box {
  padding-top: 1.2rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  text-align: center;
  color: #949494;
}
.sign-up-info-content-box .empty-text {
  font-family: "Inter";
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 3.92rem;
  text-align: left;
}
.sign-up-info-content-box .btn-wrap {
  padding-top: 1.2rem;
}
@media (max-width: 960px) {
  .sign-up-info-content-box {
    padding-top: 0;
    max-width: 100%;
  }
  .sign-up-info-content-box .sub-section-title {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.96rem;
  }
  .sign-up-info-content-box .sub-text {
    padding-top: 0.6rem;
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
  .sign-up-info-content-box .project-info-list-box {
    padding-top: 1.6rem;
  }
  .sign-up-info-content-box .info-text-box {
    padding-top: 1.2rem;
    font-size: 0.6rem;
    line-height: 0.84rem;
    word-break: keep-all;
  }
  .sign-up-info-content-box .empty-text {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
  .sign-up-info-content-box .btn-wrap {
    padding-top: 1.2rem;
  }
  .sign-up-info-content-box .btn {
    max-width: 100%;
  }
}

.project-info-list-box-item {
  padding: 1rem 0;
  min-height: 6.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f3f4f5;
  text-align: left;
}
.project-info-list-box-item + .project-info-list-box-item {
  margin-top: 0.6rem;
}
.project-info-list-box-item .image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% - 17.2rem);
}
.project-info-list-box-item .image-box.univ img {
  width: 5.35rem;
}
.project-info-list-box-item .image-box.careet img {
  width: 5.6rem;
}
.project-info-list-box-item .image-box.slab20 img {
  width: 9.7rem;
}
.project-info-list-box-item .image-box.univ20 img {
  width: 7.5rem;
}
.project-info-list-box-item .image-box .dark {
  display: block;
}
.project-info-list-box-item .image-box .white {
  display: none;
}
.project-info-list-box-item .text-box {
  width: 17.2rem;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.12rem;
}
@media (max-width: 960px) {
  .project-info-list-box-item {
    padding: 0.5rem 0;
    min-height: 6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .project-info-list-box-item + .project-info-list-box-item {
    margin-top: 0.6rem;
  }
  .project-info-list-box-item .image-box {
    width: auto;
  }
  .project-info-list-box-item .image-box.univ img {
    width: 3.3rem;
  }
  .project-info-list-box-item .image-box.careet img {
    width: 3.25rem;
  }
  .project-info-list-box-item .image-box.slab20 img {
    width: 6.4rem;
  }
  .project-info-list-box-item .image-box.univ20 img {
    width: 5rem;
  }
  .project-info-list-box-item .text-box {
    padding-top: 0.4rem;
    width: 100%;
    text-align: center;
  }
}

.sign-up-flow-box {
  text-align: center;
}
.sign-up-flow-box .arrow {
  padding: 0.4rem 0;
  font-size: 0;
}
@media (max-width: 960px) {
  .sign-up-flow-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
  }
  .sign-up-flow-box .arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
  }
  .sign-up-flow-box .icon-box {
    width: 0.8rem;
    height: 0.8rem;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}

.sign-up-flow-box-item {
  padding: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.12rem;
  color: #1e292d;
  border: 1px dashed #949494;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sign-up-flow-box-item.active {
  background-color: #f3f4f5;
  border: 1px solid #f3f4f5;
}
.sign-up-flow-box-item .icon-box {
  margin-right: 0.4rem;
}
@media (max-width: 960px) {
  .sign-up-flow-box-item {
    padding: 0.6rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 0.98rem;
    text-align: center;
  }
  .sign-up-flow-box-item .icon-box {
    display: none;
  }
}

.sign-up-result-area {
  padding-bottom: 10.15rem;
}
@media (max-width: 960px) {
  .sign-up-result-area {
    padding-bottom: 5rem;
  }
}

.sign-up-result-box {
  padding: 6rem 1rem;
  color: #1e292d;
  text-align: center;
  background-color: #f3f4f5;
}
.sign-up-result-box .title {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.68rem;
}
.sign-up-result-box strong {
  font-weight: 700;
}
.sign-up-result-box .sub-text {
  padding-top: 0.8rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
}
.sign-up-result-box .btn-wrap {
  padding-top: 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 960px) {
  .sign-up-result-box {
    padding: 3rem 0;
    background-color: transparent;
  }
}

.form-guide-info-text {
  display: block;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #1e292d;
  text-align: center;
  word-break: keep-all;
}

.notice-box-area .btn-wrap {
  padding-top: 2.4rem;
}
.notice-box-area .list-content-box-accordion {
  padding-top: 2.4rem;
}
.notice-box-area .content-tab-menu-box-list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.notice-box-area .content-tab-menu-box-item + .content-tab-menu-box-item {
  margin-left: 1.2rem;
}
@media (max-width: 960px) {
  .notice-box-area .btn-wrap {
    padding-top: 1.2rem;
  }
  .notice-box-area .list-content-box-accordion {
    margin: 0 -0.8rem;
    padding-top: 1.2rem;
  }
  .notice-box-area .content-tab-menu-box {
    margin-right: -0.8rem;
  }
  .notice-box-area .content-tab-menu-box-list {
    padding-right: 0.8rem;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .notice-box-area .content-tab-menu-box-list::-webkit-scrollbar {
    display: none;
  }
  .notice-box-area .content-tab-menu-box-item {
    white-space: nowrap;
  }
}

.notice-cotnent-box,
.notice-detail-cotnent-box {
  padding-top: 1.2rem;
}

@media (max-width: 960px) {
  .notice-cotnent-box .list-post-content-box {
    margin: 0 -0.8rem;
  }
}

.notice-detail-cotnent-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.notice-detail-cotnent-box .btn-wrap {
  max-width: 712px;
  width: 100%;
}
@media (max-width: 960px) {
  .notice-detail-cotnent-box {
    padding-top: 0;
  }
  .notice-detail-cotnent-box .btn-wrap {
    max-width: 100%;
  }
}

#content .fr-view {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #181c25;
  font-family: "SUIT", arial, sans-serif, Arial, dotum, "돋움";
  word-break: keep-all;
  overflow-wrap: anywhere;
}
#content .fr-view blockquote {
  color: #181c25;
  border-color: #525c7a;
}

.editor-content-box {
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  color: #181c25;
  text-align: left;
  font-family: "SUIT", arial, sans-serif, Arial, dotum, "돋움" !important;
  word-break: keep-all;
}
.editor-content-box p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.editor-content-box .fr-img-caption {
  margin-right: 0;
  margin-left: 0;
  max-width: 100%;
  display: inline-block;
  float: none;
}
.editor-content-box .fr-img-wrap > img {
  width: 100% !important;
}
.editor-content-box .fr-img-caption .fr-img-wrap > span {
  padding: 8px 0 0 0;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
  color: #949494;
  word-break: break-all;
}
.editor-content-box .fr-img-caption.fr-dii {
  margin-right: 0;
  margin-left: 0;
  max-width: 100%;
}
.editor-content-box img.fr-dib,
.editor-content-box span.fr-img-caption.fr-dib {
  margin-top: 0;
  margin-bottom: 0;
}
.editor-content-box .fr-img-caption.fr-dii,
.editor-content-box .fr-view img.fr-dii {
  margin-right: 0;
  margin-left: 0;
  max-width: 100%;
}
.editor-content-box .fr-wrapper .fr-placeholder {
  font-family: "SUIT", arial, sans-serif, Arial, dotum, "돋움";
  color: #949494;
}
@media (max-width: 960px) {
  .editor-content-box .fr-img-caption .fr-img-wrap > span {
    font-size: 12px;
    font-weight: 400;
    line-height: 19.2px;
  }
}
.editor-content-box .fr-highlight-color01 {
  background-color: #ffd9ef;
}
.editor-content-box .fr-highlight-color02 {
  background-color: #ffeccc;
}
.editor-content-box .fr-highlight-color03 {
  background-color: #fffecc;
}
.editor-content-box .fr-highlight-color04 {
  background-color: #ebffcc;
}
.editor-content-box .fr-highlight-color05 {
  background-color: #d6eeff;
}
.editor-content-box .fr-highlight-color06 {
  background-color: #eadfff;
}
.editor-content-box .fr-highlight-color-mint {
  background-color: #e2ffff;
}
.editor-content-box .fr-highlight-light-green {
  background-color: #e6f9ef;
}
.editor-content-box .fr-highlight-light-purple {
  background-color: #f1ecff;
}
.editor-content-box .fr-highlight-light-red {
  background-color: #ffe8ed;
}
.editor-content-box .fr-highlight-light-pink {
  background-color: #ffe5f0;
}
.editor-content-box .fr-highlight-light-mint {
  background-color: #dffff2;
}
.editor-content-box .fr-highlight-light-sky {
  background-color: #def8f8;
}
.editor-content-box .fr-highlight-light-blue {
  background-color: #e2f0ff;
}
.editor-content-box .fr-highlight-light-gray {
  background-color: #f0f3fa;
}
.editor-content-box .fr-highlight-gray {
  background-color: #e6e9ef;
}
.editor-content-box .fr-quick-insert {
  z-index: 10;
}
.editor-content-box ol,
.editor-content-box ul,
.editor-content-box li {
  font-size: inherit;
}
.editor-content-box ol {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: -moz-isolate;
  unicode-bidi: isolate;
  list-style: decimal;
}
.editor-content-box ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
  list-style: disc;
}
.editor-content-box li {
  list-style: inherit;
}
.editor-content-box *:not(.image-caption-box,
.image-caption-box *,
.slider-caption-box,
.slider-caption-box *,
.slider-caption-scroll-box,
.slider-caption-scroll-box *,
.quote-text,
.quote-text *,
.quote-text-box,
.quote-text-box *,
.iframe-video-box,
.iframe-video-box *,
.iframe-instar-box,
.iframe-instar-box *,
.fr-toolbar,
.fr-toolbar *,
.fr-highlight-color01,
.fr-highlight-color02,
.fr-highlight-color03,
.fr-highlight-color04,
.fr-highlight-color05,
.fr-highlight-color06,
.fr-highlight-color-mint,
.fr-highlight-light-green,
.fr-highlight-light-purple,
.fr-highlight-light-red,
.fr-highlight-light-pink,
.fr-highlight-light-mint,
.fr-highlight-light-sky,
.fr-highlight-light-blue,
.fr-highlight-light-gray,
.fr-highlight-gray,
.comment-select-container,
.comment-select-container *,
.highligted,
.highligted *,
.marker,
.save-maker,
#highlightList,
#highlightList *,
.fr-quick-insert,
.fr-quick-insert *,
.fr-qi-helper,
.fr-qi-helper *,
.quote-style,
.quote-style *,
blockquote,
blockquote *,
.fr-video *) {
  max-width: 100%;
}
.editor-content-box:not(.community) *:not(.image-caption-box,
.image-caption-box *,
.slider-caption-box,
.slider-caption-box *,
.slider-caption-scroll-box,
.slider-caption-scroll-box *,
.quote-text,
.quote-text *,
.quote-text-box,
.quote-text-box *,
.iframe-video-box,
.iframe-video-box *,
.iframe-instar-box,
.iframe-instar-box *,
.fr-toolbar,
.fr-toolbar *,
.fr-highlight-color01,
.fr-highlight-color02,
.fr-highlight-color03,
.fr-highlight-color04,
.fr-highlight-color05,
.fr-highlight-color06,
.fr-highlight-color-mint,
.fr-highlight-light-green,
.fr-highlight-light-purple,
.fr-highlight-light-red,
.fr-highlight-light-pink,
.fr-highlight-light-mint,
.fr-highlight-light-sky,
.fr-highlight-light-blue,
.fr-highlight-light-gray,
.fr-highlight-gray,
.comment-select-container,
.comment-select-container *,
.highligted,
.highligted *,
.marker,
.save-maker,
#highlightList,
#highlightList *,
.fr-quick-insert,
.fr-quick-insert *,
.fr-qi-helper,
.fr-qi-helper *,
.quote-style,
.quote-style *,
blockquote,
blockquote *,
.fr-video *) {
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
  font-family: "SUIT", arial, sans-serif, Arial, dotum, "돋움" !important;
}
.editor-content-box:not(.community) *:not(.community *,
.image-caption-box,
.image-caption-box *,
.slider-caption-box,
.slider-caption-box *,
.slider-caption-scroll-box,
.slider-caption-scroll-box *,
.quote-text,
.quote-text *,
.quote-text-box,
.quote-text-box *,
.iframe-video-box,
.iframe-video-box *,
.iframe-instar-box,
.iframe-instar-box *,
.fr-toolbar,
.fr-toolbar *,
a,
a *,
strong,
strong *,
h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
b,
b *,
.fr-highlight-color01,
.fr-highlight-color02,
.fr-highlight-color03,
.fr-highlight-color04,
.fr-highlight-color05,
.fr-highlight-color06,
.fr-highlight-color-mint,
.fr-highlight-color01 *,
.fr-highlight-color02 *,
.fr-highlight-color03 *,
.fr-highlight-color04 *,
.fr-highlight-color05 *,
.fr-highlight-color06 *,
.fr-highlight-color-mint *,
.fr-highlight-light-green,
.fr-highlight-light-purple,
.fr-highlight-light-red,
.fr-highlight-light-pink,
.fr-highlight-light-mint,
.fr-highlight-light-sky,
.fr-highlight-light-blue,
.fr-highlight-light-gray,
.fr-highlight-gray,
.fr-highlight-light-green *,
.fr-highlight-light-purple *,
.fr-highlight-light-red *,
.fr-highlight-light-pink *,
.fr-highlight-light-mint *,
.fr-highlight-light-sky *,
.fr-highlight-light-blue *,
.fr-highlight-light-gray *,
.fr-highlight-gray *,
.comment-select-container,
.comment-select-container *,
.highligted,
.highligted *,
.marker,
.save-maker,
#highlightList,
#highlightList *,
.article-report-title,
.fr-quick-insert,
.fr-quick-insert *,
.fr-qi-helper,
.fr-qi-helper *,
.quote-style,
.quote-style *,
blockquote,
blockquote *,
.fr-video *) {
  font-weight: 400 !important;
}
.editor-content-box div:not(.image-caption-box, .image-caption-box *, .slider-caption-box, .slider-caption-box *, .slider-caption-scroll-box, .slider-caption-scroll-box *, .quote-text, .quote-text *, .quote-text-box, .quote-text-box *, .iframe-video-box, .iframe-video-box *, .iframe-instar-box, .iframe-instar-box *, .fr-box, .fr-box *) {
  width: 100% !important;
  float: none !important;
}
.editor-content-box blockquote:not(.quote-style) {
  position: relative;
  padding-left: 12px;
  line-height: 1.6;
  border-left: 0;
}
.editor-content-box blockquote:not(.quote-style)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2px;
  height: calc(100% - 12px);
  background-color: #525c7a;
}
.editor-content-box .quote-style {
  position: relative;
  border: 0;
  padding: 0;
  margin-right: 0;
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: inherit;
  text-align: center;
  line-height: 1.6;
}
.editor-content-box .quote-style::before, .editor-content-box .quote-style::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-indent: -9999px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  line-height: 1;
}
.editor-content-box .quote-style::before {
  margin-bottom: 10px;
  width: 22px;
  height: 17px;
  background-image: url("../images/icon/icon-quotes.png");
}
.editor-content-box .quote-style::after {
  margin-top: 10px;
  width: 22px;
  height: 17px;
  background-image: url("../images/icon/icon-quotes-down.png");
}
.editor-content-box .quote-style .desc {
  width: 100%;
  font-size: 20px;
  color: #111;
}
.editor-content-box .quote-style .desc + .caption {
  padding-top: 8px;
}
.editor-content-box .quote-style .caption {
  width: 100%;
  font-size: 16px;
  color: #858fad;
}
.editor-content-box em {
  font-style: italic;
}
.editor-content-box img {
  max-width: 100% !important;
}
.editor-content-box:not(.community) img {
  width: 100% !important;
}
.editor-content-box strong {
  font-weight: 700 !important;
}
.editor-content-box strong * {
  font-weight: 700 !important;
}
.editor-content-box h2 {
  font-size: 20px;
  font-weight: 700;
}
.editor-content-box h3 {
  font-size: 18px;
  font-weight: 700;
}
.editor-content-box hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #c2c7d6;
}
.editor-content-box a,
.editor-content-box .link-text {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-underline-position: auto;
}
.editor-content-box a:hover,
.editor-content-box .link-text:hover {
  color: #00b1cc;
}
.editor-content-box a:hover *,
.editor-content-box .link-text:hover * {
  color: #00b1cc;
}
.editor-content-box a.fr-command {
  color: #111 !important;
}
.editor-content-box .image-caption-box .image-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.editor-content-box .image-caption-box .image-box.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.editor-content-box .image-caption-box .image-box.right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.editor-content-box .image-caption-box .desc {
  padding-top: 8px;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
  color: #949494;
  word-break: break-all;
}
.editor-content-box .slider-caption-box .desc-text {
  padding-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
  color: #949494;
}
.editor-content-box .slider-caption-box .desc-text span {
  display: block;
  text-align: center;
}
.editor-content-box .slider-caption-scroll-box .desc-text {
  padding-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
  color: #949494;
}
.editor-content-box .slider-caption-scroll-box .desc-text span {
  display: block;
  text-align: center;
}
.editor-content-box .quote-text {
  padding: 24px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.editor-content-box .quote-text > span {
  display: block;
  padding-top: 8px;
}
.editor-content-box .quote-text .desc {
  font-family: MaruBuri;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  color: #111;
  text-align: left;
}
.editor-content-box .quote-text .caption {
  padding-top: 8px;
  font-family: MaruBuri;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  color: #949494;
  text-align: right;
}
.editor-content-box .quote-text-box {
  padding: 24px;
  background-color: #f3f4f5;
  border-radius: 8px;
  text-align: center;
}
.editor-content-box .quote-text-box .icon-quotes {
  margin-bottom: 16px;
}
.editor-content-box .quote-text-box .icon-quotes-down {
  margin-top: 16px;
}
.editor-content-box .quote-text-box .desc {
  font-family: MaruBuri;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  color: #111;
}
.editor-content-box .quote-text-box .caption {
  padding-top: 8px;
  font-family: MaruBuri;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  color: #949494;
}
.editor-content-box .iframe-video-box {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
.editor-content-box .iframe-video-box .video {
  position: relative;
  width: 100%;
  padding-bottom: 56.18%;
}
.editor-content-box .iframe-video-box iframe {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.editor-content-box .iframe-video-box .desc {
  display: block;
  padding-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
  color: #949494;
}
.editor-content-box .iframe-instar-box {
  width: 100%;
}
.editor-content-box .iframe-instar-box .instar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.editor-content-box .iframe-instar-box .desc {
  display: block;
  padding-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
  color: #949494;
}
.editor-content-box .swiper-button-prev,
.editor-content-box .swiper-button-next {
  visibility: visible;
  opacity: 1;
  margin-top: -1.4rem;
  top: 50%;
  width: 2.8rem;
  height: 2.8rem;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
.editor-content-box .swiper-button-prev.hide,
.editor-content-box .swiper-button-next.hide {
  visibility: hidden;
  opacity: 0;
}
.editor-content-box .swiper-button-prev {
  left: 0.6rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url("../images/icon/icon-slider-arrow-next-round-56x56.png");
}
.editor-content-box .swiper-button-next {
  right: 0.6rem;
  -webkit-transform: none;
          transform: none;
  background-image: url("../images/icon/icon-slider-arrow-next-round-56x56.png");
}
.editor-content-box .swiper-slide img {
  width: 100%;
}
.editor-content-box .swiper-pagination {
  position: absolute;
  left: 0;
  margin-top: 0;
  margin-bottom: 1.3rem;
}
.editor-content-box .swiper-pagination-bullet {
  margin-left: 0.3rem !important;
  margin-right: 0.3rem !important;
  width: 0.6rem;
  height: 0.6rem;
  background: rgba(255, 255, 255, 0.8);
  opacity: 1;
}
.editor-content-box .swiper-pagination-bullet-active {
  width: 0.8rem;
  height: 0.8rem;
  background-color: #1e292d;
}
.editor-content-box .fr-box.fr-basic .fr-wrapper {
  border-color: #e8e8e8;
  border-bottom-color: #e8e8e8;
}
.editor-content-box .fr-toolbar {
  border-color: #e8e8e8;
}
.editor-content-box .fr-toolbar.fr-top {
  border-radius: 12px 12px 0 0;
}
.editor-content-box .second-toolbar {
  border: 0;
  border-radius: 0;
}
.editor-content-box img.fr-shadow {
  -webkit-box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.2);
}
.editor-content-box .fr-sticky-on {
  border-radius: 0 !important;
}
.editor-content-box .fr-second-toolbar {
  margin-top: 0;
  border-radius: 0;
  min-height: 0;
  border: 0;
  border-color: #e8e8e8;
}
.editor-content-box .fr-video iframe {
  width: 100%;
}
@media (max-width: 960px) {
  .editor-content-box .image-caption-box .desc {
    font-size: 12px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
  }
  .editor-content-box .slider-caption-box .desc-text {
    padding-top: 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
  }
  .editor-content-box .slider-caption-box .desc-text span {
    display: inline;
  }
  .editor-content-box .slider-caption-scroll-box .desc-text {
    padding-top: 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
  }
  .editor-content-box .slider-caption-scroll-box .desc-text span {
    display: inline;
  }
  .editor-content-box .quote-text {
    padding: 16px 0;
  }
  .editor-content-box .quote-text .desc {
    text-align: left;
  }
  .editor-content-box .quote-text .caption {
    font-size: 16px;
    font-weight: 700;
    line-height: 25.6px;
    text-align: right;
  }
  .editor-content-box .quote-text-box .icon-quotes {
    display: none;
  }
  .editor-content-box .quote-text-box .icon-quotes-down {
    display: none;
  }
  .editor-content-box .quote-text-box .desc {
    text-align: left;
  }
  .editor-content-box .quote-text-box .caption {
    font-size: 16px;
    font-weight: 700;
    line-height: 25.6px;
    text-align: right;
  }
  .editor-content-box .iframe-video-box .video {
    padding-bottom: 53.36%;
  }
  .editor-content-box .iframe-video-box .desc {
    padding-top: 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
  }
  .editor-content-box .iframe-instar-box .desc {
    margin: 0 auto;
    padding-top: 6px;
    max-width: 540px;
    width: calc(100% - 2px);
    font-size: 12px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
  }
  .editor-content-box .swiper-button-prev,
  .editor-content-box .swiper-button-next {
    margin-top: -0.875rem;
    width: 1.75rem;
    height: 1.75rem;
  }
  .editor-content-box .swiper-button-prev {
    left: 0.4rem;
  }
  .editor-content-box .swiper-button-next {
    right: 0.4rem;
  }
  .editor-content-box .swiper-pagination {
    margin-bottom: 0.7rem;
  }
  .editor-content-box .swiper-pagination-bullet {
    margin-left: 0.2rem !important;
    margin-right: 0.2rem !important;
    width: 0.4rem;
    height: 0.4rem;
  }
  .editor-content-box .swiper-pagination-bullet-active {
    width: 0.6rem;
    height: 0.6rem;
  }
  .editor-content-box .fr-box.fr-basic .fr-element {
    padding: 1.2rem 0.6rem;
  }
  .editor-content-box .fr-toolbar.fr-top {
    border-radius: 0;
  }
}
@media (max-width: 359px) {
  .editor-content-box .fr-toolbar .fr-command {
    font-size: 15px; /* 기본값: 16px → 줄이기 */
  }
  .editor-content-box .fr-toolbar .fr-command.fr-btn svg {
    width: 22px;
    height: 22px;
  }
  .editor-content-box .fr-toolbar .fr-btn-grp {
    margin: 0;
  }
}
@media (max-width: 280px) {
  .editor-content-box .fr-toolbar .fr-command {
    font-size: 13px; /* 기본값: 16px → 줄이기 */
  }
  .editor-content-box .fr-toolbar .fr-command.fr-btn {
    height: 30px;
  }
  .editor-content-box .fr-toolbar .fr-command.fr-btn.fr-dropdown:after {
    top: 13px;
  }
  .editor-content-box .fr-toolbar .fr-command.fr-btn svg {
    width: 15px;
    height: 15px;
  }
}

.editor-content-box .twitter-tweet,
.editor-content-box .twitter-tweet-rendered {
  margin-left: auto !important;
  margin-right: auto !important;
}
.editor-content-box .twitter-tweet iframe,
.editor-content-box .twitter-tweet-rendered iframe {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 550px;
}
.editor-content-box .tiktok-embed {
  max-width: 325px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.editor-content-box .tiktok-embed iframe {
  max-width: 325px;
  margin: 0 auto;
}
.editor-content-box .snsinsta {
  width: 100% !important;
  max-width: 27.5rem !important;
  margin: 0 auto !important;
}
.editor-content-box .instagram-media {
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0rem 5rem; /*개발추가*/
  max-width: 458px;
}
.editor-content-box blockquote.tiktok-embed {
  /*개발추가*/
  padding-left: 0;
  border: 0px !important;
}
.editor-content-box blockquote.tiktok-embed::before {
  display: none;
}
.editor-content-box blockquote.twitter-tweet {
  padding-left: 0;
}
.editor-content-box blockquote.twitter-tweet::before {
  display: none;
}

@media (min-width: 960px) {
  .custom-layer-tag {
    width: 20.25rem;
  }
}

@media (min-width: 960px) {
  :is(.dark) #content .fr-box:not(.fr-basic) .fr-view {
    color: #fff;
  }
  :is(.dark) #content .fr-box:not(.fr-basic) ol,
  :is(.dark) #content .fr-box:not(.fr-basic) ul,
  :is(.dark) #content .fr-box:not(.fr-basic) li {
    color: inherit;
  }
  :is(.dark) #content .fr-box:not(.fr-basic) blockquote {
    color: #fff;
  }
  :is(.dark) #content .fr-box:not(.fr-basic) .fr-img-caption .fr-img-wrap > span {
    color: #5c5c5d;
  }
  :is(.dark) #content .fr-box:not(.fr-basic) .fr-wrapper .fr-placeholder {
    color: #5c5c5d;
  }
  :is(.dark) #content .fr-box:not(.fr-basic) .quote-style .desc {
    color: #fff;
  }
  :is(.dark) #content .fr-box:not(.fr-basic) .quote-style .caption {
    color: #949494;
  }
}
:is(.dark) .fr-highlight-color01,
:is(.dark) .fr-highlight-color02,
:is(.dark) .fr-highlight-color03,
:is(.dark) .fr-highlight-color04,
:is(.dark) .fr-highlight-color05,
:is(.dark) .fr-highlight-color06,
:is(.dark) .fr-highlight-color-mint,
:is(.dark) .fr-highlight-light-green,
:is(.dark) .fr-highlight-light-purple,
:is(.dark) .fr-highlight-light-red,
:is(.dark) .fr-highlight-light-pink,
:is(.dark) .fr-highlight-light-mint,
:is(.dark) .fr-highlight-light-sky,
:is(.dark) .fr-highlight-light-blue,
:is(.dark) .fr-highlight-light-gray,
:is(.dark) .fr-highlight-gray {
  color: #111;
}
:is(.dark) .editor-content-box *:not(.image-caption-box,
.image-caption-box *,
.slider-caption-box,
.slider-caption-box *,
.slider-caption-scroll-box,
.slider-caption-scroll-box *,
.quote-text,
.quote-text *,
.quote-text-box,
.quote-text-box *,
.iframe-video-box,
.iframe-video-box *,
.iframe-instar-box,
.iframe-instar-box *,
.fr-toolbar,
.fr-toolbar *,
.fr-highlight-color01,
.fr-highlight-color02,
.fr-highlight-color03,
.fr-highlight-color04,
.fr-highlight-color05,
.fr-highlight-color06,
.fr-highlight-color-mint,
.fr-highlight-light-green,
.fr-highlight-light-purple,
.fr-highlight-light-red,
.fr-highlight-light-pink,
.fr-highlight-light-mint,
.fr-highlight-light-sky,
.fr-highlight-light-blue,
.fr-highlight-light-gray,
.fr-highlight-gray,
.comment-select-container,
.comment-select-container *,
.highligted,
.highligted *,
.marker,
.save-maker,
#highlightList,
#highlightList *,
.fr-quick-insert,
.fr-quick-insert *,
.fr-qi-helper,
.fr-qi-helper *,
.fr-basic,
.fr-basic *,
.fr-popup,
.fr-popup *) {
  background-color: transparent !important;
}
:is(.dark) .editor-content-box *:not(.image-caption-box,
.image-caption-box *,
.slider-caption-box,
.slider-caption-box *,
.slider-caption-scroll-box,
.slider-caption-scroll-box *,
.quote-text,
.quote-text *,
.quote-text-box,
.quote-text-box *,
.iframe-video-box,
.iframe-video-box *,
.iframe-instar-box,
.iframe-instar-box *,
.fr-toolbar,
.fr-toolbar *,
a,
a *,
.fr-img-caption span,
.fr-highlight-color01,
.fr-highlight-color02,
.fr-highlight-color03,
.fr-highlight-color04,
.fr-highlight-color05,
.fr-highlight-color06,
.fr-highlight-color-mint,
.fr-highlight-color01 *,
.fr-highlight-color02 *,
.fr-highlight-color03 *,
.fr-highlight-color04 *,
.fr-highlight-color05 *,
.fr-highlight-color06 *,
.fr-highlight-color-mint *,
.fr-highlight-light-green,
.fr-highlight-light-purple,
.fr-highlight-light-red,
.fr-highlight-light-pink,
.fr-highlight-light-mint,
.fr-highlight-light-sky,
.fr-highlight-light-blue,
.fr-highlight-light-gray,
.fr-highlight-gray,
.fr-highlight-light-green *,
.fr-highlight-light-purple *,
.fr-highlight-light-red *,
.fr-highlight-light-pink *,
.fr-highlight-light-mint *,
.fr-highlight-light-sky *,
.fr-highlight-light-blue *,
.fr-highlight-light-gray *,
.fr-highlight-gray *,
.comment-select-container,
.comment-select-container *,
.fr-basic,
.fr-basic *,
.fr-wrapper,
.fr-wrapper *) {
  color: #fff !important;
}
:is(.dark) .editor-content-box *:not(.fr-basic, .fr-basic *) h1,
:is(.dark) .editor-content-box *:not(.fr-basic, .fr-basic *) h2,
:is(.dark) .editor-content-box *:not(.fr-basic, .fr-basic *) h3 {
  color: #fff;
}
:is(.dark) .editor-content-box *:not(.fr-basic, .fr-basic *) a:not(.fr-qi-helper, .fr-qi-helper *),
:is(.dark) .editor-content-box *:not(.fr-basic, .fr-basic *) .link-text {
  color: #fff !important;
}
:is(.dark) .editor-content-box *:not(.fr-basic, .fr-basic *) a:not(.fr-qi-helper, .fr-qi-helper *):hover,
:is(.dark) .editor-content-box *:not(.fr-basic, .fr-basic *) .link-text:hover {
  color: #00b1cc !important;
}
:is(.dark) .editor-content-box .image-caption-box .desc {
  color: #5c5c5d;
}
:is(.dark) .editor-content-box .slider-caption-box .desc-text {
  color: #5c5c5d;
}
:is(.dark) .editor-content-box .slider-caption-scroll-box .desc-text {
  color: #5c5c5d;
}
:is(.dark) .editor-content-box .slider-caption-scroll-style .swiper-scrollbar {
  background-color: #2e2e2e;
}
:is(.dark) .editor-content-box .slider-caption-scroll-style .swiper-scrollbar-drag {
  background-color: #fff;
}
:is(.dark) .editor-content-box .quote-text {
  border-color: #949494;
}
:is(.dark) .editor-content-box .quote-text .desc {
  color: #fff;
}
:is(.dark) .editor-content-box .quote-text .caption {
  color: #5c5c5d;
}
:is(.dark) .editor-content-box .quote-text-box {
  background-color: #2e2e2e;
}
:is(.dark) .editor-content-box .quote-text-box .desc {
  color: #fff;
}
:is(.dark) .editor-content-box .quote-text-box .caption {
  color: #5c5c5d;
}
:is(.dark) .editor-content-box .iframe-video-box .desc {
  color: #5c5c5d;
}
:is(.dark) .editor-content-box .iframe-instar-box .desc {
  color: #5c5c5d;
}
:is(.dark) .editor-content-box .swiper-pagination-bullet-active {
  background-color: #fff;
}

.fr-qi-helper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fr-qi-helper a.fr-btn.fr-floating-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  text-decoration: none;
}

.fr-popup {
  overflow: hidden;
}
.fr-popup.fr-inline {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

html.duration body {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
html.dark body {
  background-color: #222;
}

body.dark {
  background-color: #222;
}

#header.duration {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

:is(.dark) .content-tab-menu-box.line-box {
  border-color: #2e2e2e;
}
:is(.dark) .category-label-box .selector-cover .selector-text,
:is(.dark) .topic-choose-content-box .selector-cover .selector-text {
  color: #3f3f3f;
  background-color: #e8e8e8;
}
:is(.dark) .article-write-box .tag-box {
  color: #fff;
  border-color: #5c5c5d;
}
:is(.dark) .add-recommend-article-box .article-info-box .comment-text {
  color: #949494;
  background-color: rgba(92, 92, 93, 0.2509803922);
}
:is(.dark) .article-write-content-info-box .flow-text-box,
:is(.dark) .article-write-content-info-box .title-text {
  color: #fff;
}
:is(.dark) .comment-content-box-wrap .comment-content-box-header {
  color: #fff;
}
:is(.dark) .comment-content-box-wrap .comment-content-box-body .add-btn {
  color: #fff;
}
:is(.dark) .comment-content-box-wrap .icon-arrow-black-down {
  background-image: url("../images/icon/arrow-white-down.png");
}
:is(.dark) .comment-content-box-wrap .comment-list-box-item.private .comment {
  color: #999;
}
:is(.dark) .comment-content-box-wrap .comment-list-box-item .profile-image span {
  background-color: #5c5c5d;
}
:is(.dark) .comment-content-box-wrap .comment-list-box-item .name {
  color: #949494;
}
:is(.dark) .comment-content-box-wrap .comment-list-box-item .date {
  color: #5c5c5d;
}
:is(.dark) .comment-content-box-wrap .comment-list-box-item .number {
  color: #5c5c5d;
}
:is(.dark) .comment-content-box-wrap .comment-list-box-item .comment {
  color: #fff;
  background-color: #222;
}
:is(.dark) .comment-content-box-wrap .comment-list-box-item .like-btn.check .icon-like {
  background-image: url("../images/icon/icon-like-check.png");
}
:is(.dark) .comment-content-box-wrap .comment-list-box-item .icon-like {
  background-image: url("../images/icon/icon-like-dark.png");
}
:is(.dark) .comment-content-box-wrap .comment-list-box-item-user .profile-image span {
  background-color: #111;
}
:is(.dark) .comment-content-box-wrap .comment-list-box-item-user .comment {
  background-color: #111;
}
:is(.dark) .comment-content-box-wrap .comment-input-box .form-textarea {
  border-color: rgba(255, 255, 255, 0.2);
}
:is(.dark) .comment-content-box-wrap .comment-input-box .info-text {
  color: #fff;
}
:is(.dark) .comment-content-box-wrap .comment-input-box .btn {
  background-color: #111;
}
:is(.dark) .comment-content-other-box .icon-speech-bubble {
  background-image: url("../images/icon/icon-speech-bubble-wh-20x20.png");
}
:is(.dark) .comment-content-other-box .icon-small-check {
  margin-left: 0.1rem;
  background-image: url("../images/icon/icon-small-name-check-wh-16x16.png");
}
:is(.dark) .comment-content-other-box .comment-list-box-item + .comment-list-box-item {
  border-color: rgba(148, 148, 148, 0.2);
}
:is(.dark) .comment-content-other-box .comment-list-box-item .profile-image {
  color: #949494;
}
:is(.dark) .comment-content-other-box .comment-list-box-item .profile-image span {
  background-color: #e8e8e8;
}
:is(.dark) .comment-content-other-box .comment-list-box-item .comment {
  background-color: transparent;
}
:is(.dark) .comment-content-other-box .comment-list-box-item .name {
  color: #fff;
}
:is(.dark) .comment-content-other-box .comment-list-box-item .date {
  color: #5c5c5d;
}
:is(.dark) .comment-content-other-box .comment-list-box-item .state {
  color: #5c5c5d;
}
:is(.dark) .comment-content-other-box .comment-list-box-item .icon-like {
  background-image: url("../images/icon/icon-comment-like-g2-12x12.png");
}
:is(.dark) .comment-content-other-box .comment-tool-box .btn {
  background-color: rgba(92, 92, 93, 0.2509803922);
}
:is(.dark) .comment-content-other-box .comment-tool-box .btn.check {
  background-color: #111;
  color: #fff;
}
:is(.dark) .comment-content-other-box .comment-tool-box .btn.check .icon-like {
  background-image: url("../images/icon/icon-comment-like-wh-12x12.png");
}
:is(.dark) .comment-content-other-box .comment-tool-box .btn.check .text {
  color: #fff;
}
:is(.dark) .comment-content-other-box .comment-tool-box .btn.check .number {
  color: #fff;
}
:is(.dark) .comment-content-other-box .comment-tool-box .btn:hover:not(.check) {
  background-color: #5c5c5d;
}
:is(.dark) .comment-content-other-box .comment-tool-box .btn:hover:not(.check) .icon-like {
  background-image: url("../images/icon/icon-comment-like-g3-12x12.png");
}
:is(.dark) .comment-content-other-box .comment-tool-box .btn:hover:not(.check) .text {
  color: #e8e8e8;
}
:is(.dark) .comment-content-other-box .comment-tool-box .btn:hover:not(.check) .number {
  color: #e8e8e8;
}
:is(.dark) .comment-content-other-box .comment-tool-box .text {
  color: #949494;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
:is(.dark) .comment-content-other-box .comment-tool-box .number {
  color: #949494;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
:is(.dark) .comment-content-other-box .editing-box-btn {
  background-image: url("../images/icon/icon-comment-dot-dark-15x3.png");
}
:is(.dark) .comment-content-other-box .btn-group {
  background-color: #111;
}
:is(.dark) .comment-content-other-box .btn-control {
  color: #fff;
}
:is(.dark) .comment-content-other-box .btn-control:hover {
  background-color: #222;
}
:is(.dark) .comment-content-other-box .comment-nickname-box .input-cover .form-input {
  border-color: rgba(92, 92, 93, 0.2);
}
:is(.dark) .comment-content-other-box .comment-nickname-box .input-cover .form-input::-webkit-input-placeholder {
  color: #5c5c5d;
}
:is(.dark) .comment-content-other-box .comment-nickname-box .input-cover .form-input::-moz-placeholder {
  color: #5c5c5d;
}
:is(.dark) .comment-content-other-box .comment-nickname-box .input-cover .form-input::-ms-input-placeholder {
  color: #5c5c5d;
}
:is(.dark) .comment-content-other-box .comment-nickname-box .input-cover .form-input::placeholder {
  color: #5c5c5d;
}
:is(.dark) .comment-content-other-box .comment-input-box .form-textarea {
  border-color: rgba(92, 92, 93, 0.2);
}
:is(.dark) .comment-content-other-box .comment-input-box .form-textarea::-webkit-input-placeholder {
  color: #5c5c5d;
}
:is(.dark) .comment-content-other-box .comment-input-box .form-textarea::-moz-placeholder {
  color: #5c5c5d;
}
:is(.dark) .comment-content-other-box .comment-input-box .form-textarea::-ms-input-placeholder {
  color: #5c5c5d;
}
:is(.dark) .comment-content-other-box .comment-input-box .form-textarea::placeholder {
  color: #5c5c5d;
}
:is(.dark) .comment-content-other-box .comment-input-box .form-textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
:is(.dark) .comment-content-other-box .comment-input-box .form-textarea:focus::-moz-placeholder {
  color: transparent;
}
:is(.dark) .comment-content-other-box .comment-input-box .form-textarea:focus::-ms-input-placeholder {
  color: transparent;
}
:is(.dark) .comment-content-other-box .comment-input-box .form-textarea:focus::placeholder {
  color: transparent;
}
:is(.dark) .comment-content-other-box .comment-input-box .btn {
  background-color: #111;
}
:is(.dark) .comment-content-other-box .btn-wrap .btn {
  border-color: #fff;
}
:is(.dark) .form-guide-info-text {
  color: #fff;
}
:is(.dark) .article-detail-info-box.community {
  border: 0;
  background-color: #222;
}
:is(.dark) .article-detail-info-box.community .object-image {
  background-size: 100% 100%;
}
:is(.dark) .article-detail-info-box.community .object-image.daily {
  width: 4.875rem;
  height: 5.1rem;
  background-image: url("../images/community/img-object-daily-dark.png");
}
:is(.dark) .article-detail-info-box.community .community-info-box .writer {
  color: #fff;
}
:is(.dark) .article-detail-info-box.community .community-info-box .btn {
  color: #fff;
  background-color: #3f3f3f;
}
:is(.dark) .article-user-profile-box {
  border-color: #444;
  background-color: #222;
}
:is(.dark) .article-user-profile-box .flow-box .icon-box {
  background-image: url("../images/icon/icon-flow-arrow-dark-10x10.png");
}
:is(.dark) .article-user-profile-box .flow-box .text {
  color: #fff;
}
:is(.dark) .article-user-profile-box .sub-text {
  color: #fff;
}
:is(.dark) .article-user-profile-box .profile-box .image-thumb {
  background-image: none;
}
:is(.dark) .article-user-profile-box .user-info .nickname {
  color: #949494;
}
:is(.dark) .article-user-profile-box .user-info .name {
  color: #fff;
}
:is(.dark) .article-user-profile-box .user-info .mail {
  color: #fff;
}
:is(.dark) .article-user-profile-box .user-info .text {
  color: #fff;
}
:is(.dark) .article-user-profile-box .article-info .line::before {
  background-color: #949494;
}
:is(.dark) .article-user-profile-box .btn {
  color: #fff;
  background-color: #3f3f3f;
}
:is(.dark) .article-user-profile-box .btn.bg-bk {
  color: #1c2427;
  background-color: #fff;
}
:is(.dark) .article-user-profile-box .btn.border {
  color: #fff;
  border-color: #4b4e52;
}
:is(.dark) .article-user-profile-box .btn.bg-wh {
  color: #fff;
  background-color: #3f3f3f;
}
:is(.dark) .article-user-info-content .article-user-profile-box {
  background-color: #2e2e2e;
}
:is(.dark) .article-user-info-content .btn.bg-bk {
  color: #fff;
  background-color: #1c2427;
}
:is(.dark) .article-user-info-content .btn.border {
  color: #606166;
  border-color: #cecfd3;
  background-color: transparent;
}
:is(.dark) .article-user-info-content .btn.bg-wh {
  color: #4c5254;
  background-color: #e6e8e8;
  border: 0;
}
:is(.dark) .pick-notice-info-box .title {
  color: #fff;
}
:is(.dark) .pick-notice-info-box .list-text {
  color: #fff;
}
:is(.dark) .pick-notice-info-box .mark {
  background-color: #fff;
}
:is(.dark) .pick-notice-info-box .info-text {
  color: #fff;
}

@media (max-width: 960px) {
  :is(.dark) .article-write-content-info-box {
    background-color: #2e2e2e;
  }
  :is(.dark) .comment-content-box-wrap .comment-input-box .textarea-box.writing + .btn {
    background-image: url("../images/icon/icon-paper-airplane-on-wh.png");
  }
  :is(.dark) .comment-content-box-wrap .comment-input-box .form-textarea {
    border-color: #5c5c5d;
  }
  :is(.dark) .comment-content-box-wrap .comment-input-box .info-text {
    color: #fff;
  }
  :is(.dark) .comment-content-box-wrap .comment-input-box .btn {
    background-color: transparent;
  }
  :is(.dark) .comment-content-other-box .comment-input-box .textarea-box.writing + .btn {
    background-image: none;
  }
  :is(.dark) .comment-content-other-box .comment-input-box .form-textarea {
    border-color: rgba(92, 92, 93, 0.2);
  }
  :is(.dark) .comment-content-other-box .comment-input-box .form-textarea::-webkit-input-placeholder {
    color: #5c5c5d;
  }
  :is(.dark) .comment-content-other-box .comment-input-box .form-textarea::-moz-placeholder {
    color: #5c5c5d;
  }
  :is(.dark) .comment-content-other-box .comment-input-box .form-textarea::-ms-input-placeholder {
    color: #5c5c5d;
  }
  :is(.dark) .comment-content-other-box .comment-input-box .form-textarea::placeholder {
    color: #5c5c5d;
  }
  :is(.dark) .comment-content-other-box .comment-input-box .form-textarea:focus::-webkit-input-placeholder {
    color: transparent;
  }
  :is(.dark) .comment-content-other-box .comment-input-box .form-textarea:focus::-moz-placeholder {
    color: transparent;
  }
  :is(.dark) .comment-content-other-box .comment-input-box .form-textarea:focus::-ms-input-placeholder {
    color: transparent;
  }
  :is(.dark) .comment-content-other-box .comment-input-box .form-textarea:focus::placeholder {
    color: transparent;
  }
  :is(.dark) .comment-content-other-box .comment-input-box .btn {
    background-color: #111;
  }
  :is(.dark) .comment-content-other-box .btn-wrap .btn {
    border-color: #fff;
  }
  :is(.dark) .article-detail-info-box .community-info-box {
    border-color: #fff;
  }
  :is(.dark) .article-detail-info-box .community-info-box .writer {
    color: #fff;
  }
  :is(.dark) .article-detail-info-box .community-info-box .label {
    color: rgba(255, 255, 255, 0.3);
  }
  :is(.dark) .article-detail-info-box .community-info-box .text {
    color: rgba(255, 255, 255, 0.8);
  }
  :is(.dark) .article-detail-info-box .community-info-box .btn {
    color: #fff;
    background-color: #3f3f3f;
  }
}
:is(.dark) {
  -webkit-transition-property: color, border-color, background-color;
  transition-property: color, border-color, background-color;
}
:is(.dark) #header {
  background-color: #222;
}
:is(.dark) #header .logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
:is(.dark) #header .logo .logo-wh {
  opacity: 0;
}
:is(.dark) #header .logo .logo-dk {
  opacity: 1;
}
:is(.dark) #header .twentie-logo-wh {
  opacity: 0;
  z-index: 0;
}
:is(.dark) #header .twentie-logo-dk {
  opacity: 1;
  z-index: 1;
}
:is(.dark) #header .nav-btn {
  color: #fff;
}
:is(.dark) #header .fc-g2 {
  color: #949494;
}
:is(.dark) #header .search-bar-view-box {
  background-color: #222;
  border-color: #2e2e2e;
}
:is(.dark) #header .search-bar-box .icon-search {
  background-image: url("../images/icon/icon-search-large-wh.png");
}
:is(.dark) #header .search-bar-box .form-input {
  color: #fff;
}
:is(.dark) #header .search-bar-box .form-input::-webkit-input-placeholder {
  color: #5c5c5d;
}
:is(.dark) #header .search-bar-box .form-input::-moz-placeholder {
  color: #5c5c5d;
}
:is(.dark) #header .search-bar-box .form-input::-ms-input-placeholder {
  color: #5c5c5d;
}
:is(.dark) #header .search-bar-box .form-input::placeholder {
  color: #5c5c5d;
}
:is(.dark) #header .search-bar-box .close-btn {
  background-image: url("../images/icon/icon-search-close-wh.png");
}
:is(.dark) #header .login-box .login-btn {
  color: #fff;
}
:is(.dark) #header .login-box .icon-login {
  background-image: url("../images/icon/icon-login-wh.png");
}
:is(.dark) #header .login-box .menu-box {
  background-color: #2e2e2e;
}
:is(.dark) #header .login-box .menu-box.show {
  visibility: visible;
  opacity: 1;
}
:is(.dark) #header .login-box .menu-box-item + .menu-box-item {
  margin-top: 0.2rem;
  margin-left: 0;
}
:is(.dark) #header .login-box .menu-box-btn {
  color: #fff;
}
:is(.dark) #header .login-box .menu-box-btn:hover, :is(.dark) #header .login-box .menu-box-btn:focus, :is(.dark) #header .login-box .menu-box-btn:active {
  background-color: #222;
}
:is(.dark) #header .login-box .menu-box-btn .icon-box {
  margin-right: 0.4rem;
}
:is(.dark) #header .header-icon-pencil {
  background-image: url("../images/icon/header-icon-pencil-wh.png");
}
:is(.dark) #header .header-icon-camera {
  background-image: url("../images/icon/header-icon-camera-wh.png");
}
:is(.dark) #header .header-icon-logout {
  background-image: url("../images/icon/header-icon-logout-wh.png");
}
:is(.dark) #header .header-icon-user {
  background-image: url("../images/icon/header-icon-user-wh.png");
}
:is(.dark) #header .header-icon-volume {
  background-image: url("../images/icon/header-icon-volume-wh.png");
}
:is(.dark) .dark-mode-btn .icon-moon {
  opacity: 0;
  margin-left: -1.2rem;
}
:is(.dark) .dark-mode-btn .icon-sun {
  opacity: 1;
  margin-left: 0;
}
:is(.dark) .search-control-btn .icon-search-black {
  opacity: 0;
}
:is(.dark) .search-control-btn .icon-search-white {
  opacity: 1;
}
:is(.dark) .btn-menu-alarm .icon-bell-check-black {
  opacity: 0;
}
:is(.dark) .btn-menu-alarm .icon-bell-check-white {
  opacity: 1;
}
:is(.dark) .mobile-navigation-menu .icon {
  background-color: #fff;
}
:is(.dark) .mobile-navigation-menu .icon:before, :is(.dark) .mobile-navigation-menu .icon:after {
  background-color: #fff;
}
:is(.dark) .all-menu-container {
  background-color: #222;
}
:is(.dark) .all-menu-container .btn-menu-close span:before, :is(.dark) .all-menu-container .btn-menu-close span:after {
  background-color: #fff;
}
:is(.dark) .all-menu-container .user-info-box {
  background-color: #2e2e2e;
}
:is(.dark) .all-menu-container .user-info {
  color: #fff;
}
:is(.dark) .all-menu-container .user-menu .btn {
  color: #949494;
}
:is(.dark) .all-menu-container .search-bar-box .icon-search {
  background-image: url("../images/icon/header-icon-search-wh.png");
}
:is(.dark) .all-menu-container .input-cover .form-input {
  border-color: #3f3f3f;
}
:is(.dark) .all-menu-container .all-menu-btn {
  color: #fff;
}
:is(.dark) .all-menu-container .sub-menu-btn {
  color: #fff;
}
:is(.dark) .section-title-box {
  border-color: #fff;
}
:is(.dark) .section-title-box .title,
:is(.dark) .section-title-box .date-title,
:is(.dark) .section-title-box .sub-title {
  color: #fff;
}
:is(.dark) .section-title-box .date-text {
  color: #5c5c5d;
}
:is(.dark) .number-list-box .number,
:is(.dark) .number-list-box .text {
  color: #fff;
}
:is(.dark) .schedule-view-box {
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
  background: rgba(243, 244, 245, 0.0509803922);
}
:is(.dark) .schedule-view-box .text {
  color: #fff;
}
:is(.dark) .schedule-view-box .info {
  color: #5c5c5d;
}
:is(.dark) .schedule-view-box .schedule-info-box .text-box {
  color: #fff;
}
:is(.dark) .schedule-view-box .schedule-info-box .btn {
  color: #1e292d;
  background-color: #fff;
}
:is(.dark) .schedule-view-box .btn-wrap .btn {
  color: #fff;
}
:is(.dark) .schedule-view-box .btn-wrap .icon-arrow-right {
  background-image: url("../images/icon/icon-arrow-right-wh-16x16.png");
}
:is(.dark) .article-content-view-box .subject {
  color: #fff;
}
:is(.dark) .article-content-view-box .text {
  color: #fff;
}
:is(.dark) .article-info-box .subject {
  color: #fff;
}
:is(.dark) .article-info-box .text {
  color: #fff;
}
:is(.dark) .article-info-box .writer {
  color: #5c5c5d;
}
:is(.dark) .article-info-box .date {
  color: #5c5c5d;
}
:is(.dark) .article-info-box .state-label.black {
  background-color: #000;
}
:is(.dark) .article-info-box .label-text {
  background-color: #000;
}
:is(.dark) .webzine-article-box {
  background-image: url("../images/main/bg-pattern-dark.png");
}
:is(.dark) .webzine-slide-box .swiper-button-prev {
  background-image: url("../images/icon/icon-slider-arrow-next-round-dark-56x56.png");
}
:is(.dark) .webzine-slide-box .swiper-button-next {
  background-image: url("../images/icon/icon-slider-arrow-next-round-dark-56x56.png");
}
:is(.dark) .issue-video-box .prev-btn {
  background-image: url("../images/icon/icon-slider-arrow-next-round-dark-56x56.png");
}
:is(.dark) .issue-video-box .next-btn {
  background-image: url("../images/icon/icon-slider-arrow-next-round-dark-56x56.png");
}
:is(.dark) .sub-section-title {
  color: #fff;
}
:is(.dark) .content-tab-menu-box-item.active .content-tab-menu-box-btn,
:is(.dark) .content-tab-menu-box-item.active .content-tab-menu-box-link-btn {
  color: #fff;
}
:is(.dark) .content-tab-menu-box-btn::before,
:is(.dark) .content-tab-menu-box-link-btn::before {
  background-color: #fff;
}
:is(.dark) .content-tab-menu-box-number .content-tab-menu-box-item.active .number {
  color: #fff;
}
:is(.dark) .content-tab-menu-box-square .content-tab-menu-box-list {
  border-color: #fff;
}
:is(.dark) .content-tab-menu-box-square .content-tab-menu-box-item {
  background: #2e2e2e;
}
:is(.dark) .content-tab-menu-box-square .content-tab-menu-box-item + .content-tab-menu-box-item {
  border-color: #fff;
}
:is(.dark) .content-tab-menu-box-square .content-tab-menu-box-item.active {
  background: #111;
}
:is(.dark) .content-tab-menu-box-square .content-tab-menu-box-btn {
  color: #fff;
}
:is(.dark) .article-half-slider-box .swiper-pagination-bullet {
  background-color: #949494;
}
:is(.dark) .article-half-slider-box .swiper-pagination-bullet-active {
  background-color: #fff;
}
:is(.dark) .pagination .paging {
  color: #5c5c5d;
}
:is(.dark) .pagination .paging.current {
  color: #fff;
}
:is(.dark) .pagination .paging-more {
  color: #5c5c5d;
}
:is(.dark) .pagination .controller.prev {
  background-image: url("../images/components/icon-pagination-prev-round-white.png");
}
:is(.dark) .pagination .controller.next {
  background-image: url("../images/components/icon-pagination-next-round-white.png");
}
:is(.dark) .btn.bg-g4 {
  color: #fff;
  background-color: #2e2e2e;
}
:is(.dark) .btn.bg-black {
  color: #1e292d;
  background-color: #fff;
}
:is(.dark) .btn.bg-black:disabled {
  color: #fff;
  background-color: #949494;
}
:is(.dark) .btn.border {
  color: #fff;
  border-color: #5c5c5d;
}
:is(.dark) .btn.bg-wh {
  color: #fff;
  background-color: #222;
  border-color: #fff;
}
:is(.dark) .btn.cancel-btn {
  color: #949494;
  background-color: #2e2e2e;
}
:is(.dark) .toolbar-box {
  background-color: #222;
  border-color: #5c5c5d;
}
:is(.dark) .toolbar-box .btn.bg-wh {
  border-color: #5c5c5d;
}
:is(.dark) .icon-sound {
  background-image: url("../images/icon/icon-sound-dark.png");
}
:is(.dark) .icon-headphones {
  background-image: url("../images/icon/icon-headphones-dark.png");
}
:is(.dark) .icon-pen {
  background-image: url("../images/icon/icon-pen-dark.png");
}
:is(.dark) .icon-photo {
  background-image: url("../images/icon/icon-photo-white.png");
}
:is(.dark) .icon-search {
  background-image: url("../images/icon/icon-search-white.png");
}
:is(.dark) .icon-arrow-prev {
  background-image: url("../images/icon/icon-arrow-prev-wh.png");
}
:is(.dark) .icon-arrow-next {
  background-image: url("../images/icon/icon-arrow-next-wh.png");
}
:is(.dark) .empty-info-text-box .text {
  color: #949494;
}
:is(.dark) .floating-box-widget {
  background-color: #000;
}
:is(.dark) .profile-box .image-thumb {
  background-image: none;
}
:is(.dark) .profile-box .nickname {
  color: #fff;
}
:is(.dark) .profile-box .like {
  color: #949494;
}
:is(.dark) .form-textarea {
  border-color: #5c5c5d;
}
:is(.dark) .form-textarea::-webkit-input-placeholder {
  color: #5c5c5d;
  opacity: 1;
}
:is(.dark) .form-textarea::-moz-placeholder {
  color: #5c5c5d;
  opacity: 1;
}
:is(.dark) .form-textarea:-ms-input-placeholder {
  color: #5c5c5d;
  opacity: 1;
}
:is(.dark) .form-textarea:-moz-placeholder {
  color: #5c5c5d;
  opacity: 1;
}
:is(.dark) .form-textarea::-ms-input-placeholder {
  color: #5c5c5d;
  opacity: 1;
}
:is(.dark) .form-textarea::placeholder {
  color: #5c5c5d;
  opacity: 1;
}
@media (min-width: 960px) {
  :is(.dark) .webzine-slide-box .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev) .image-box::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(92, 92, 93, 0.4);
    z-index: 1;
  }
  :is(.dark) .webzine-slide-box .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev) .subject {
    color: rgba(255, 255, 255, 0.4);
  }
  :is(.dark) .webzine-slide-box .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev) .text {
    color: rgba(148, 148, 148, 0.4);
  }
  :is(.dark) .webzine-slide-box .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-prev) .date {
    color: rgba(92, 92, 93, 0.4);
  }
}
@media (max-width: 960px) {
  :is(.dark) .sub-space-cover-box {
    background-color: #2e2e2e;
  }
}

:is(.dark) .article-detail-info-box {
  background-color: #2e2e2e;
}
:is(.dark) .article-detail-info-box .image.image-thumb {
  background-image: none;
}
:is(.dark) .article-detail-info-box .nickname,
:is(.dark) .article-detail-info-box .text,
:is(.dark) .article-detail-info-box .flow {
  color: #fff;
}
:is(.dark) .article-detail-info-box .flow span {
  color: #fff;
}
:is(.dark) .article-detail-info-box .address,
:is(.dark) .article-detail-info-box .label {
  color: #949494;
}
:is(.dark) .article-detail-info-box .info-box {
  border-color: #fff;
}
:is(.dark) .article-detail-info-box .info-box > div + div {
  border-color: rgba(148, 148, 148, 0.2);
}
:is(.dark) .article-detail-info-box .icon-arrow-flow-right {
  background-image: url("../images/icon/icon-arrow-flow-right-wh.png");
}
:is(.dark) .article-report-content-box .article-detail-info-box {
  background-color: transparent;
}
:is(.dark) .article-report-content-box .tag-box {
  color: #fff;
  border-color: #5c5c5d;
}
:is(.dark) .article-report-title {
  color: #fff;
}
:is(.dark) .article-report-summary {
  color: #949494;
}
:is(.dark) .add-content-box-wrap {
  background-color: #2e2e2e;
}
:is(.dark) .floating-toolbar .like-btn.check .icon-like {
  background-image: url("../images/icon/icon-like-check-wh.png");
}
:is(.dark) .floating-toolbar .like-btn .icon-like {
  background-image: url("../images/icon/icon-like-wh.png");
}
@media (min-width: 1140px) {
  :is(.dark) .floating-toolbar-btn.check .icon-link-copy {
    background-image: url("../images/icon/icon-toolbar-link-copy-check-20x20.png");
  }
  :is(.dark) .floating-toolbar-btn.check.toolbar__btn-like .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-check-wh-20x20.png");
  }
  :is(.dark) .floating-toolbar-btn.check.toolbar__btn-like.my-checkd .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-check-20x20.png");
  }
  :is(.dark) .floating-toolbar-btn.check .icon-bookmark {
    background-image: url("../images/icon/icon-toolbar-bookmark-check-20x20.png");
  }
  :is(.dark) .floating-toolbar-btn .icon-top-arrow {
    background-image: url("../images/icon/icon-toolbar-top-arrow-wh-20x20.png");
  }
  :is(.dark) .floating-toolbar-btn .icon-link-copy {
    background-image: url("../images/icon/icon-toolbar-link-copy-wh-20x20.png");
  }
  :is(.dark) .floating-toolbar-btn.toolbar__btn-like .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-check-wh-20x20.png");
  }
  :is(.dark) .floating-toolbar-btn.toolbar__btn-like.no-checkd .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-wh-20x20.png");
  }
  :is(.dark) .floating-toolbar-btn .icon-bookmark {
    background-image: url("../images/icon/icon-toolbar-bookmark-wh-20x20.png");
  }
}
@media (min-width: 960px) {
  :is(.dark) .floating-toolbar-btn:hover .icon-link-copy {
    background-image: url("../images/icon/icon-toolbar-link-copy-check-20x20.png");
  }
  :is(.dark) .floating-toolbar-btn:hover.toolbar__btn-like .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-check-20x20.png");
  }
  :is(.dark) .floating-toolbar-btn:hover.toolbar__btn-like .icon-like .number {
    color: #fd5e45;
  }
  :is(.dark) .floating-toolbar-btn:hover.toolbar__btn-like .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-check-20x20.png");
  }
  :is(.dark) .floating-toolbar-btn:hover.toolbar__btn-like.my-checkd .icon-like {
    background-image: url("../images/icon/icon-toolbar-like-check-20x20.png");
  }
  :is(.dark) .floating-toolbar-btn:hover.toolbar__btn-like.my-checkd .number {
    color: #fd5e45;
  }
  :is(.dark) .floating-toolbar-btn:hover .icon-bookmark {
    background-image: url("../images/icon/icon-toolbar-bookmark-check-20x20.png");
  }
}
:is(.dark) .toolbar__btn-like .number {
  color: #fff;
}
:is(.dark) .nickname-box {
  color: #fff;
}
@media (max-width: 960px) {
  :is(.dark) .article-report-content-box .article-detail-info-box {
    background-color: #2e2e2e;
  }
}

:is(.dark) .article-write-content-title-box .title {
  color: #fff;
}
:is(.dark) .icon-bulb {
  background-image: url("../images/icon/icon-bulb-wh.png");
}
:is(.dark) .write-tip-box,
:is(.dark) .write-tip-box-accordion {
  background-color: #2e2e2e;
}
:is(.dark) .write-tip-box .text-box,
:is(.dark) .write-tip-box .text,
:is(.dark) .write-tip-box .info-text,
:is(.dark) .write-tip-box-accordion .text-box,
:is(.dark) .write-tip-box-accordion .text,
:is(.dark) .write-tip-box-accordion .info-text {
  color: #fff;
}
:is(.dark) .write-tip-box-accordion .accordion-header::after {
  background-image: url("../images/icon/icon-arrow-down-wh.png");
}
:is(.dark) .write-tip-box-accordion .tip-title {
  color: #fff;
}
:is(.dark) .write-tip-box-accordion .text,
:is(.dark) .write-tip-box-accordion .info-text {
  color: #fff;
}
:is(.dark) .write-tip-box.notice {
  background-color: #000;
}
:is(.dark) .write-tip-box.notice .text-box {
  color: #fff;
}
:is(.dark) .article-write-box .subject-box {
  color: #fff;
  border-color: #fff;
}
:is(.dark) .article-write-box .subject {
  color: #fff;
  border-color: #fff;
}
:is(.dark) .article-write-box .info-text {
  color: #949494;
}
:is(.dark) .article-write-box .check-content-box .text {
  color: #fff;
}
:is(.dark) .article-write-box .notice-info-text-box {
  color: #949494;
  background-color: #2e2e2e;
}
:is(.dark) .article-write-box .privacy-cover .text-box {
  color: #949494;
  background-color: #2e2e2e;
}
:is(.dark) .input-cover .form-label {
  color: #fff;
}
:is(.dark) .input-cover .form-input {
  color: #fff;
  background-color: transparent;
  border-color: #5c5c5d;
}
:is(.dark) .input-cover .form-input::-webkit-input-placeholder {
  color: #5c5c5d;
}
:is(.dark) .input-cover .form-input::-moz-placeholder {
  color: #5c5c5d;
}
:is(.dark) .input-cover .form-input::-ms-input-placeholder {
  color: #5c5c5d;
}
:is(.dark) .input-cover .form-input::placeholder {
  color: #5c5c5d;
}
:is(.dark) .input-cover .btn-type-change {
  background-image: url("../images/icon/icon-eye-off-white.png");
}
:is(.dark) .input-cover .btn-type-change.type-text {
  background-image: url("../images/icon/icon-eye-on-white.png");
}
:is(.dark) .form-input:-moz-read-only, :is(.dark) .form-input:disabled {
  color: #949494 !important;
  background-color: #5c5c5d !important;
}
:is(.dark) .form-input:read-only, :is(.dark) .form-input:disabled {
  color: #949494 !important;
  background-color: #5c5c5d !important;
}
:is(.dark) .form-input:-moz-read-only.datepicker-input, :is(.dark) .form-input:disabled.datepicker-input {
  color: #fff !important;
  background-color: transparent !important;
}
:is(.dark) .form-input:read-only.datepicker-input, :is(.dark) .form-input:disabled.datepicker-input {
  color: #fff !important;
  background-color: transparent !important;
}
:is(.dark) .form-input:-moz-read-only.result-file-input, :is(.dark) .form-input:disabled.result-file-input {
  color: #949494 !important;
  background-color: #5c5c5d !important;
}
:is(.dark) .form-input:read-only.result-file-input, :is(.dark) .form-input:disabled.result-file-input {
  color: #949494 !important;
  background-color: #5c5c5d !important;
}
:is(.dark) .form-text {
  color: #fff;
}
:is(.dark) .dete-select-box {
  color: #fff;
}
:is(.dark) .datepicker-input {
  color: #fff;
}
:is(.dark) .form-textarea {
  color: #fff;
  background-color: transparent;
  border-color: #5c5c5d;
}
:is(.dark) .form-textarea::-webkit-input-placeholder {
  color: #5c5c5d;
}
:is(.dark) .form-textarea::-moz-placeholder {
  color: #5c5c5d;
}
:is(.dark) .form-textarea::-ms-input-placeholder {
  color: #5c5c5d;
}
:is(.dark) .form-textarea::placeholder {
  color: #5c5c5d;
}
:is(.dark) .selector-cover.radio .selector:after {
  background-color: transparent;
}
:is(.dark) .selector-cover.radio .selector-text {
  color: #fff;
}
:is(.dark) .selector-cover.radio input:checked + .selector-text .selector {
  border-color: #5c5c5d;
  background-color: transparent;
}
:is(.dark) .selector-cover.radio input:checked + .selector-text .selector::after {
  background-color: #fff;
}
:is(.dark) .selector-cover .selector-text {
  color: #fff;
}
:is(.dark) .selector-cover .selector {
  border-color: #5c5c5d;
}
:is(.dark) .selector-cover .selector:after {
  background-color: transparent;
}
:is(.dark) .selector-cover.checkbox.line .selector {
  border-color: #5c5c5d;
}
:is(.dark) .selector-cover.checkbox.square .selector {
  background-image: url("../images/components/icon-checkbox-square-off-black.png");
}
:is(.dark) .selector-cover.checkbox.square input:checked + .selector-text .selector {
  background-image: url("../images/components/icon-checkbox-square-on-black.png");
}
:is(.dark) .dropzone {
  background-color: #2e2e2e;
}
:is(.dark) .dropzone .text {
  color: #949494;
}
:is(.dark) .dropzone .dz-preview .dz-remove {
  color: #fff;
}
:is(.dark) .icon-picture {
  background-image: url("../images/icon/icon-picture-dark.png");
}
:is(.dark) .write-info-text-box {
  background-color: #2e2e2e;
}
:is(.dark) .write-info-text-box .text-box {
  color: #fff;
}
:is(.dark) .write-info-text-box .underline-text {
  color: #fff;
}
:is(.dark) .icon-editing {
  background-image: url("../images/icon/icon-editing-dark.png");
}
:is(.dark) .icon-editing-small {
  background-image: url("../images/icon/icon-editing-small-dark.png");
}
:is(.dark) .header-write-btn-box {
  background-color: #222;
  -webkit-transition: visibility 0.3s, opacity 0.3s;
  transition: visibility 0.3s, opacity 0.3s;
}
:is(.dark) .header-write-btn-box .icon-box {
  margin-right: 0.2rem;
  width: 1rem;
  height: 1rem;
}
:is(.dark) .header-write-btn-box .icon-save {
  background-image: url("../images/icon/icon-header-save-wh-20x20.png");
}
:is(.dark) .header-write-btn-box .icon-pen {
  background-image: url("../images/icon/icon-header-pen-bk-20x20.png");
}
:is(.dark) .header-write-btn-box .btn {
  padding: 0.5rem 1.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 0.98rem;
  text-align: center;
  border-radius: 2rem;
}
:is(.dark) .header-write-btn-box .btn + .btn {
  margin-left: 0.4rem;
}
:is(.dark) .article-write-box-title .form-input::-webkit-input-placeholder {
  color: #5c5c5d;
}
:is(.dark) .article-write-box-title .form-input::-moz-placeholder {
  color: #5c5c5d;
}
:is(.dark) .article-write-box-title .form-input::-ms-input-placeholder {
  color: #5c5c5d;
}
:is(.dark) .article-write-box-title .form-input::placeholder {
  color: #5c5c5d;
}
:is(.dark) .article-write-box-title .input-cover-title .form-input {
  color: #fff;
}
:is(.dark) .article-write-box-title .input-cover-desc .form-input {
  color: #fff;
}
:is(.dark) .article-write-box-text {
  border-color: #5c5c5d;
}
:is(.dark) .article-write-box-thumbnail .thumbnail-write-view-box .btn-write-thumbnail {
  background-image: url("../images/icon/icon-cover-photo-g1-32x32.png");
}
:is(.dark) .article-write-box-thumbnail .thumbnail-write-view-box .btn-write-thumbnail:hover {
  background-image: url("../images/icon/icon-cover-photo-wh-32x32.png");
}
:is(.dark) .article-write-box-thumbnail .thumbnail-write-view-box .btn-crop-thumbnail {
  background-image: url("../images/icon/icon-cover-photo-edit-wh-32x32.png");
}
:is(.dark) .article-write-box-thumbnail .thumbnail-write-view-box .btn-delete-thumbnail {
  background-image: url("../images/icon/icon-cover-photo-remove-wh-32x32.png");
}
:is(.dark) .article-write-box-thumbnail .thumbnail-write-view-box .info-text-box {
  color: #1e292d;
  background-color: #f3f4f5;
}
:is(.dark) .article-write-box-thumbnail .thumbnail-write-view-box .info-text-box::before {
  background: url("../images/icon/icon-arrow-bottom-wh-20x20.png") no-repeat 0 0;
  background-size: 100% 100%;
}
:is(.dark) .thumbnail-control-btn-box .btn-crop-thumbnail {
  background-image: url("../images/icon/icon-cover-photo-edit-wh-32x32.png");
}
:is(.dark) .thumbnail-control-btn-box .btn-delete-thumbnail {
  background-image: url("../images/icon/icon-cover-photo-remove-wh-32x32.png");
}

:is(.dark) .calender-box-title {
  color: #fff;
}
:is(.dark) .calender-pick-box .text {
  color: #5c5c5d;
}
:is(.dark) .calendar-info-box .info-text {
  color: #e8e8e8;
  border-color: #5c5c5d;
}
:is(.dark) .calendar-info-box .date {
  color: #949494;
}
:is(.dark) .celender-info-box-tab .tab-box.active .tab-box-btn {
  color: #1e292d;
  background-color: #fff;
}
:is(.dark) .celender-info-box-tab .tab-box-btn {
  color: #949494;
  background-color: #2e2e2e;
  border-color: #2e2e2e;
}
:is(.dark) #calendar .fc-col-header {
  background-color: #2e2e2e;
}
:is(.dark) #calendar .fc-toolbar-title {
  color: #fff;
}
:is(.dark) #calendar .fc-scrollgrid {
  background-color: #222;
}
:is(.dark) #calendar .fc-day-other .fc-daygrid-day-number {
  color: #949494;
}
:is(.dark) #calendar .fc-daygrid-day-number {
  color: #fff;
}
:is(.dark) #calendar .fc-daygrid-day-bottom {
  background-color: #5c5c5d;
}
:is(.dark) #calendar .fc-daygrid-more-link {
  color: #fff;
}
:is(.dark) #calendar .fc-daygrid-day-bottom::before,
:is(.dark) #calendar .fc-daygrid-day-bottom::after {
  background-color: #222;
}
@media (max-width: 960px) {
  :is(.dark) #calendar .fc-daygrid-day-bg {
    background-color: #222;
  }
  :is(.dark) #calendar .fc-daygrid-day-bg::before {
    background-color: #3f3f3f;
  }
  :is(.dark) #calendar .fc-day-today .fc-daygrid-day-bg {
    background-color: #433e23;
  }
}
:is(.dark) .fc-theme-standard td,
:is(.dark) .fc-theme-standard th {
  border-color: #3f3f3f !important;
}
:is(.dark) .fc-theme-standard .fc-scrollgrid {
  border: 1px solid #3f3f3f;
}
:is(.dark) .daily-content-box .daily-content-box-date {
  color: #fff;
}
:is(.dark) .select-box-container.small .form-select {
  background-size: 0.8rem 0.8rem;
}
:is(.dark) .select-box-container.large .form-select {
  background: url("../images/components/icon-selectbox-arrow-white-large.png") no-repeat 0 0;
  background-size: 1.2rem 1.2rem;
  background-position: center right 0.8rem;
}
:is(.dark) .select-box-container .form-select {
  color: #fff;
  background-color: transparent;
  border-color: #5c5c5d;
  background: url("../images/components/icon-selectbox-arrow-white.png") no-repeat 0 0;
  background-position: center right 0.8rem;
}
:is(.dark) .select-box-container .form-select option {
  color: #1e292d;
}
:is(.dark) .comment-content-box .form-textarea {
  color: #1e292d;
  border-color: rgba(30, 41, 45, 0.2);
}

:is(.dark) .trend-topic-list-box .topic-list-box .comment {
  color: #5c5c5d;
}
:is(.dark) .trend-topic-list-box .add-more-btn {
  color: #fff;
}
:is(.dark) .trend-topic-list-box .add-more-btn .icon-box {
  background-image: url("../images/icon/icon-arrow-right-white.png");
}
:is(.dark) .topic-list-box {
  border-color: #fff;
}
:is(.dark) .topic-list-box .subject {
  color: #fff;
}
:is(.dark) .slide-best-topic-box .swiper-scrollbar {
  background-color: #2e2e2e;
}
:is(.dark) .slide-best-topic-box .swiper-scrollbar-drag {
  background-color: #fff;
}
:is(.dark) .best-topic-box .best-topic-box-link {
  background-color: #2e2e2e;
}
:is(.dark) .best-topic-box .number {
  color: #fff;
}
:is(.dark) .best-topic-box .subject {
  color: #fff;
}
:is(.dark) .best-topic-box .label {
  color: #5c5c5d;
}
:is(.dark) .best-topic-box .count {
  color: #fff;
}
:is(.dark) .data-table-box-standard {
  color: #949494;
  background-color: #2e2e2e;
}
:is(.dark) .data-table-box-link {
  color: #fff;
}
:is(.dark) .data-table-box .number {
  color: #949494;
}
:is(.dark) .data-table-box .like {
  color: #949494;
}
:is(.dark) .data-table-box .read {
  color: #949494;
}
:is(.dark) .data-table-box .date {
  color: #949494;
}
:is(.dark) .data-table-box-item {
  border-color: #5c5c5d;
}
:is(.dark) .data-table-box-item .title-box .title {
  color: #fff;
}
:is(.dark) .data-table-box-link.notice .number,
:is(.dark) .data-table-box-link.notice .category,
:is(.dark) .data-table-box-link.notice .topic,
:is(.dark) .data-table-box-link.notice .like,
:is(.dark) .data-table-box-link.notice .read,
:is(.dark) .data-table-box-link.notice .date {
  color: #fff;
}
@media (max-width: 960px) {
  :is(.dark) .data-table-box-link.notice {
    background-color: #2e2e2e;
  }
}
:is(.dark) .data-check-box .selector-cover.checkbox.square .selector {
  border-color: #5c5c5d;
}
:is(.dark) .article-label-box-item {
  color: #fff;
}
@media (max-width: 960px) {
  :is(.dark) .trend-topic-box .section-title-box-wrap .add-more-btn {
    color: #fff;
  }
  :is(.dark) .trend-topic-box .section-title-box-wrap .add-more-btn .icon-box {
    background-image: url("../images/icon/icon-arrow-right-white.png");
  }
}

:is(.dark) .list-post-content-box {
  border-color: #5c5c5d;
}
:is(.dark) .list-post-content-box-item + .list-post-content-box-item {
  border-color: #5c5c5d;
}
:is(.dark) .list-post-content-box-link .title {
  color: #fff;
}
:is(.dark) .list-post-content-box-link .date {
  color: #949494;
}
:is(.dark) .list-content-box-accordion .accordion-list .accordion-header {
  border-color: #5c5c5d;
}
:is(.dark) .list-content-box-accordion .accordion-list .accordion-header::after {
  background-image: url("../images/icon/icon-plus-wh.png");
}
:is(.dark) .list-content-box-accordion .accordion-list.active .accordion-header::after {
  background-image: url("../images/icon/icon-minus-wh.png");
}
:is(.dark) .list-content-box-accordion-item {
  border-color: #5c5c5d;
}
:is(.dark) .list-content-box-accordion-header .category {
  color: #949494;
}
:is(.dark) .list-content-box-accordion-header .text {
  color: #fff;
}
:is(.dark) .list-content-box-accordion-body {
  border-color: #5c5c5d;
  background-color: #2e2e2e;
}
:is(.dark) .list-content-box-accordion-body .text-box {
  color: #fff;
}

:is(.dark) .visual-image-box .bubble.white {
  display: none;
}
:is(.dark) .visual-image-box .bubble.dark {
  display: block;
}
:is(.dark) .find-link-box {
  color: #fff;
}
:is(.dark) .find-link-box .text {
  color: #fff;
}
:is(.dark) .find-link-box .disabled {
  color: #949494;
}
:is(.dark) .login-content-box {
  background: #2e2e2e;
}
:is(.dark) .login-content-box .input-cover .form-input {
  background-color: #222;
}
:is(.dark) .social-content-box .title {
  color: #fff;
}
:is(.dark) .underline-btn {
  color: #fff;
}
:is(.dark) .select-box-container-box .select-box-container {
  background-color: #222;
}
:is(.dark) .select-box-container-box .form-select {
  color: #fff;
}
:is(.dark) .select-box-container-box .form-select.disable-color {
  color: #949494;
}
:is(.dark) .form-guide-text-wrap .form-guide-text.font.black {
  color: #fff;
}
:is(.dark) .user-info-alert-box {
  background-color: #2e2e2e;
}
:is(.dark) .user-info-alert-box .text-box {
  color: #fff;
}
:is(.dark) .info-login-label span {
  color: #1e292d;
  background-color: #fff;
}
:is(.dark) .info-login-label::before {
  background-image: url("../images/triangle-image-wh.png");
}
@media (max-width: 960px) {
  :is(.dark) .login-content-box .selector-cover.checkbox.square .selector {
    border-color: #5c5c5d;
  }
  :is(.dark) .login-content-box {
    background: transparent;
  }
  :is(.dark) .login-content-box .input-cover .form-input {
    background-color: #222;
    border-color: #5c5c5d;
  }
  :is(.dark) .login-content-box .form-select {
    border-color: #5c5c5d;
  }
}

:is(.dark) .sign-up-info-content-box .sub-text {
  color: #fff;
}
:is(.dark) .sign-up-info-content-box .empty-text {
  color: #fff;
}
:is(.dark) .project-info-list-box-item {
  background: #2e2e2e;
}
:is(.dark) .project-info-list-box-item .image-box .dark {
  display: none;
}
:is(.dark) .project-info-list-box-item .image-box .white {
  display: block;
}
:is(.dark) .project-info-list-box-item .text-box {
  color: #fff;
}
:is(.dark) .sign-up-flow-box-item {
  color: #fff;
  border: 1px dashed #fff;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
:is(.dark) .sign-up-flow-box-item.active {
  background-color: #2e2e2e;
  border-color: #2e2e2e;
}
:is(.dark) .sign-up-result-box {
  color: #fff;
  background-color: #2e2e2e;
}
:is(.dark) .icon-sign-check {
  background-image: url("../images/icon/icon-sign-check-wh.png");
}
:is(.dark) .icon-pen-plus {
  background-image: url("../images/icon/icon-pen-plus-wh.png");
}
:is(.dark) .icon-box-check {
  background-image: url("../images/icon/icon-box-check-wh.png");
}
@media (max-width: 960px) {
  :is(.dark) .sign-up-result-box {
    background-color: transparent;
  }
}

:is(.dark) .user-detail-info-box,
:is(.dark) .mission-board-box {
  background-color: #2e2e2e;
}
:is(.dark) .user-profile-box .image.image-thumb {
  background-image: none;
}
:is(.dark) .user-profile-box .nickname {
  color: #fff;
}
:is(.dark) .user-profile-box .edit-info .icon-edit {
  background-image: url("../images/icon/icon-edit-gray-16x16.png");
}
:is(.dark) .user-profile-box .edit-btn {
  color: #949494;
  background-color: #222;
}
:is(.dark) .user-check-content-box > div {
  color: #fff;
  background-color: #222;
}
:is(.dark) .user-check-content-box .text {
  color: #fff;
}
:is(.dark) .user-check-content-box .number,
:is(.dark) .user-check-content-box .point {
  color: #fff;
}
:is(.dark) .user-check-content-box .icon-alarm {
  background-image: url("../images/mypage/icon-bell-wh-20x20.png");
}
:is(.dark) .user-check-content-box .icon-coin {
  background-image: url("../images/mypage/icon-coin-wh-20x20.png");
}
:is(.dark) .state-info-group-item .label-text {
  color: #fff;
}
:is(.dark) .state-info-group-item .text {
  color: #fff;
}
:is(.dark) .user-write-point-box .point-btn {
  color: #fff;
  background-color: #2e2e2e;
}
@media (max-width: 960px) {
  :is(.dark) .user-write-point-box .point-btn {
    color: #fff;
    background-color: #222;
  }
  :is(.dark) .user-write-point-box .point-btn .icon-wallet {
    background-image: url("../images/mypage/icon-wallet-wh.png");
  }
}
:is(.dark) .mission-board-box .title {
  color: #fff;
}
:is(.dark) .icon-like-cancle {
  background-image: url("../images/icon/icon-like-cancle-dark.png");
}
:is(.dark) .icon-bookmark-cancle {
  background-image: url("../images/icon/icon-bookmark-cancle-dark.png");
}
:is(.dark) .mypage-content-box-area .content-tab-menu-box-wrap {
  border-color: #2e2e2e;
}
:is(.dark) .icon-calendar {
  background-image: url("../images/icon/icon-calendar-dark.png");
}
:is(.dark) .icon-book {
  background-image: url("../images/icon/icon-book-dark.png");
}
:is(.dark) .icon-edit-dark {
  background-image: url("../images/icon/icon-edit-wh.png");
}
:is(.dark) .icon-trash {
  background-image: url("../images/icon/icon-trash-wh.png");
}
:is(.dark) .edit-btn-box .btn.bg-wh {
  color: #1e292d;
  border: 1px solid #1e292d;
}
:is(.dark) .edit-btn-box .icon-edit-dark {
  background-image: url("../images/icon/icon-edit-dark.png");
}
:is(.dark) .edit-btn-box .icon-trash {
  background-image: url("../images/icon/icon-trash.png");
}
:is(.dark) .article-content-box-report-item .label-text {
  background-color: #000;
}
:is(.dark) .article-content-box-report-item .title {
  color: #fff;
}
:is(.dark) .article-content-box-report-item .date {
  color: #fff;
}
:is(.dark) .article-content-box-report-link {
  background-color: #2e2e2e;
}
:is(.dark) .report-write-content-box .label-text {
  color: #fff;
  background-color: #000;
}
:is(.dark) .report-write-content-box .title {
  color: #fff;
}
:is(.dark) .report-write-content-box .date {
  color: #949494;
}
:is(.dark) .report-write-content-box .report-content-box {
  color: #fff;
}
:is(.dark) .report-write-content-box .file-content-box {
  border-color: #5c5c5d;
}
:is(.dark) .file-content-box .text {
  color: #fff;
}
:is(.dark) .answer-content-box {
  background-color: #2e2e2e;
}
:is(.dark) .answer-content-box .answer-text {
  color: #fff;
}
:is(.dark) .answer-content-box .text-box {
  color: #fff;
}
:is(.dark) .icon-answer {
  background-image: url("../images/icon/icon-answer-wh.png");
}
:is(.dark) .edit-password-box {
  background-color: #2e2e2e;
}
:is(.dark) .edit-password-box .text-box {
  color: #fff;
}
:is(.dark) .icon-mail-round {
  background-image: url("../images/icon/icon-mail-round-wh.png");
}
:is(.dark) .article-info-box .selector-cover.checkbox.square .selector {
  border-color: #5c5c5d;
}

:is(.dark) .webzine-box-area .profile-box .image.image-thumb {
  background-image: none;
}
:is(.dark) .webzine-box-area .profile-box .nickname {
  color: #fff;
}
:is(.dark) .webzine-box-area .profile-box .like {
  color: #fff;
}
:is(.dark) .webzine-box-area .profile-box .number {
  color: #fff;
}
:is(.dark) .icon-like-medium {
  background-image: url("../images/icon/icon-like-white-20x20.png");
}
:is(.dark) .webzine-info-box .image-box {
  border-color: #5c5c5d;
}
:is(.dark) .webzine-info-box .label-text {
  color: #fff;
  background-color: #000;
}
:is(.dark) .webzine-info-box .subject {
  color: #fff;
}
:is(.dark) .webzine-info-box .text {
  color: #fff;
}
:is(.dark) .webzine-info-box .date {
  color: #949494;
}
:is(.dark) .webzine-view-content-box {
  background-color: #111;
}
:is(.dark) .webzine-view-content-box .icon-like-medium {
  background-image: url("../images/icon/icon-like-20x20.png");
}
:is(.dark) .webzine-view-content-box .webzine-info-box .writer-info .btn.bg-wh {
  background-color: transparent;
}
:is(.dark) .webzine-view-content-box .webzine-info-box .writer-info .like-btn {
  background-color: transparent;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
:is(.dark) .webzine-view-content-box .webzine-info-box .writer-info .like-btn .icon-like-medium {
  background-image: url("../images/icon/icon-like-white-20x20.png");
}
:is(.dark) .webzine-view-content-box .webzine-info-box .writer-info .like-btn.check {
  color: #1e292d;
  background-color: #fff;
}
:is(.dark) .webzine-view-content-box .webzine-info-box .writer-info .like-btn.check .icon-like-medium {
  background-image: url("../images/icon/icon-like-20x20.png");
}
:is(.dark) .webzine-view-content-box .webzine-info-box .writer-info .icon-like-medium {
  background-image: url("../images/icon/icon-like-white-20x20.png");
}
:is(.dark) .webzine-view-content-box .webzine-info-box .info-box .text {
  color: #fff;
}
:is(.dark) .create-thumbnail-title-box .cover-image-box-wrap {
  border-color: #5c5c5d;
}
:is(.dark) .thumbnail-design-check-box-item .cover-image {
  border-color: #5c5c5d;
}

:is(.dark) .policy-wrap .policy-text-box,
:is(.dark) .policy-wrap .policy-txt,
:is(.dark) .policy-wrap .policy-hd-tit {
  color: #fff;
}
:is(.dark) .policy-tbl td,
:is(.dark) .policy-tbl th {
  color: #fff;
}
:is(.dark) .policy-tbl thead th {
  background-color: #2e2e2e;
}
:is(.dark) .policy-tbl tbody td,
:is(.dark) .policy-tbl tbody th {
  border-color: #fff;
}

:is(.dark) .error-box-area .btn.bg-wh {
  color: #1e292d;
  background-color: transparent;
  border: 1px solid #1e292d;
}

:is(.dark) .layer-popup .pagination .paging {
  color: #949494;
}
:is(.dark) .layer-popup .pagination .paging.current {
  color: #000;
}
:is(.dark) .layer-popup .pagination .paging-more {
  color: #949494;
}
:is(.dark) .layer-popup .pagination .controller.prev {
  background-image: url("../images/components/icon-pagination-prev-round.png");
}
:is(.dark) .layer-popup .pagination .controller.next {
  background-image: url("../images/components/icon-pagination-next-round.png");
}
:is(.dark) .layer-popup .content-tab-menu-box-item.active .content-tab-menu-box-btn,
:is(.dark) .layer-popup .content-tab-menu-box-item.active .content-tab-menu-box-link-btn {
  color: #1e292d;
}
:is(.dark) .layer-popup .content-tab-menu-box-btn::before,
:is(.dark) .layer-popup .content-tab-menu-box-link-btn::before {
  background-color: #1e292d;
}
:is(.dark) .layer-popup .content-tab-menu-box-number .content-tab-menu-box-item.active .number {
  color: #1e292d;
}
:is(.dark) .layer-popup .select-box-container.large .form-select {
  background: url("../images/components/icon-selectbox-arrow-large.png") no-repeat 0 0;
  background-position: center right 0.8rem;
  background-size: 1.2rem 1.2rem;
}
:is(.dark) .layer-popup .select-box-container .form-select {
  color: #1e292d;
  border: 1px solid #e8e8e8;
  background: url("../images/components/icon-selectbox-arrow-white.png") no-repeat 0 0;
}
:is(.dark) .layer-popup .select-box-container .form-select option {
  color: #1e292d;
}
:is(.dark) .layer-popup .selector-cover.radio .selector:after {
  background-color: transparent;
}
:is(.dark) .layer-popup .selector-cover.radio .selector-text {
  color: #1e292d;
}
:is(.dark) .layer-popup .selector-cover.radio input:checked + .selector-text .selector {
  background-color: #fff;
  border-color: #000;
}
:is(.dark) .layer-popup .selector-cover.radio input:checked + .selector-text .selector::after {
  background-color: #000;
}
:is(.dark) .layer-popup .selector-cover .selector-text {
  color: #1e292d;
}
:is(.dark) .layer-popup .selector-cover .selector {
  border-color: #5c5c5d;
}
:is(.dark) .layer-popup .selector-cover .selector:after {
  background-color: transparent;
}
:is(.dark) .layer-popup .selector-cover.checkbox.line .selector {
  border-color: #5c5c5d;
}
:is(.dark) .layer-popup .selector-cover.checkbox.square .selector {
  border: 0;
  background-image: url("../images/components/icon-checkbox-square-off-20x20.png");
}
:is(.dark) .layer-popup .selector-cover.checkbox.square input:checked + .selector-text .selector {
  background-image: url("../images/components/icon-checkbox-square-on-20x20.png");
}
:is(.dark) .layer-popup .article-info-box .subject {
  color: #1e292d;
}
:is(.dark) .layer-popup .article-info-box .text {
  color: #1e292d;
}
:is(.dark) .layer-popup .article-info-box .writer {
  color: #949494;
}
:is(.dark) .layer-popup .article-info-box .date {
  color: #949494;
}
:is(.dark) .layer-popup .article-info-box .state-label.black {
  background-color: #f3f4f5;
}
:is(.dark) .layer-popup .article-info-box .label-text {
  background-color: #1e292d;
}
:is(.dark) .layer-popup .btn.bg-g4 {
  color: #1e292d;
  background-color: #f3f4f5;
}
:is(.dark) .layer-popup .icon-arrow-prev {
  background-image: url("../images/icon/icon-arrow-prev.png");
}
:is(.dark) .layer-popup .icon-arrow-next {
  background-image: url("../images/icon/icon-arrow-next.png");
}
:is(.dark) .layer-popup .input-cover .form-input {
  color: #1e292d;
  border-color: #e8e8e8;
  background-color: #fff;
}
:is(.dark) .layer-popup .input-cover .form-input::-webkit-input-placeholder {
  color: #949494;
}
:is(.dark) .layer-popup .input-cover .form-input::-moz-placeholder {
  color: #949494;
}
:is(.dark) .layer-popup .input-cover .form-input::-ms-input-placeholder {
  color: #949494;
}
:is(.dark) .layer-popup .input-cover .form-input::placeholder {
  color: #949494;
}
:is(.dark) .layer-popup .article-write-box .check-content-box .text {
  color: #1e292d;
}
:is(.dark) .magazine-included-popup .selector-cover.checkbox.square .selector {
  border: 1px solid #949494;
  background-image: url("../images/components/icon-checkbox-square-off.png");
}
:is(.dark) .magazine-included-popup .selector-cover.checkbox.square input:checked + .selector-text .selector {
  background-image: url("../images/components/icon-checkbox-square-on.png");
}
:is(.dark) .today-control-box .selector-cover.checkbox.square .selector-text {
  color: #1e292d;
}
:is(.dark) .today-control-box .selector-cover.checkbox.square input:checked + .selector-text .selector {
  background-image: url("../images/components/icon-checkbox-square-on-20x20.png");
}
:is(.dark) .today-control-box .selector-cover.checkbox.square .selector {
  border: 0;
  background-image: url("../images/components/icon-checkbox-square-off-20x20.png");
}
:is(.dark) .info-content-popup .form-textarea {
  color: #1e292d;
  border-color: #eaeaea;
}
:is(.dark) .info-content-popup .form-textarea::-webkit-input-placeholder {
  color: #949494;
  opacity: 1;
}
:is(.dark) .info-content-popup .form-textarea::-moz-placeholder {
  color: #949494;
  opacity: 1;
}
:is(.dark) .info-content-popup .form-textarea:-ms-input-placeholder {
  color: #949494;
  opacity: 1;
}
:is(.dark) .info-content-popup .form-textarea:-moz-placeholder {
  color: #949494;
  opacity: 1;
}
:is(.dark) .info-content-popup .form-textarea::-ms-input-placeholder {
  color: #949494;
  opacity: 1;
}
:is(.dark) .info-content-popup .form-textarea::placeholder {
  color: #949494;
  opacity: 1;
}

:is(.dark) .floating-ani-btn .write-btn .icon-pen {
  background-image: url("../images/icon/icon-floating-pen.png");
}
:is(.dark) .floating-ani-btn .write-btn .icon-calender {
  background-image: url("../images/icon/icon-floating-calender.png");
}

.privacy-content-area .privacy-content-box {
  padding-top: 1.2rem;
}
@media (max-width: 960px) {
  .privacy-content-area .privacy-content-box {
    padding-top: 0;
  }
}

.privacy-content-box {
  margin: 0 auto;
  max-width: 712px;
  width: 100%;
}
@media (max-width: 960px) {
  .privacy-content-box {
    max-width: 100%;
  }
}

.privacy-select-box {
  padding-top: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.privacy-select-box .form-btn-with-container {
  width: 100%;
}
.privacy-select-box .select-box-container {
  width: 79.21%;
}
.privacy-select-box .btn {
  width: 7rem;
}

.policy-content {
  margin: 0 auto;
  max-width: 1200px;
}

.privacy-title {
  padding-top: 2rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
}

.policy-wrap {
  padding-top: 2.4rem;
}

.policy-wrap .policy-hd-tit {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4rem;
}

.policy-wrap .policy-txt,
.policy-text-box {
  padding-top: 0.6rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.12rem;
}

.policy-text-box {
  padding-top: 0;
}
.policy-text-box + .policy-text-box {
  padding-top: 0.6rem;
}

.policy-tbl {
  margin-top: 0.6rem;
  table-layout: fixed;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  text-align: center;
}
.policy-tbl .col-width20 {
  width: 20%;
}
.policy-tbl .col-width50 {
  width: 50%;
}
.policy-tbl .col-width83 {
  width: 83.14%;
}

.policy-tbl td,
.policy-tbl th {
  padding: 0.9rem 0.25rem;
  font-size: 0.7rem;
  font-weight: 400;
  vertical-align: middle;
}

.policy-tbl thead th {
  font-weight: 400;
  background-color: #f3f4f5;
}

.policy-tbl tbody td,
.policy-tbl tbody th {
  border-bottom: 1px solid #e8e8e8;
}

.policy-tbl strong {
  text-decoration: underline;
  font-size: 0.7rem;
  font-weight: 400;
}

.error-box-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100vh;
  background-color: #fff;
}
.error-box-area .object-image {
  width: 12rem;
}
.error-box-area .info-text-box {
  margin-top: -4.2rem;
  padding: 3.6rem;
  max-width: 712px;
  width: 100%;
  background-color: #f3f4f5;
  text-align: center;
  border-radius: 16px;
}
.error-box-area .title {
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1;
}
.error-box-area strong {
  font-weight: 800;
}
.error-box-area .text {
  padding-top: 1.2rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem;
}
.error-box-area .btn-wrap {
  padding-top: 1.2rem;
}
.error-box-area .btn.bg-wh {
  background-color: transparent;
}
@media (max-width: 960px) {
  .error-box-area {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
  .error-box-area .object-image {
    width: 9rem;
  }
  .error-box-area .info-text-box {
    margin-top: -3rem;
    padding: 1.2rem;
    max-width: 100%;
  }
  .error-box-area .title {
    font-size: 1.8rem;
  }
  .error-box-area .text {
    padding-top: 1.2rem;
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
  .error-box-area .btn-wrap {
    padding-top: 1.2rem;
  }
}

.floating-box {
  position: fixed;
  z-index: 9;
}
.floating-box .close-btn {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-close-16x16-wh.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  overflow: hidden;
}

.floating-box-widget {
  visibility: hidden;
  opacity: 0;
  right: 4rem;
  bottom: 4rem;
  padding: 0.6rem;
  max-width: 12rem;
  color: #fff;
  background-color: #222;
  border-radius: 0.4rem;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: visibility 1s, opacity 1s, -webkit-transform 1s;
  transition: visibility 1s, opacity 1s, -webkit-transform 1s;
  transition: visibility 1s, opacity 1s, transform 1s;
  transition: visibility 1s, opacity 1s, transform 1s, -webkit-transform 1s;
}
.floating-box-widget.show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.floating-box-widget .close-btn {
  position: absolute;
  right: 0.6rem;
  top: 0.65rem;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-close-16x16-wh.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  overflow: hidden;
}
.floating-box-widget .selector-cover.checkbox.square .selector-text {
  padding-left: 1rem;
  min-height: 0.8rem;
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 0.84rem;
}
.floating-box-widget .selector-cover.checkbox.square input:checked + .selector-text .selector {
  background-image: url("../images/components/icon-checkbox-square-on-widget.png");
}
.floating-box-widget .selector-cover.checkbox.square .selector {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/components/icon-checkbox-square-off-widget.png");
}
.floating-box-widget .widget-body {
  padding-top: 0.6rem;
}
.floating-box-widget .cover-btn {
  display: block;
  text-align: left;
}
.floating-box-widget .image-box {
  display: block;
  background-color: #fff;
}
.floating-box-widget .text-box {
  padding-top: 0.6rem;
  display: block;
}
.floating-box-widget .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 0.84rem;
  text-align: left;
  color: #fff;
}
.floating-box-widget .icon-box {
  margin-right: 0.1rem;
}
.floating-box-widget .text {
  padding-top: 0.2rem;
  display: block;
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 0.84rem;
  color: #949494;
}
@media (max-width: 960px) {
  .floating-box-widget {
    right: 2rem;
    bottom: 2rem;
  }
}
@media (max-width: 576px) {
  .floating-box-widget {
    right: 1rem;
    bottom: 1rem;
  }
}

@-webkit-keyframes widgetUpAni {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes widgetUpAni {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes widgetDownAni {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes widgetDownAni {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
.floating-ani-btn {
  position: fixed;
  z-index: 9;
  right: 0.8rem;
  bottom: 1.2rem;
  display: none;
}
.floating-ani-btn .btn {
  min-width: auto;
}
.floating-ani-btn .btn.round.small {
  border-radius: 2.5rem;
}
.floating-ani-btn.text-hide .write-btn {
  width: 2.4rem;
}
.floating-ani-btn.text-hide .write-btn .icon-box {
  margin-right: 0;
}
.floating-ani-btn.text-hide .write-btn .text-box {
  padding-right: 0;
}
.floating-ani-btn.text-hide .write-btn .text-box.long {
  padding-right: 0;
}
.floating-ani-btn.text-hide-ani .write-btn {
  -webkit-transition: width 0.7s;
  transition: width 0.7s;
}
.floating-ani-btn.text-hide-ani .icon-box {
  -webkit-transition: padding 0.7s, margin-right 0.7s;
  transition: padding 0.7s, margin-right 0.7s;
}
.floating-ani-btn.text-hide-ani .text-box {
  -webkit-transition: padding 0.7s;
  transition: padding 0.7s;
}
.floating-ani-btn .write-btn {
  position: relative;
  max-width: 100%;
  width: 7.9rem;
  height: 2.4rem;
  line-height: 2.3rem;
  background-color: #222;
}
.floating-ani-btn .write-btn .icon-box {
  margin-right: 4px;
  width: 1.2rem;
  height: 1.2rem;
}
.floating-ani-btn .write-btn .icon-pen {
  background-image: url("../images/icon/icon-floating-pen-wh.png");
}
.floating-ani-btn .write-btn .icon-calender {
  background-image: url("../images/icon/icon-floating-calender-wh.png");
}
.floating-ani-btn .write-btn .text-box {
  position: relative;
  padding-right: 1.9rem;
  height: 100%;
  overflow: hidden;
}
.floating-ani-btn .write-btn .text-box.long {
  padding-right: 2.65rem;
}
.floating-ani-btn .write-btn .text {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  white-space: nowrap;
  font-weight: 700;
  height: 100%;
}
@media (max-width: 960px) {
  .floating-ani-btn {
    display: block;
  }
}

.mypage-content-box-area .mark-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}
.mypage-content-box-area .content-tab-menu-box-wrap {
  border-bottom: 1px solid #e8e8e8;
}
.mypage-content-box-area .content-tab-menu-box {
  padding-top: 0;
}
.mypage-content-box-area .content-tab-menu-box-item.active .content-tab-menu-box-btn,
.mypage-content-box-area .content-tab-menu-box-item.active .content-tab-menu-box-link-btn {
  font-weight: 700;
}
.mypage-content-box-area .content-tab-menu-box-btn,
.mypage-content-box-area .content-tab-menu-box-link-btn {
  padding-bottom: 0.8rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.68rem;
}
.mypage-content-box-area .content-tab-menu-box-number .content-tab-menu-box-btn,
.mypage-content-box-area .content-tab-menu-box-number .content-tab-menu-box-link-btn {
  padding-bottom: 0.2rem;
  font-size: 0.9rem;
  line-height: 1.26rem;
}
.mypage-content-box-area .banner-content-box-wrap {
  padding-top: 3.6rem;
}
.mypage-content-box-area .banner-content-box {
  padding-top: 0;
}
.mypage-content-box-area .article-content-box-wrap {
  padding-top: 1.5rem;
}
@media (max-width: 960px) {
  .mypage-content-box-area .content-tab-menu-box {
    padding-right: 0;
  }
  .mypage-content-box-area .content-tab-menu-box-list {
    padding-right: 0.8rem;
    width: 100%;
    overflow: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .mypage-content-box-area .content-tab-menu-box-list::-webkit-scrollbar {
    display: none;
  }
  .mypage-content-box-area .content-tab-menu-box-item {
    white-space: nowrap;
  }
  .mypage-content-box-area .content-tab-menu-box-item + .content-tab-menu-box-item {
    margin-left: 1.2rem;
  }
  .mypage-content-box-area .content-tab-menu-box-btn,
  .mypage-content-box-area .content-tab-menu-box-link-btn {
    padding-bottom: 0.6rem;
    font-size: 0.9rem;
    line-height: 1.26rem;
  }
  .mypage-content-box-area .banner-content-box-wrap {
    padding-top: 2.4rem;
  }
  .mypage-content-box-area .article-content-box-wrap {
    padding-top: 1.2rem;
  }
}

.user-info-content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.user-info-content-box > div {
  width: 48.88%;
}
@media (max-width: 960px) {
  .user-info-content-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .user-info-content-box > div {
    width: 100%;
  }
}

.user-detail-info-box {
  padding: 1.6rem;
  background: #f3f4f5;
  border-radius: 0.8rem;
}
.user-detail-info-box .user-profile-box .image {
  margin-top: 1.14rem;
}
@media (max-width: 960px) {
  .user-detail-info-box {
    padding: 1.2rem 0.8rem;
  }
}

.user-profile-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.user-profile-box .image {
  position: relative;
  width: 6rem;
  height: 6rem;
  border-radius: 1.6rem;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/profile/profile-basic.png");
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user-profile-box .image img {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-profile-box .image-thumb {
  background-image: none;
}
.user-profile-box .info {
  padding-left: 0.8rem;
  max-width: calc(100% - 6rem);
  width: 100%;
}
.user-profile-box .user-number {
  text-align: right;
  font-size: 0;
  line-height: 1;
}
.user-profile-box .user-number .number {
  display: inline-block;
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 1.4;
  color: #949494;
}
.user-profile-box .nickname {
  margin-top: 0.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
}
.user-profile-box .icon-box {
  margin-right: 0.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user-profile-box .icon-check {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url("../images/icon/icon-check-small.png");
}
.user-profile-box .member-state {
  max-width: 5.6rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1;
  color: #949494;
  padding: 0.25rem;
  border: 1px solid rgba(148, 148, 148, 0.5019607843);
  border-radius: 2rem;
}
.user-profile-box .member-state span {
  line-height: 1;
}
.user-profile-box .member-state.check {
  color: #0ea5e9;
  border-color: #0ea5e9;
}
.user-profile-box .member-state.check .icon-check {
  background-image: url("../images/icon/icon-check-small-blue-on.png");
}
.user-profile-box .edit-info {
  max-width: 5.6rem;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  border-radius: 2rem;
  overflow: hidden;
}
.user-profile-box .edit-info span {
  line-height: 1;
}
.user-profile-box .edit-info .icon-edit {
  background-image: url("../images/icon/icon-edit-dark-16x16.png");
}
.user-profile-box .edit-btn {
  padding: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1e292d;
  background-color: #e8e8e8;
}
.user-profile-box .state-btn-group {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
.user-profile-box .state-info-group {
  margin-top: 1.2rem;
  border-top: 1px dashed rgba(148, 148, 148, 0.5);
  border-bottom: 1px dashed rgba(148, 148, 148, 0.5);
}
.user-profile-box .state-info-group-item {
  padding: 0.6rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}
.user-profile-box .state-info-group-item + .state-info-group-item {
  border-top: 1px dashed rgba(148, 148, 148, 0.5);
}
.user-profile-box .state-info-group-item .label-text {
  min-width: 2.2rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.4;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user-profile-box .state-info-group-item .text {
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 960px) {
  .user-profile-box {
    position: relative;
  }
  .user-profile-box .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 1.2rem;
  }
  .user-profile-box .info {
    padding-left: 4rem;
    max-width: 100%;
  }
  .user-profile-box .nickname {
    font-size: 0.9rem;
    line-height: 1.26rem;
  }
  .user-profile-box .member-state,
  .user-profile-box .edit-info {
    max-width: 5rem;
    font-size: 0.6rem;
  }
  .user-profile-box .state-btn-group {
    margin-top: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
  }
  .user-profile-box .state-info-group {
    margin-left: -4rem;
    margin-top: 1.55rem;
  }
  .user-profile-box .state-info-group-item {
    padding: 0.4rem 0;
  }
}

.user-check-content-box {
  margin-top: 1.85rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
.user-check-content-box > div {
  padding: 0.8rem;
  background-color: #fff;
  border-radius: 0.4rem;
}
.user-check-content-box .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.4rem;
  gap: 0.2rem;
}
.user-check-content-box .text {
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1;
  color: #1e292d;
}
.user-check-content-box .number,
.user-check-content-box .point {
  padding-top: 0.4rem;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-weight: 700;
  line-height: 1.4;
  text-align: right;
  color: #1e292d;
  word-break: break-all;
  gap: 0.2rem;
}
.user-check-content-box .number em,
.user-check-content-box .point em {
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.4;
}
.user-check-content-box .icon-box {
  width: 1rem;
  height: 1rem;
}
.user-check-content-box .icon-alarm {
  background-image: url("../images/mypage/icon-bell-dark-20x20.png");
}
.user-check-content-box .icon-new {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
  font-style: normal;
  background-image: url("../images/mypage/icon-new.png");
  background-position: center;
  background-size: 100% 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user-check-content-box .icon-coin {
  background-image: url("../images/mypage/icon-coin-dark-20x20.png");
}
@media (max-width: 960px) {
  .user-check-content-box {
    position: relative;
    margin-top: 1.1rem;
    padding-bottom: 2.4rem;
    gap: 0.4rem;
  }
  .user-check-content-box > div {
    padding: 0.8rem 0.6rem;
    border-radius: 0.4rem;
  }
  .user-check-content-box .text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: inherit;
    gap: 0.2rem;
  }
  .user-check-content-box .text {
    font-size: 0.7rem;
  }
  .user-check-content-box .number,
  .user-check-content-box .point {
    padding-top: 0.2rem;
    font-size: 1.2rem;
  }
  .user-check-content-box .number em,
  .user-check-content-box .point em {
    font-size: 0.7rem;
  }
  .user-check-content-box .icon-box {
    display: none;
  }
}

.user-check-state-box {
  width: 34.48%;
}
.user-check-state-box .alarm-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
}
@media (max-width: 960px) {
  .user-check-state-box {
    width: 33.784%;
  }
}

.user-write-point-box {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-write-point-box .point-btn {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 4.4rem;
  width: 100%;
  height: 1.4rem;
  min-width: inherit;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #1e292d;
  background-color: #f3f4f5;
  border-radius: 2rem;
}
.user-write-point-box .point-btn .icon-wallet {
  display: none;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.2rem;
}
@media (max-width: 960px) {
  .user-write-point-box {
    position: static;
  }
  .user-write-point-box .point-btn {
    position: absolute;
    top: inherit;
    right: inherit;
    bottom: 0;
    left: 0;
    max-width: 100%;
    height: 1.8rem;
    line-height: 1;
    text-align: center;
    background-color: #e8e8e8;
  }
  .user-write-point-box .point-btn .icon-wallet {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.mission-board-box {
  padding: 1.6rem 1.6rem 1.6rem 1.85rem;
  background: #f3f4f5;
  border-radius: 0.8rem;
}
.mission-board-box .title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4rem;
  color: #1e292d;
}
.mission-board-box .info-text-box {
  padding-top: 0.8rem;
}
@media (max-width: 960px) {
  .mission-board-box {
    padding: 1.2rem 0.8rem;
    background: #f3f4f5;
    border-radius: 0.8rem;
  }
  .mission-board-box .title {
    font-size: 0.9rem;
    line-height: 1.26rem;
  }
}

.mission-board-slider {
  margin-right: -1.6rem;
  padding-right: 1.85rem;
  margin-top: 0.8rem;
}
.mission-board-slider .swiper-slide {
  width: auto;
}
.mission-board-slider .swiper-slide + .swiper-slide {
  margin-left: 0.6rem;
}
@media (max-width: 960px) {
  .mission-board-slider {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
    margin-left: -0.8rem;
    margin-right: -0.8rem;
  }
  .mission-board-slider .swiper-slide + .swiper-slide {
    margin-left: 0.4rem;
  }
  .mission-board-slider .mission-board-box-item {
    height: 100%;
  }
  .mission-board-slider .mission-board-box-item .text-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: calc(100% - 5.6rem);
  }
}

.mission-board-item {
  position: relative;
  padding: 0.8rem;
  border-radius: 0.4rem;
  background-color: #222;
  width: 9.2rem;
  height: 9rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mission-board-item .text-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.mission-board-item .title {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4;
  color: #11ee8b;
}
.mission-board-item .mission {
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.4;
  color: #949494;
}
.mission-board-item .mission-icon {
  position: absolute;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  overflow: hidden;
}
.mission-board-item .mission-icon.write {
  right: 0.4rem;
  bottom: 0.15rem;
  width: 5.4rem;
  height: 5.4rem;
  background-image: url("../images/mypage/mission-icon-write.png");
}
.mission-board-item .mission-icon.content, .mission-board-item .mission-icon.camera {
  right: 0.55rem;
  bottom: 0.2rem;
  width: 5.4rem;
  height: 5.4rem;
}
.mission-board-item .mission-icon.content {
  background-image: url("../images/mypage/mission-icon-content.png");
}
.mission-board-item .mission-icon.camera {
  background-image: url("../images/mypage/mission-icon-camera.png");
}

@media (max-width: 960px) {
  .mission-board-item {
    padding: 0.7rem 0.75rem;
    width: 6.8rem;
    height: 10rem;
  }
  .mission-board-item .title {
    font-size: 0.7rem;
  }
  .mission-board-item .mission-icon.write {
    right: 0.35rem;
    bottom: 0.25rem;
  }
  .mission-board-item .mission-icon.content, .mission-board-item .mission-icon.camera {
    right: 0.35rem;
    bottom: 0.25rem;
  }
}
.mark-text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  color: #949494;
}
.mark-text-box + .mark-text-box {
  margin-top: 0.4rem;
}
.mark-text-box .mark {
  margin-top: 0.15rem;
  margin-right: 0.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.mypage-content-box-wrap {
  padding-top: 3.6rem;
}
@media (max-width: 960px) {
  .mypage-content-box-wrap {
    padding-top: 2.4rem;
  }
}

.mypage-content-box {
  padding-top: 2.4rem;
}
.mypage-content-box .article-content-box .article-info-box-btn {
  display: block;
}
.mypage-content-box .webzine-content-box {
  padding-top: 2.4rem;
}
.mypage-content-box .calender-box-content {
  margin-top: 0;
}
.mypage-content-box .calender-box-content .content-box {
  background-color: #e7f8f2;
}
.mypage-content-box .calender-box-content .fc-view-harness {
  display: none;
}
.mypage-content-box .calender-box-content .control-btn-box {
  position: absolute;
  top: 0;
  right: 0;
}
.mypage-content-box .calender-box-content .label-text {
  display: inline-block;
  padding: 0.35rem 0.6rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  color: #1e292d;
  background-color: #fff;
}
.mypage-content-box .calender-box-content .label-text.black {
  color: #fff;
  background-color: #1e292d;
}
.mypage-content-box .calender-box-content .edit-btn-box {
  padding-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  max-width: 14.4rem;
  width: 100%;
}
.mypage-content-box .calender-box-content .edit-btn-box .btn {
  background-color: transparent;
}
.mypage-content-box #calendar .fc-header-toolbar {
  margin-bottom: 1.5rem;
}
@media (min-width: 960px) {
  .mypage-content-box .mypage-data-table-content-box .data-table-box-item {
    position: relative;
  }
  .mypage-content-box .mypage-data-table-content-box .data-table-box-item > .data-check-box {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
  }
  .mypage-content-box .mypage-data-table-content-box .data-table-box-link {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .mypage-content-box .mypage-data-table-content-box .data-table-box-link .data-check-box {
    position: relative;
    padding-top: 0;
  }
}
@media (max-width: 960px) {
  .mypage-content-box .article-content-box {
    gap: 32px 2%;
  }
  .mypage-content-box .control-content-box + .article-content-box,
  .mypage-content-box .control-btn-box + .article-content-box {
    padding-top: 1.2rem;
  }
  .mypage-content-box .article-info-box .image-box {
    position: relative;
  }
  .mypage-content-box .article-info-box .image-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1019607843);
  }
  .mypage-content-box .webzine-content-box {
    padding-top: 1.2rem;
  }
  .mypage-content-box .mypage-data-table-content-box {
    padding-top: 1.2rem;
  }
  .mypage-content-box .calender-box-content .control-btn-box {
    position: relative;
    top: 0;
    right: 0;
  }
  .mypage-content-box .calender-box-content .control-btn-box .btn {
    min-width: auto;
    width: 100%;
    height: 2.8rem;
  }
  .mypage-content-box .calender-box-content .daily-box {
    padding-top: 1.2rem;
  }
  .mypage-content-box .calender-box-content .label-text {
    margin-right: 6.7rem;
  }
  .mypage-content-box .calender-box-content .edit-btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mypage-content-box #calendar .fc-header-toolbar {
    margin-bottom: 1.2rem;
  }
}

.control-content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.2rem;
}
.control-content-box .select-box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 26.4rem;
  width: 100%;
  gap: 1.2rem;
}
.control-content-box .select-box-container.solo {
  max-width: 12.6rem;
}
.control-content-box .select-box-container.solo .form-select {
  width: 100%;
}
.control-content-box .form-select {
  width: 47.72%;
}
@media (max-width: 960px) {
  .control-content-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .control-content-box .select-box-container {
    max-width: 100%;
    gap: 0.4rem;
  }
  .control-content-box .select-box-container.solo {
    max-width: 100%;
  }
  .control-content-box .select-box-container .form-select {
    width: calc(50% - 0.2rem);
  }
  .control-content-box .form-select {
    width: 47.72%;
  }
  .control-content-box .control-btn-box {
    width: 100%;
  }
  .control-content-box .control-btn-box .btn {
    min-width: auto;
    width: 100%;
    height: 2.8rem;
  }
}

.article-content-box-report-wrap .article-content-box-report {
  padding-top: 1.5rem;
}
@media (max-width: 960px) {
  .article-content-box-report-wrap .article-content-box-report {
    padding-top: 1.2rem;
  }
}

.article-content-box-report {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px 2.22%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 960px) {
  .article-content-box-report {
    gap: 12px;
  }
}

.article-content-box-report-item {
  max-width: 31.85%;
  width: 100%;
  min-height: 9.7rem;
}
.article-content-box-report-item .label-text {
  padding: 0.35rem 0.6rem;
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #1e292d;
  border-radius: 0.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.article-content-box-report-item .label-text + .title {
  padding-top: 0.6rem;
}
.article-content-box-report-item .title {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.26rem;
  text-align: left;
  color: #1e292d;
}
.article-content-box-report-item .date {
  padding-top: 0.6rem;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  text-align: left;
  color: #949494;
}
@media (max-width: 960px) {
  .article-content-box-report-item {
    max-width: calc(50% - 0.3rem);
  }
}
@media (max-width: 576px) {
  .article-content-box-report-item {
    max-width: 100%;
  }
}

.article-content-box-report-link {
  padding: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
  background-color: #f3f4f5;
  border-radius: 0.4rem;
}

.report-write-content-area {
  padding-top: 6.4rem;
}
.report-write-content-area .report-write-content-box {
  margin: 0 auto;
  max-width: 712px;
  width: 100%;
}
@media (max-width: 960px) {
  .report-write-content-area {
    padding-top: 3.8rem;
  }
}

.report-write-content-box .label-text {
  margin-bottom: 1.2rem;
  display: inline-block;
  padding: 0.4rem 1.2rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  text-align: center;
  color: #fff;
  background-color: #1e292d;
}
.report-write-content-box .title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.24rem;
  text-align: left;
  color: #1e292d;
}
.report-write-content-box .date {
  padding-top: 0.6rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4rem;
  text-align: left;
  color: #949494;
}
.report-write-content-box .report-content-box {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.28rem;
  text-align: left;
  color: #111;
}
.report-write-content-box .file-content-box {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.report-write-content-box .answer-content-box {
  margin-top: 2.4rem;
}
.report-write-content-box .btn-wrap {
  padding-top: 2.4rem;
}
@media (max-width: 960px) {
  .report-write-content-box {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
  .report-write-content-box .label-text {
    margin-bottom: 0.8rem;
    padding: 0.35rem 0.6rem;
    font-size: 0.7rem;
    line-height: 1;
  }
  .report-write-content-box .title {
    font-size: 1.2rem;
    line-height: 1.68rem;
  }
  .report-write-content-box .date {
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
  .report-write-content-box .report-content-box {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    font-size: 0.8rem;
    line-height: 1.28rem;
  }
  .report-write-content-box .answer-content-box {
    margin-top: 1.6rem;
  }
  .report-write-content-box .btn-wrap {
    padding-top: 1.6rem;
  }
}

.file-content-box {
  padding: 1.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.2rem;
}
.file-content-box .file-item {
  max-width: 4.2rem;
  width: 100%;
}
.file-content-box .image {
  position: relative;
  max-width: 4.2rem;
  height: 4.2rem;
  border-radius: 0.4rem;
  overflow: hidden;
}
.file-content-box .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.file-content-box .text {
  padding-top: 0.4rem;
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 0.91rem;
  text-align: left;
  word-break: break-all;
}

.answer-content-box {
  padding: 1.2rem;
  background-color: #f3f4f5;
  border-radius: 16px;
}
.answer-content-box .answer-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4rem;
  text-align: left;
  color: #1e292d;
}
.answer-content-box .answer-text .icon-box {
  margin-right: 0.3rem;
}
.answer-content-box .text-box {
  padding-top: 1.2rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.28rem;
  text-align: left;
  color: #111;
}
@media (max-width: 576px) {
  .answer-content-box {
    margin: 0 -0.8rem;
    padding: 1.2rem 0.8rem;
    border-radius: 0;
  }
}

.edit-password-box {
  padding: 2.4rem;
  background-color: #f3f4f5;
}
.edit-password-box + .edit-password-box {
  margin-top: 3.6rem;
}
.edit-password-box.social {
  padding-top: 3.6rem;
  padding-bottom: 3.6rem;
}
.edit-password-box .input-cover + .input-cover {
  margin-top: 1.2rem;
}
.edit-password-box .btn-wrap {
  padding-top: 1.2rem;
}
.edit-password-box .text-box {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  text-align: center;
  color: #1e292d;
  word-break: keep-all;
}
.edit-password-box .social-box {
  padding-top: 1.6rem;
}
@media (max-width: 960px) {
  .edit-password-box {
    padding: 1.2rem 0;
    background-color: transparent;
  }
  .edit-password-box.social {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
}

@media (min-width: 960px) {
  .mypage-content-box-wrap .article-view-content-box-wrap,
  .mypage-content-box-wrap .article-content-box-report-wrap {
    position: relative;
  }
  .mypage-content-box-wrap .control-content-box {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -1.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 960px) {
  .mypage-content-box .article-content-box-report {
    padding-top: 1.2rem;
  }
}
.webzine-box-area {
  padding-top: 4rem;
}
.webzine-box-area .pagination-box {
  padding-right: 8rem;
  padding-left: 8rem;
}
.webzine-box-area .article-content-column-box-wrap {
  padding-top: 2.4rem;
}
.webzine-box-area .profile-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.webzine-box-area .profile-box .image {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/profile/profile-basic.png");
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.webzine-box-area .profile-box .image img {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.webzine-box-area .profile-box .image-thumb {
  background-image: none;
}
.webzine-box-area .profile-box .info {
  padding-left: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.webzine-box-area .profile-box .nickname {
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 0.98rem;
  color: #1e292d;
}
.webzine-box-area .profile-box .address {
  padding-left: 0.4rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  color: #949494;
}
.webzine-box-area .profile-box .like {
  position: relative;
  margin-left: 0.8rem;
  padding-left: 0.8rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #1e292d;
}
.webzine-box-area .profile-box .like::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 1px;
  height: 0.7rem;
  background-color: #949494;
}
@media (max-width: 960px) {
  .webzine-box-area {
    padding-top: 3rem;
  }
  .webzine-box-area .pagination-box {
    padding-right: 0;
    padding-left: 0;
  }
  .webzine-box-area .article-content-column-box-wrap .add-btn-box-wrap {
    display: none;
  }
}

.webzine-info-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.webzine-info-box + .webzine-info-box {
  margin-top: 2.4rem;
}
.webzine-info-box .image-box {
  max-width: 8rem;
  width: 100%;
  border: 1px solid #e8e8e8;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}
.webzine-info-box .info-content {
  padding-left: 1.2rem;
}
.webzine-info-box .label-text {
  margin-bottom: 0.8rem;
  padding: 0.2rem 0.6rem;
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  text-align: center;
  color: #fff;
  background-color: #1e292d;
}
.webzine-info-box .subject {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.26rem;
  color: #1e292d;
}
.webzine-info-box .text {
  padding-top: 0.4rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #1e292d;
}
.webzine-info-box .date {
  padding-top: 0.8rem;
  font-size: 0.65rem;
  font-weight: 400;
  line-height: 0.91rem;
  color: #949494;
}
.webzine-info-box .btn-box {
  padding-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.webzine-info-box .btn {
  position: relative;
  font-weight: 700;
}
@media (max-width: 960px) {
  .webzine-info-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .webzine-info-box .image-box {
    max-width: 16.4rem;
  }
  .webzine-info-box .info-content {
    padding-top: 0.8rem;
    padding-left: 0;
  }
  .webzine-info-box .label-text {
    margin-bottom: 0.4rem;
  }
  .webzine-info-box .subject {
    font-size: 0.8rem;
    line-height: 1.12rem;
  }
  .webzine-info-box .text {
    padding-top: 0.2rem;
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
  .webzine-info-box .date {
    padding-top: 0.4rem;
    font-size: 0.65rem;
    line-height: 0.91rem;
  }
  .webzine-info-box .btn-box {
    padding-top: 0.4rem;
  }
  .webzine-info-box .btn {
    max-width: calc(50% - 0.2rem);
  }
}

.webzine-info-box-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.webzine-view-content-box {
  padding: 2.4rem 0;
  background-color: #f3f4f5;
}
.webzine-view-content-box .webzine-info-box .image-box {
  max-width: 12.6rem;
  border: 0;
}
.webzine-view-content-box .webzine-info-box .label-text {
  margin-bottom: 0.6rem;
}
.webzine-view-content-box .webzine-info-box .label-text.pc-show {
  display: inline-block;
}
.webzine-view-content-box .webzine-info-box .label-text.mobile-show {
  display: none;
}
.webzine-view-content-box .webzine-info-box .subject {
  font-size: 1.6rem;
  line-height: 2.24rem;
}
.webzine-view-content-box .webzine-info-box .text {
  padding-top: 0.6rem;
  font-size: 1rem;
  line-height: 1.4rem;
  word-break: break-all;
}
.webzine-view-content-box .webzine-info-box .date {
  padding-top: 0.6rem;
  font-size: 0.8rem;
  line-height: 1.12rem;
}
.webzine-view-content-box .webzine-info-box .info-content {
  width: calc(100% - 12.6rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.webzine-view-content-box .webzine-info-box .writer-info {
  padding-top: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.webzine-view-content-box .webzine-info-box .writer-info .btn-box {
  max-width: 288px;
  width: 100%;
}
.webzine-view-content-box .webzine-info-box .writer-info .btn.bg-wh {
  background-color: transparent;
}
.webzine-view-content-box .webzine-info-box .writer-info .like-btn {
  background-color: transparent;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.webzine-view-content-box .webzine-info-box .writer-info .like-btn.check {
  color: #fff;
  background-color: #1e292d;
}
.webzine-view-content-box .webzine-info-box .writer-info .like-btn.check .icon-like-medium {
  background-image: url("../images/icon/icon-like-white-20x20.png");
}
.webzine-view-content-box .webzine-info-box .btn-box {
  padding-top: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.webzine-view-content-box .webzine-info-box .btn {
  position: relative;
  font-weight: 700;
}
.webzine-view-content-box .webzine-info-box .info-box {
  margin-top: 0.6rem;
  width: 100%;
  border-top: 2px solid #1e292d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.webzine-view-content-box .webzine-info-box .info-box.mobile-show {
  display: none;
}
.webzine-view-content-box .webzine-info-box .info-box > div {
  padding-top: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(50% - 0.4rem);
}
.webzine-view-content-box .webzine-info-box .info-box .label {
  font-size: 0.6rem;
  font-weight: 500;
  line-height: 0.96rem;
  color: #949494;
}
.webzine-view-content-box .webzine-info-box .info-box .text {
  padding-top: 0.2rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 1.12rem;
  color: #1e292d;
}
@media (max-width: 1024px) {
  .webzine-view-content-box .webzine-info-box .writer-info {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .webzine-view-content-box .webzine-info-box .writer-info .btn-box {
    max-width: 100%;
  }
  .webzine-view-content-box .webzine-info-box .btn-box {
    padding-top: 0.8rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 960px) {
  .webzine-view-content-box {
    padding: 2.4rem 0;
  }
  .webzine-view-content-box .webzine-info-box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .webzine-view-content-box .webzine-info-box .image-box {
    max-width: 16.4rem;
    border: 0;
  }
  .webzine-view-content-box .webzine-info-box .label-text {
    margin-bottom: 0.6rem;
  }
  .webzine-view-content-box .webzine-info-box .label-text.pc-show {
    display: none;
  }
  .webzine-view-content-box .webzine-info-box .label-text.mobile-show {
    display: inline-block;
  }
  .webzine-view-content-box .webzine-info-box .subject {
    font-size: 1.2rem;
    line-height: 1.68rem;
  }
  .webzine-view-content-box .webzine-info-box .text {
    padding-top: 0.4rem;
    font-size: 0.7rem;
    line-height: 0.98rem;
  }
  .webzine-view-content-box .webzine-info-box .date {
    padding-top: 0.6rem;
    font-size: 0.6rem;
    line-height: 0.84rem;
  }
  .webzine-view-content-box .webzine-info-box .info-content {
    padding-top: 1.2rem;
    padding-left: 0;
    width: 100%;
  }
  .webzine-view-content-box .webzine-info-box .profile-box .address {
    padding-left: 0.3rem;
  }
  .webzine-view-content-box .webzine-info-box .info-box.mobile-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .webzine-view-content-box .webzine-info-box .btn-box {
    padding-top: 1.2rem;
  }
  .webzine-view-content-box .webzine-info-box .btn-box.solo .btn {
    max-width: 100%;
  }
  .webzine-view-content-box .webzine-info-box .btn-box .btn {
    max-width: calc(50% - 4px);
  }
}

.article-content-column-box-webzine {
  max-width: 100%;
}
.article-content-column-box-webzine .article-info-box {
  padding-top: 0;
}
.article-content-column-box-webzine .article-info-box + .article-info-box {
  padding-top: 2.4rem;
}
@media (max-width: 960px) {
  .article-content-column-box-webzine .article-info-box + .article-info-box {
    padding-top: 1.2rem;
  }
}

.add-btn-box-wrap {
  margin-top: -2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.add-btn-box-wrap .btn {
  max-width: 8rem;
  height: 2.8rem;
  line-height: 2.7rem;
  font-size: 0.8rem;
  font-weight: 700;
}
@media (max-width: 960px) {
  .add-btn-box-wrap {
    margin-top: 0.6rem;
  }
}

.included-article-box .empty-info-text-box {
  padding-top: 0;
}
.included-article-box .article-content-column-box .article-info-box {
  padding-top: 0;
}
.included-article-box .article-content-column-box .article-info-box + .article-info-box {
  padding-top: 2.4rem;
}
.included-article-box .article-content-column-box .btn {
  position: relative;
  margin-top: 0.8rem;
  z-index: 2;
}
.included-article-box .article-content-column-box .btn.small {
  max-width: 7rem;
  height: 2rem;
  line-height: 1.9rem;
  font-size: 0.7rem;
}
.included-article-box .article-info-box-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.included-article-box .btn-wrap {
  padding-top: 1.2rem;
}

.comment-select-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
  position: absolute;
  top: -2.8rem;
  left: 50%;
  border-radius: 0.4rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0.6rem 0.8rem;
  background-color: #1e292d;
}
.comment-select-container::before {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: -0.3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../images/icon/icon-arrow-bottom-bk-20x20.png") no-repeat 0 0;
  background-size: 100% 100%;
}
.comment-select-container::after {
  display: block;
  content: "";
  width: 1px;
  height: 0.6rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.comment-select-container .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1rem;
  white-space: nowrap;
  font-weight: 500;
  font-size: 0.7rem;
  color: #fff;
}
.comment-select-container .icon {
  width: 0.8rem;
  height: 0.8rem;
  background: url("../images/icon/icon-message-w-16x16.png") no-repeat 0 0;
  background-size: cover;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.comment-select-container .btn-add {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.comment-select-container.hovered::after {
  background-color: #949494;
}
.comment-select-container.hovered .btn-add {
  color: #949494;
}
.comment-select-container.hovered .btn-add:not(.hovered) .icon {
  background: url("../images/icon/icon-message-w-16x16-off.png") no-repeat 0 0;
  background-size: cover;
}
.comment-select-container.hovered .btn-add.hovered {
  color: #fff;
}

.highligted.highligted-a {
  background-color: rgba(255, 203, 51, 0.6) !important;
}
.highligted.highligted-b {
  background-color: rgba(14, 165, 233, 0.6) !important;
}

.marker {
  position: relative;
}

.save-maker {
  position: relative;
  cursor: pointer;
}
.save-maker.active-a {
  background-color: #ffcb33 !important;
}
.save-maker.active-b {
  background-color: #0ea5e9 !important;
}

.editing-comment-box {
  margin-top: 2.4rem;
  height: 46rem;
  overflow: auto;
}

.editing-comment-box-slide {
  padding-top: 1.2rem;
}
.editing-comment-box-slide .swiper-slide {
  max-width: 12.6rem;
  height: auto;
}
.editing-comment-box-slide .swiper-slide + .swiper-slide {
  margin-left: 0.6rem;
}

.editing-comment-box-item {
  padding: 1.2rem 0.8rem;
  border-radius: 0.4rem;
  background-color: #f3f4f5;
}
.editing-comment-box-item.active {
  border-color: #000;
}
.editing-comment-box-item + .editing-comment-box-item {
  margin-top: 0.6rem;
}
.editing-comment-box-item .user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.editing-comment-box-item .user-info .name {
  padding-left: 0.4rem;
  width: 100%;
  font-weight: 700;
  font-size: 0.7rem;
  color: #1e292d;
}
.editing-comment-box-item .user-info .count {
  padding-left: 0.4rem;
  font-weight: 700;
  font-size: 0.7rem;
  line-height: 0.98rem;
}
.editing-comment-box-item .profile-box .image {
  width: 1rem;
  height: 1rem;
}
.editing-comment-box-item .comment {
  margin-top: 0.4rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  word-break: break-all;
}
.editing-comment-box-item .util-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.4rem;
}
.editing-comment-box-item .util-area .date {
  width: 100%;
  font-size: 0.6rem;
  color: #949494;
  word-break: break-all;
}
.editing-comment-box-item .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.editing-comment-box-item .btn-group::before {
  display: block;
  content: "";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 0.6rem;
  background-color: #949494;
}
.editing-comment-box-item .btn-group .btn-control {
  width: auto;
  font-size: 0.6rem;
  color: #949494;
}

.write-edit-popup,
.edit-popup,
.write-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 12.6rem;
  width: 100%;
  max-height: calc(100% - 40px);
  overflow: auto;
  padding: 1.5rem 0.8rem 1.2rem;
  border-radius: 0.4rem;
  background-color: #f3f4f5;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
  z-index: 11;
}
.write-edit-popup.active,
.edit-popup.active,
.write-popup.active {
  display: block;
}
.write-edit-popup .btn-close,
.edit-popup .btn-close,
.write-popup .btn-close {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  width: 1rem;
  height: 1rem;
  background: url("../images/icon/icon-close-bk-20x20.png") no-repeat 0 0;
  background-size: cover;
  text-indent: -9999px;
}
.write-edit-popup .comment-list .list-item,
.edit-popup .comment-list .list-item,
.write-popup .comment-list .list-item {
  background-color: #f1f1f1;
}
.write-edit-popup .comment-list .list-item + .list-item,
.edit-popup .comment-list .list-item + .list-item,
.write-popup .comment-list .list-item + .list-item {
  margin-top: 1.2rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(148, 148, 148, 0.2);
}
.write-edit-popup .comment-list + .comment-form,
.edit-popup .comment-list + .comment-form,
.write-popup .comment-list + .comment-form {
  margin-top: 1.2rem;
}
.write-edit-popup .user-info,
.edit-popup .user-info,
.write-popup .user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.write-edit-popup .user-info .name,
.edit-popup .user-info .name,
.write-popup .user-info .name {
  padding-left: 0.4rem;
  width: 100%;
  font-weight: 700;
  font-size: 0.7rem;
  color: #1e292d;
}
.write-edit-popup .profile-box .image,
.edit-popup .profile-box .image,
.write-popup .profile-box .image {
  width: 1rem;
  height: 1rem;
}
.write-edit-popup .comment,
.edit-popup .comment,
.write-popup .comment {
  margin-top: 0.4rem;
  font-size: 0.7rem;
  font-weight: 400;
  line-height: 0.98rem;
  word-break: break-all;
}
.write-edit-popup .util-area,
.edit-popup .util-area,
.write-popup .util-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.4rem;
}
.write-edit-popup .util-area .date,
.edit-popup .util-area .date,
.write-popup .util-area .date {
  width: 100%;
  font-size: 0.6rem;
  color: #949494;
  word-break: break-all;
}
.write-edit-popup .btn-group,
.edit-popup .btn-group,
.write-popup .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.write-edit-popup .btn-group::before,
.edit-popup .btn-group::before,
.write-popup .btn-group::before {
  display: block;
  content: "";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 0.6rem;
  background-color: #949494;
}
.write-edit-popup .btn-group .btn-control,
.edit-popup .btn-group .btn-control,
.write-popup .btn-group .btn-control {
  width: auto;
  font-size: 0.6rem;
  color: #949494;
}
.write-edit-popup .comment-form textarea,
.edit-popup .comment-form textarea,
.write-popup .comment-form textarea {
  display: block;
  width: 100%;
  height: 4rem;
  padding: 0.6rem;
  resize: none;
  border-radius: 0.2rem 0.2rem 0 0;
  background-color: #fff;
  border: 0;
  font-size: 0.7rem;
  color: #222;
}
.write-edit-popup .comment-form textarea::-webkit-input-placeholder,
.edit-popup .comment-form textarea::-webkit-input-placeholder,
.write-popup .comment-form textarea::-webkit-input-placeholder {
  color: #949494;
}
.write-edit-popup .comment-form textarea::-moz-placeholder,
.edit-popup .comment-form textarea::-moz-placeholder,
.write-popup .comment-form textarea::-moz-placeholder {
  color: #949494;
}
.write-edit-popup .comment-form textarea::-ms-input-placeholder,
.edit-popup .comment-form textarea::-ms-input-placeholder,
.write-popup .comment-form textarea::-ms-input-placeholder {
  color: #949494;
}
.write-edit-popup .comment-form textarea::placeholder,
.edit-popup .comment-form textarea::placeholder,
.write-popup .comment-form textarea::placeholder {
  color: #949494;
}
.write-edit-popup .btn-add,
.edit-popup .btn-add,
.write-popup .btn-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 1.8rem;
  background-color: #1e292d;
  font-weight: 600;
  font-size: 0.6rem;
  border-radius: 0 0 0.2rem 0.2rem;
  color: #fff;
}
.write-edit-popup .list-item.editing .btn-group,
.edit-popup .list-item.editing .btn-group,
.write-popup .list-item.editing .btn-group {
  display: none;
}
.write-edit-popup .list-item.editing .comment-edit-form,
.edit-popup .list-item.editing .comment-edit-form,
.write-popup .list-item.editing .comment-edit-form {
  display: block;
}
.write-edit-popup .comment-edit-form,
.edit-popup .comment-edit-form,
.write-popup .comment-edit-form {
  margin-top: 1.2rem;
  display: none;
}
.write-edit-popup .comment-edit-form textarea,
.edit-popup .comment-edit-form textarea,
.write-popup .comment-edit-form textarea {
  display: block;
  width: 100%;
  height: 4rem;
  padding: 0.6rem;
  resize: none;
  border-radius: 0.2rem 0.2rem 0 0;
  background-color: #fff;
  border: 0;
  font-size: 0.7rem;
  color: #222;
}
.write-edit-popup .comment-edit-form textarea::-webkit-input-placeholder,
.edit-popup .comment-edit-form textarea::-webkit-input-placeholder,
.write-popup .comment-edit-form textarea::-webkit-input-placeholder {
  color: #949494;
}
.write-edit-popup .comment-edit-form textarea::-moz-placeholder,
.edit-popup .comment-edit-form textarea::-moz-placeholder,
.write-popup .comment-edit-form textarea::-moz-placeholder {
  color: #949494;
}
.write-edit-popup .comment-edit-form textarea::-ms-input-placeholder,
.edit-popup .comment-edit-form textarea::-ms-input-placeholder,
.write-popup .comment-edit-form textarea::-ms-input-placeholder {
  color: #949494;
}
.write-edit-popup .comment-edit-form textarea::placeholder,
.edit-popup .comment-edit-form textarea::placeholder,
.write-popup .comment-edit-form textarea::placeholder {
  color: #949494;
}
.write-edit-popup .btn-edit-box,
.edit-popup .btn-edit-box,
.write-popup .btn-edit-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0 0 0.2rem 0.2rem;
  overflow: hidden;
}
.write-edit-popup .btn-edit-box button,
.edit-popup .btn-edit-box button,
.write-popup .btn-edit-box button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 1.8rem;
  background-color: #1e292d;
  font-weight: 600;
  font-size: 0.6rem;
  border-radius: 0;
  color: #fff;
}
.write-edit-popup .btn-edit-box .btn-cancle,
.edit-popup .btn-edit-box .btn-cancle,
.write-popup .btn-edit-box .btn-cancle {
  color: #1e292d;
  background-color: #e8e8e8;
}

.write-edit-popup .comment-edit-form {
  margin-top: 0.6rem;
  display: block;
}

:is(.dark) .comment-select-container {
  background-color: #f3f4f5;
}
:is(.dark) .comment-select-container::before {
  background: url("../images/icon/icon-arrow-bottom-wh-20x20.png") no-repeat 0 0;
  background-size: 100% 100%;
}
:is(.dark) .comment-select-container::after {
  background-color: #1e292d;
}
:is(.dark) .comment-select-container .item {
  color: #1e292d;
}
:is(.dark) .comment-select-container .icon {
  background: url("../images/icon/icon-message-bk-16x16.png") no-repeat 0 0;
  background-size: cover;
}
:is(.dark) .comment-select-container.hovered::after {
  background-color: #949494;
}
:is(.dark) .comment-select-container.hovered .btn-add {
  color: #949494;
}
:is(.dark) .comment-select-container.hovered .btn-add:not(.hovered) .icon {
  background: url("../images/icon/icon-message-w-16x16-off.png") no-repeat 0 0;
  background-size: cover;
}
:is(.dark) .comment-select-container.hovered .btn-add.hovered {
  color: #1e292d;
}
:is(.dark) .highligted.highligted-a {
  background-color: rgba(255, 203, 51, 0.3) !important;
}
:is(.dark) .highligted.highligted-b {
  background-color: rgba(14, 165, 233, 0.3) !important;
}
:is(.dark) .marker {
  position: relative;
}
:is(.dark) .save-maker {
  position: relative;
  cursor: pointer;
}
:is(.dark) .save-maker.active-a {
  background-color: rgba(255, 203, 51, 0.7) !important;
}
:is(.dark) .save-maker.active-b {
  background-color: rgba(14, 165, 233, 0.6) !important;
}
:is(.dark) .editing-comment-box-item {
  background-color: #2e2e2e;
}
:is(.dark) .editing-comment-box-item .user-info .name {
  color: #fff;
}
:is(.dark) .editing-comment-box-item .user-info .count {
  color: #fff;
}
:is(.dark) .editing-comment-box-item .profile-box .image-thumb {
  background-image: none;
}
:is(.dark) .editing-comment-box-item .comment {
  color: #fff;
}

.editor-content-box a:hover * .comment-select-container .item,
.editor-content-box .link-text:hover * .comment-select-container .item {
  color: #fff;
}
.editor-content-box a:hover * .comment-select-container.hovered .btn-add,
.editor-content-box .link-text:hover * .comment-select-container.hovered .btn-add {
  color: #949494;
}
.editor-content-box a:hover * .comment-select-container.hovered .btn-add.hovered,
.editor-content-box .link-text:hover * .comment-select-container.hovered .btn-add.hovered {
  color: #fff;
}

:is(.dark) .editor-content-box a:hover * .comment-select-container .item,
:is(.dark) .editor-content-box .link-text:hover * .comment-select-container .item {
  color: #1e292d;
}
:is(.dark) .editor-content-box a:hover * .comment-select-container.hovered .btn-add,
:is(.dark) .editor-content-box .link-text:hover * .comment-select-container.hovered .btn-add {
  color: #949494;
}
:is(.dark) .editor-content-box a:hover * .comment-select-container.hovered .btn-add.hovered,
:is(.dark) .editor-content-box .link-text:hover * .comment-select-container.hovered .btn-add.hovered {
  color: #1e292d;
}