@charset "UTF-8";
/* CTYT 연말정산 */
@-webkit-keyframes skeleton_loading {
  0% {
    left: -30%;
  }
  100% {
    left: 130%;
  }
}
@keyframes skeleton_loading {
  0% {
    left: -30%;
  }
  100% {
    left: 130%;
  }
}
/* CTYT 연말정산 */
.ctyt [class*="--flexBtw"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ctyt [class*="--flexArnd"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ctyt [class*="--flexEven"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[class*="--flexMid"] {
  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;
}

.ctyt [class*="--flexCnt"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ctyt [class*="--keepSize"] {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* CTYT 연말정산 */
.ctytEmpty {
  text-align: center;
}
.ctytEmpty-buttonBox {
  margin-top: 12px;
}
.ctytEmpty-buttonBox__clickItem {
  display: inline-block;
  min-width: 108px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #105aff;
  border-radius: 4px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytEmpty-buttonBox__clickText {
  font-size: 14px;
  font-weight: 700;
  color: #105aff;
  letter-spacing: -0.7px;
}
.ctytEmpty__text {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
}
.ctytEmpty--center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ctytSearchButtonBox {
  padding: 4px 4px 3px;
  background-color: #f7f7f8;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytSearchButtonBox__btnItem {
  min-width: 60px;
  height: 23px;
}
.ctytSearchButtonBox__btnItem--selected {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
}
.ctytSearchButtonBox__btnItem--selected .ctytSearchButtonBox__btnText {
  font-weight: 700;
  color: #333;
}
.ctytSearchButtonBox__btnText {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
  vertical-align: top;
}
.ctytSearchPeriodText {
  font-size: 11px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.55px;
}
.ctytSearchSelectWrapper {
  gap: 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSearchSelectBox {
  position: relative;
}
.ctytSearchSelectBox__selectItem {
  position: relative;
  width: 100%;
  height: 32px;
  padding: 0 28px 0 8px;
  border: 1px solid transparent;
  background-color: #f7f7f8;
  border-radius: 6px;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytSearchSelectBox__selectItem::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 4px;
  background: url("/imgs/ctyt/sp_ctyt.png") -187px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytSearchSelectBox__selectText {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.5px;
  vertical-align: top;
}
.ctytSearchSelectBox--active .ctytSearchSelectBox__selectItem {
  background-color: #fff;
  border-color: #4a4a4a;
  border-radius: 6px 6px 0 0;
}
.ctytSearchSelectBox--active .ctytSearchSelectBox__selectItem::after {
  width: 8px;
  height: 4px;
  background: url("/imgs/ctyt/sp_ctyt.png") -187px -9px no-repeat;
  background-size: 500px 500px;
}
.ctytSearchSelectBox--active .ctytSearchSelectResultBox {
  display: block;
  border-color: #4a4a4a;
  border-radius: 0 0 6px 6px;
}
.ctytSearchSelectResultBox {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid transparent;
  border-width: 0 1px 1px 1px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.ctytSearchSelectResultBox__listItem .ctytSearchSelectResultBox__buttonItem--selected .ctytSearchSelectResultBox__buttonText {
  color: #105aff;
  font-weight: 700;
}
.ctytSearchSelectResultBox__buttonItem {
  width: 100%;
  height: 30px;
  padding: 0 8px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.24px;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSearchSelectResultBox__buttonItem:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.ctytSearchSelectResultBox__buttonItem .ctytDialog_myBoard__listBtn__svgIcon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.ctytSearchSelectResultBox__buttonItem:has(.ctytDialog_myBoard__listBtn__svgIcon) .ctytSearchSelectResultBox__buttonText {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytSearchCalendarWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSearchCalendarWrapper .SNA_datepicker .inputbox {
  background-color: #f7f7f8;
  border-color: transparent;
}
.ctytSearchCalendarWrapper .SNA_datepicker .inputbox:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ctytSearchCalendarWrapper .SNA_datepicker .inputbox .date {
  font-size: 12px;
  font-weight: 700;
  color: #333;
}
.ctytSearchCheckWrapper {
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytSearchCheckBox {
  height: 18px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSearchCheckBox .SNA_formbtn label .cover {
  margin-top: 1px;
}
.ctytSearchCheckBox .SNA_formbtn label .cover .icon {
  margin-right: 0;
}
.ctytSearchCheckBox .SNA_formbtn label .label {
  margin-left: 8px;
  font-size: 14px;
  color: #333;
  letter-spacing: -0.5px;
}
.ctytSearchCheckBox .ctytCheckHighlight {
  color: #105aff;
  font-weight: 700;
}
.ctytSearchEndWrapper {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytSearchEndBox {
  height: 30px;
  margin-left: auto;
  gap: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSearchSupportItem {
  margin-top: -2px;
  margin-left: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #4a4a4a;
  letter-spacing: -0.7px;
}
.ctytSearchSupportItem--wave {
  margin: 0 4px;
}
.ctytSearchCommonButton .SNA_btn .btn_skin {
  font-size: 12px;
  letter-spacing: -0.6px;
}
.ctyt .fluidTooltipBox {
  top: calc(100% + 8px);
  padding: 6px 10px 8px;
}
.ctytTipWrapper {
  position: relative;
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin: 0 0 0 2px;
  vertical-align: top;
}
.ctytTipWrapper--w13 {
  width: 13px;
  min-width: 13px;
  height: 13px;
  margin-top: 4px;
}
.ctytTipWrapper--w13 .ctytTipButton {
  min-width: 13px;
  width: 13px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -79px -113px no-repeat;
  background-size: 500px 500px;
}
.ctytTipButton {
  display: inline-block;
  min-width: 16px;
  vertical-align: top;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: url("/imgs/ctyt/sp_ctyt.png") -237px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytTipButton:hover + .fluidTooltipBox {
  display: block;
}
.ctytButtonIcon {
  display: inline-block;
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin: 0 2px 0 0;
}
.ctytButtonIcon--setting::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  width: 15px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -258px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytButtonIcon--survey::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -396px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytButtonIcon--template::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -415px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytButtonIcon--export::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -434px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytButtonIcon--cloud::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -453px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytButtonIcon--add::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  width: 13px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -474px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytButtonIcon--prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  width: 5px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") -264px -43px no-repeat;
  background-size: 500px 500px;
}
.ctytButtonIcon--next {
  margin: 0 0 0 2px;
}
.ctytButtonIcon--next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  width: 5px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") -274px -43px no-repeat;
  background-size: 500px 500px;
}
.ctytButtonIcon--refresh::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -404px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytButtonIcon--file::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  width: 15px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -224px -61px no-repeat;
  background-size: 500px 500px;
}
.ctytButtonIcon--help::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  width: 13px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -208px -104px no-repeat;
  background-size: 500px 500px;
}
.ctytButtonIcon--calendar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), -50%);
  -ms-transform: translate(calc(-50% - 0.5px), -50%);
  transform: translate(calc(-50% - 0.5px), -50%);
  width: 13px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -244px -61px no-repeat;
  background-size: 500px 500px;
}
.ctytButtonIcon--smallSetting {
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-top: -1px;
}
.ctytButtonIcon--smallSetting::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -350px -42px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytStatisticsTabItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  height: 30px;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytStatisticsTabItem__btnItem {
  position: relative;
  width: 30px;
  padding: 6px;
  background: #fff;
  border: 0;
}
.ctyt .ctytStatisticsTabItem__btnItem:first-child {
  border-radius: 4px 0 0 4px;
}
.ctyt .ctytStatisticsTabItem__btnItem:last-child {
  border-radius: 0 4px 4px 0;
}
.ctyt .ctytStatisticsTabItem__btnItem .ctytStatisticsTabItem__btnIcon1 {
  position: relative;
  width: 18px;
  height: 18px;
}
.ctyt .ctytStatisticsTabItem__btnItem .ctytStatisticsTabItem__btnIcon1::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -61px -23px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytStatisticsTabItem__btnItem .ctytStatisticsTabItem__btnIcon1::before {
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) !important;
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) !important;
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) !important;
}
.ctyt .ctytStatisticsTabItem__btnItem .ctytStatisticsTabItem__btnIcon2 {
  position: relative;
  width: 18px;
  height: 18px;
}
.ctyt .ctytStatisticsTabItem__btnItem .ctytStatisticsTabItem__btnIcon2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -42px -23px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytStatisticsTabItem__btnItem .ctytStatisticsTabItem__btnIcon3 {
  position: relative;
  width: 18px;
  height: 18px;
}
.ctyt .ctytStatisticsTabItem__btnItem .ctytStatisticsTabItem__btnIcon3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -23px -23px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytStatisticsTabItem__btnItem--selected {
  z-index: 1;
}
.ctyt .ctytStatisticsTabItem__btnItem--selected::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 1px solid #4a4a4a;
  border-radius: 4px;
}
.ctyt .ctytStatisticsTabItem__btnItem--selected .ctytStatisticsTabItem__btnIcon1 {
  position: relative;
  width: 18px;
  height: 18px;
}
.ctyt .ctytStatisticsTabItem__btnItem--selected .ctytStatisticsTabItem__btnIcon1::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -61px -42px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytStatisticsTabItem__btnItem--selected .ctytStatisticsTabItem__btnIcon2 {
  position: relative;
  width: 18px;
  height: 18px;
}
.ctyt .ctytStatisticsTabItem__btnItem--selected .ctytStatisticsTabItem__btnIcon2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -42px -42px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytStatisticsTabItem__btnItem--selected .ctytStatisticsTabItem__btnIcon3 {
  position: relative;
  width: 18px;
  height: 18px;
}
.ctyt .ctytStatisticsTabItem__btnItem--selected .ctytStatisticsTabItem__btnIcon3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -23px -42px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytrnbButtonWrapper {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytrnbButtonWrapper .SNA_btn .btn_skin {
  height: 36px;
  padding: 0 18px;
}
.ctyt .ctytrnbButtonBox {
  margin-left: auto;
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytCommonButtonBox {
  gap: 0 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytTabListAddButton {
  position: relative;
  width: 30px;
  min-width: 30px;
  height: 30px;
  margin-left: auto;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
}
.ctytTabListAddButton::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 13px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -474px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytTabListAddButton:hover {
  border-color: #4a4a4a;
}
.ctytCommonInputAddBtn {
  margin-top: 4px;
}
.ctytCommonInputAddBtn .SNA_btn {
  width: 100%;
}
.ctytCommonInputAddBtn .SNA_btn .btn_skin {
  width: 100%;
  height: 36px;
  line-height: 36px;
}
.ctytCommonInputAddBtn .SNA_btn .btn_skin .label {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.7px;
}
.ctytAutoSaveButtonBox {
  overflow: hidden;
  height: 30px;
  background-color: #fff;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytAutoSaveButtonBox__btnItem {
  position: relative;
  height: 30px;
  margin-top: -1px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytAutoSaveButtonBox__btnItem--save {
  padding: 0 10px;
}
.ctytAutoSaveButtonBox__btnItem--count {
  width: 30px;
}
.ctytAutoSaveButtonBox__btnItem--count::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 10px;
  margin: auto;
  border-left: 1px solid #d3d3d3;
}
.ctyt__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt__tab .ctyt__btn--tab {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #777;
  font-weight: 400;
  border: 0;
  background: none;
}
.ctyt__tab .ctyt__btn--tab + .ctyt__btn--tab {
  position: relative;
  padding-left: 9px;
  margin-left: 8px;
}
.ctyt__tab .ctyt__btn--tab + .ctyt__btn--tab::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1px;
  height: 12px;
  background: #d3d3d3;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctyt__tab .ctyt__btn--tab:hover, .ctyt__tab .ctyt__btn--tab.selected {
  color: #333;
  font-weight: 700;
}
.ctyt__roundLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  border: 1px solid #105aff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
}
.ctyt__roundLabel .text {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #105aff;
  white-space: nowrap;
}
.ctyt__btn--dashboardBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  height: 28px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 9px;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#5796ff), to(#8f74ff));
  background: -o-linear-gradient(left, #5796ff, #8f74ff);
  background: linear-gradient(to right, #5796ff, #8f74ff);
  border: 0;
}
.ctyt__btn--dashboardBanner .text {
  display: block;
  font-size: 12px;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 900;
}
.ctyt__btn--favorite {
  display: block;
}
.ctyt__btn--favorite .active {
  color: rgb(255, 198, 0);
}
.ctyt__btn--favorite .default {
  color: #777;
}
.ctyt__btn--favorite .lunacon.default {
  display: block;
}
.ctyt__btn--favorite .lunacon.active {
  display: none;
}
.ctyt__btn--favorite.selected .lunacon.default {
  display: none;
}
.ctyt__btn--favorite.selected .lunacon.active {
  display: block;
}
.ctyt__btn--nahagoLink {
  display: block;
  border: 0;
  background: none;
  font-size: 0;
  line-height: 0;
}
.ctyt__btn18 {
  display: block;
  width: 18px;
  height: 18px;
  border: 0;
  background: none;
}

.ctytCommonBadge {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #105aff;
  font-size: 9px;
  font-weight: 900;
  color: #fff;
  line-height: 14px;
  vertical-align: top;
  text-align: center;
}
.ctytCommonLabel {
  display: inline-block;
  min-width: 32px;
  height: 20px;
  padding: 0 6px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.ctytCommonLabel__labelText {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.55px;
  line-height: 18px;
  vertical-align: top;
}
.ctytCommonLabel--default {
  background-color: rgba(51, 51, 51, 0.05);
}
.ctytCommonLabel--default .ctytCommonLabel__labelText {
  color: #333;
}
.ctytCommonLabel--notice {
  background-color: rgba(95, 155, 252, 0.15);
}
.ctytCommonLabel--notice .ctytCommonLabel__labelText {
  color: #002d93;
}
.ctytCommonLabel--must {
  background-color: rgba(252, 82, 86, 0.15);
}
.ctytCommonLabel--must .ctytCommonLabel__labelText {
  color: #fc5256;
}
.ctytCommonLabel--gray {
  background-color: #eff1f5;
}
.ctytCommonLabel--gray .ctytCommonLabel__labelText {
  color: #777;
}
.ctytCommonLabel--new {
  background-color: #105aff;
}
.ctytCommonLabel--new .ctytCommonLabel__labelText {
  color: #fff;
}
.ctyt__boxLabel {
  display: block;
  height: 18px;
  padding: 0 4px;
  border-radius: 4px;
  font-size: 11px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #fa4553;
  font-weight: 900;
  background: #fadbdc;
  white-space: nowrap;
}
.ctyt__boxLabel.blue {
  color: #2d5dca;
  background: #e8f4ff;
}
.ctyt__boxLabel.green {
  color: #006293;
  background: #e4f3fa;
}
.ctyt__boxLabel.purple {
  color: #5065db;
  background: #f2f1ff;
}
.ctyt__boxLabel.purple2 {
  color: #5e33d4;
  background: #e9eaff;
}
.ctyt__borderRoundLabel {
  display: block;
  height: 18px;
  padding: 0 6px;
  border-radius: 9px;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.5px;
  color: #000;
  font-weight: 900;
  background: none;
  white-space: nowrap;
}
.ctyt__borderRoundLabel.green {
  border-color: #05884f;
  color: #05884f;
}
.ctyt__borderRoundLabel.blue {
  border-color: #105aff;
  color: #105aff;
}
.ctyt__borderRoundLabel.yellow {
  border-color: #f28f2d;
  color: #f28f2d;
}
.ctyt__nahagoLabel {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 18px;
  padding: 0 6px;
  border-radius: 4px;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.5px;
  color: #000;
  font-weight: 900;
  background: none;
  white-space: nowrap;
}
.ctyt__nahagoLabel.gray {
  border-color: #65707e;
  color: #65707e;
  background: #ededed;
}
.ctyt__nahagoLabel.blue {
  border-color: #105aff;
  color: #105aff;
  background: #e4eefa;
}
.ctyt__nahagoLabel.yellow {
  border-color: #ffb764;
  color: #ffb764;
  background: #fff2dc;
}

.ctyt__text--dashboardBoxTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt__text--dashboardBoxTitle .text {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 900;
}
.ctyt__text--dashboardBoxTitle .text .point {
  color: #105aff;
}
.ctyt__text--dashboardAiListItem {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #105aff;
}
.ctyt__text--dashboardBoxTitleOption {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 900;
}
.ctyt__text--tblMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt__text--tblMain .text {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 900;
}
.ctyt__text--tblMain.ellipsis {
  overflow: hidden;
  max-width: 100%;
}
.ctyt__text--tblMain.ellipsis .text {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctyt__text--tblBasic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt__text--tblBasic .text {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
}
.ctyt__text--tblBasic.ellipsis {
  overflow: hidden;
  max-width: 100%;
}
.ctyt__text--tblBasic.ellipsis .text {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctyt__text--tblProgress {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
}
.ctyt__text--tblProgress > em {
  font-weight: 900;
}
.ctyt__text--companyListMain {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 900;
}
.ctyt__text--companyListSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #777;
  white-space: nowrap;
}
.ctyt__text--dashboardBannerTitle {
  display: block;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 900;
}
.ctyt__text--dashboardBannerTitle .deco {
  background: -webkit-gradient(linear, left top, right top, from(#28afff), color-stop(56%, #5b3eff), to(#fa5aff));
  background: -o-linear-gradient(left, #28afff, #5b3eff 56%, #fa5aff);
  background: linear-gradient(to right, #28afff, #5b3eff 56%, #fa5aff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ctyt__text--dashboardBannerSub {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #777;
}
.ctyt__text--dashboardMenu {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 900;
  white-space: nowrap;
}
.ctyt__text--dashboardNum {
  display: block;
  padding: 0 6px;
  height: 20px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #124ceb;
  font-weight: 900;
  background: #eff4ff;
  border-radius: 10px;
}
.ctyt__text--dashboardAlarmMain {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 700;
}
.ctyt__text--dashboardAlarmSub {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #777;
}
.ctyt__text--dashboarh3 {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 900;
}
.ctyt__text--dashboardEmpty {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #777;
  text-align: center;
}
.ctyt__text--checkInboxTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt__text--checkInboxTitle .text {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 900;
}
.ctyt__text--checkInboxTitle .ctyt__icon18 .lunacon {
  color: #777;
}
.ctyt__text--checkInboxListNum {
  display: block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #002d93;
  font-weight: 900;
  text-align: center;
  background: #e4eefa;
}
.ctyt__text--checkInboxListMain {
  display: block;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #333;
  text-align: left;
}
.ctyt__text--checkInboxListSub {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #777;
  text-align: left;
}
.ctyt__text--checkInboxListSub.dot {
  position: relative;
  padding-left: 12px;
}
.ctyt__text--checkInboxListSub.dot::before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #777;
  position: absolute;
  top: 9px;
  left: 3px;
}
.ctyt__text--checkInboxTblMain {
  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;
  gap: 8px;
}
.ctyt__text--checkInboxTblMain .text {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 900;
  text-align: left;
}
.ctyt__text--checkInboxTblQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.ctyt__text--checkInboxTblQ .icon {
  display: block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #0943c6;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 900;
  text-align: center;
}
.ctyt__text--checkInboxTblQ .text {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  text-align: left;
  word-break: keep-all;
}
.ctyt__text--checkInboxTitleOption {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
}

.ctytDialog__text--noticeIntroMain {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 900;
}
.ctytDialog__text--noticeIntroSub {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #4a4a4a;
}
.ctytDialog__text--noticeMeanTitle {
  display: block;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #0943c6;
  font-weight: 900;
}
.ctytDialog__text--noticeMeanSub {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
}
.ctytDialog__text--noticeInfoTitle {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 900;
}
.ctytDialog__text--noticeInfoTitleSub {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #777;
  text-align: center;
}
.ctytDialog__text--noticeInfoGroupTitle {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #3b50ad;
  font-weight: 900;
}
.ctytDialog__text--noticeInfoGroupContent {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #4a4a4a;
}
.ctytDialog__text--noticeInfoListTitle {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #4a4a4a;
  font-weight: 700;
}
.ctytDialog__text--noticeInfoListItemNum {
  display: block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  text-align: center;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.5px;
  color: #ebf8fa;
  font-weight: 900;
  background: #5f89c4;
}
.ctytDialog__text--noticeInfoListItemMain {
  display: block;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #4a4a4a;
  font-weight: 700;
}
.ctytDialog__text--noticeInfoReference {
  display: block;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #777;
}
.ctytDialog__text--noticeInfoListItemSub {
  position: relative;
  display: block;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #4a4a4a;
}
.ctytDialog__text--noticeInfoListItemSub::before {
  content: "";
  position: absolute;
  top: 7px;
  left: -7px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #777;
}
.ctytDialog__text--noticeInfoListItemSub2 {
  position: relative;
  display: block;
  padding-left: 12px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #4a4a4a;
}
.ctytDialog__text--noticeInfoListItemSub2::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 4px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #777;
}
.ctytDialog__text--noticeInfoListItemSub3 {
  position: relative;
  display: block;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #4a4a4a;
  font-weight: 900;
}
.ctytDialog__text--noticeStepTitle {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 900;
}
.ctytDialog__text--noticeStep {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #4a4a4a;
  text-align: center;
}
.ctytDialog__text--noticeStep > em {
  font-weight: 900;
}
.ctytDialog__text--noticeStepReference {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #f4f4f4;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #777;
  text-align: left;
}
.ctytDialog__text--noticeBanner {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #483dd7;
  font-weight: 900;
}
.ctytDialog__text--noticeBannerSub {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #4a4a4a;
}
.ctytDialog__text--noticeBannerSub > em {
  font-weight: 900;
}

.ctyt__icon12 {
  position: relative;
  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;
  width: 12px;
  min-width: 12px;
  height: 12px;
}
.ctyt__icon12--svg svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ctyt__icon12--img > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctyt__icon12--lunacon .lunacon {
  font-size: 18px;
}
.ctyt__icon14 {
  position: relative;
  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;
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.ctyt__icon14--svg svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ctyt__icon14--img > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctyt__icon14--lunacon .lunacon {
  font-size: 14px;
}
.ctyt__icon18 {
  position: relative;
  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;
  width: 18px;
  min-width: 18px;
  height: 18px;
}
.ctyt__icon18--svg svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ctyt__icon18--img > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctyt__icon18--lunacon .lunacon {
  font-size: 18px;
}
.ctyt__icon20 {
  position: relative;
  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;
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.ctyt__icon20--svg svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ctyt__icon20--img > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctyt__icon20--lunacon .lunacon {
  font-size: 20px;
}
.ctyt__icon24 {
  position: relative;
  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;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.ctyt__icon24--svg svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ctyt__icon24--img > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctyt__icon24--lunacon .lunacon {
  font-size: 24px;
}

.ctyt .typeSkeleton .ctyt__dashboardBoxTitleTextBox,
.ctyt .typeSkeleton .ctyt__dashboardBoxTitleOptionBox {
  display: none;
}
.ctyt .typeSkeleton .ctyt__dashboardBoxTitle {
  position: relative;
  display: block;
  overflow: hidden;
  width: 130px;
  height: 20px;
  border-radius: 4px;
  background-color: rgba(175, 183, 201, 0.2);
  color: transparent;
}
.ctyt .typeSkeleton .ctyt__dashboardBoxTitle::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #f0f2f7;
  -webkit-box-shadow: 0 0 22px 15px #f0f2f7;
  box-shadow: 0 0 22px 15px #f0f2f7;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ctyt .typeSkeleton.ctyt__dashboardBox .ctyt__btn--dashboardBanner .ctyt__icon14,
.ctyt .typeSkeleton.ctyt__dashboardBox .ctyt__btn--dashboardBanner .text {
  display: none;
}
.ctyt .typeSkeleton.ctyt__dashboardBox .ctyt__text--dashboardBannerTitle {
  position: relative;
  display: block;
  overflow: hidden;
  width: 30%;
  height: 20px;
  border-radius: 4px;
  background-color: rgba(175, 183, 201, 0.2);
  color: transparent;
}
.ctyt .typeSkeleton.ctyt__dashboardBox .ctyt__text--dashboardBannerTitle::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 22px 15px #fff;
  box-shadow: 0 0 22px 15px #fff;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ctyt .typeSkeleton.ctyt__dashboardBox .ctyt__text--dashboardBannerSub {
  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;
  gap: 10px;
  width: 100%;
  margin-top: 10px;
}
.ctyt .typeSkeleton.ctyt__dashboardBox .ctyt__text--dashboardBannerSub .ctyt__skeletonLine {
  position: relative;
  display: block;
  overflow: hidden;
  width: 90%;
  height: 12px;
  border-radius: 4px;
  background-color: rgba(175, 183, 201, 0.2);
}
.ctyt .typeSkeleton.ctyt__dashboardBox .ctyt__text--dashboardBannerSub .ctyt__skeletonLine:nth-child(2) {
  width: 60%;
}
.ctyt .typeSkeleton.ctyt__dashboardBox .ctyt__text--dashboardBannerSub .ctyt__skeletonLine::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 22px 15px #fff;
  box-shadow: 0 0 22px 15px #fff;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ctyt .typeSkeleton.ctyt__dashboardBox .ctyt__btn--dashboardBanner {
  position: relative;
  display: block;
  overflow: hidden;
  width: 80px;
  height: 28px;
  margin-top: 10px;
  border-radius: 4px;
  background: rgba(175, 183, 201, 0.2);
}
.ctyt .typeSkeleton.ctyt__dashboardBox .ctyt__btn--dashboardBanner::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 22px 15px #fff;
  box-shadow: 0 0 22px 15px #fff;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ctyt .typeSkeleton .ctyt__dashboardAiList .ctyt__skeletonLine {
  position: relative;
  display: block;
  overflow: hidden;
  width: 70%;
  height: 18px;
  border-radius: 4px;
  background-color: rgba(175, 183, 201, 0.2);
}
.ctyt .typeSkeleton .ctyt__dashboardAiList .ctyt__skeletonLine:nth-child(2) {
  width: 90%;
}
.ctyt .typeSkeleton .ctyt__dashboardAiList .ctyt__skeletonLine::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 22px 15px #fff;
  box-shadow: 0 0 22px 15px #fff;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ctyt .typeSkeleton .fluidTable.ctytTbl [class*=ctyt__text--],
.ctyt .typeSkeleton .fluidTable.ctytTbl .ctyt__tblProgress,
.ctyt .typeSkeleton .fluidTable.ctytTbl .ctyt__roundLabel {
  display: none;
}
.ctyt .typeSkeleton .fluidTable.ctytTbl th .ctyt__skeletonLine {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 12px;
  border-radius: 4px;
  background-color: rgba(175, 183, 201, 0.2);
  color: transparent;
}
.ctyt .typeSkeleton .fluidTable.ctytTbl th .ctyt__skeletonLine::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #f0f2f7;
  -webkit-box-shadow: 0 0 22px 15px #f0f2f7;
  box-shadow: 0 0 22px 15px #f0f2f7;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ctyt .typeSkeleton .fluidTable.ctytTbl td .inbx {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 12px;
  border-radius: 4px;
  background-color: rgba(175, 183, 201, 0.2);
  color: transparent;
}
.ctyt .typeSkeleton .fluidTable.ctytTbl td .inbx::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 22px 15px #fff;
  box-shadow: 0 0 22px 15px #fff;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ctyt .typeSkeleton .ctyt__companyList .ctyt__companyListImgBox .ctyt__icon24,
.ctyt .typeSkeleton .ctyt__companyList .ctyt__text--companyListSub,
.ctyt .typeSkeleton .ctyt__companyList .ctyt__boxLabel,
.ctyt .typeSkeleton .ctyt__companyList .ctyt__tblProgress,
.ctyt .typeSkeleton .ctyt__companyList .ctyt__companyListLabelBox {
  display: none;
}
.ctyt .typeSkeleton .ctyt__companyList .ctyt__companyListImgBox {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: rgba(175, 183, 201, 0.2);
}
.ctyt .typeSkeleton .ctyt__companyList .ctyt__companyListImgBox::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 22px 15px #fff;
  box-shadow: 0 0 22px 15px #fff;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ctyt .typeSkeleton .ctyt__companyList .ctyt__companyListTextBox {
  gap: 6px;
}
.ctyt .typeSkeleton .ctyt__companyList .ctyt__text--companyListMain {
  position: relative;
  display: block;
  overflow: hidden;
  width: 80px;
  height: 14px;
  border-radius: 4px;
  background-color: rgba(175, 183, 201, 0.2);
  color: transparent;
}
.ctyt .typeSkeleton .ctyt__companyList .ctyt__text--companyListMain::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 22px 15px #fff;
  box-shadow: 0 0 22px 15px #fff;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ctyt .typeSkeleton .ctyt__companyList .ctyt__companyListInfoBox {
  position: relative;
  display: block;
  overflow: hidden;
  width: 174px;
  height: 12px;
  border-radius: 4px;
  background-color: rgba(175, 183, 201, 0.2);
  color: transparent;
}
.ctyt .typeSkeleton .ctyt__companyList .ctyt__companyListProgressBox {
  position: relative;
  display: block;
  overflow: hidden;
  width: 40%;
  height: 18px;
  border-radius: 4px;
  background-color: rgba(175, 183, 201, 0.2);
}
.ctyt .typeSkeleton .ctyt__companyList .ctyt__companyListProgressBox::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 22px 15px #fff;
  box-shadow: 0 0 22px 15px #fff;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ctyt .typeSkeleton .ctyt__dashboardAlarmList .ctyt__dashboardAlarmImgBox img {
  display: none;
}
.ctyt .typeSkeleton .ctyt__dashboardAlarmList .ctyt__dashboardAlarmImgBox {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: rgba(175, 183, 201, 0.2);
  border: 0;
}
.ctyt .typeSkeleton .ctyt__dashboardAlarmList .ctyt__dashboardAlarmImgBox::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #f0f2f7;
  -webkit-box-shadow: 0 0 22px 15px #f0f2f7;
  box-shadow: 0 0 22px 15px #f0f2f7;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ctyt .typeSkeleton .ctyt__dashboardAlarmList .ctyt__dashboardAlarmTextBox {
  gap: 6px;
}
.ctyt .typeSkeleton .ctyt__dashboardAlarmList .ctyt__text--dashboardAlarmMain {
  position: relative;
  display: block;
  overflow: hidden;
  width: 170px;
  height: 14px;
  border-radius: 4px;
  background-color: rgba(175, 183, 201, 0.2);
  color: transparent;
}
.ctyt .typeSkeleton .ctyt__dashboardAlarmList .ctyt__text--dashboardAlarmMain::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #f0f2f7;
  -webkit-box-shadow: 0 0 22px 15px #f0f2f7;
  box-shadow: 0 0 22px 15px #f0f2f7;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.ctyt .typeSkeleton .ctyt__dashboardAlarmList .ctyt__text--dashboardAlarmSub {
  position: relative;
  display: block;
  overflow: hidden;
  width: 80px;
  height: 12px;
  border-radius: 4px;
  background-color: rgba(175, 183, 201, 0.2);
  color: transparent;
}
.ctyt .typeSkeleton .ctyt__dashboardAlarmList .ctyt__text--dashboardAlarmSub::before {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10%;
  height: 100%;
  background: #f0f2f7;
  -webkit-box-shadow: 0 0 22px 15px #f0f2f7;
  box-shadow: 0 0 22px 15px #f0f2f7;
  -webkit-animation-name: skeleton_loading;
  animation-name: skeleton_loading;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.ctyt .modernNavigator {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 100%;
  padding: 15px 0 20px;
  background-color: #262525;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 30;
}
.ctyt .modernNavigatorBtnWrap {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .modernNavigatorMenu {
  padding: 0 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .modernNavigatorMenuItem {
  display: block;
  position: relative;
  width: 34px;
  height: 34px;
}
.ctyt .modernNavigatorMenuItem + .modernNavigatorMenuItem {
  margin-top: 6px;
}
.ctyt .modernNavigatorMenuItem--menu::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") 0 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernNavigatorMenuItem--favorite::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -23px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernNavigatorMenuItem--home::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18px;
  height: 19px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -45px -23px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernNavigatorMenuItem--selected, .ctyt .modernNavigatorMenuItem:hover {
  border: 1px solid #fff;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .modernNavigatorMenuItem--selected.modernNavigatorMenuItem--menu::before, .ctyt .modernNavigatorMenuItem:hover.modernNavigatorMenuItem--menu::before {
  width: 18px;
  height: 18px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") 0 -23px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernNavigatorMenuItem--selected.modernNavigatorMenuItem--menu .widgetMode, .ctyt .modernNavigatorMenuItem:hover.modernNavigatorMenuItem--menu .widgetMode {
  display: block;
}
.ctyt .modernNavigatorMenuItem--selected.modernNavigatorMenuItem--favorite::before, .ctyt .modernNavigatorMenuItem:hover.modernNavigatorMenuItem--favorite::before {
  width: 17px;
  height: 17px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -23px -23px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernNavigatorMenuItem--selected.modernNavigatorMenuItem--home::before, .ctyt .modernNavigatorMenuItem:hover.modernNavigatorMenuItem--home::before {
  width: 18px;
  height: 19px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -68px -23px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernNavigatorSpace::before {
  content: "";
  display: block;
  width: 22px;
  height: 1px;
  margin: 0 auto 12px;
  background-color: #606060;
  opacity: 0.5;
}
.ctyt .modernNavigatorSpaceItem {
  display: block;
  position: relative;
  width: 28px;
  height: 28px;
  border: 1px solid transparent;
  border-radius: 10px;
}
.ctyt .modernNavigatorSpaceItem + .modernNavigatorSpaceItem {
  margin-top: 12px;
}
.ctyt .modernNavigatorSpaceItem .modernNavigatorSpaceIcon {
  width: 28px;
  height: 28px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctyt .modernNavigatorSpaceItem--my::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15px;
  height: 14px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -468px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernNavigatorSpaceItem--add {
  background-color: #3c3c3c;
}
.ctyt .modernNavigatorSpaceItem--add::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 13px;
  height: 13px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -487px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernNavigatorSpaceItem--selected {
  border-color: #fff;
}
.ctyt .modernNavigatorSpace .modernPopover {
  margin-top: 12px;
}
.ctyt .modernNavigatorBadge {
  position: absolute;
  top: -3px;
  right: -5px;
  width: 10px;
  height: 10px;
  background-color: #262525;
  border-radius: 50%;
}
.ctyt .modernNavigatorBadge::after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #1dc2ff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctyt .modernNavigator .modernPopoverSpace {
  position: absolute;
  bottom: -10px;
  left: 63px;
  width: 406px;
  background-color: #fff;
  border-radius: 17px;
  -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.15);
}
.ctyt .modernNavigator .modernPopoverSpace::before {
  content: "";
  position: absolute;
  bottom: 15px;
  left: -8px;
  width: 17px;
  height: 19px;
  background: url(https://static.wehago.com/imgs/newmain/lnb/icon-path.png) 0 0/17px 19px;
}
.ctyt .modernNavigator .modernPopoverSpaceHeader {
  height: 92px;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .modernNavigator .modernPopoverSpaceHeader__title {
  font-size: 18px;
  font-weight: 900;
  color: #000;
  line-height: 22px;
  letter-spacing: -0.9px;
}
.ctyt .modernNavigator .modernPopoverSpaceHeader__text {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  font-weight: bold;
  color: #777;
  line-height: 18px;
  letter-spacing: -0.7px;
}
.ctyt .modernNavigator .modernPopoverSpaceBundle {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .modernNavigator .modernPopoverSpace .modernPopoverSpaceContent {
  padding: 24px 0;
  background-color: #f7f8fd;
  border-radius: 0 0 17px 17px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .modernNavigator .modernPopoverSpace .modernPopoverSpaceContent__title {
  display: block;
  padding: 0 20px;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 900;
  color: #4a4a4a;
  line-height: 18px;
  letter-spacing: -0.7px;
}
.ctyt .modernNavigator .modernPopoverSpace .modernPopoverSpaceContent__title em {
  margin-left: 2px;
  font-size: 12px;
  font-weight: 900;
  line-height: 15px;
  letter-spacing: -0.6px;
  color: #1c90fb;
}
.ctyt .modernNavigator .modernPopoverSpace .modernPopoverSpaceContent .modernSpaceListScrollBox {
  position: relative;
  max-height: 536px;
  padding: 0 20px;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceTextBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceTextBox__title {
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #222;
  line-height: 18px;
  letter-spacing: -0.7px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceTextBox__text {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: bold;
  color: #777;
  line-height: 15px;
  letter-spacing: -0.6px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceBtnLink {
  position: absolute;
  top: 50%;
  right: 6px;
  width: 30px;
  height: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceBtnLink::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 5px;
  height: 9px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -443px -17px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceList + .modernSpaceList {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #e1e1e1;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceListItem {
  position: relative;
  height: 80px;
  padding: 0 45px 0 20px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceListItem--typeBorder .modernSpaceListItem__icon {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceListItem--typeBorder .modernSpaceListItem__icon img {
  max-width: 100%;
  min-width: 100%;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceListItem + .modernSpaceListItem {
  margin-top: 8px;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceListItem__icon {
  position: relative;
  width: 42px;
  min-width: 42px;
  height: 42px;
  margin-right: 8px;
  border: 1px solid transparent;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceListItem__icon--user::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18px;
  height: 17px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -482px -41px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceListItem__icon--people::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 19px;
  height: 15px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -458px -41px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceListItem__icon--company::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18px;
  height: 19px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -435px -41px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceListItem .modernSpaceInputBox {
  position: absolute;
  left: 14px;
}
.modernSpaceInputCheck__label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -430px -63px no-repeat;
  background-size: 500px 500px;
}

.modernSpaceInputCheck__input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}
.modernSpaceInputCheck__input:checked + label::before {
  width: 20px;
  height: 20px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -455px -63px no-repeat;
  background-size: 500px 500px;
}
.modernSpaceInputCheck__input:disabled + label {
  cursor: not-allowed;
}
.modernSpaceInputCheck__input:disabled + label::before {
  width: 20px;
  height: 20px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -480px -63px no-repeat;
  background-size: 500px 500px;
}

.ctyt .modernNavigator .modernPopoverSpace .modernSpaceListItem--active .modernSpaceListItem__icon {
  border-color: #1c90fb;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceListItem--active .modernSpaceTextBox__title {
  color: #1c90fb;
}
.ctyt .modernNavigator .modernPopoverSpace .modernSpaceList .basicMoveBtn {
  position: absolute;
  left: auto;
  right: 7px;
  width: 30px;
  height: 30px;
  margin: 0;
}
.ctyt .modernNavigator .modernPopoverSpace--menu .modernSpaceListItem {
  padding-left: 44px;
}

.ctytDragBox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  margin-right: -3px;
  background: transparent;
  z-index: 1;
  cursor: ew-resize;
}
.ctytDragBox:hover::after, .ctytDragBox.dragging::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 100%;
}
.ctytLnb {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: clamp(240px, 220px + 40 * (100vw - 1440px) / 480, 280px);
  min-width: 240px;
  padding: 16px 0 0 0;
  background-color: #f5f6fa;
  border-right: 1px solid rgba(224, 224, 224, 0.7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytLnb.wehagoCommon__tutorialTooltip {
  border: solid 2px #4a4a4a;
}
.ctytLnb-triggerBox {
  position: relative;
  padding: 0 10px 16px 10px;
}
.ctytLnb-triggerBox .wehagoCommon__tutorialTooltip {
  border: solid 2px #4a4a4a;
  height: auto !important;
}
.ctytLnb-triggerBox::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ebebeb;
}
.ctytLnb-triggerBox:not(.ctytLnb-buttonWrapper) {
  padding: 0 10px 0 10px;
}
.ctytLnb-triggerBox:not(.ctytLnb-buttonWrapper)::after {
  content: none;
}
.ctytLnb-triggerBox .ctytCommonBadge {
  position: absolute;
  top: 12px;
  right: 20px;
}
.ctytLnb-writeBox {
  margin: 0 8px;
}
.ctytLnb-writeBox__btnWrite {
  width: 100%;
  height: 36px;
  border: 0;
  background-color: #105aff;
  font-size: 14px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ctytLnb-writeBox__plusIcon {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin: 1px 4px 0 0;
  vertical-align: top;
}
.ctytLnb-writeBox__plusIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") 0 0 no-repeat;
  background-size: 500px 500px;
}
.ctytLnb-writeBox__btnText {
  display: inline-block;
  margin-top: -1px;
  vertical-align: top;
}
.ctytLnb-buttonWrapper {
  margin: 16px 0 0 0;
  gap: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytLnb-buttonBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  min-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytLnb-buttonBox::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -7px;
  width: 1px;
  height: 36px;
  background-color: #e1e1e1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctytLnb-buttonBox:first-of-type::before {
  content: none;
}
.ctytLnb-buttonBox__btnItem {
  width: 100%;
  height: 44px;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytLnb-buttonBox__btnItem--selected .ctytLnb-buttonBox__topItem .ctytLnb-buttonBox__iconItem--my::before {
  width: 18px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -284px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytLnb-buttonBox__btnItem--selected .ctytLnb-buttonBox__topItem .ctytLnb-buttonBox__iconItem--activity::before {
  width: 20px;
  height: 18px;
  background: url("/imgs/ctyt/sp_ctyt.png") -307px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytLnb-buttonBox__btnItem--selected .ctytLnb-buttonBox__topItem .ctytLnb-buttonBox__iconItem--attach::before {
  width: 13px;
  height: 18px;
  background: url("/imgs/ctyt/sp_ctyt.png") -332px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytLnb-buttonBox__btnItem--selected .ctytLnb-buttonBox__topItem .lunacon {
  color: #6795fe;
}
.ctytLnb-buttonBox__btnItem--selected .ctytLnb-buttonBox__bottomItem {
  color: #105aff;
}
.ctytLnb-buttonBox__topItem {
  display: block;
  height: 24px;
  text-align: center;
}
.ctytLnb-buttonBox__topItem .emphasis {
  font-size: 16px;
  font-weight: 700;
  color: #1c90fb;
  letter-spacing: -0.8px;
}
.ctytLnb-buttonBox__topItem .lunacon {
  color: #4a4a4a;
  font-size: 24px;
}
.ctytLnb-buttonBox__bottomItem {
  display: block;
  width: 100%;
  height: 18px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytLnb-buttonBox__iconItem {
  display: block;
  position: relative;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.ctytLnb-buttonBox__iconItem--my::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -19px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytLnb-buttonBox__iconItem--activity::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 18px;
  background: url("/imgs/ctyt/sp_ctyt.png") -42px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytLnb-buttonBox__iconItem--attach::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), -50%);
  -ms-transform: translate(calc(-50% - 0.5px), -50%);
  transform: translate(calc(-50% - 0.5px), -50%);
  width: 13px;
  height: 18px;
  background: url("/imgs/ctyt/sp_ctyt.png") -67px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytLnb-menuListWrapper {
  position: relative;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 6px 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytLnb-menuListWrapper::-webkit-scrollbar {
  width: 14px;
}
.ctytLnb-menuListWrapper::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytLnb-menuListBox {
  padding: 4px 0;
  border-bottom: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytLnb-menuListBox:only-child {
  border-bottom: 0;
}
.ctytLnb-menuListBox:last-of-type {
  border-bottom: 0;
}
.ctytLnb-menuListItem {
  position: relative;
}
.ctytLnb-menuListItem__clickItem {
  position: relative;
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 6px 0 6px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.7px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytLnb-menuListItem__clickItem:hover {
  background-color: rgba(51, 51, 51, 0.03);
}
.ctytLnb-menuListItem__clickItem--selected {
  background-color: rgba(16, 90, 255, 0.05);
  color: #105aff;
}
.ctytLnb-menuListItem__clickItem--selected .svgIcon {
  fill: #105aff;
}
.ctytLnb-menuListItem__clickItem--selected .ctytLnb-menuListItem__iconItem--svg .lunacon {
  color: #105aff;
}
.ctytLnb-menuListItem__clickItem--selected:hover {
  background-color: rgba(16, 90, 255, 0.05);
}
.ctytLnb-menuListItem:has(.ctytCommonBadge) .ctytLnb-menuListItem__clickItem {
  padding-right: 22px;
}
.ctytLnb-menuListItem__iconItem {
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin: 0 4px 0 0;
}
.ctytLnb-menuListItem__iconItem--svg {
  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;
  margin-top: -1px;
}
.ctytLnb-menuListItem__iconItem--svg svg {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  color: #333;
}
.ctytLnb-menuListItem__iconItem--svg .lunacon {
  color: #333;
  font-size: 18px;
}
.ctytLnb-menuListItem__itemText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytLnb-menuListItem__btnArrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 36px;
  background-color: transparent;
  border: 0;
}
.ctytLnb-menuListItem__btnArrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -85px -11px no-repeat;
  background-size: 500px 500px;
}
.ctytLnb-menuListItem--active .ctytLnb-subMenuListBox {
  display: block;
}
.ctytLnb-menuListItem--active .ctytLnb-menuListItem__btnArrow::before {
  width: 10px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -85px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytLnb-menuListItem .ctytCommonBadge {
  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: absolute;
  top: 50%;
  right: 4px;
  margin-top: 1px;
  padding: 1px 1px 0 0;
  font-size: 8px;
  font-weight: 700;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytLnb-menuListItem .ctytLnb__ListBtnCount--on {
  color: #105aff;
}
.ctytLnb-subMenuListItem {
  position: relative;
}
.ctytLnb-subMenuListItem:hover {
  background-color: rgba(51, 51, 51, 0.03);
}
.ctytLnb-subMenuListItem--selected {
  background-color: rgba(16, 90, 255, 0.05);
}
.ctytLnb-subMenuListItem--selected:hover {
  background-color: rgba(16, 90, 255, 0.05);
}
.ctytLnb-subMenuListItem--selected .ctytLnb-subMenuListBox__clickItem {
  color: #105aff;
}
.ctytLnb-subMenuListItem--selected .ctytLnb-subMenuListBox__svgIcon svg {
  fill: #105aff;
}
.ctytLnb-subMenuListItem .ctytLnb__ListBtnCount {
  margin-top: -1px;
}
.ctytLnb-subMenuListBox {
  display: none;
}
.ctytLnb-subMenuListBox__clickItem {
  position: relative;
  width: 100%;
  min-width: 0;
  height: 28px;
  padding: 0 10px 0 22px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytLnb-subMenuListBox:has(.ctytCommonBadge) .ctytLnb-subMenuListBox__clickItem {
  padding-right: 20px;
}
.ctytLnb-subMenuListBox__depthIcon {
  position: absolute;
  top: 11px;
  left: 11px;
  width: 6px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -100px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytLnb-subMenuListBox__svgIcon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 14px;
  min-width: 14px;
  height: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 4px;
}
.ctytLnb-subMenuListBox__svgIcon .svgIcon {
  width: 100%;
  fill: #989898;
  -o-object-fit: contain;
  object-fit: contain;
}
.ctytLnb-subMenuListBox__itemText {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytLnb-depthMenuListBox {
  padding: 2px 0 0;
  border-top: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytLnb-depthMenuListBox .ctytLnb-menuListItem__clickItem {
  height: 26px;
  padding-left: 22px;
  font-size: 12px;
  font-weight: 700;
  color: #4a4a4a;
}
.ctytLnb-depthMenuListBox .ctytLnb-menuListItem__btnArrow {
  height: 26px;
}
.ctytLnb-depthMenuListBox .ctytLnb-subMenuListBox .ctytLnb-subMenuListItem .ctytLnb-subMenuListBox__clickItem {
  padding-left: 34px;
}
.ctytLnb-depthMenuListBox .ctytLnb-subMenuListBox .ctytLnb-subMenuListItem .ctytLnb-subMenuListBox__depthIcon {
  left: 24px;
}
.ctytLnb-depthMenuListBox .ctytLnb-depthMenuListBox .ctytLnb-menuListItem__clickItem {
  padding-left: 34px;
}
.ctytLnb-depthMenuListBox .ctytLnb-depthMenuListBox .ctytLnb-subMenuListItem .ctytLnb-subMenuListBox__clickItem {
  padding-left: 46px;
}
.ctytLnb-depthMenuListBox .ctytLnb-depthMenuListBox .ctytLnb-subMenuListItem .ctytLnb-subMenuListBox__depthIcon {
  left: 36px;
}
.ctytLnb-bottomMenu {
  padding: 0 10px;
  border-top: 1px solid #ebebeb;
}

.ctyt .modern__title {
  font-size: 18px;
  font-weight: 900;
  color: #000;
  line-height: 22px;
  letter-spacing: -0.9px;
}
.ctyt .modern__subTitle {
  font-size: 14px;
  font-weight: bold;
  color: #777;
  line-height: 18px;
  letter-spacing: -0.7px;
}
.ctyt .modernModal {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 17px;
  -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  padding: 26px 0 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 11;
}
.ctyt .modernModal::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 18px;
  width: 30px;
  height: 7px;
  background: url(https://static.wehago.com/imgs/newmain/header/icon-path-top.png) 0 0/30px 7px;
}
.ctyt .modernModal--arrLeft:before {
  right: auto;
  left: 18px;
}
.ctyt .modernModal .modernWrap {
  width: 406px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .modernModal .modernWrap .widget-fileBox {
  border-radius: 0 0 17px 17px;
}
.widget-modal__btnSetting {
  position: relative;
  width: 24px;
  height: 24px;
  margin-top: -2px;
}
.widget-modal__btnSetting::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 19px;
  height: 19px;
  background: url("/imgs/ctyt/sp_ctyt.png") -267px 0 no-repeat;
  background-size: 500px 500px;
}

.ctyt .modernModalHeader {
  padding: 0 20px 20px 24px;
  border-bottom: 1px solid #e1e4eb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .modernModalHeader:only-child {
  border-bottom: 0;
}
.ctyt .modernModalHeader--noBorder {
  border-bottom: 0;
}
.ctyt .modernModalHeaderBundle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .modernModalHeader--split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .modernModalHeader--direction {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ctyt .modernModalHeader__title {
  font-size: 18px;
  font-weight: 900;
  color: #000;
  line-height: 22px;
  letter-spacing: -0.9px;
}
.ctyt .modernModalHeader__title > a {
  display: inline-block;
  vertical-align: top;
}
.ctyt .modernModalHeader__badge {
  display: inline-block;
  min-width: 28px;
  height: 20px;
  padding: 0 4px;
  margin-top: -2px;
  margin-left: 6px;
  background-color: #1c90fb;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 900;
  color: #fff;
  line-height: 21px;
  vertical-align: top;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .modernModal .widgetLabelFilter {
  padding-top: 14px;
  border-top: 1px solid #d7dbe2;
}
.ctyt .modernModal--setting {
  border: 1px solid #b4b4b4;
}
.ctyt .modernModal--setting .modernWrap {
  width: 340px;
}
.ctyt .modernTreeview {
  padding: 0 14px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .modernTreeview .LUX_basic_treeview_wrap.LUX_basic_treeview_wrap_v2 .LUX_basic_treeview {
  width: 100%;
}
.ctyt .modernTreeview .LUX_basic_treeview_wrap.LUX_basic_treeview_wrap_v2 .LUX_basic_treeview .chart_lst {
  border-radius: 8px;
}
.ctyt .modernHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1380px;
  height: 58px;
  padding: 0 30px;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .modernHeaderBundle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .modernHeaderLogo {
  width: 130px;
  height: 30px;
  margin-right: 14px;
}
.ctyt .modernHeaderLogoItem {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(https://static.wehago.com/imgs/common/svg/wehago_b.svg);
  background-size: 100% 30px;
}
.ctyt .modernHeader .modernHeader-pinWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .modernHeader .modernHeader-pinWrap .modernHeader-pinBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .modernHeader .modernHeader-pinWrap .modernHeader-pinBox + .modernHeader-pinBox {
  margin-left: 5px;
}
.ctyt .modernHeader .modernHeader-pinWrap .modernHeader-pinBox--active .modernHeader-pinWrap__pinItem {
  border-color: #d3d3d3;
}
.ctyt .modernHeader .modernHeader-pinWrap .modernHeader-pinBox--active .modernHeader-pinWrap__pinItem .pinItem__pinIcon::before {
  width: 9px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -181px -152px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-pinWrap__pinItem {
  position: relative;
  min-width: 82px;
  max-width: 105px;
  height: 28px;
  padding: 0 20px 0 25px;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctyt .modernHeader .modernHeader-pinWrap__pinItem .pinItem__pinIcon {
  position: absolute;
  top: 50%;
  left: 4px;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctyt .modernHeader .modernHeader-pinWrap__pinItem .pinItem__pinIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -166px -152px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-pinWrap__pinItem .pinItem__serviceName {
  font-size: 12px;
  font-weight: bold;
  color: #777;
  line-height: 15px;
  letter-spacing: -0.6px;
}
.ctyt .modernHeader .modernHeader-pinWrap__pinItem .pinItem__btnClose {
  position: absolute;
  top: 50%;
  right: 6px;
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctyt .modernHeader .modernHeader-pinWrap__pinItem .pinItem__btnClose::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") -241px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-pinWrap__pinItem:hover {
  border-color: #d3d3d3;
}
.ctyt .modernHeader .modernHeader-pinWrap__pinItem:hover .pinItem__pinIcon::before {
  width: 9px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -181px -152px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-moreMenu {
  position: relative;
  margin-top: 3px;
  margin-left: 5px;
}
.ctyt .modernHeader .modernHeader-moreMenu__btnMenu {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 22px;
  vertical-align: top;
}
.ctyt .modernHeader .modernHeader-moreMenu__btnMenu::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
  background: url("/imgs/ctyt/sp_ctyt.png") -126px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-moreMenu__btnMenu:hover::before {
  width: 22px;
  height: 22px;
  background: url("/imgs/ctyt/sp_ctyt.png") -99px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-supportMenu {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .modernHeader .modernHeader-serviceMenu {
  gap: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .modernHeader .modernHeader-serviceMenu [class*=modernHeader-serviceMenu__] {
  position: relative;
}
.ctyt .modernHeader .modernHeader-serviceMenu [class*=modernHeader-serviceMenu__] .serviceMenu__btnIcon {
  vertical-align: top;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem {
  width: 22px;
  height: 22px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem .serviceMenu__input {
  display: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  font-size: 14px;
  font-weight: bold;
  color: #4a4a4a;
  line-height: 18px;
  letter-spacing: -0.7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem .serviceMenu__input::-webkit-input-placeholder {
  color: #b4b4b4;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem .serviceMenu__input::-moz-placeholder {
  color: #b4b4b4;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem .serviceMenu__input:-ms-input-placeholder {
  color: #b4b4b4;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem .serviceMenu__input::-ms-input-placeholder {
  color: #b4b4b4;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem .serviceMenu__input::placeholder {
  color: #b4b4b4;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem .serviceMenu__btnIcon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem .serviceMenu__btnIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 19px;
  height: 19px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") 0 -152px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem .serviceMenu__btnClose {
  display: none;
  position: absolute;
  top: 50%;
  right: 34px;
  width: 16px;
  height: 16px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem .serviceMenu__btnClose::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -429px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem--active {
  display: block;
  width: 200px;
  height: 30px;
  padding: 0 30px 0 8px;
  border: 1px solid #4a4a4a;
  border-radius: 4px;
  -webkit-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem--active .serviceMenu__input {
  display: block;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem--typing {
  padding: 0 55px 0 8px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem--typing .serviceMenu__input {
  display: block;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem--typing .serviceMenu__btnClose {
  display: block;
}
.ctyt .modernHeader .modernHeader-serviceMenu__searchItem--typing .serviceMenu__btnIcon {
  left: auto;
  right: 3px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__alarmItem {
  position: relative;
  width: 22px;
  height: 22px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__alarmItem .serviceMenu__btnIcon {
  width: 22px;
  height: 22px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__alarmItem .serviceMenu__btnIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 17px;
  height: 20px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -24px -152px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__alarmItem .alarmItem__countItem {
  position: absolute;
  top: -3px;
  left: 9px;
  background-color: #fc5356;
  border-radius: 7px;
  padding: 0 4px;
  font-size: 9px;
  font-weight: 900;
  color: #fff;
  line-height: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .modernHeader .modernHeader-serviceMenu__bookmarkItem {
  width: 22px;
  height: 22px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__bookmarkItem .serviceMenu__btnIcon {
  width: 22px;
  height: 22px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__bookmarkItem .serviceMenu__btnIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 19px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -46px -152px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__mentionItem {
  width: 22px;
  height: 22px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__mentionItem .serviceMenu__btnIcon {
  width: 22px;
  height: 22px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__mentionItem .serviceMenu__btnIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -66px -152px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__fileBoxItem {
  width: 22px;
  height: 22px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__fileBoxItem .serviceMenu__btnIcon {
  width: 22px;
  height: 22px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__fileBoxItem .serviceMenu__btnIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -91px -152px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__orgzItem {
  width: 22px;
  height: 22px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__orgzItem .serviceMenu__btnIcon {
  width: 22px;
  height: 22px;
}
.ctyt .modernHeader .modernHeader-serviceMenu__orgzItem .serviceMenu__btnIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 19px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -114px -152px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-profileMenu {
  position: relative;
  padding-left: 24px;
}
.ctyt .modernHeader .modernHeader-profileMenu::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 1px;
  height: 14px;
  background-color: #606060;
  opacity: 0.15;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctyt .modernHeader .modernHeader-profileMenu .modernHeader-profileMenu__btnName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .modernHeader .modernHeader-profileMenu .modernHeader-userName {
  margin-right: 7px;
  font-size: 16px;
  font-weight: bold;
  color: #4a4a4a;
  line-height: 19px;
  letter-spacing: -0.8px;
}
.ctyt .modernHeader .modernHeader-profileMenu .modernHeader-userName::after {
  content: "";
  display: inline-block;
  margin-top: 7px;
  margin-left: 4px;
  vertical-align: top;
  width: 10px;
  height: 6px;
  background: url("https://static.wehago.com/imgs/newmain/sp_newmain.png") -289px -41px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernHeader-profileMenu .modernHeader-userThumb {
  overflow: hidden;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
}
.ctyt .modernHeader .modernHeader-profileMenu .modernUserProfile {
  display: none;
  position: absolute;
  top: calc(100% + 24px);
  right: -24px;
}
.ctyt .modernHeader .modernHeader-profileMenu--active .modernUserProfile {
  display: block;
}
.ctyt .modernHeader--typeBg {
  background-color: rgba(0, 0, 0, 0.08);
}
.ctyt .modernHeader--typeBg .modernHeader-moreMenu__btnMenu::before {
  width: 22px;
  height: 22px;
  background: url("/imgs/ctyt/sp_ctyt.png") -184px -30px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader--typeBg .modernHeaderLogoItem {
  background-image: url(https://static.wehago.com/imgs/common/svg/wehago_w_all.svg);
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__searchItem {
  border-color: #fff;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__searchItem .serviceMenu__input {
  color: #fff;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__searchItem .serviceMenu__input::-webkit-input-placeholder {
  color: #fff;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__searchItem .serviceMenu__input::-moz-placeholder {
  color: #fff;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__searchItem .serviceMenu__input:-ms-input-placeholder {
  color: #fff;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__searchItem .serviceMenu__input::-ms-input-placeholder {
  color: #fff;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__searchItem .serviceMenu__input::placeholder {
  color: #fff;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__searchItem .serviceMenu__btnIcon::before {
  width: 19px;
  height: 19px;
  background: url("/imgs/ctyt/sp_ctyt.png") 0 -176px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__searchItem .serviceMenu__btnClose::before {
  width: 16px;
  height: 16px;
  background: url("/imgs/ctyt/sp_ctyt.png") -275px -142px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__alarmItem .serviceMenu__btnIcon::before {
  width: 17px;
  height: 20px;
  background: url("/imgs/ctyt/sp_ctyt.png") -24px -176px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__bookmarkItem .serviceMenu__btnIcon::before {
  width: 16px;
  height: 19px;
  background: url("/imgs/ctyt/sp_ctyt.png") -46px -176px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__mentionItem .serviceMenu__btnIcon::before {
  width: 20px;
  height: 20px;
  background: url("/imgs/ctyt/sp_ctyt.png") -66px -176px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__fileBoxItem .serviceMenu__btnIcon::before {
  width: 18px;
  height: 18px;
  background: url("/imgs/ctyt/sp_ctyt.png") -91px -176px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader--typeBg .modernHeader-serviceMenu__orgzItem .serviceMenu__btnIcon::before {
  width: 20px;
  height: 19px;
  background: url("/imgs/ctyt/sp_ctyt.png") -114px -176px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader--typeBg .modernHeader-profileMenu .modernHeader-userName {
  color: #fff;
}
.ctyt .modernHeader--typeBg .modernHeader-profileMenu .modernHeader-userName::after {
  width: 10px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -225px -41px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader--typeBg .modernHeader-pinWrap__pinItem {
  border: solid 1px rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.ctyt .modernHeader--typeBg .modernHeader-pinWrap__pinItem:hover {
  border-color: rgba(255, 255, 255, 0.7);
}
.ctyt .modernHeader--typeBg .modernHeader-pinWrap__pinItem .pinItem__pinIcon::before {
  width: 10px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -195px -152px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader--typeBg .modernHeader-pinWrap__pinItem .pinItem__serviceName {
  color: #fff;
}
.ctyt .modernHeader--typeBg .modernHeader-pinWrap__pinItem .pinItem__btnClose::before {
  width: 8px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") -254px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader--typeBg .modernHeader-pinWrap__pinItem:hover .pinItem__pinIcon::before {
  width: 9px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -210px -152px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader--typeBg .modernHeader-pinWrap .modernHeader-pinBox--active .modernHeader-pinWrap__pinItem {
  border-color: rgba(255, 255, 255, 0.7);
}
.ctyt .modernHeader--typeBg .modernHeader-pinWrap .modernHeader-pinBox--active .modernHeader-pinWrap__pinItem .pinItem__pinIcon::before {
  width: 9px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -210px -152px no-repeat;
  background-size: 500px 500px;
}
.ctyt .modernHeader .modernModal {
  top: calc(100% + 24px);
  right: -22px;
  left: auto;
}
.ctytSubHeader {
  height: 48px;
  min-height: 48px;
  padding: 0 28px;
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSubHeader__title {
  font-size: 18px;
  font-weight: 900;
  color: #000;
  letter-spacing: -0.9px;
}
.ctytPageHeader {
  height: 48px;
  min-height: 48px;
  padding: 0 28px;
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytPageHeader-titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytPageHeader-titleBox__title {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  letter-spacing: -0.8px;
}
.ctytPageHeader-titleBox__titleText--placeholder {
  color: #b4b4b4;
}
.ctytPageHeader-titleBox button.ctytPageHeader-titleBox__title {
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytPageHeader-titleBox button.ctytPageHeader-titleBox__title .lunacon {
  font-size: 12px;
  color: #4a4a4a;
}
.ctytPageHeader__prevBtn {
  position: relative;
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  vertical-align: top;
}
.ctytPageHeader__prevBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(calc(-50% + 1px));
  -ms-transform: translateY(calc(-50% + 1px));
  transform: translateY(calc(-50% + 1px));
  width: 8px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -383px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytPageHeader-buttonBox {
  margin-left: auto;
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytPageHeader-buttonBox .SNA_btn .btn_skin:not(:has(.label)) {
  padding: 0 6px;
}
.ctytPageHeader-buttonBox .SNA_btn .btn_skin:not(:has(.label)) .ctytButtonIcon {
  margin: 0;
}

.ctyt .ctytSubHeader-search {
  position: relative;
  width: 320px;
  background-color: #fff;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytSubHeader-search__input {
  width: 100%;
  height: 32px;
  padding: 0 54px 0 8px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #4a4a4a;
  letter-spacing: -0.7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
.ctyt .ctytSubHeader-search__input::-webkit-input-placeholder {
  color: #b4b4b4;
}
.ctyt .ctytSubHeader-search__input::-moz-placeholder {
  color: #b4b4b4;
}
.ctyt .ctytSubHeader-search__input:-ms-input-placeholder {
  color: #b4b4b4;
}
.ctyt .ctytSubHeader-search__input::-ms-input-placeholder {
  color: #b4b4b4;
}
.ctyt .ctytSubHeader-search__input::placeholder {
  color: #b4b4b4;
}
.ctyt .ctytSubHeader-search__input:focus {
  border-color: #4a4a4a;
}
.ctyt .ctytSubHeader-search__message {
  display: none;
  margin-top: 4px;
  font-size: 12px;
  font-weight: bold;
  color: #fc5356;
}
.ctyt .ctytSubHeader-searchBox {
  position: relative;
}
.ctyt .ctytSubHeader-searchBox--active .ctytSubHeader-search__btnFilter::before {
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -149px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytSubHeader-searchBtnWrap {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  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;
}
.ctyt .ctytSubHeader-searchBtnWrap [class*=ctytSubHeader-search__btn] + [class*=ctytSubHeader-search__btn] {
  margin-left: 4px;
}
.ctyt .ctytSubHeader-search__btnSearch {
  display: none;
  width: 18px;
  height: 18px;
  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;
}
.ctyt .ctytSubHeader-search__btnSearch::before {
  content: "";
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -111px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytSubHeader-search__btnPrev {
  display: none;
  position: absolute;
  top: 50%;
  left: 12px;
  width: 18px;
  height: 18px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctyt .ctytSubHeader-search__btnPrev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15px;
  height: 11px;
  background: url("/imgs/ctyt/sp_ctyt.png") -409px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytSubHeader-search__btnFilter {
  position: relative;
  width: 18px;
  height: 18px;
  vertical-align: top;
}
.ctyt .ctytSubHeader-search__btnFilter::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -130px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytSubHeader-search .ctytSubHeader-searchContour {
  width: auto;
  height: 18px;
  font-size: 0;
}
.ctyt .ctytSubHeader-search .ctytSubHeader-searchContour::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 2px 5px 0;
  background-color: #e1e1e1;
  vertical-align: top;
}
.ctyt .ctytCommonLayer {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  padding: 24px 20px;
  border: 1px solid #d3d3d3;
  border-radius: 14px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 11;
}
.ctytSearchGroup {
  min-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.ctytSearchGroup + .ctytSearchGroup {
  margin-top: 12px;
}
.ctytSearchGroupId {
  width: 69px;
  min-width: 69px;
  height: 100%;
}
.ctytSearchGroupId__text {
  font-size: 13px;
  font-weight: 700;
  color: #777;
  letter-spacing: -0.65px;
  line-height: 30px;
}
.ctytSearchGroupInput {
  position: relative;
  height: 100%;
}
.ctytSearchGroupInputBox {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytSearchGroupInputBox__errorMessage {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 11px;
  font-weight: 400;
  color: #fc5356;
  letter-spacing: -0.55px;
}
.ctytSearchGroupInputBox--error {
  padding-bottom: 18px;
}
.ctytSearchGroupInputBox--error .ctytSearchGroupInputBox__errorMessage {
  display: block;
}
.ctytSearchGroupInputBox--error .ctytSearchGroupInput::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -218px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytSearchGroupInputBox--error .ctytSearchGroupInput__inputItem {
  padding-right: 30px;
  border-color: #fc5356;
  background-color: #fff;
}
.ctytSearchGroupInputBox--error .ctytSubHeader-search__btnSearch {
  display: none;
}
.ctytSearchGroupInput__inputItem {
  width: 100%;
  height: 32px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background-color: #f7f7f8;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  line-height: 30px;
  letter-spacing: -0.5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
.ctytSearchGroupInput__inputItem::-webkit-input-placeholder {
  font-weight: 400;
  color: #b4b4b4;
}
.ctytSearchGroupInput__inputItem::-moz-placeholder {
  font-weight: 400;
  color: #b4b4b4;
}
.ctytSearchGroupInput__inputItem:-ms-input-placeholder {
  font-weight: 400;
  color: #b4b4b4;
}
.ctytSearchGroupInput__inputItem::-ms-input-placeholder {
  font-weight: 400;
  color: #b4b4b4;
}
.ctytSearchGroupInput__inputItem::placeholder {
  font-weight: 400;
  color: #b4b4b4;
}
.ctytSearchGroupInput__inputItem:disabled {
  background-color: #f0f0f0;
}
.ctytSearchGroupInput .ctytSubHeader-search__btnSearch {
  position: absolute;
  top: 50%;
  right: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctytSearchGroupInput--search .ctytSearchGroupInput__inputItem {
  padding: 0 30px 0 8px;
}
.ctytSearchSelectWrapper .ctytSearchGroupInputBox--error {
  padding-bottom: 0;
}
.ctytSearchSelectWrapper .ctytSearchGroupInputBox--error .ctytSearchGroupInputBox__errorMessage {
  bottom: -18px;
}
.ctytSearchPeriodWrapper {
  margin-top: 6px;
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSearchPeriodWrapper__text {
  font-size: 11px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.55px;
}
.ctyt .ctytBottomCheck {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  padding: 0 20px;
  background-color: #50596c;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ctytBottomCheck-numBox__text {
  font-size: 13px;
  font-weight: 900;
  color: #fff;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.ctyt .ctytBottomCheck-numBox__emphasis {
  color: #719bfc;
}
.ctyt .ctytBottomCheck-buttonBox {
  margin-left: auto;
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytBottomCheck-buttonBox .ctytBottomCheckButtonGroup {
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytBottomCheck-buttonBox__btnItem {
  height: 28px;
  padding: 0 8px;
  border: 1px solid #b4b4b4;
  background-color: transparent;
  border-radius: 6px;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.ctyt .ctytBottomCheck-buttonBox__btnItem--deselect {
  border-color: transparent;
  background-color: rgba(211, 211, 211, 0.1);
}
.ctyt .ctytBottomCheck-buttonBox__btnItem--clear {
  padding: 0;
  border: 0;
}
.ctyt .ctytBottomCheck-buttonBox__btnItem--clear .ctytBottomCheck-buttonBox__btnText {
  font-size: 14px;
  color: #d3d3d3;
  text-decoration: underline;
}
.ctyt .ctytBottomCheck-buttonBox__btnText {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  line-height: 1.5;
  letter-spacing: -0.5px;
  vertical-align: top;
}
.ctyt .ctytBottomCheckSelectBox {
  position: relative;
}
.ctyt .ctytBottomCheckSelectBox .ctytBottomCheck-buttonBox__btnItem {
  padding: 0 12px 0 18px;
}
.ctyt .ctytBottomCheckSelectBox .ctytBottomCheck-buttonBox__btnText::after {
  content: "";
  display: inline-block;
  margin: 8px 0 0 8px;
  vertical-align: top;
  width: 10px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -143px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytBottomCheckSelectBox--active .ctytBottomCheckSelectList {
  display: block;
}
.ctyt .ctytBottomCheckSelectBox--active .ctytBottomCheck-buttonBox__btnItem {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-width: 0;
}
.ctyt .ctytBottomCheckSelectBox--active .ctytBottomCheck-buttonBox__btnText::after {
  width: 10px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -158px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytBottomCheckSelectList {
  display: none;
  position: absolute;
  bottom: 100%;
  left: -1px;
  right: -1px;
  padding: 4px 0;
  border: solid 1px #4a4a4a;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytBottomCheckSelectListItem__btnItem {
  width: 100%;
  height: 32px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 400;
  color: #4a4a4a;
  letter-spacing: -0.65px;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctyt .ctytBottomCheckSelectListItem__btnItem:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.ctytPageContent-titleBox {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytPageContent-titleBox__title {
  font-size: 16px;
  font-weight: 900;
  color: #000;
  letter-spacing: -0.8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.ctytPageContent-titleBox__titleBtn {
  position: relative;
  border: 0;
  background: none;
}
.ctytPageContent-titleBox__titleBtn .lunacon {
  font-size: 18px;
  color: #4a4a4a;
}
.ctytPageContent-titleBox__subTitle {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
}
.ctytPageContent-titleBox .ctytPagePrevButtonBox {
  margin-right: 8px;
}
.ctytPageContent-titleBox .ctytCommonButtonBox {
  margin-left: auto;
}
.ctytPageContent-titleBox:has(.ctyt__btn--favorite) {
  gap: 4px;
}
.ctytPageContent-contentBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}
.ctytPageContent-contentBox__dirRow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 0 16px;
}
.ctyt .ctytPageTab {
  position: relative;
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ctytPageTab-tabList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ctytPageTab-tabList li {
  position: relative;
  margin-left: 20px;
}
.ctyt .ctytPageTab-tabList li:first-of-type {
  margin-left: 0;
}
.ctyt .ctytPageTab-tabList li.selected button {
  font-weight: 900;
  color: #333;
}
.ctyt .ctytPageTab-tabList li.selected button::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: #333;
}
.ctyt .ctytPageTab-tabList__item {
  position: relative;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: normal;
  color: #777;
  letter-spacing: -0.5px;
  background-color: transparent;
  border: 0;
}
.ctyt .ctytPageTab--rnb {
  height: 26px;
  margin-top: 16px;
}
.ctyt .ctytPageTab--rnb .ctytPageTab-tabList__item {
  padding-bottom: 4px;
}
.ctyt .ctytPageTab .swiper-container {
  width: 100%;
}
.ctyt .ctytPageTab .swiper-container .swiper-slide {
  width: auto;
  height: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.ctyt .ctytPageTab .swiper-button-prev,
.ctyt .ctytPageTab .swiper-button-next {
  top: 50%;
  margin: 0;
  width: 30px;
  height: 30px;
  opacity: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctyt .ctytPageTab .swiper-button-prev {
  left: 0;
  background: url(/imgs/ctyt/sp_ctyt.png) no-repeat -354px -78px/500px 500px;
}
.ctyt .ctytPageTab .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.ctyt .ctytPageTab .swiper-button-prev::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  width: 60px;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
  background-image: -o-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.ctyt .ctytPageTab .swiper-button-next {
  right: 0;
  background: url(/imgs/ctyt/sp_ctyt.png) no-repeat -319px -78px/500px 500px;
}
.ctyt .ctytPageTab .swiper-button-next.swiper-button-disabled {
  display: none;
}
.ctyt .ctytPageTab .swiper-button-next::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  width: 60px;
  background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
  background-image: -o-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}
.ctytIntegratedSearchBox {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytIntegratedSearchBox__prevBtn {
  position: relative;
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: top;
}
.ctytIntegratedSearchBox__prevBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-50% + 1px));
  -ms-transform: translate(-50%, calc(-50% + 1px));
  transform: translate(-50%, calc(-50% + 1px));
  width: 7px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -358px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytIntegratedSearchBox__title {
  font-size: 16px;
  font-weight: 900;
  color: #000;
  letter-spacing: -0.8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.ctytIntegratedSearchBox__title em {
  margin: 0 2px;
  color: #105aff;
}
.ctytIntegratedLabelBox {
  margin-left: 8px;
  gap: 0 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytIntegratedLabelItem {
  height: 28px;
  padding: 0 6px 0 8px;
  background-color: #eff1f5;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytIntegratedLabelItem__text {
  margin-top: -1px;
  font-size: 12px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.6px;
}
.ctytIntegratedLabelItem__deleteBtn {
  position: relative;
  width: 12px;
  min-width: 12px;
  height: 12px;
  margin-left: 2px;
}
.ctytIntegratedLabelItem__deleteBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") -370px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .textHighlight {
  color: #105aff;
}
.ctytSubHeader-buttonBox {
  margin-left: auto;
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytSubHeader-combineButton {
  position: relative;
  padding-left: 11px;
}
.ctytSubHeader-combineButton::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  width: 1px;
  height: 18px;
  background-color: #d3d3d3;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctyt .wehagoCommon__tutorialTooltipAnchor .ctytSubHeader-combineButton {
  padding-left: 0;
}
.ctyt .wehagoCommon__tutorialTooltipAnchor .ctytSubHeader-combineButton::before {
  display: none;
}
.ctytrnbContainer__closeBtn {
  position: absolute;
  top: 22px;
  right: 22px;
  width: 18px;
  height: 18px;
}
.ctytrnbContainer__closeBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: url("https://static.wehago.com/imgs/common/sp_icon.png") -159px -259px no-repeat;
  background-size: 500px 1000px;
}
.ctytrnbHeaderBox {
  height: 26px;
  padding-right: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytrnbHeaderBox__title {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  letter-spacing: -0.8px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytrnbHeaderBox__num {
  color: #105aff;
}
.ctytrnbHeaderBox__btnCalendar {
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-left: 4px;
}
.ctytrnbHeaderBox__btnCalendar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 11px;
  height: 11px;
  background: url("/imgs/ctyt/sp_ctyt.png") -208px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytrnbHeaderBox .ctytrnbHeaderButtonBox {
  position: relative;
  margin-top: 1px;
  margin-left: auto;
}
.ctytrnbHeaderBox .ctytrnbHeaderButtonBox--active .ctytVoteTipBox {
  display: block;
}
.ctyt .asActionFile {
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .asActionFile .SNA_btn .ctytButtonIcon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/imgs/ctyt/icon_upload.svg) no-repeat center center/cover;
}
.ctyt .asActionFile .SNA_btn .btn_skin {
  gap: 0 4px;
  height: 32px;
}
.ctyt .asActionFile .SNA_btn .btn_skin .label {
  margin: -1px 0 0;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.ctyt .asActionFile .SNA_btn[disabled] .ctytButtonIcon {
  background: url(/imgs/ctyt/icon_upload_disable.svg) no-repeat center center/cover;
}
.ctyt .asActionFile .SNA_btn[disabled] .btn_skin .label {
  color: #d3d3d3;
}
.ctyt .asActionFile__zone {
  position: relative;
  min-height: 124px;
  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;
}
.ctyt .asActionFile__btnBox {
  overflow: hidden;
  height: 48px;
  border-top: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 0 4px;
  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;
}
.ctyt .asActionFile__btnUpload {
  width: 100%;
  height: 100%;
}
.ctyt .asActionFile__text {
  font-size: 12px;
  font-weight: 400;
  color: #989898;
  letter-spacing: -0.5px;
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-all;
}
.ctyt .asActionFile__textInfo {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  font-weight: bold;
  color: #b4b4b4;
  line-height: 14px;
  letter-spacing: -0.55px;
}
.ctyt .asActionFile__thumb {
  display: inline-block;
  margin-right: 8px;
  width: 46px;
  min-width: 46px;
  height: 47px;
  vertical-align: top;
  background: url(/imgs/ctyt/icon_file.svg) no-repeat center center/cover;
}
.ctyt .asActionFileList {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 16px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .asActionFileList::-webkit-scrollbar {
  width: 14px;
}
.ctyt .asActionFileList::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctyt .asActionFileListBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .asActionFileList__item {
  position: relative;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .asActionFileList__item + .asActionFileList__item {
  margin-top: 8px;
}
.ctyt .asActionFileList__fileName {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctyt .asActionFileList__fileName:hover {
  text-decoration: underline;
}
.ctyt .asActionFileList__extension {
  font-size: 12px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.5px;
}
.ctyt .asActionFileList__fileVolume {
  margin-left: 4px;
  font-size: 11px;
  font-weight: 400;
  color: #b4b4b4;
  letter-spacing: -0.5px;
}
.ctyt .asActionFileList__btnDelete {
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: none;
}
.ctyt .asActionFileList__btnDelete::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 11px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -457px -23px no-repeat;
  background-size: 500px 500px;
}
.ctyt .asActionFileList__fileIcon {
  display: inline-block;
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-top: 2px;
  margin-right: 4px;
  vertical-align: top;
}
.ctyt .asActionFileList__fileIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -218px -23px no-repeat;
  background-size: 500px 500px;
}
.ctyt .asActionFileList__workIcon {
  margin-right: 4px;
}
.ctytCommonInputBox {
  position: relative;
}
.ctytCommonInputBox + .ctytCommonInputBox {
  margin-top: 12px;
}
.ctytCommonInputBox:first-of-type {
  margin-top: 0;
}
.ctytCommonInputDef--division {
  gap: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytCommonInputDef__starPoint {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #fc5356;
  vertical-align: top;
}
.ctytCommonInputDef__dt {
  height: 26px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytCommonInputDef__dt .ctytCommonInputSupportsItem {
  margin-left: 10px;
}
.ctytCommonInputDef__dt .ctytCommonInputSupportsItem--end {
  margin-left: auto;
}
.ctytCommonInputDef__dd {
  position: relative;
  margin-top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytCommonInputDef__dd .ctytDivisionBox .SNA_datepicker,
.ctytCommonInputDef__dd .ctytDivisionBox .SNA_timepicker {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytCommonInputDef__dd .ctytDivisionBox-titleBox {
  min-width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytCommonInputDef__dd .ctytDivisionBox-titleBox__text {
  margin-top: -1px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.24px;
}
.ctytCommonInputDef__dd--column {
  margin-top: 4px;
}
.ctytCommonInputDef__dd--column .ctytDivisionBox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ctytCommonInputDef .ctytDivisionGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytCommonInputDef .ctytDivisionGroup + .ctytDivisionGroup {
  margin-top: 8px;
}
.ctytCommonInputDef .ctytDivisionGroup .ctytPickerBox {
  gap: 0 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytCommonInputItem {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
.ctytCommonInputItem__input {
  width: 100%;
  height: 32px;
  padding: 0 6px 0 8px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.6px;
  line-height: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}
.ctytCommonInputItem__input:hover, .ctytCommonInputItem__input:focus {
  border-color: #4a4a4a;
}
.ctytCommonInputItem__input::-webkit-input-placeholder {
  color: #b4b4b4;
}
.ctytCommonInputItem__input::-moz-placeholder {
  color: #b4b4b4;
}
.ctytCommonInputItem__input:-ms-input-placeholder {
  color: #b4b4b4;
}
.ctytCommonInputItem__input::-ms-input-placeholder {
  color: #b4b4b4;
}
.ctytCommonInputItem__input::placeholder {
  color: #b4b4b4;
}
.ctytCommonInputItem__input:disabled {
  border-color: #d3d3d3;
  background-color: #fafafa;
  -webkit-text-fill-color: #d3d3d3;
  pointer-events: none;
}
.ctytCommonInputItemBundle {
  position: relative;
}
.ctytCommonInputItem__validationText {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 11px;
  font-weight: 400;
  color: #fc5356;
  letter-spacing: -0.55px;
}
.ctytCommonInputItem--error {
  padding-bottom: 18px;
}
.ctytCommonInputItem--error .ctytCommonInputItem__input {
  padding-right: 30px;
  border-color: #fc5356;
}
.ctytCommonInputItem--error .ctytCommonInputItemBundle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -218px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytCommonInputItem--error .ctytCommonInputItem__validationText {
  display: block;
}
.ctytCommonInputItem--success {
  padding-bottom: 18px;
}
.ctytCommonInputItem--success .ctytCommonInputItem__input {
  padding-right: 30px;
  border-color: #105aff;
}
.ctytCommonInputItem--success .ctytCommonInputItem__validationText {
  display: block;
  color: #105aff;
}
.ctytSurveyItemGroup {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytSurveyItemBox {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSurveyItemBox + .ctytSurveyItemBox {
  margin-top: 4px;
}
.ctytSurveyItemBox--dragItem {
  position: absolute;
  border-color: #777;
  -webkit-box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.07);
}
.ctytSurveyItemBox__moveItem {
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  vertical-align: top;
}
.ctytSurveyItemBox__moveItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 10px;
  background: url("/imgs/ctyt/sp_ctyt.png") -94px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytSurveyItemBox__numId {
  margin-top: -1px;
  font-size: 12px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.24px;
}
.ctytSurveyItemBox-calendarBox {
  position: relative;
}
.ctytSurveyItemBox__btnCalendar {
  position: relative;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytSurveyItemBox__btnCalendar:hover {
  border-color: #4a4a4a;
}
.ctytSurveyItemBox__btnCalendar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -113px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytSurveyItemBox__btnOrgz {
  position: relative;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytSurveyItemBox__btnOrgz:hover {
  border-color: #4a4a4a;
}
.ctytSurveyItemBox__btnOrgz::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -29px -113px no-repeat;
  background-size: 500px 500px;
}
.ctytSurveyItemBox__btnLocation {
  position: relative;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytSurveyItemBox__btnLocation:hover {
  border-color: #4a4a4a;
}
.ctytSurveyItemBox__btnLocation::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 16px;
  background: url("/imgs/ctyt/sp_ctyt.png") -132px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytSurveyItemBox__btnDelete {
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.ctytSurveyItemBox__btnDelete::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 7px;
  background: url("/imgs/ctyt/sp_ctyt.png") -81px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytSurveyItemBundle {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytSurveyItemBundle .ctytSurveyItemBox-inputItem {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytVoteDivisionBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytVoteItemWrapper {
  position: relative;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 12px;
}
.ctytVoteItemWrapper::-webkit-scrollbar {
  width: 14px;
}
.ctytVoteItemWrapper::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytVoteItemWrapper--calendar .ctytVoteItemBox + .ctytVoteItemBox {
  margin-top: 8px;
}
.ctytVoteItemBox {
  padding: 14px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytVoteItemBox + .ctytVoteItemBox {
  margin-top: 12px;
}
.ctytVoteItemBox .ctytVoteItemLayer {
  display: none;
}
.ctytVoteItemBox:hover {
  border-color: #4a4a4a;
}
.ctytVoteItemBox:hover .ctytVoteItemLayer {
  display: block;
}
.ctytVoteItemLabel {
  display: inline-block;
  height: 18px;
  padding: 0 7px 0 6px;
  border-radius: 4px;
  background-color: #e3edff;
  line-height: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
}
.ctytVoteItemLabel--calendar {
  background-color: #ede8ff;
}
.ctytVoteItemLabel--calendar .ctytVoteItemLabel__text {
  color: #774eff;
}
.ctytVoteItemLabel__icon {
  display: inline-block;
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin: 2px 2px 0 0;
  vertical-align: top;
}
.ctytVoteItemLabel__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% + 0.5px));
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% + 0.5px));
  transform: translate(calc(-50% - 0.5px), calc(-50% + 0.5px));
  width: 11px;
  height: 11px;
  background: url("/imgs/ctyt/sp_ctyt.png") -149px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteItemLabel__icon--calendar::before {
  width: 11px;
  height: 11px;
  background: url("/imgs/ctyt/sp_ctyt.png") -165px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteItemLabel__text {
  display: inline-block;
  margin-top: -1px;
  font-size: 11px;
  font-weight: 700;
  color: #528eff;
  letter-spacing: -0.55px;
  vertical-align: top;
}
.ctytVoteItemLabel--end {
  background-color: #e2e6ee;
}
.ctytVoteItemLabel--end .ctytVoteItemLabel__icon::before {
  width: 11px;
  height: 11px;
  background: url("/imgs/ctyt/sp_ctyt.png") -268px -79px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteItemLabel--end .ctytVoteItemLabel__text {
  color: #616a77;
}
.ctytVoteItemLayer {
  position: relative;
  height: 18px;
}
.ctytVoteItemLayer__btnItem {
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  vertical-align: top;
}
.ctytVoteItemLayer__btnItem:hover {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
}
.ctytVoteItemLayer__btnItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 2px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -181px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteItemLayer__btnItem:has(.lunacon--share-outlined)::before {
  content: none;
}
.ctytVoteItemLayer__btnItem:has(.lunacon--share-outlined) .lunacon {
  font-size: 16px;
  color: #b4b4b4;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytVoteItemLayer--active .ctytVoteTipBox {
  display: block;
}
.ctytVoteTipBox {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  padding: 2px 0;
  border: solid 1px #ebebeb;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.ctytVoteTipBoxListItem__icon {
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 4px;
}
.ctytVoteTipBoxListItem__icon::before {
  content: "";
}
.ctytVoteTipBoxListItem__icon--notice::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-50% + 0.5px));
  -ms-transform: translate(-50%, calc(-50% + 0.5px));
  transform: translate(-50%, calc(-50% + 0.5px));
  width: 14px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") 0 -162px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteTipBoxListItem__icon--noticeCancel::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-50% + 0.5px));
  -ms-transform: translate(-50%, calc(-50% + 0.5px));
  transform: translate(-50%, calc(-50% + 0.5px));
  width: 14px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -19px -162px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteTipBoxListItem__icon--copy::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  -ms-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  width: 13px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -38px -162px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteTipBoxListItem__icon--print::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -56px -162px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteTipBoxListItem__icon--msg::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-50% + 0.5px));
  -ms-transform: translate(-50%, calc(-50% + 0.5px));
  transform: translate(-50%, calc(-50% + 0.5px));
  width: 14px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -75px -162px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteTipBoxListItem__icon--mail::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% + 0.5px), -50%);
  -ms-transform: translate(calc(-50% + 0.5px), -50%);
  transform: translate(calc(-50% + 0.5px), -50%);
  width: 15px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -94px -162px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteTipBoxListItem__icon--note::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  -ms-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  width: 13px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -114px -162px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteTipBoxListItem__icon--link::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") 0 -180px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteTipBoxListItem__icon--modify::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -21px -180px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteTipBoxListItem__icon--delete::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 16px;
  background: url("/imgs/ctyt/sp_ctyt.png") -40px -180px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteTipBoxListItem__icon--modify2::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  -ms-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  width: 13px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -59px -180px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteTipBoxListItem__icon--pdf .lunacon {
  font-size: 18px;
  color: #4a4a4a;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytVoteTipBoxListItem__btnItem {
  position: relative;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.5px;
  line-height: 30px;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytVoteTipBoxListItem__btnItem:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  right: 4px;
  bottom: 0;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
}
.ctytVoteSubjectBox {
  height: 20px;
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytVoteSubjectBox__title {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.7px;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytVoteSubjectBox__labelItem {
  display: inline-block;
  height: 18px;
  padding: 0 6px;
  margin-right: 4px;
  border-radius: 4px;
  background-color: rgba(51, 51, 51, 0.05);
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytVoteSubjectBox__labelText {
  font-size: 11px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.55px;
  vertical-align: top;
}
.ctytVotePeriodBox {
  height: 16px;
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytVotePeriodBox__date {
  font-size: 11px;
  font-weight: 400;
  color: #777;
}
.ctytVotePeriodBox-infoList {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytVotePeriodBox-infoList__infoText {
  font-size: 11px;
  font-weight: 400;
  color: #777;
  vertical-align: top;
}
.ctytVotePeriodBox-anonymity {
  position: relative;
  padding-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytVotePeriodBox-anonymity::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 6px;
  width: 1px;
  height: 10px;
  background-color: #d3d3d3;
}
.ctytVotePeriodBox-anonymity__icon {
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin: 2px 2px 0 0;
}
.ctytVotePeriodBox-anonymity__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  width: 11px;
  height: 11px;
  background: url("/imgs/ctyt/sp_ctyt.png") -165px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytVotePeriodBox-anonymity__text {
  font-size: 11px;
  font-weight: 400;
  color: #777;
  vertical-align: top;
}
.ctytVoteCheckList {
  margin-top: 12px;
}
.ctytVoteCheckListItem {
  height: 30px;
  padding: 0 8px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytVoteCheckListItem + .ctytVoteCheckListItem {
  margin-top: 4px;
}
.ctytVoteCheckListItem__text {
  margin-top: -1px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.6px;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytVoteCheckListItem--disabled {
  background-color: #f8f8f8;
  border-color: #d3d3d3;
}
.ctytVoteCheckListItem--disabled .ctytVoteCheckListItem__text {
  color: #d3d3d3;
}
.ctytVoteButtonBox {
  margin-top: 12px;
  text-align: center;
}
.ctytScheduleWrapper {
  overflow-y: auto;
  margin-top: 14px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytScheduleWrapper::-webkit-scrollbar {
  width: 14px;
}
.ctytScheduleWrapper::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytScheduleWrapper .ctytrnbSearchBox {
  margin-top: 8px;
}
.ctytSchedulePeriod {
  position: relative;
  border-radius: 6px;
  border: 1px solid transparent;
  background-color: #f5f5f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.ctytSchedulePeriodBox {
  padding: 11px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSchedulePeriod-textItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSchedulePeriod-textItem__icon {
  display: inline-block;
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: top;
}
.ctytSchedulePeriod-textItem__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -113px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytSchedulePeriod-textItem__date {
  margin-top: -1px;
  font-size: 12px;
  font-weight: 400;
  color: #4a4a4a;
  letter-spacing: -0.6px;
}
.ctytSchedulePeriod__foldBtn {
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-left: auto;
  vertical-align: top;
}
.ctytSchedulePeriod__foldBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -188px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytSchedulePeriod--active {
  background-color: #fff;
  border-color: #4a4a4a;
}
.ctytSchedulePeriod--active .ctytSchedulePeriod__foldBtn::before {
  width: 10px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -203px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytSchedulePeriod--active .ctytSchedulePeriod-calendarWrapper {
  display: block;
}
.ctytSchedulePeriod-calendarWrapper {
  display: none;
}
.ctytSchedulePeriod-calendarBox {
  height: 52px;
  padding: 0 20px;
  border-top: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSchedulePeriod-calendarBox__dt {
  min-width: 69px;
  font-size: 13px;
  font-weight: 700;
  color: #777;
  letter-spacing: -0.65px;
}
.ctytSchedulePeriod-calendarBox__dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSchedulePeriod-calendarBox__dd .SNA_datepicker .inputbox .date {
  font-size: 12px;
  font-weight: 700;
  color: #333;
}
.ctytSchedulePeriodGroup {
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytSchedulePeriodGroup .ctytCommonButtonBox {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.ctytSchedulePeriodGroup .SNA_datepicker .ctytSchedulePeriod__date {
  display: inline-block;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 400;
  color: #4a4a4a;
  letter-spacing: -0.6px;
  vertical-align: top;
}
.ctytScheduleCheckWrapper {
  position: relative;
  margin-top: 16px;
}
.ctytScheduleCheckWrapper::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 4px;
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
}
.ctytScheduleCheckBox + .ctytScheduleCheckBox {
  margin-top: 8px;
}
.ctytScheduleCheckList {
  position: relative;
  margin-top: 2px;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytScheduleCheckList-dateItem {
  position: relative;
  height: 30px;
  padding-left: 14px;
  font-size: 12px;
  font-weight: 700;
  color: #777;
  letter-spacing: -0.24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytScheduleCheckList-dateItem__icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #b4b4b4;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctytScheduleCheckList-dateItem__text {
  margin-top: -1px;
}
.ctytScheduleCheckList-dateItem--selected {
  color: #4a4a4a;
}
.ctytScheduleCheckList-dateItem--selected .ctytScheduleCheckList-dateItem__icon {
  width: 10px;
  height: 10px;
  background-color: #4a4a4a;
}
.ctytScheduleCheckList-dateItem--selected .ctytScheduleCheckList-dateItem__icon::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
}
.ctytScheduleCheckList-listItem {
  height: 64px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytScheduleCheckList-listItem__checkItem {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-right: 16px;
}
.ctytScheduleCheckList-listItem__checkItem .SNA_formbtn label .cover {
  background-color: transparent !important;
  border-color: transparent !important;
}
.ctytScheduleCheckList-listItem__checkItem .SNA_formbtn label .cover .icon svg {
  fill: #d3d3d3 !important;
}
.ctytScheduleCheckList-listItem__checkItem .SNA_formbtn label .input:checked + .cover {
  background-color: #105aff !important;
  border-color: #105aff !important;
}
.ctytScheduleCheckList-listItem__infoBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  margin-right: 12px;
}
.ctytScheduleCheckList-listItem__infoTitle {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  letter-spacing: -0.28px;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytScheduleCheckList-listItem__subTitle {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.24px;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytScheduleCheckList--empty {
  min-height: 194px;
}
.ctytTemplateSupportBox {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytTemplateSupportBox__title {
  font-size: 13px;
  font-weight: 700;
  color: #4a4a4a;
  letter-spacing: -0.65px;
}
.ctytTemplateSupportBox__title em {
  color: #105aff;
}
.ctytTemplateSupportBox .SNA_btn {
  margin-left: auto;
}
.ctytQrcodeBox-titleBox__title {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.ctytQrcodeBox-infoBox__text {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
  line-height: 18px;
}
.ctytQrcodeBox-imageBox {
  margin-top: 16px;
  gap: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytQrcodeBox-imageBox img {
  width: 64px;
  min-width: 64px;
  height: 64px;
}
.ctytQrcodeBox-linkBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytQrcodeBox-linkBox__linkItem {
  display: block;
  position: relative;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #b4b4b4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytQrcodeBox-linkBox__linkItem + .ctytQrcodeBox-linkBox__linkItem {
  margin-top: 4px;
}
.ctytQrcodeBox-linkBox__linkItem--google::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 73px;
  height: 17px;
  background: url("/imgs/ctyt/sp_ctyt.png") -50px -61px no-repeat;
  background-size: 500px 500px;
}
.ctytQrcodeBox-linkBox__linkItem--ios::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60px;
  height: 16px;
  background: url("/imgs/ctyt/sp_ctyt.png") -50px -83px no-repeat;
  background-size: 500px 500px;
}
.ctytTabButtonList {
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytTabButtonListItem__btnLabel {
  min-width: 46px;
  height: 30px;
  padding: 0 12px;
  background-color: #f3f5f8;
  border-radius: 15px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytTabButtonListItem__labelText {
  display: inline-block;
  margin: -1px 0 0 0;
  font-size: 12px;
  font-weight: 700;
  color: #777;
  letter-spacing: -0.24px;
  vertical-align: top;
}
.ctytTabButtonListItem--selected .ctytTabButtonListItem__btnLabel {
  background-color: #333;
}
.ctytTabButtonListItem--selected .ctytTabButtonListItem__labelText {
  color: #fff;
}
.ctytfeedWrapper {
  margin-top: 12px;
  overflow-y: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytfeedWrapper::-webkit-scrollbar {
  width: 14px;
}
.ctytfeedWrapper::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytfeedWriteBox {
  position: relative;
  padding: 14px 20px;
  min-height: 50px;
  border: 1px solid #dbdbdb;
  border-radius: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytfeedWriteBox + .ctytfeedContentBox-commentGroup {
  margin-top: 20px;
}
.ctytfeedWriteBox--active {
  height: auto;
}
.ctytfeedWriteBox--active .ctytfeedWriteBox-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ctytfeedWriteBox-writer {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.5px;
  line-height: 22px;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytfeedWriteBox-writer[contenteditable=true]:empty:before {
  content: attr(data-placeholder);
  color: #dbdbdb;
}
.ctytfeedWriteBox-options {
  display: none;
  height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytfeedWriteBox-options + .ctytfeedWriteBox-confirmButton {
  margin-top: -30px;
}
.ctytfeedWriteBox-optionsItem__buttonItem {
  display: inline-block;
  height: 24px;
  padding: 0 8px;
  border-radius: 6px;
  background-color: #eff1f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  line-height: 24px;
}
.ctytfeedWriteBox-optionsItem__buttonItem--notIcon {
  padding: 0 5px;
}
.ctytfeedWriteBox-optionsItem__buttonIcon {
  position: relative;
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin: 4px 2px 0 0;
  vertical-align: top;
}
.ctytfeedWriteBox-optionsItem__buttonIcon--file::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -218px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedWriteBox-optionsItem__buttonIcon--vote::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% + 0.5px));
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% + 0.5px));
  transform: translate(calc(-50% - 0.5px), calc(-50% + 0.5px));
  width: 11px;
  height: 11px;
  background: url("/imgs/ctyt/sp_ctyt.png") -231px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedWriteBox-optionsItem__buttonIcon--calendar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), -50%);
  -ms-transform: translate(calc(-50% - 0.5px), -50%);
  transform: translate(calc(-50% - 0.5px), -50%);
  width: 11px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -247px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedWriteBox-optionsItem__buttonIcon--feed {
  margin: 4px 0 0 0;
}
.ctytfeedWriteBox-optionsItem__buttonIcon--feed::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  -ms-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  width: 11px;
  height: 11px;
  background: url("/imgs/ctyt/sp_ctyt.png") -263px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedWriteBox-optionsItem__buttonText {
  display: inline-block;
  margin-top: -1px;
  font-size: 12px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.6px;
  vertical-align: top;
}
.ctytfeedWriteBox-optionsItem__delButton {
  display: inline-block;
  position: relative;
  width: 12px;
  min-width: 12px;
  height: 12px;
  margin: 5px 0 0 2px;
  vertical-align: top;
}
.ctytfeedWriteBox-optionsItem__delButton::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") -444px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedWriteBox-optionsButton {
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytfeedWriteBox-optionsButton__buttonItem {
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
}
.ctytfeedWriteBox-optionsButton__buttonItem--attach::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -384px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedWriteBox-optionsButton__buttonItem--cloud::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -403px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedWriteBox-optionsButton__buttonItem--mention::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -424px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedWriteBox-optionsButton__buttonItem--emoji::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -384px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedWriteBox-confirmButton {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytfeedWriteBox-confirmButtonBox {
  margin-left: auto;
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytfeedWriteBox-mentionItem {
  display: inline-block;
  min-width: 52px;
  height: 17px;
  margin-right: 4px;
  padding: 0 6px;
  border-radius: 4px;
  background-color: rgba(238, 243, 255, 0.7);
  font-size: 12px;
  font-weight: 700;
  color: #105aff;
  letter-spacing: -0.22px;
  line-height: 16px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytfeedWriteBox--add {
  height: auto;
}
.ctytfeedWriteBox--add .ctytfeedWriteBox-confirmButton {
  margin-left: auto;
}
.ctytfeedCommentBox {
  margin-top: 20px;
}
.ctytfeedWriteGroup {
  margin-top: 8px;
}
.ctytfeedWriteGroup + .ctytfeedWriteBox-confirmButton {
  margin-top: 20px;
}
.ctytfeedWriteGroupBox {
  position: relative;
  padding: 20px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytfeedWriteGroupBox--noborder {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.ctytfeedWriteGroupBox + .ctytfeedWriteGroupBox {
  margin-top: 20px;
}
.ctytfeedWriteGroupBox .ctytWriteDelBtn {
  position: absolute;
  top: 5px;
  right: 5px;
  scale: 0.8;
}
.ctytfeedListWrapper {
  margin-top: 20px;
}
.ctytfeedListBox {
  padding: 14px 20px;
  border: 1px solid #dbdbdb;
  border-radius: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytfeedListBox + .ctytfeedListBox {
  margin-top: 20px;
}
.ctytfeedContentBox {
  position: relative;
}
.ctytfeedContentBox-titleBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytfeedContentBox-titleBox .ctytVoteItemLayer {
  margin-left: auto;
}
.ctytfeedContentBox-attachList--active .ctytfeedContentBox-attachGroup {
  display: block;
}
.ctytfeedContentBox-attachList--active .ctytfeedContentBox-attachHeader__title::before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.ctytfeedContentBox-attachHeader {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytfeedContentBox-attachHeader__title {
  font-size: 14px;
  font-weight: 700;
  color: #333;
}
.ctytfeedContentBox-attachHeader__title::before {
  content: "";
  display: inline-block;
  margin: 8px 10px 0 0;
  vertical-align: top;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 10px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -181px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedContentBox-attachHeader__title em {
  color: #105aff;
}
.ctytfeedContentBox-attachHeader__buttonGroup {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  margin-top: -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytfeedContentBox-attachHeader__buttonGroup .SNA_btn {
  margin-left: auto;
}
.ctytfeedContentBox-attachHeader__buttonBox {
  position: relative;
  padding-left: 12px;
}
.ctytfeedContentBox-attachHeader__buttonBox::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 1px;
  height: 10px;
  background-color: #d3d3d3;
  -webkit-transform: translateY(calc(-50% + 2px));
  -ms-transform: translateY(calc(-50% + 2px));
  transform: translateY(calc(-50% + 2px));
}
.ctytfeedContentBox-attachHeader__btnItem {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
}
.ctytfeedContentBox-attachHeader__btnItem--more::after {
  content: "";
  display: inline-block;
  margin: 8px 0 0 6px;
  vertical-align: top;
  width: 7px;
  height: 4px;
  background: url("/imgs/ctyt/sp_ctyt.png") -196px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedContentBox-attachHeader__btnItem--active.ctytfeedContentBox-attachHeader__btnItem--more::after {
  content: "";
  display: inline-block;
  margin: 8px 0 0 6px;
  vertical-align: top;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 7px;
  height: 4px;
  background: url("/imgs/ctyt/sp_ctyt.png") -196px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedContentBox-attachGroup {
  display: none;
  margin-top: 12px;
  padding: 20px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytfeedContentBox-attachGroup--list {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.ctytfeedContentBox-attachGroup--list .asActionFile__zone {
  height: 154px;
}
.ctytfeedContentBox-attachGroup--list .asActionFileList {
  padding: 12px 20px;
}
.ctytfeedContentBox-attachGroup--list .asActionFileList__item {
  padding: 4px 8px;
  border-radius: 6px;
}
.ctytfeedContentBox-attachGroup--list .asActionFileList__item + .asActionFileList__item {
  margin-top: 0;
}
.ctytfeedContentBox-attachGroup--list .asActionFileList__item:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.ctytfeedContentBox-attachGroup--list .asActionFileList__item:hover .ctytVoteSupportsWrapper {
  display: block;
}
.ctytfeedContentBox-attachGroup .ctytGalleryListGroup {
  gap: 10px;
}
.ctytfeedContentBox-attachGroup .ctytGalleryListGroup .ctytGalleryListItem {
  width: calc((100% - 30px) / 4);
  height: 179px;
}
.ctytfeedContentBox-attachGroup .ctytGalleryListGroup .ctytGalleryListItem-contentInfo {
  padding: 12px 12px 15px 12px;
}
.ctytfeedContentBox-attachGroup .ctytGalleryListGroup .ctytGalleryListItem-contentInfo .ctytSubContentsBox-writeInfo {
  margin-top: 2px;
}
.ctytfeedContentBox-attachGroup .ctytGalleryListGroup .ctytGalleryListItem-thumb {
  height: 113px;
}
.ctytfeedContentBox-attachGroup .ctytGalleryListGroup .ctytMyboardListItem-titleBox {
  display: block;
  min-height: auto;
  font-size: 14px;
  letter-spacing: -0.28px;
  -webkit-line-clamp: initial;
  -webkit-box-orient: initial;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytfeedContentBox-voteBox {
  margin-top: 12px;
}
.ctytfeedContentBox-voteHeader__titleBox {
  font-size: 0;
}
.ctytfeedContentBox-voteHeader__titleBox .ctytVoteItemLabel {
  height: 20px;
  line-height: 20px;
}
.ctytfeedContentBox-voteHeader__titleBox .ctytVoteItemLabel__icon {
  margin-top: 3px;
}
.ctytfeedContentBox-voteHeader__title {
  display: block;
  margin-top: 6px;
  font-size: 16px;
  font-weight: 900;
  color: #333;
  letter-spacing: -0.8px;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytfeedContentBox-voteHeader__info {
  height: 16px;
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytfeedContentBox-voteHeader__bundle {
  height: 100%;
  font-size: 0;
}
.ctytfeedContentBox-voteHeader__date {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  vertical-align: top;
}
.ctytfeedContentBox-voteHeader__count {
  position: relative;
  padding-left: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.22px;
  vertical-align: top;
}
.ctytfeedContentBox-voteHeader__count::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 6px;
  width: 1px;
  height: 10px;
  background-color: #d3d3d3;
}
.ctytfeedContentBox-voteHeader__count:only-child::before {
  content: none;
}
.ctytfeedContentBox-voteHeader__multiple {
  position: relative;
  font-size: 11px;
  font-weight: 400;
  color: #777;
  vertical-align: top;
}
.ctytfeedContentBox-voteHeader__multiple:only-child::before {
  content: none;
}
.ctytfeedContentBox-voteHeader__multiple--question {
  padding-left: 12px;
}
.ctytfeedContentBox-voteHeader__multiple--question::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 6px;
  width: 1px;
  height: 10px;
  background-color: #d3d3d3;
}
.ctytfeedContentBox-voteHeader__icon {
  display: inline-block;
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-top: 1px;
  margin-right: 2px;
  vertical-align: top;
}
.ctytfeedContentBox-voteHeader__icon--people::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 10px;
  background: url("/imgs/ctyt/sp_ctyt.png") -485px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedContentBox-voteHeader__icon--question {
  margin-top: 2px;
}
.ctytfeedContentBox-voteHeader__icon--question::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 11px;
  height: 11px;
  background: url("/imgs/ctyt/sp_ctyt.png") -165px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedContentBox-voteHeader__icon--dbCheck {
  margin-top: 2px;
}
.ctytfeedContentBox-voteHeader__icon--dbCheck::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") -262px -61px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedContentBox-voteBox {
  padding: 18px 20px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytfeedContentBox-voteBox .ctytfeedWriteBox-confirmButton {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 16px;
}
.ctytfeedContentBox-voteBox .ctytfeedWriteBox-confirmButtonBox {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0;
}
.ctytfeedContentBox-voteGroup {
  margin-top: 18px;
}
.ctytfeedContentBox-voteItem {
  position: relative;
  height: 46px;
  padding: 12px 20px 13px;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytfeedContentBox-voteItem + .ctytfeedContentBox-voteItem {
  margin-top: 8px;
}
.ctytfeedContentBox-voteItem .SNA_formbtn label .label {
  margin-top: -1px;
  margin-left: 12px;
  font-size: 14px;
  font-weight: 700;
  color: #777;
  letter-spacing: -0.28px;
}
.ctytfeedContentBox-voteItem .SNA_formbtn.is_rounded .cover {
  padding: 4px;
}
.ctytfeedContentBox-voteItem--checked {
  background-color: rgba(16, 90, 255, 0.05);
}
.ctytfeedContentBox-voteItem--checked .ctytfeedContentBox-checkItem::before {
  width: 20px;
  height: 20px;
  background: url("/imgs/ctyt/sp_ctyt.png") -233px -79px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedContentBox-voteItem--checked .ctytfeedContentBox-checkItem__label {
  font-weight: 700;
  color: #105aff;
}
.ctytfeedContentBox-voteItem--checked .ctytfeedContentBox-voteItem__count {
  color: #777;
}
.ctytfeedContentBox-voteItem--1st .ctytfeedContentBox-checkItem__label {
  font-weight: 700;
  color: #105aff;
}
.ctytfeedContentBox-voteItem--1st .ctytfeedContentBox-bgItem {
  background-color: rgba(16, 90, 255, 0.05);
}
.ctytfeedContentBox-voteItem--1st .ctytfeedContentBox-voteItem__count {
  font-weight: 700;
  color: #105aff;
}
.ctytfeedContentBox-voteItem__count {
  position: relative;
  margin-left: auto;
  font-size: 12px;
  font-weight: 700;
  color: #777;
  letter-spacing: -0.24px;
}
.ctytfeedContentBox-voteItem a[class*=ctytfeedContentBox-voteItem__count]::after {
  content: "";
  display: inline-block;
  margin: 5px 0 0 11px;
  vertical-align: top;
  width: 5px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") -258px -79px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedContentBox-bgItem {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.06);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ctytfeedContentBox-checkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytfeedContentBox-checkItem {
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 12px;
}
.ctytfeedContentBox-checkItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: url("/imgs/ctyt/sp_ctyt.png") -208px -79px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedContentBox-checkItem__label {
  margin-top: -1px;
  font-size: 14px;
  font-weight: 700;
  color: #4a4a4a;
  line-height: 20px;
  letter-spacing: -0.28px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytfeedContentBox-myPick {
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 6px;
}
.ctytfeedContentBox-myPick::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 11px;
  background: url("/imgs/ctyt/sp_ctyt.png") -279px -61px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytfeedAvatarBox {
  position: relative;
  overflow: hidden;
}
.ctyt .ctytfeedAvatarBox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: solid 1px rgba(0, 0, 0, 0.06);
}
.ctyt .ctytfeedAvatarBox--width32 {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.ctyt .ctytfeedAvatarBox--width32::before {
  border-radius: 12px;
}
.ctyt .ctytfeedAvatarBox--width24 {
  width: 24px;
  height: 24px;
}
.ctyt .ctytfeedAvatarBox--width24::before {
  border-radius: 10px;
}
.ctyt .ctytfeedContentBox-creationBox {
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ctytfeedContentBox-creationBox__name {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.7px;
}
.ctyt .ctytfeedContentBox-creationBox__date {
  position: relative;
  padding-left: 13px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.5px;
}
.ctyt .ctytfeedContentBox-creationBox__date.notLine {
  padding-left: 6px;
}
.ctyt .ctytfeedContentBox-creationBox__date.notLine::before {
  display: none;
}
.ctyt .ctytfeedContentBox-creationBox__date::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 1px;
  height: 10px;
  background-color: #d3d3d3;
  -webkit-transform: translateY(calc(-50% + 1px));
  -ms-transform: translateY(calc(-50% + 1px));
  transform: translateY(calc(-50% + 1px));
}
.ctyt .ctytfeedContentBox-details .ctytfeedContentBox-attachList {
  margin-top: 16px;
}
.ctyt .ctytfeedContentBox-textItem {
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 22px;
  letter-spacing: -0.7px;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctyt .ctytfeedContentBox-textItem__linkUrl {
  color: #105aff;
  text-decoration: underline;
}
.ctyt .ctytfeedContentBox-textItem__btnMore {
  position: relative;
  display: inline-block;
  margin-top: 1px;
  margin-left: 4px;
  padding-right: 17px;
  font-size: 13px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.65px;
  vertical-align: top;
}
.ctyt .ctytfeedContentBox-textItem__btnMore::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 5px;
  width: 5px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") -492px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytfeedContentBox-textItem__btnMore:hover {
  font-weight: 700;
  color: #333;
  text-decoration: underline;
}
.ctyt .ctytfeedContentBox-thumbItem {
  margin-top: 12px;
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytfeedContentBox-thumbItem--two {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ctyt .ctytfeedContentBox-thumbItem--three {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ctyt .ctytfeedContentBox-thumbItem--three .ctytfeedContentBox-thumbWrap {
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytfeedContentBox-thumbItem--three .ctytfeedContentBox-thumbWrap .ctytfeedContentBox-thumbBox img {
  -o-object-fit: cover;
  object-fit: cover;
}
.ctyt .ctytfeedContentBox-thumbItem--four .ctytfeedContentBox-thumbWrap {
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytfeedContentBox-thumbItem--four .ctytfeedContentBox-thumbWrap .ctytfeedContentBox-thumbBox img {
  -o-object-fit: cover;
  object-fit: cover;
}
.ctyt .ctytfeedContentBox-thumbBox {
  overflow: hidden;
  position: relative;
  height: 250px;
  border-radius: 8px;
}
.ctyt .ctytfeedContentBox-thumbBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.ctyt .ctytfeedContentBox-thumbBox__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.ctyt .ctytfeedContentBox-thumbBox__overlayText {
  font-size: 32px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -1.6px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctyt .ctytfeedContentBox-commentList {
  margin-top: 20px;
}
.ctyt .ctytfeedContentBox-commentList--feed {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
}
.ctyt .ctytfeedContentBox-commentList .ctytfeedAvatarBox {
  position: absolute;
  top: 0;
  left: 0;
}
.ctyt .ctytfeedContentBox-commentGroup + .ctytfeedContentBox-commentGroup {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
}
.ctyt .ctytfeedContentBox-commentGroup .ctytfeedContentBox-commentBox .ctytfeedContentBox-commentGroup {
  margin-top: 20px;
}
.ctyt .ctytfeedContentBox-commentBox {
  position: relative;
  padding-left: 30px;
}
.ctyt .ctytfeedContentBox-commentMoreBox {
  margin-top: 20px;
  text-align: center;
}
.ctyt .ctytfeedContentBox-commentMoreBox__btnItem {
  height: 36px;
  padding: 0 10px 0 14px;
  border: 1px solid #d3d3d3;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytfeedContentBox-commentMoreBox__btnItem--active .ctytfeedContentBox-commentMoreBox__btnText::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ctyt .ctytfeedContentBox-commentMoreBox__btnText {
  font-size: 12px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.3px;
  vertical-align: top;
}
.ctyt .ctytfeedContentBox-commentMoreBox__btnText::after {
  content: "";
  display: inline-block;
  margin: 7px 0 0 4px;
  vertical-align: top;
  width: 8px;
  height: 4px;
  background: url("/imgs/ctyt/sp_ctyt.png") -358px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedPostWrapper {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytfeedPostWrapper + .ctytfeedWriteBox {
  margin-top: 12px;
}
.ctytfeedPostButtonBox {
  display: inline-block;
  position: relative;
  vertical-align: top;
  cursor: pointer;
}
.ctytfeedPostButtonBoxBundle {
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytfeedPostButtonBoxBundle + .ctytfeedPostButtonBox {
  margin-left: auto;
}
.ctytfeedPostButtonBox__btnItemBox {
  position: relative;
  height: 26px;
  padding: 0 0 0 8px;
  border: 1px solid #d3d3d3;
  border-radius: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytfeedPostButtonBox__likeItem {
  display: inline-block;
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 100%;
  margin-right: 2px;
  vertical-align: top;
}
.ctytfeedPostButtonBox__likeItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -279px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedPostButtonBox__likeItem--active::before {
  width: 15px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -299px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedPostButtonBox__commentItem {
  display: inline-block;
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 2px;
  vertical-align: top;
  cursor: pointer;
}
.ctytfeedPostButtonBox__commentItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  width: 15px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -318px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedPostButtonBox__linkItem {
  display: inline-block;
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: top;
  cursor: pointer;
}
.ctytfeedPostButtonBox__linkItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  background: url("/imgs/ctyt/sp_ctyt.png") -338px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedPostButtonBox-likeBox {
  padding-right: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytfeedPostButtonBox-likeGroup__likeNum {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #777;
  line-height: 24px;
  vertical-align: top;
}
.ctytfeedPostButtonBox__barItem {
  display: inline-block;
  width: 0;
  height: 14px;
  padding-left: 11px;
  border-right: 1px solid #e1e1e1;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytfeedPostButtonBox__btnArrow {
  display: inline-block;
  position: relative;
  width: 12px;
  min-width: 12px;
  height: 12px;
  margin-left: 4px;
  vertical-align: top;
}
.ctytfeedPostButtonBox__btnArrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 4px;
  background: url("/imgs/ctyt/sp_ctyt.png") -358px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedPostButtonBox--active .ctytfeedPostButtonBox__btnItemBox {
  border-color: #4a4a4a;
  -webkit-box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ctytfeedPostButtonBox--active .ctytfeedPostButtonBox__btnArrow::before {
  width: 8px;
  height: 4px;
  background: url("/imgs/ctyt/sp_ctyt.png") -371px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytfeedPostButtonBox--active .ctytfeedPostButtonBox-likeGroup__likeNum {
  color: #4a4a4a;
}
.ctytfeedPostButtonBox--active .ctytfeedPostLayer {
  display: block;
}
.ctytfeedPostLayer {
  display: none;
  overflow-y: auto;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  min-width: 168px;
  max-height: 120px;
  border: 1px solid #4a4a4a;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  z-index: 1;
}
.ctytfeedPostLayer::-webkit-scrollbar {
  width: 14px;
}
.ctytfeedPostLayer::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytfeedPostLayer--reverse {
  top: auto;
  bottom: calc(100% + 4px);
}
.ctytfeedPostLayer-listItem:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.ctytfeedPostLayer-listItem__thumb {
  overflow: hidden;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 4px;
  border-radius: 50%;
}
.ctytfeedPostLayer-listItem__textId {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytfeedPostLayer-listItem__highlight {
  font-weight: 700;
  color: #105aff;
}
.ctytfeedPostLayer-listBox {
  position: relative;
  height: 30px;
  padding: 0 8px;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytfeedPostAlarm {
  gap: 0 4px;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytfeedPostAlarm__title {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.7px;
}
.ctytSurveyDetailsItem {
  min-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytSurveyDetailsItem--border {
  padding-top: 7px;
  border-top: 1px solid #ebebeb;
}
.ctytSurveyDetailsItem + .ctytSurveyDetailsItem {
  margin-top: 12px;
}
.ctytSurveyDetailsItem__dt {
  min-width: 82px;
  font-size: 13px;
  font-weight: 700;
  color: #777;
  letter-spacing: -0.26px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytSurveyDetailsItem__dd {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.ctytSurveyDetailsItem__dd .ctytSurveyItemBox {
  padding: 0 16px;
}
.ctytSurveyDetailsItem__dd .ctytSearchCheckWrapper,
.ctytSurveyDetailsItem__dd .ctytSurveyCombiBox,
.ctytSurveyDetailsItem__dd .ctytSurveyRadioWrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSurveyDetailsItem__dd .ctytSurveyCombiBox {
  gap: 12px;
}
.ctytSurveyDetailsItem-calendarItem {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.26px;
  line-height: 30px;
}
.ctytSurveyDetailsItem-calendarBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 8px;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSurveyDetailsItem-calendarBox__text {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytSurveyDetailsItemGroup {
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSurveyDetailsItemGroup + .ctytSurveyDetailsItemGroup {
  margin-top: 8px;
}
.ctytSurveyDetailsItemGroup-titleBox {
  min-width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSurveyDetailsItemGroup-titleBox__title {
  margin-top: -1px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.24px;
}
.ctytSurveyRadioWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytSurveyRadioBox {
  position: relative;
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSurveyRadioBox + .ctytSurveyRadioBox {
  padding-left: 25px;
}
.ctytSurveyRadioBox + .ctytSurveyRadioBox::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 1px;
  height: 14px;
  background-color: #d3d3d3;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctytSurveyRadioName {
  display: inline-block;
  margin-top: -1px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.24px;
  vertical-align: top;
}
.ctytfeedOGWrapper {
  overflow: hidden;
  margin-top: 12px;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytfeedOGBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytfeedOGBox-thumb {
  width: 99px;
  min-width: 99px;
  height: 100%;
  border-right: 1px solid #d3d3d3;
  background-color: #f8f8f8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytfeedOGBox-ogInfo {
  padding: 9px 18px 10px 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytfeedOGBox-ogInfo__title {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  letter-spacing: -0.28px;
}
.ctytfeedOGBox-ogInfo__description {
  margin-top: 1px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 18px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytfeedOGBox-ogInfo__linkUrl {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #105aff;
  letter-spacing: -0.6px;
  vertical-align: top;
}
.ctytDetailsInquiry-buttonWrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytDetailsInquiry-buttonWrap .ctytCommonButtonBox + .ctytCommonButtonBox {
  margin-left: auto;
}
.ctytDetailsWriteWrapper {
  margin-top: 12px;
}
.ctytDetailsWriteWrapper .ctytfeedWriteBox {
  margin-top: 20px;
}
.ctytDetailsWriteBox {
  padding: 20px;
  border: 1px solid #dbdbdb;
  border-radius: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDetailsWriteBox .ctytfeedContentBox-attachList {
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid #ebebeb;
}
.ctytDetailsWriteBox .ctytfeedContentBox-textItem {
  margin-top: 20px;
}
.ctytDetailsWriteBox .ctytfeedContentBox-voteBox {
  margin-top: 20px;
}
.ctytDetailsHeaderBoxCategory {
  font-size: 0;
}
.ctytDetailsHeaderBoxCategory__category {
  display: inline-block;
  position: relative;
  padding-right: 17px;
  font-size: 14px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.5px;
  vertical-align: top;
}
.ctytDetailsHeaderBoxCategory__category::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 5px;
  width: 5px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") -492px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytDetailsHeaderBoxCategory__category:hover {
  text-decoration: underline;
}
.ctytDetailsHeaderBox-myInfo {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDetailsHeaderBox-myInfoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDetailsHeaderBox-me {
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDetailsHeaderBox-me__name {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  letter-spacing: -0.7px;
}
.ctytDetailsHeaderBox-dateBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDetailsHeaderBox-dateBox__date {
  position: relative;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #777;
}
.ctytDetailsHeaderBox-dateBox__date::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 1px;
  height: 10px;
  background-color: #d3d3d3;
  -webkit-transform: translateY(calc(-50% + 1px));
  -ms-transform: translateY(calc(-50% + 1px));
  transform: translateY(calc(-50% + 1px));
}
.ctytDetailsHeaderBox-dateBox__inquiry {
  position: relative;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #777;
}
.ctytDetailsHeaderBox-dateBox__inquiry::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 1px;
  height: 10px;
  background-color: #d3d3d3;
  -webkit-transform: translateY(calc(-50% + 1px));
  -ms-transform: translateY(calc(-50% + 1px));
  transform: translateY(calc(-50% + 1px));
}
.ctytDetailsHeaderBox-supportsBox {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDetailsHeaderBox-supportsBox .ctytVoteItemLayer {
  margin-left: 4px;
}
.ctytDetailsHeaderBox .ctytMyboardListItem-titleBox {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.8px;
}
.ctytPageCollect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytPageCollect-thumnail {
  overflow: hidden;
  margin-right: 8px;
  border-radius: 18px;
}
.ctytPageCollect-userSettings {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.ctytPageCollect-userBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytPageCollect-userBox__name {
  display: inline-block;
  margin-top: -1px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  letter-spacing: -0.8px;
  vertical-align: top;
}
.ctytPageCollect-userBox__name + .SNA_btn {
  margin-left: 4px;
}
.ctytPageCollect-details {
  margin-top: 6px;
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytPageCollect-details__tagItem {
  display: inline-block;
  position: relative;
  height: 20px;
  padding: 0 4px;
  background-color: #eff1f5;
  border-radius: 4px;
  vertical-align: top;
  line-height: 19px;
}
.ctytPageCollect-details__tagText {
  display: inline-block;
  max-width: 144px;
  font-size: 11px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.55px;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytPageCollect-details__deleteBtn {
  position: relative;
  width: 12px;
  min-width: 12px;
  height: 12px;
  margin-left: 1px;
  z-index: 1;
}
.ctytPageCollect-details__deleteBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") -444px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytLayoutCheckItem {
  gap: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytLayoutCheckItem__input {
  overflow: hidden !important;
  position: absolute !important;
  z-index: -1;
  width: 1px !important;
  height: 1px !important;
  border: 0;
  clip: rect(1px 1px 1px 1px) !important;
  clip-path: inset(50%);
}
.ctytLayoutCheckItem__input:checked ~ .ctytLayoutCheckItem__label::before {
  border-color: #105aff;
  background-color: #105aff;
}
.ctytLayoutCheckItem__input:checked ~ .ctytLayoutCheckItem__label::after {
  content: "";
  position: absolute;
  top: 30px;
  left: 7px;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytLayoutCheckItem__input:checked ~ .ctytLayoutCheckItem__label .ctytLayoutSettings-typeBox__checkItem {
  border-color: #4a4a4a;
}
.ctytLayoutCheckItem__label {
  position: relative;
  padding-left: 22px;
  text-align: center;
}
.ctytLayoutCheckItem__label::before {
  content: "";
  position: absolute;
  top: 23px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #c3c3c3;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytLayoutCheckItem div.ctytLayoutCheckItem__label {
  padding-left: 0;
}
.ctytLayoutCheckItem div.ctytLayoutCheckItem__label::before {
  display: none;
}
.ctytHomeLayoutBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.ctytHomeLayoutBox-titleBox__title {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.65px;
}
.ctytHomeLayoutBox-titleBox__info {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.22px;
}
.ctytHomeLayoutOptionsWrapper {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytHomeLayoutOptionsGroup {
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytHomeLayoutOptionsGroup + .ctytHomeLayoutOptionsBox {
  margin-top: 4px;
}
.ctytHomeLayoutOptionsGroup .ctytHomeLayoutOptionsBox {
  margin-top: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 6px 8px 7px 8px;
}
.ctytHomeLayoutOptionsGroup .ctytHomeLayoutOptionsBox + .ctytHomeLayoutOptionsBox {
  margin-top: 0;
}
.ctytHomeLayoutOptionsGroup .ctytHomeLayoutOptionsBox--active, .ctytHomeLayoutOptionsGroup .ctytHomeLayoutOptionsBox--dragItem {
  border-color: #777;
}
.ctytHomeLayoutOptionsGroup .ctytHomeLayoutOptionsBox__arrowLeft,
.ctytHomeLayoutOptionsGroup .ctytHomeLayoutOptionsBox__arrowRight {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.ctytHomeLayoutOptionsGroup .ctytHomeLayoutOptionsBox__arrowLeft {
  background: url(/imgs/ctyt/sp_ctyt.png) no-repeat -354px -78px/500px 500px;
}
.ctytHomeLayoutOptionsGroup .ctytHomeLayoutOptionsBox__arrowRight {
  background: url(/imgs/ctyt/sp_ctyt.png) no-repeat -319px -78px/500px 500px;
}
.ctytHomeLayoutOptionsBox {
  min-width: 0;
  margin-top: 4px;
  padding: 12px;
  border: 1px solid #eee;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytHomeLayoutOptionsBox-headerItem {
  height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytHomeLayoutOptionsBox-headerItem__moveItem {
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 8px;
}
.ctytHomeLayoutOptionsBox-headerItem__moveItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 10px;
  background: url("/imgs/ctyt/sp_ctyt.png") -425px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytHomeLayoutOptionsBox-headerItem__moveLabel {
  margin-top: -2px;
  font-size: 12px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 17px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytHomeLayoutOptionsBox-headerItem__deleteBtn {
  position: relative;
  margin-left: auto;
  margin-top: -1px;
  width: 18px;
  min-width: 18px;
  height: 18px;
}
.ctytHomeLayoutOptionsBox-headerItem__deleteBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") -444px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytHomeLayoutOptionsBox .ctytLayoutSettings-typeBox {
  margin-top: 10px;
}
.ctytHomeLayoutOptionsBox .ctytLayoutSettings-typeBox:only-child {
  margin-top: 0;
}
.ctytHomeLayoutOptionsBox--dragItem {
  border-color: #777;
  -webkit-box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.07);
}
.ctytHomeLayoutOptionsPreview {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 4px;
  padding: 18px 12px;
  border: 1px solid #eee;
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 22px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytHomeLayoutOptionsPreview-previewBox {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytHomeLayoutOptionsPreview-previewBox__item {
  gap: 8px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytHomeLayoutOptionsPreview-previewBox__barItem {
  width: 60%;
  min-width: 143px;
  height: 4px;
  background-color: #e1e1e1;
  border-radius: 1px;
}
.ctytHomeLayoutOptionsPreview-previewBox__barItem:nth-child(2) {
  width: 90%;
  min-width: 219px;
}
.ctytHomeLayoutOptionsPreview-previewBox__barItem:nth-child(3) {
  width: 80%;
  min-width: 199px;
}
.ctytHomeLayoutOptionsPreview-previewBox__thumb {
  margin-left: auto;
  width: 108px;
  min-width: 108px;
  height: 60px;
  background-color: #e1e1e1;
  border-radius: 1px;
}
.ctytHomeLayoutOptionsPreview-listViewBox {
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytHomeLayoutOptionsPreview-listViewBox + .ctytHomeLayoutOptionsPreview-listViewBox {
  padding-top: 20px;
  border-top: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytHomeLayoutOptionsPreview-listViewBox__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 8px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytHomeLayoutOptionsPreview-listViewBox__barItem {
  width: 90%;
  min-width: 320px;
  height: 4px;
  background-color: #e1e1e1;
  border-radius: 1px;
}
.ctytHomeLayoutOptionsPreview-listViewBox__barItem:nth-child(2) {
  width: 100%;
  min-width: 356px;
}
.ctytHomeLayoutOptionsPreview-listViewBox__barItem:nth-child(3) {
  width: 100%;
  min-width: 356px;
}
.ctytHomeLayoutOptionsPreview-listViewBox__barItem:nth-child(4) {
  width: 80%;
  min-width: 259px;
}
.ctytHomeLayoutOptionsPreview-thumbView {
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytHomeLayoutOptionsPreview-thumbViewBox {
  overflow: hidden;
  width: calc((100% - 16px) / 3);
  height: 110px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytHomeLayoutOptionsPreview-thumbViewBox__thumb {
  position: relative;
  width: 100%;
  height: 70px;
  background-color: #e1e1e1;
}
.ctytHomeLayoutOptionsPreview-thumbViewBox__thumb::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 24px;
  height: 16px;
  background: url("/imgs/ctyt/sp_ctyt.png") 0 -113px no-repeat;
  background-size: 500px 500px;
}
.ctytHomeLayoutOptionsPreview-thumbViewBox__infoBox {
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 4px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytHomeLayoutOptionsPreview-thumbViewBox__barItem {
  width: 100%;
  height: 4px;
  background-color: #e1e1e1;
  border-radius: 1px;
}
.ctytHomeLayoutOptionsPreview-thumbViewBox__bundleBox {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytHomeLayoutOptionsPreview-thumbViewBox__bundleBox .ctytHomeLayoutOptionsPreview-thumbViewBox__barItem {
  min-width: 20px;
  width: 15%;
}
.ctytHomeLayoutOptionsPreview-thumbViewBox__bundleBox .ctytHomeLayoutOptionsPreview-thumbViewBox__barItem:nth-child(2) {
  min-width: 35px;
  width: 30%;
  margin-left: auto;
}
.ctytHomeLayoutWidgetBox {
  height: 44px;
  padding: 12px;
  border: 1px solid #eee;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytHomeLayoutWidgetBox + .ctytHomeLayoutWidgetBox {
  margin-top: 6px;
}
.ctytHomeLayoutWidgetBox .ctytHomeLayoutOptionsBox-headerItem__moveLabel {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.28px;
}
.ctytHomeLayoutSubContents {
  width: 210px;
  min-width: 210px;
  position: relative;
  padding-left: 19px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytHomeLayoutSubContents::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  bottom: 0;
  width: 1px;
  background-color: #ebebeb;
}
.ctytHomeLayoutSubContents-titleBox {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytHomeLayoutSubContents-titleBox__title {
  font-size: 14px;
  font-weight: 900;
  color: #333;
  letter-spacing: -0.7px;
}
.ctytHomeLayoutAddContentsBox {
  margin-top: 12px;
  padding: 11px 0;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytHomeLayoutAddContentsBox-titleBox {
  gap: 0 8px;
  height: 20px;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytHomeLayoutAddContentsBox-titleBox__title {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.28px;
}
.ctytHomeLayoutAddContentsBox-titleBox__title em {
  color: #105aff;
}
.ctytHomeLayoutAddContentsBox-titleBox__arrowBtn {
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.ctytHomeLayoutAddContentsBox-titleBox__arrowBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-50% + 1px));
  -ms-transform: translate(-50%, calc(-50% + 1px));
  transform: translate(-50%, calc(-50% + 1px));
  width: 10px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -444px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytHomeLayoutAddContentsBox-itemList {
  display: none;
  overflow-y: auto;
  max-height: 252px;
  padding: 0 12px;
  margin-top: 4px;
}
.ctytHomeLayoutAddContentsBox-itemList::-webkit-scrollbar {
  width: 14px;
}
.ctytHomeLayoutAddContentsBox-itemList::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytHomeLayoutAddContentsBox-itemList__item {
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytHomeLayoutAddContentsBox-itemList__item .SNA_formbtn {
  min-width: 0;
}
.ctytHomeLayoutAddContentsBox-itemList__item .SNA_formbtn label .label {
  margin-top: -1px;
  margin-left: 8px;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.24px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytHomeLayoutAddContentsBox-itemListGroup {
  padding-top: 4px;
  margin-top: 4px;
  border-top: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytHomeLayoutAddContentsBox--widget .ctytHomeLayoutAddContentsBox-itemList {
  max-height: 158px;
}
.ctytHomeLayoutAddContentsBox--active .ctytHomeLayoutAddContentsBox-itemList {
  display: block;
}
.ctytHomeLayoutAddContentsBox--active .ctytHomeLayoutAddContentsBox-titleBox__arrowBtn::before {
  width: 10px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -459px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytHomeLayoutEditor {
  overflow: hidden;
  min-height: 509px;
  margin-top: 12px;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytHomeLayoutEditorLnb {
  width: 120px;
  min-width: 120px;
  padding: 12px;
  background-color: #f4f4f4;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytHomeLayoutEditorLnb__item {
  width: 100%;
  height: 33px;
  background-color: #e5e5e5;
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytHomeLayoutEditorContent {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytHomeLayoutEditorContent-headerBox {
  height: 50px;
  background-color: #eaeaea;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytHomeLayoutEditorContent-uiWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 0 9px;
  padding: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytHomeLayoutEditorContent-uiBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 12px;
  background-color: #f4f4f4;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytHomeLayoutEditorContent-subContents {
  width: 222px;
  min-width: 222px;
}
.ctytWidgetAddButtonBox {
  margin-top: 16px;
  text-align: center;
}
.ctytTemplateCheckBox {
  margin-top: 12px;
}
.ctytTemplateCheckBox-titleBox {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.22px;
}
.ctytTemplateCheckBox .ctytSurveyItemBundle {
  margin-top: 6px;
}
.ctyt .common_component_tag .tagbox {
  min-height: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .common_component_tag .tagbox:has(.tagbox__placeholder) {
  padding: 0 8px 0 8px;
}
.ctyt .common_component_tag .tagboxItem {
  height: 18px;
  line-height: 18px;
}
.ctyt .common_component_tag .tagboxItemInput {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 5px 0 0 5px;
}
.ctyt .common_component_tag .tagboxItemInput input {
  width: 100%;
  background-color: transparent;
  border: 0;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.24px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.ctyt .common_component_tag .tagboxItem__text {
  font-size: 11px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.55px;
  line-height: 18px;
}
.ctyt .common_component_tag .tagbox__placeholder {
  margin-top: -1px;
  font-size: 12px;
  font-weight: 400;
  color: #b4b4b4;
  letter-spacing: -0.6px;
}
.ctytTagLayer {
  display: none;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background-color: #fff;
  border: solid 1px #4a4a4a;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.ctytTagLayer-itemBox {
  height: 30px;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytTagLayer-itemBox:hover {
  background-color: #f8f8f8;
}
.ctytTagLayer-nameBox {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 17px;
}
.ctytTagLayer-nameBox__text {
  display: inline-block;
  margin-top: -1px;
  font-size: 12px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.24px;
  vertical-align: top;
}
.ctytTagLayer-nameBox__text .highlight {
  color: #105aff;
}
.ctytTagLayer-nameBox__thumb {
  overflow: hidden;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.ctytTagLayer-nameBox__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctytTagLayer-nameBox:has(.ctytTagLayer-nameBox__thumb) {
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytTagLayer-orgzWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.ctytTagLayer-orgzBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  min-width: 0;
}
.ctytTagLayer-orgzBox__orgzItem {
  max-width: 100px;
  font-size: 11px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.22px;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytTagLayer-orgzBox__orgzItem:not(:first-child)::before {
  content: ">";
  margin: 0 4px;
  color: #777;
}
.ctytQuickLinkWrapper-titleBox__title {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.22px;
}
.ctytQuickLinkWrapper .ctytQuickLinkTableWrapper {
  margin-top: 12px;
}
.ctytQuickLinkWrapper .ctytQuickLinkTableWrapper .ctytSurveyItemBox-inputItem .ctytCommonInputItem--error {
  padding-bottom: 0;
}
.ctytQuickLinkWrapper .ctytQuickLinkTableWrapper .ctytSurveyItemBox__moveItem {
  display: none;
}
.ctytQuickLinkWrapper .ctytQuickLinkTableWrapper .fluidTable .fluidTableBody tr:hover .ctytSurveyItemBox__moveItem {
  display: block;
}
.ctytQuickLinkItemName {
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytQuickLinkItemName .ctytSurveyItemBox-inputItem {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytColorPickWrapper {
  position: relative;
}
.ctytColorPickWrapper--active .ctytColorPickLayer {
  display: block;
}
.ctytColorPickButton {
  display: inline-block;
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 4px;
  vertical-align: top;
}
.ctytColorPickButton--selected::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 11px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") -48px -113px no-repeat;
  background-size: 500px 500px;
}
.ctytColorPickButton__arrow {
  display: inline-block;
  position: relative;
  width: 12px;
  min-width: 12px;
  height: 100%;
  padding-left: 26px;
}
.ctytColorPickButton__arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 4px;
  background: url("/imgs/ctyt/sp_ctyt.png") -358px -32px no-repeat;
  background-size: 500px 500px;
}
.ctytColorPickLayer {
  display: none;
  position: absolute;
  top: 0;
}
.ctytColorPickItem {
  width: 130px;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 6px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytBoardListWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  margin-top: 8px;
}
.ctytBoardListBox {
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ctytBoardListBox::-webkit-scrollbar {
  width: 14px;
}
.ctytBoardListBox::-webkit-scrollbar-thumb {
  border: 4px solid #fff;
  background-color: #dbdbdb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytBoardListItem {
  border: 1px solid #eee;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytBoardListItem:hover {
  border-color: #777;
}
.ctytBoardListItem + .ctytBoardListItem {
  margin-top: 6px;
}
.ctytBoardListItem-itemBox {
  min-width: 0;
  min-height: 44px;
  padding: 0 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytBoardListItem-itemBox__arrow {
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.ctytBoardListItem-itemBox__arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -85px -11px no-repeat;
  background-size: 500px 500px;
}
.ctytBoardListItem-itemBox__boardName {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.28px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytBoardListItem-itemBox__moveItem {
  position: relative;
  margin-left: auto;
  width: 18px;
  min-width: 18px;
  height: 18px;
}
.ctytBoardListItem-itemBox__moveItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 10px;
  background: url("/imgs/ctyt/sp_ctyt.png") -425px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytBoardListItem-itemBox__modifyItem {
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  vertical-align: top;
}
.ctytBoardListItem-itemBox__modifyItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% - 0.5px));
  -ms-transform: translate(calc(-50% + 0.5px), calc(-50% - 0.5px));
  transform: translate(calc(-50% + 0.5px), calc(-50% - 0.5px));
  -webkit-filter: opacity(0.4);
  filter: opacity(0.4);
  width: 13px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -59px -180px no-repeat;
  background-size: 500px 500px;
}
.ctytBoardListItem-itemBox:hover .ctytBoardListItem-itemButtonBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ctytBoardListItem-itemButtonBox {
  display: none;
  gap: 0 4px;
}
.ctytBoardListItem .ctytBoardSubItem {
  display: none;
  position: relative;
  padding: 0 8px 0 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytBoardListItem .ctytBoardSubItem-itemBox {
  position: relative;
  min-width: 0;
  height: 32px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 0 8px;
  padding-left: 20px;
  padding-right: 4px;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytBoardListItem .ctytBoardSubItem-itemBox__depth {
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.ctytBoardListItem .ctytBoardSubItem-itemBox__depth::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -100px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytBoardListItem .ctytBoardSubItem-itemBox__boardName {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.24px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytBoardListItem .ctytBoardSubItem-itemBox__moveItem {
  display: none;
  position: relative;
  margin-left: auto;
  width: 18px;
  min-width: 18px;
  height: 18px;
}
.ctytBoardListItem .ctytBoardSubItem-itemBox__moveItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 10px;
  background: url("/imgs/ctyt/sp_ctyt.png") -425px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytBoardListItem .ctytBoardSubItem-itemBox:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.ctytBoardListItem .ctytBoardSubItem-itemBox:hover .ctytBoardSubItem-itemBox__moveItem {
  display: block;
}
.ctytBoardListItem .ctytBoardSubItem-itemBox--selected .ctytBoardSubItem-itemBox__boardName {
  font-weight: 700;
  color: #105aff;
}
.ctytBoardListItem--active {
  padding-bottom: 8px;
  border-color: #777;
}
.ctytBoardListItem--active .ctytBoardSubItem {
  display: block;
}
.ctytBoardListItem--active .ctytBoardListItem-itemBox__arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 6px;
  background: url("/imgs/ctyt/sp_ctyt.png") -85px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytBoardListItem--input {
  padding: 6px 8px;
}
.ctytBoardListItem--drag {
  background-color: #fff;
  border-color: #777;
  -webkit-box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.07);
}
.ctytBoardInputItemWrapper {
  position: relative;
}
.ctytBoardInputItemBox {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytBoardInputItemBox__input {
  width: 100%;
  height: 30px;
  padding: 0 8px;
  border: 0;
  border-radius: 4px;
  background-color: #f6f6f6;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.6px;
  line-height: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
.ctytBoardInputItemBox__input::-webkit-input-placeholder {
  color: #b4b4b4;
}
.ctytBoardInputItemBox__input::-moz-placeholder {
  color: #b4b4b4;
}
.ctytBoardInputItemBox__input:-ms-input-placeholder {
  color: #b4b4b4;
}
.ctytBoardInputItemBox__input::-ms-input-placeholder {
  color: #b4b4b4;
}
.ctytBoardInputItemBox__input::placeholder {
  color: #b4b4b4;
}
.ctytBoardInputItemBox__confirmBtn {
  display: none;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 14px;
  min-width: 14px;
  height: 14px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctytBoardInputItemBox__confirmBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 7px;
  background: url("/imgs/ctyt/sp_ctyt.png") -64px -113px no-repeat;
  background-size: 500px 500px;
}
.ctytBoardInputItemBox__errorText {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 400;
  color: #fc5356;
  letter-spacing: -0.55px;
}
.ctytBoardInputItemBox--typing .ctytBoardInputItemBox__input {
  padding-right: 22px;
  background-color: #fff;
  border: 1px solid #4a4a4a;
}
.ctytBoardInputItemBox--typing .ctytBoardInputItemBox__confirmBtn {
  display: block;
}
.ctytBoardInputItemBox--error {
  padding-bottom: 18px;
}
.ctytBoardInputItemBox--error .ctytBoardInputItemBox__input {
  background-color: #fff;
  border: 1px solid #fc5356;
}
.ctytBoardInputItemBox--error ~ .ctytBoardInputItemBox__errorText {
  display: block;
}
.ctytBoardInputItemBundle {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytBoardInputItem__deleteBtn {
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.ctytBoardInputItem__deleteBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 7px;
  height: 7px;
  background: url("/imgs/ctyt/sp_ctyt.png") -473px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytAdminListWrapper {
  min-height: 240px;
  margin-top: 12px;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytAdminListBox {
  position: relative;
  min-width: 0;
  min-height: 44px;
  padding: 0 12px 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytAdminListBox + .ctytAdminListBox {
  border-top: 1px solid #ebebeb;
}
.ctytAdminListBox__id {
  font-size: 13px;
  font-weight: 700;
  color: #000;
  letter-spacing: -0.26px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytAdminListBox__orgz {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.24px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytAdminListBox__deleteBtn {
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-top: 1px;
  margin-left: auto;
}
.ctytAdminListBox__deleteBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: url("/imgs/ctyt/sp_ctyt.png") -97px -113px no-repeat;
  background-size: 500px 500px;
}
.ctytAdminListBox--lastItem {
  border-bottom: 1px solid #ebebeb;
}
.ctytAdminListBoxIdWrapper {
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytAdminListBoxIdWrapper__thumb {
  overflow: hidden;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.ctytAdminListBoxIdWrapper__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctytColorBox {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 4px;
  border-radius: 4px;
  vertical-align: top;
}
.ctytWriteDelBtn {
  width: 16px;
  min-width: 16px;
  height: 16px;
  background: url(/imgs/common/sp_icon.png) no-repeat -70px -720px/500px 1000px;
}
.ctytSwitchBox {
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytSwitchBox__text {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.24px;
}
.ctytScheduleAddWrapper {
  margin-top: 8px;
}
.ctytScheduleAddBox {
  width: 100%;
}
.ctytScheduleAddBox__icon {
  position: relative;
  width: 42px;
  min-width: 42px;
  height: 42px;
  background-color: #f2edff;
  border-radius: 8px;
}
.ctytScheduleAddBox__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  -ms-transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  width: 18px;
  height: 19px;
  background: url("/imgs/ctyt/sp_ctyt.png") -284px -79px no-repeat;
  background-size: 500px 500px;
}
.ctytScheduleAddBoxLink {
  position: relative;
  padding: 15px 38px 15px 20px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytScheduleAddBoxLink::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 26px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 7px;
  height: 13px;
  background: url("/imgs/ctyt/sp_ctyt.png") -307px -79px no-repeat;
  background-size: 500px 500px;
}
.ctytScheduleAddBoxInfo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 4px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytScheduleAddBoxInfo__title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 20px;
  letter-spacing: -0.28px;
}
.ctytScheduleAddBoxInfo__date {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
  line-height: 17px;
  vertical-align: top;
}
.ctytChatMention {
  overflow-y: auto;
  position: absolute;
  top: 38px;
  left: 20px;
  width: 533px;
  max-height: 188px;
  padding: 4px 0;
  background-color: #fff;
  border: solid 1px #4a4a4a;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.ctytChatMention::-webkit-scrollbar {
  width: 14px;
}
.ctytChatMention::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytChatMentionListItem {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytChatMentionListItemButton {
  width: 100%;
  height: 100%;
  padding: 0 8px;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytChatMentionListItemButton__people {
  overflow: hidden;
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
}
.ctytChatMentionListItemButton__people img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctytChatMentionListItemButton__name {
  margin-top: -1px;
  margin-left: 4px;
  font-size: 12px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.24px;
  line-height: 17px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytChatMentionListItemButton__tag {
  min-width: 28px;
  height: 16px;
  padding: 0 4px;
  margin-left: 2px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.22px;
  line-height: 15px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytChatMentionListItemButton__tag--bsTrip {
  background-color: #ede8ff;
  color: #774eff;
}
.ctytChatMentionListItemButton__tag--outside {
  background-color: #e3edff;
  color: #528eff;
}
.ctytChatMentionListItemButton__tag--outside2 {
  background-color: #ffedc6;
  color: #ff8900;
}
.ctytChatMentionListItemButton__orgz {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: -1px;
  margin-left: 8px;
  font-size: 11px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.22px;
  line-height: 17px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytChatMentionListItemNameCard {
  min-width: 84px;
  max-width: 101px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytVoteSupportsWrapper {
  display: none;
  margin-left: auto;
}
.ctytVoteSupportsBox {
  gap: 0 4px;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytVoteSupportsBox__btnItem {
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
}
.ctytVoteSupportsBox__btnItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytVoteSupportsBox__btnItem--download::before {
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -98px -180px no-repeat;
  background-size: 500px 500px;
}
.ctytVoteSupportsBox__btnItem--wedrive::before {
  width: 16px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -77px -180px no-repeat;
  background-size: 500px 500px;
}
.ctyt .required_icon {
  display: inline-block;
  margin: 0 0 0 2px;
  color: #fc5356;
  vertical-align: top;
}
.ctyt__checkInbox {
  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;
  height: 100%;
}
.ctyt__checkInboxTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.ctyt__checkInboxTitleOptionBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.ctyt__checkInboxContent {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.ctyt__checkInboxListWrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  padding: 16px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
.ctyt__checkInboxList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.ctyt__checkInboxListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 6px;
}
.ctyt__checkInboxListTextBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ctyt__checkInboxRadioBox {
  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;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.ctyt__checkInboxRadioBox .common_radio_input .radio_input + .icon {
  margin-top: -7px !important;
}
.ctyt__checkInbox .checkInboxTbl thead th,
.ctyt__checkInbox .checkInboxTbl thead td,
.ctyt__checkInbox .checkInboxTbl tbody th,
.ctyt__checkInbox .checkInboxTbl tbody td {
  padding: 0 15px;
}
.ctyt__checkInbox .checkInboxTbl thead th:first-child,
.ctyt__checkInbox .checkInboxTbl thead td:first-child,
.ctyt__checkInbox .checkInboxTbl tbody th:first-child,
.ctyt__checkInbox .checkInboxTbl tbody td:first-child {
  padding-left: 20px;
}
.ctyt__checkInbox .checkInboxTbl thead th:last-child,
.ctyt__checkInbox .checkInboxTbl thead td:last-child,
.ctyt__checkInbox .checkInboxTbl tbody th:last-child,
.ctyt__checkInbox .checkInboxTbl tbody td:last-child {
  padding-right: 20px;
}
.ctyt__checkInbox .checkInboxTbl thead th {
  background: #f7f7f8;
  font-size: 12px;
  color: #777;
  font-weight: 400;
}
.ctyt__checkInbox .checkInboxTbl tbody td {
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: top;
}
.ctyt__checkInbox .checkInboxTbl:has(.ctyt__dashboardEmpty) {
  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%;
}
.ctyt__checkInbox .checkInboxTbl:has(.ctyt__dashboardEmpty) .fluidTableBody {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ctyt #divPortalHeader {
  min-width: 1380px;
}
.ctyt .snbnext {
  position: absolute;
  top: 54px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  min-width: 1380px;
}
.ctyt .snbnext:only-child {
  left: 0;
}
.ctyt .modernNavigator + .modernHeader {
  left: 60px;
  width: calc(100% - 60px);
}
.ctyt .modernNavigator + .modernHeader + .snbnext {
  top: 54px;
  left: 60px;
  width: calc(100% - 60px);
}
.ctyt .ctyt_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytPageContainer {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctyt .ctytPageContainer:has(.ctytPageContent--write) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytPageContainer:has(.ctytPageContent--write) .ctytrnbContainer {
  position: initial;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  max-width: 442px;
}
.ctyt .ctytPageContent {
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 22px 36px;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytPageContent::-webkit-scrollbar {
  width: 14px;
}
.ctyt .ctytPageContent::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctyt .ctytPageContent:has(.ctytPageWriteWrapper) {
  padding-top: 0;
  padding-bottom: 0;
}
.ctyt .ctytPageContent--write {
  overflow: hidden;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #f3f4f8;
}
.ctyt .ctytPageContent--bgGray {
  background-color: #f3f4f8;
}
.ctyt .ctytPageContent--settings {
  background-color: #f3f4f8;
}
.ctyt .ctytPageContent--settings .ctytPageGroup {
  max-width: 100%;
  margin: initial;
}
.ctyt .ctytPageContent--white {
  background-color: #fff;
}
.ctyt .ctytPageGroup {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.ctyt .ctytPageGroup--fullSize {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytPageGroup--fullSize .ctytTableWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytPageGroup--fullSize .ctytTableWrapper .fluidTable {
  border: 0;
}
.ctyt .ctytPageGroup--fullSize .ctytGalleryListBox {
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytPageGroup--fullSize .ctytMyboardListBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctyt .ctytPageGroup--fullSize .ctytServiceSettingWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctyt .ctytPageGroup--fullSize .ctytQuickLinkTableWrapper .ctytTableWrapper {
  border: 0;
  border-radius: 0;
}
.ctyt .ctytPageDivisionWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytPageDivisionWrapper--mt12 {
  margin-top: 12px;
}
.ctyt .ctytPageDivisionWrapper--mt30 {
  margin-top: 30px;
}
.ctyt .ctytPageDivisionWrapper .ctytSubContents {
  position: sticky;
  top: 0;
  width: clamp(260px, 260px + (100vw - 1440px) * 0.0833333333, 300px);
  height: 100%;
  margin-left: 20px;
}
.ctyt .ctytPageWriteWrapper {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
@media (min-width: 1440px) {
  .ctyt .ctytPageWriteWrapper {
    width: clamp(870px, 870px + (100vw - 1440px) * 0.8333333333, 1300px);
    margin: 0 auto;
  }
}
@media (min-width: 1920px) {
  .ctyt .ctytPageWriteWrapper {
    width: 1300px;
    max-width: 1300px;
    margin: 0 auto;
  }
}
.ctyt .ctytPageWriteWrapper--tablet {
  width: 800px;
  min-width: 800px;
  margin: 0 auto;
}
.ctyt .ctytPageWriteWrapper--mobile {
  width: 400px;
  min-width: 400px;
  margin: 0 auto;
}
.ctyt .ctytPageWriteBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 40px 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytPageWriteBox .ctytPageWriteBox-titleBox {
  padding-bottom: 25px;
  border-bottom: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytPageWriteBox .ctytfeedWriteBox-writer {
  font-size: 24px;
  font-weight: 700;
  color: #989898;
  letter-spacing: -1.2px;
  line-height: 35px;
}
.ctyt .ctytPageWriteBox .ctytfeedWriteBox-writer[contenteditable=true]:empty:before {
  content: attr(data-placeholder);
  color: #989898;
}
.ctyt .ctytPageWriteBox .ctytWehagoEditor {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctyt .ctytPageWriteBox .ctytWehagoEditorBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ctyt .ctytLnb--white {
  background-color: #fff;
}
.ctyt .ctytLnb + .ctytPageContent {
  left: clamp(240px, 220px + 40 * (100vw - 1440px) / 480, 280px);
}
.ctyt .ctytLnb:has(.wehagoCommon__tutorialTooltip) {
  padding: 0;
}
.ctyt .ctytLnb:has(.wehagoCommon__tutorialTooltip) .wehagoCommon__tutorialTooltip {
  height: 100%;
}
.ctyt .ctytLnb:has(.wehagoCommon__tutorialTooltip) .ctytLnb-triggerBox {
  margin-top: 16px;
}
.ctytMyboardWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytMyboardWrapper--mt12 {
  margin-top: 12px;
}
.ctytMyboardWrapper:has(.ctytMyboardListWrapper--rowDivision) .ctytArrayCommonBox {
  position: relative;
}
.ctytMyboardWrapper:has(.ctytMyboardListWrapper--rowDivision) .ctytArrayCommonBox::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
}
.ctytArrayCommonBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytArrayCommonBox + .ctytWritingManageBox {
  margin-top: 8px;
}
.ctytArrayCommonBox + .ctytfeedListWrapper {
  margin-top: 8px;
}
.ctyt .ctytViwershipBox {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ctytViwershipBox__viewerId {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  line-height: 16px;
}
.ctyt .ctytViwershipBox__viewerId + .ctytViwershipBox__viewerId {
  margin-left: 4px;
}
.ctyt .ctytViwershipBox__viewerId--numbering + .ctytViwershipBox__viewerId--numbering {
  margin-left: 4px;
}
.ctyt .ctytViwershipBox__viewerId:has(.ctytViwershipBox__numbering) .ctytViwershipBox__icon {
  margin-right: 2px;
}
.ctyt .ctytViwershipBox button.ctytViwershipBox__viewerId--active .ctytViwershipBox__icon--likeit svg path {
  stroke: #fc5356;
  fill: #fc5356;
}
.ctyt .ctytViwershipBox__icon {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 2px 0 0 0;
  vertical-align: top;
}
.ctyt .ctytViwershipBox__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctyt .ctytViwershipBox__icon--comment::before {
  width: 12px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -291px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytViwershipBox__icon--viewer::before {
  width: 12px;
  height: 10px;
  background: url("/imgs/ctyt/sp_ctyt.png") -308px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytViwershipBox__icon--attach::before {
  width: 8px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -278px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytViwershipBox__icon--survey::before {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 11px;
  height: 11px;
  background: url("/imgs/ctyt/sp_ctyt.png") -325px 0 no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytViwershipBox__icon--calendar::before {
  width: 11px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -208px -61px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytViwershipBox__icon--people::before {
  width: 12px;
  height: 10px;
  background: url("/imgs/ctyt/sp_ctyt.png") -485px -23px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytViwershipBox__icon--likeit svg path {
  stroke: #b4b4b4;
}
.ctyt .ctytViwershipBox:has(.ctytViwershipBox__icon--people) {
  height: 23px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ctytViwershipBox:has(.ctytViwershipBox__icon--people) .ctytViwershipBox__icon {
  margin-right: 4px;
}
.ctytMyboardListWrapper {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytMyboardListWrapper--rowDivision {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytMyboardListWrapper--rowDivision .ctytMyboardListBox {
  width: 100%;
  border: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytMyboardListWrapper--rowDivision .ctytMyboardListBox .ctytMyboardListItem {
  width: calc(50% - 14px);
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
}
.ctytMyboardListWrapper--rowDivision .ctytMyboardListBox .ctytMyboardListItem:nth-child(1), .ctytMyboardListWrapper--rowDivision .ctytMyboardListBox .ctytMyboardListItem:nth-child(2) {
  border-top: 0;
}
.ctytMyboardListWrapper--rowDivision .ctytMyboardListBox .ctytMyboardListItem-supportsBox__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  white-space: normal;
}
.ctytMyboardListWrapper--rowDivision .ctytMyboardListBox .ctytMyboardListItem-supportsBox__item--linkItem {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  white-space: nowrap;
}
.ctytMyboardListBox {
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytMyboardListBox--scrollSize {
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ctytMyboardListBox--scrollSize::-webkit-scrollbar {
  width: 14px;
}
.ctytMyboardListBox--scrollSize::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytMyboardListItem {
  padding: 20px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytMyboardListItem + .ctytMyboardListItem {
  border-top: 1px solid #ebebeb;
}
.ctytMyboardListItem__clickItem {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.ctytMyboardListItemDivision {
  gap: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytMyboardListItemDivision .ctytMyboardListItem-thumb {
  margin-left: auto;
}
.ctytMyboardListItem-writeBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  min-width: 0;
}
.ctytMyboardListItem-thumb {
  overflow: hidden;
  position: relative;
  width: 140px;
  min-width: 140px;
  height: 110px;
  border-radius: 8px;
}
.ctytMyboardListItem-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctytMyboardListItem-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: solid 1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytMyboardListItem-titleBox {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.7px;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 19px;
  overflow: hidden;
}
.ctytMyboardListItem-titleBox__title {
  margin-left: 4px;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.7px;
  line-height: 20px;
  vertical-align: top;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytMyboardListItem-titleBox .ctytCommonLabel {
  margin-right: 4px;
}
.ctytMyboardListItem-titleBox .ctytCommonBadge {
  margin-top: 3px;
  margin-right: 4px;
}
.ctytMyboardListItem-titleBox .ctytViwershipBox {
  margin-top: 3px;
  margin-left: 4px;
  gap: 0;
  vertical-align: top;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytMyboardListItem-titleBox .ctytViwershipBox__numbering {
  display: inline-block;
  margin-top: -2px;
  vertical-align: top;
}
.ctytMyboardListItem-titleBox .ctytViwershipBox__icon {
  margin-top: 0;
}
.ctytMyboardListItem-titleBox .SNA_formbtn {
  margin: 3px 8px 0 0;
}
.ctytMyboardListItem-contentBox__text {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.7px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 22px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytMyboardListItem-contentBox__text--feed {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 22px;
  overflow: hidden;
}
.ctytMyboardListItem-supportsBox {
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytMyboardListItem-supportsBox .ctytViwershipBox {
  margin-left: 8px;
}
.ctytMyboardListItem-supportsBox__item {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.22px;
  vertical-align: top;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytMyboardListItem-supportsBox__item + .ctytMyboardListItem-supportsBox__item {
  padding-left: 12px;
}
.ctytMyboardListItem-supportsBox__item + .ctytMyboardListItem-supportsBox__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 1px;
  height: 10px;
  background-color: #d3d3d3;
  -webkit-transform: translateY(calc(-50% + 1px));
  -ms-transform: translateY(calc(-50% + 1px));
  transform: translateY(calc(-50% + 1px));
}
.ctytMyboardListItem-supportsBox__item--linkItem {
  position: relative;
  color: #4a4a4a;
  letter-spacing: -0.55px;
}
.ctytMyboardListItem-supportsBox__item--linkItem:hover {
  text-decoration: underline;
}
.ctytMyboardListItem-supportsBox__item--linkItem + .ctytViwershipBox {
  position: relative;
  margin-left: 12px;
}
.ctytMyboardListItem-supportsBox__item--linkItem + .ctytViwershipBox::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -6px;
  width: 1px;
  height: 10px;
  background-color: #d3d3d3;
  -webkit-transform: translateY(calc(-50% + 1px));
  -ms-transform: translateY(calc(-50% + 1px));
  transform: translateY(calc(-50% + 1px));
}
.ctytMyboardListItem--read .ctytMyboardListItem-titleBox {
  color: #989898;
}
.ctytMyboardListItem--read .ctytMyboardListItem-contentBox .ctytMyboardListItem-contentBox__text {
  color: #777;
}
.ctyt .ctytSubContentsBox {
  padding: 14px 20px 18px;
  border: 1px solid #dbdbdb;
  border-radius: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytSubContentsBox + .ctytSubContentsBox {
  margin-top: 20px;
}
.ctyt .ctytSubContentsBox:has(.ctytEmpty) {
  min-height: 196px;
}
.ctyt .ctytSubContentsBox-listItem {
  position: relative;
}
.ctyt .ctytSubContentsBox-listItem + .ctytSubContentsBox-listItem {
  margin-top: 8px;
}
.ctyt .ctytSubContentsBox-listItem--space {
  padding-left: 20px;
}
.ctyt .ctytSubContentsBox-listItem--number {
  padding-left: 20px;
}
.ctyt .ctytSubContentsBox-listItem--number:only-child {
  padding-left: 0;
}
.ctyt .ctytSubContentsBox-listItem--number:only-child .ctytSubContentsBox-contentText .ctytSubContentsBox-contentText__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 17px;
  overflow: hidden;
  white-space: normal;
  -o-text-overflow: unset;
  text-overflow: unset;
}
.ctyt .ctytSubContentsBox-listItem--number .ctytSubContentsBox-contentInfo + .ctytSubContentsBox-contentText {
  margin: 2px 0 0 0;
}
.ctyt .ctytSubContentsBox-listItem--number .ctytSubContentsBox-writeInfo {
  margin: 4px 0 0 0;
}
.ctyt .ctytSubContentsBox-titleBox {
  height: 30px;
  margin-bottom: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ctytSubContentsBox-titleBox__title {
  font-size: 14px;
  font-weight: 900;
  color: #4a4a4a;
  letter-spacing: -0.7px;
  line-height: 20px;
}
.ctyt .ctytSubContentsBox-thumbInfo {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 120px;
  margin-bottom: 8px;
  border-radius: 8px;
}
.ctyt .ctytSubContentsBox-thumbInfo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctyt .ctytSubContentsBox-thumbInfo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: solid 1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytSubContentsBox-contentInfo {
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ctytSubContentsBox-contentInfo__number {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 12px;
  font-weight: 900;
  color: #b4b4b4;
  letter-spacing: -0.3px;
}
.ctyt .ctytSubContentsBox-contentInfo__text {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.65px;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctyt .ctytSubContentsBox-writeInfo {
  height: 16px;
  margin-top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ctytSubContentsBox-writeInfo .ctytViwershipBox {
  margin-left: auto;
}
.ctyt .ctytSubContentsBox-writeInfo .ctytViwershipBox__icon {
  margin-top: 2px;
}
.ctyt .ctytSubContentsBox-contentText__text {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctyt .ctytSubContentsBox--feed {
  padding: 20px 16px 16px 20px;
  background-image: -o-linear-gradient(304deg, #d7f8f6 -3%, #cee3ff 114%);
  background-image: linear-gradient(146deg, #d7f8f6 -3%, #cee3ff 114%);
}
.ctyt .ctytSubContentsBox-feedEmpty {
  position: relative;
  min-height: 162px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytSubContentsBox-feedEmpty::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 72px;
  height: 72px;
  background: url(/imgs/ctyt/img_feed_illust.png) no-repeat 0 0/72px 72px;
}
.ctyt .ctytSubContentsBox-feedEmpty__title {
  font-size: 16px;
  font-weight: 900;
  color: #333;
  line-height: 26px;
  letter-spacing: -0.8px;
}
.ctyt .ctytSubContentsBox-feedEmpty__buttonBox {
  margin-top: 12px;
}
.ctyt .ctytSubContentsBox .ctytSubContentsInBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ctytSubContentsBox .ctytSubContentsInBox .ctytSubContentsBoxGroup {
  min-width: 0;
}
.ctyt .ctytSubContentsBox .ctytSubContentsInBox-thumb {
  position: relative;
  width: 80px;
  min-width: 80px;
  height: 50px;
  margin-left: auto;
  border-radius: 6px;
}
.ctyt .ctytSubContentsBox .ctytSubContentsInBox-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: solid 1px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytQuickLinkItem {
  position: relative;
  padding-right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ctytQuickLinkItem::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6px;
  height: 8px;
  background: url("https://static.wehago.com/imgs/common/sp_icon.png") -156px -244px no-repeat;
  background-size: 500px 1000px;
}
.ctyt .ctytQuickLinkItem + .ctytQuickLinkItem {
  margin-top: 12px;
}
.ctyt .ctytQuickLinkItem__icon {
  display: inline-block;
  position: relative;
  width: 28px;
  min-width: 28px;
  height: 28px;
  margin-right: 8px;
  border-radius: 50%;
}
.ctyt .ctytQuickLinkItem__icon--type1 {
  background-color: rgba(222, 240, 193, 0.5);
}
.ctyt .ctytQuickLinkItem__icon--type1::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") 0 -134px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytQuickLinkItem__icon--type2 {
  background-color: rgba(255, 234, 163, 0.5);
}
.ctyt .ctytQuickLinkItem__icon--type2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") -21px -134px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytQuickLinkItem__icon--type3 {
  background-color: rgba(255, 211, 173, 0.5);
}
.ctyt .ctytQuickLinkItem__icon--type3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") -42px -134px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytQuickLinkItem__icon--type4 {
  background-color: rgba(255, 203, 223, 0.4);
}
.ctyt .ctytQuickLinkItem__icon--type4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") -63px -134px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytQuickLinkItem__icon--type5 {
  background-color: rgba(0, 134, 76, 0.1);
}
.ctyt .ctytQuickLinkItem__icon--type5::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") -84px -134px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytQuickLinkItem__icon--type6 {
  background-color: rgba(113, 155, 252, 0.15);
}
.ctyt .ctytQuickLinkItem__icon--type6::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") 0 -148px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytQuickLinkItem__icon--type7 {
  background-color: rgba(5, 86, 197, 0.1);
}
.ctyt .ctytQuickLinkItem__icon--type7::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") -21px -148px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytQuickLinkItem__icon--type8 {
  background-color: rgba(178, 233, 243, 0.3);
}
.ctyt .ctytQuickLinkItem__icon--type8::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") -42px -148px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytQuickLinkItem__icon--type9 {
  background-color: rgba(119, 78, 255, 0.1);
}
.ctyt .ctytQuickLinkItem__icon--type9::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") -63px -148px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytQuickLinkItem__icon--type10 {
  background-color: rgba(255, 136, 136, 0.15);
}
.ctyt .ctytQuickLinkItem__icon--type10::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 9px;
  background: url("/imgs/ctyt/sp_ctyt.png") -84px -148px no-repeat;
  background-size: 500px 500px;
}
.ctyt .ctytQuickLinkItem__text {
  display: inline-block;
  margin-top: -2px;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  vertical-align: top;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctyt .ctytTop {
  position: fixed;
  bottom: 20px;
  right: 36px;
  width: 52px;
  height: 52px;
  z-index: 10;
  border: 1px solid #b4b4b4;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.06);
}
.ctyt .ctytTop::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18px;
  height: 20px;
  background: url("/imgs/ctyt/sp_ctyt.png") 0 -23px no-repeat;
  background-size: 500px 500px;
}
.ctytViewMode {
  position: fixed;
  bottom: 20px;
  right: 36px;
}
.ctytViewModeBox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  gap: 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytViewModeBox + .ctytViewModeBox {
  margin-top: 8px;
}
.ctytViewMode-selectView {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 0 auto;
  border: 1px solid #b4b4b4;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.06);
}
.ctytViewMode-selectView .lunacon {
  color: #b4b4b4;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytViewMode-selectView:hover {
  border-color: #4a4a4a;
}
.ctytViewMode-selectView:hover .lunacon {
  color: #4a4a4a;
}
.ctytViewMode-selectView:hover + .ctytViewMode-id {
  display: block;
}
.ctytViewMode-id {
  display: none;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.7px;
  text-align: center;
}
.ctytManagementBox {
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSelectionItemBox {
  gap: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytSelectionItemBox .SNA_input .textinput {
  height: auto;
  padding: 5px 8px;
  font-size: 14px;
  letter-spacing: -0.6px;
}
.ctytSelectionItemBox .SNA_input .btn_search {
  height: 30px;
}
.ctytWritingManageBox {
  height: 40px;
  padding: 0 14px;
  background-color: #f5f5f5;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytWritingButtonBox {
  margin-left: auto;
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytWritingButtonBox .SNA_btn .btn_skin {
  height: 28px;
}
.ctytTableWrapper {
  margin-top: 8px;
}
.ctytGalleryListWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytGalleryListWrapper .ctytGalleryMessageBox {
  margin-top: 0;
}
.ctytGalleryMessageBox {
  height: 24px;
  padding: 0 14px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: rgba(113, 155, 252, 0.08);
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytGalleryMessageBox__title {
  display: block;
  position: relative;
  margin-top: -1px;
  padding-left: 18px;
  font-size: 12px;
  font-weight: 700;
  color: #777;
  letter-spacing: -0.6px;
}
.ctytGalleryMessageBox__title::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 12px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -341px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytGalleryListWrapper {
  margin-top: 8px;
}
.ctytGalleryListWrapper--collect .ctytGalleryListGroup {
  gap: 10px;
}
.ctytGalleryListWrapper--collect .ctytGalleryListGroup .ctytGalleryListItem {
  width: calc((100% - 40px) / 5);
}
.ctytGalleryListBox {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytGalleryListGroup {
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytGalleryListGroup::-webkit-scrollbar {
  width: 14px;
}
.ctytGalleryListGroup::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytGalleryListGroup--4xn .ctytGalleryListItem {
  width: calc((100% - 36px) / 4);
}
.ctytGalleryListItem {
  overflow: hidden;
  position: relative;
  width: calc((100% - 24px) / 3);
  height: 229px;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytGalleryListItem .SNA_formbtn {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1;
}
.ctytGalleryListItem-thumb {
  position: relative;
  height: 139px;
}
.ctytGalleryListItem-thumb__empty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytGalleryListItem-thumb img {
  width: 100%;
  height: 100%;
}
.ctytGalleryListItem-thumb:has(.ctytGalleryListItem-thumb__empty) {
  background-color: #fafafa;
}
.ctytGalleryListItem-thumb:has(.ctytGalleryListItem-thumb__empty) + .ctytGalleryListItem-contentInfo {
  border-top: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytGalleryListItem-contentInfo {
  position: relative;
  padding: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytGalleryListItem-contentInfo .ctytMyboardListItem-titleBox {
  min-height: 40px;
  font-size: 14px;
  letter-spacing: -0.65px;
}
.ctytGalleryListItem-contentInfo .ctytSubContentsBox-writeInfo {
  margin-top: 8px;
}
.ctytGalleryListItem-contentInfo .ctytSubContentsBox-writeInfo .ctytViwershipBox {
  gap: 0;
}
.ctytGalleryListItem-overlay {
  display: none;
}
.ctytGalleryListItem-overlayBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px 16px 20px;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytGalleryListItem-overlayBox__text {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 22px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytGalleryListItem-overlayBox__volume {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 400;
  color: #d3d3d3;
  letter-spacing: -0.55px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytGalleryListItem-overlayBox__buttonBox {
  position: relative;
  margin-top: auto;
  margin-left: auto;
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytGalleryListItem-overlayBox__btnItem {
  position: relative;
  width: 30px;
  min-width: 30px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytGalleryListItem-overlayBox__btnItem--file::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("/imgs/ctyt/sp_ctyt.png") -224px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytGalleryListItem-overlayBox__btnItem--cloud::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 12px;
  background: url("/imgs/ctyt/sp_ctyt.png") -243px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytGalleryListItem:hover .ctytGalleryListItem-overlay {
  display: block;
}
.ctytrnbContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 442px;
  padding: 18px 20px;
  background-color: #fff;
  border-left: 1px solid rgba(180, 180, 180, 0.42);
  -webkit-box-shadow: -3px 2px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: -3px 2px 4px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.ctytrnbWrapper {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytrnbSearchWrapper {
  position: relative;
  margin-top: 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytrnbSearchListWrapper {
  position: relative;
  margin-top: 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytrnbSearchListBox {
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 10px;
  margin: 0 -10px;
}
.ctytrnbSearchListBox::-webkit-scrollbar {
  width: 14px;
}
.ctytrnbSearchListBox::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytrnbSearchListItem {
  padding: 18px;
  border-top: 1px solid #dbdbdb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.ctytrnbSearchListItem:first-of-type {
  border-top: 0;
}
.ctytrnbSearchListItem--selected {
  background-color: rgba(16, 90, 255, 0.05);
}
.ctytrnbSearchListItem--lastItem {
  border-bottom: 1px solid #dbdbdb;
}
.ctytrnbSearchListItem .ctytMyboardListItem-titleBox {
  display: block;
  -webkit-line-clamp: initial;
  -webkit-box-orient: initial;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytrnbSearchListItem .ctytMyboardListItem-supportsBox {
  margin-top: 4px;
}
.ctytFileAttachBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  margin-top: 8px;
}
.ctytFileAttachBox::-webkit-scrollbar {
  width: 14px;
}
.ctytFileAttachBox::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytSurveyItemWrapper {
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 12px;
}
.ctytSurveyItemWrapper::-webkit-scrollbar {
  width: 14px;
}
.ctytSurveyItemWrapper::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytCommonInputSupportsItem {
  margin-left: auto;
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDivisionBox {
  gap: 0 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytDivisionBox--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ctytLayoutWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 20px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytLayoutWrapper--mt12 {
  margin-top: 12px;
}
.ctytLayoutSettings {
  overflow: hidden;
  min-height: 108px;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytLayoutSettings-titleBox {
  min-width: 152px;
  padding: 16px 18px 0 18px;
  background-color: #f3f4f7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytLayoutSettings-titleBox__title {
  display: block;
  font-size: 13px;
  font-weight: 900;
  color: #333;
  letter-spacing: -0.26px;
}
.ctytLayoutSettings-titleBox__info {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  line-height: 18px;
  letter-spacing: -0.22px;
}
.ctytLayoutSettings-typeGroup {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 12px;
  gap: 0 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytLayoutSettings-typeBox {
  gap: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytLayoutSettings-typeBox__checkItem {
  position: relative;
  display: block;
  width: 86px;
  height: 60px;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytLayoutSettings-typeBox__checkItem--typeA::before {
  content: "";
  width: 54px;
  height: 32px;
  background: url(/imgs/ctyt/tab_type_a.png) no-repeat 0 0/54px 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytLayoutSettings-typeBox__checkItem--typeB::before {
  content: "";
  width: 54px;
  height: 32px;
  background: url(/imgs/ctyt/tab_type_b.png) no-repeat 0 0/54px 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytLayoutSettings-typeBox__checkItem--typeC::before {
  content: "";
  width: 54px;
  height: 32px;
  background: url(/imgs/ctyt/tab_type_c.png) no-repeat 0 0/54px 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytLayoutSettings-typeBox__checkItem--typeD::before {
  content: "";
  width: 54px;
  height: 32px;
  background: url(/imgs/ctyt/tab_type_d.png) no-repeat 0 0/54px 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytLayoutSettings-typeBox__checkItem--typeGallery::before {
  content: "";
  width: 38px;
  height: 36px;
  background: url(/imgs/ctyt/type_gallery.png) no-repeat 0 0/38px 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytLayoutSettings-typeBox__checkItem--typeGallery2::before {
  content: "";
  width: 60px;
  height: 26px;
  background: url(/imgs/ctyt/type_gallery2.png) no-repeat 0 0/60px 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytLayoutSettings-typeBox__checkItem--typeList::before {
  content: "";
  width: 52px;
  height: 27px;
  background: url(/imgs/ctyt/type_list.png) no-repeat 0 0/52px 27px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytLayoutSettings-typeBox__checkItem--typeFeed::before {
  content: "";
  width: 50px;
  height: 30px;
  background: url(/imgs/ctyt/type_feed.png) no-repeat 0 0/50px 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytLayoutSettings-typeBox__label {
  display: block;
  margin-top: 7px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.65px;
}
.ctytLayoutSettings-typeBox + .ctytLayoutSettings-typeBox {
  position: relative;
}
.ctytLayoutSettings-typeBox + .ctytLayoutSettings-typeBox::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -16px;
  width: 1px;
  height: 48px;
  background-color: #d3d3d3;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctytHomeLayoutWrapper {
  margin-top: 20px;
  gap: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytCategoryGroup + .ctytCategoryGroup {
  margin-top: 24px;
}
.ctytCategoryBox {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytCategoryBox__title {
  font-size: 14px;
  font-weight: 900;
  color: #333;
  letter-spacing: -0.7px;
}
.ctytCategoryBox__linkItem {
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
}
.ctytCategoryBox__linkIcon {
  display: inline-block;
  position: relative;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-top: 2px;
  vertical-align: top;
}
.ctytCategoryBox__linkIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 5px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") -474px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytTemplateWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytTemplateWrapper--mt12 {
  margin-top: 12px;
}
.ctytTemplateDivisionBox {
  overflow: hidden;
  border: 1px solid #e1e1e1;
  border-radius: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytTemplateList-titleBox {
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytTemplateList-titleBox__title {
  font-size: 14px;
  font-weight: 900;
  color: #333;
  letter-spacing: -0.7px;
}
.ctytTemplateList-titleBox .SNA_btn {
  margin-left: auto;
}
.ctytTemplateListWrapper {
  width: 280px;
  min-width: 280px;
  padding: 14px 18px;
  background-color: #fff;
  border-right: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytTemplateListWrapper .ctytrnbSearchListWrapper {
  border: 0;
}
.ctytTemplateListWrapper .ctytrnbSearchListWrapper .ctytrnbSearchListBox .ctytrnbSearchListItem {
  position: relative;
  height: 62px;
  padding: 0 8px 0 12px;
  border: 1px solid #eee;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytTemplateListWrapper .ctytrnbSearchListWrapper .ctytrnbSearchListBox .ctytrnbSearchListItem + .ctytrnbSearchListItem {
  margin-top: 6px;
}
.ctytTemplateListWrapper .ctytrnbSearchListWrapper .ctytrnbSearchListBox .ctytrnbSearchListItem:hover, .ctytTemplateListWrapper .ctytrnbSearchListWrapper .ctytrnbSearchListBox .ctytrnbSearchListItem--selected {
  background-color: transparent;
  border-color: #777;
}
.ctytTemplateListWrapper .ctytrnbSearchListWrapper .ctytrnbSearchListItemDivisionBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.ctytTemplateAddWrapper {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytTemplateAddWrapper .ctytTemplateAddContent {
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ctytTemplateAddWrapper .ctytTemplateAddContent::-webkit-scrollbar {
  width: 14px;
}
.ctytTemplateAddWrapper .ctytTemplateAddContent::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytTemplateAddContent {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 14px 20px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytTemplateAddContent-titleBox {
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytTemplateAddContent-titleBox__title {
  font-size: 14px;
  font-weight: 900;
  color: #333;
  letter-spacing: -0.7px;
}
.ctytTemplateAddContent-titleBox__subTitle {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
}
.ctytTemplateAddContentGroup + .ctytTemplateAddContentGroup {
  margin-top: 30px;
}
.ctytTemplateTabBox {
  margin-top: 8px;
}
.ctytEditorContainer {
  position: relative;
  overflow: hidden;
  margin-top: 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 1440px) {
  .ctytEditorContainer {
    min-height: 623px;
  }
}
.ctytEditorWrapper {
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytEditorWrapper::-webkit-scrollbar {
  width: 14px;
}
.ctytEditorWrapper::-webkit-scrollbar-thumb {
  border: 4px solid #fff;
  background-color: #dbdbdb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytCommonTableContainer {
  position: relative;
}
.ctytCommonTableContainer--mt12 {
  margin-top: 12px;
}
.ctytCommonTableWrapper::-webkit-scrollbar {
  width: 14px;
}
.ctytCommonTableWrapper::-webkit-scrollbar-thumb {
  border: 4px solid #fff;
  background-color: #dbdbdb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytTemplateTagBox {
  margin-top: 6px;
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytTemplateTagBox:only-child {
  margin-top: 0;
}
.ctytTemplateTagBox .common_component_tag {
  position: relative;
}
.ctytTemplateTagBox--active .common_component_tag .tagbox {
  border-color: #4a4a4a;
}
.ctytTemplateTagBox--active .ctytTagLayer {
  display: block;
}
.ctytTemplateTagBox--reverse .ctytTagLayer {
  top: auto;
  bottom: calc(100% + 4px);
}
.ctytServiceSettingWrapper {
  padding: 14px 20px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytActiveRecordWrapper {
  gap: 12px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 95px;
  padding: 20px 24px;
  margin-top: 8px;
  background-color: #fff;
  border: solid 1px #e1e1e1;
  border-radius: 10px;
  -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.03);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytActiveRecordWrapper + .ctytMyboardWrapper {
  margin-top: 16px;
}
.ctytActiveRecordWrapper--active .ctytActiveRecordBox + .ctytActiveRecordBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ctytActiveRecordWrapper--active .ctytActiveRecordItem-dtBox {
  color: #105aff;
}
.ctytActiveRecordWrapper--active .ctytActiveRecordItem-dtBox__date {
  color: #777;
}
.ctytActiveRecordWrapper--active .ctytActiveRecordItem__btnDeatil {
  font-weight: 700;
}
.ctytActiveRecordWrapper--active .ctytActiveRecordItem__btnDeatil::after {
  width: 8px;
  height: 4px;
  background: url("/imgs/ctyt/sp_ctyt.png") -402px -78px no-repeat;
  background-size: 500px 500px;
}
.ctytActiveRecordBox {
  position: relative;
  gap: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytActiveRecordBox + .ctytActiveRecordBox {
  display: none;
}
.ctytActiveRecordBundle {
  width: 318px;
  max-width: 318px;
  gap: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytActiveRecordBundle .ctytActiveRecordItem {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytActiveRecordBundle .ctytActiveRecordItem:first-of-type {
  width: auto;
  max-width: none;
}
.ctytActiveRecordItem {
  gap: 7px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytActiveRecordItem:first-of-type {
  width: 318px;
  max-width: 318px;
}
.ctytActiveRecordItem--longItem {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytActiveRecordItem-dtBox {
  font-size: 12px;
  font-weight: 900;
  color: #4a4a4a;
  letter-spacing: -0.6px;
  line-height: 1.5;
}
.ctytActiveRecordItem-dtBox__date {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 700;
  color: #777;
}
.ctytActiveRecordItem__btnDeatil {
  position: relative;
  padding-right: 14px;
  font-size: 13px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.26px;
}
.ctytActiveRecordItem__btnDeatil::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 4px;
  background: url("/imgs/ctyt/sp_ctyt.png") -389px -78px no-repeat;
  background-size: 500px 500px;
}
.ctytStatusBoard {
  width: 100%;
  height: 240px;
  gap: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytStatusBoardNewMessage {
  font-size: 14px;
  font-weight: 400;
  color: #787398;
  line-height: 22px;
  letter-spacing: -0.7px;
  word-break: keep-all;
}
.ctytStatusBoard .ctytBoardContentBox {
  min-width: 0;
  margin-top: 20px;
}
.ctytStatusBoard .ctytBoardContentBox-labelBox {
  height: 20px;
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.ctytStatusBoard .ctytBoardContentBox-labelBox .ctytCommonLabel + .ctytCommonLabel {
  margin-left: 4px;
}
.ctytStatusBoard .ctytBoardContentBox-titleBox__title {
  font-size: 14px;
  font-weight: 900;
  color: #333;
  letter-spacing: -0.7px;
  line-height: 20px;
  vertical-align: top;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytStatusBoard .ctytBoardContentBox-contentBox {
  display: none;
  margin-top: 14px;
}
.ctytStatusBoard .ctytBoardContentBox-contentBox__text {
  font-size: 14px;
  font-weight: 400;
  color: #4a4a4a;
  letter-spacing: -0.7px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 22px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytStatusBoard .ctytBoardContentBox-buttonBox {
  display: none;
  margin-top: 8px;
}
.ctytStatusBoard .ctytBoardContentBox-buttonBox__link {
  position: relative;
  padding-right: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  line-height: 17px;
  letter-spacing: -0.6px;
}
.ctytStatusBoard .ctytBoardContentBox-buttonBox__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
  height: 8px;
  background: url("/imgs/ctyt/sp_ctyt.png") -415px -78px no-repeat;
  background-size: 500px 500px;
}
.ctytStatusBoard .ctytBoardBundleBox {
  min-width: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 20px;
  overflow: hidden;
}
.ctytStatusBoard-mainBoard {
  width: 200px;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  -o-transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytStatusBoard-mainBoard__thumb {
  overflow: hidden;
  width: 200px;
  height: 142px;
  border-radius: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.ctytStatusBoard-mainBoard__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctytStatusBoard-mainBoard--expanded {
  width: 100%;
  min-width: 382px;
  padding: 16px 14px 16px 16px;
  border-radius: 14px;
  background-color: rgba(245, 246, 250, 0.7);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 16px;
  -webkit-transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  -o-transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.ctytStatusBoard-mainBoard--expanded .ctytBoardContentBox {
  margin-top: 0;
}
.ctytStatusBoard-mainBoard--expanded .ctytStatusBoard-mainBoard__thumb {
  width: 182px;
  height: 100%;
}
.ctytStatusBoard-mainBoard--expanded .ctytBoardBundleBox {
  gap: 4px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytStatusBoard-mainBoard--expanded .ctytBoardBundleBox:has(.ctytBoardContentBox-labelBox) .ctytBoardContentBox-titleBox__title {
  margin-top: 4px;
  white-space: normal;
  -o-text-overflow: initial;
  text-overflow: initial;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 20px;
  overflow: hidden;
}
.ctytStatusBoard-mainBoard--expanded .ctytBoardContentBox-contentBox {
  display: block;
  margin-top: 10px;
}
.ctytStatusBoard-mainBoard--expanded .ctytBoardContentBox-contentBox__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-height: 22px;
  overflow: hidden;
}
.ctytStatusBoard-mainBoard--expanded .ctytBoardContentBox-buttonBox {
  display: block;
}
.ctytStatusBoard-mainBoard--expanded .ctytBoardContentBox-titleBox__title {
  display: block;
  font-size: 15px;
  letter-spacing: -0.9px;
}
.ctytStatusBoard-mainBoard--newBoard {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100%;
  padding: 36px 18px 20px;
  background: url(/imgs/ctyt/new_board_img.png) no-repeat 0 0/100% 100%;
}
.ctytStatusBoard-mainBoard .ctytMyboardListItem-supportsBox {
  margin-top: 10px;
}
@media (min-width: 1px) and (max-width: 1919px) {
  .ctytStatusBoard-mainBoard:nth-child(n+5) {
    display: none;
  }
}
@media (min-width: 1920px) {
  .ctytStatusBoard-mainBoard:nth-child(n+5) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .ctytStatusBoard-mainBoard:nth-child(n+7) {
    display: none;
  }
}
.ctyt .mt8 {
  margin-top: 8px !important;
}
.ctyt .mt10 {
  margin-top: 10px !important;
}
.ctyt .mt12 {
  margin-top: 12px !important;
}
.ctyt .mt16 {
  margin-top: 16px !important;
}
.ctyt .mt20 {
  margin-top: 20px !important;
}
.ctyt .mt22 {
  margin-top: 22px !important;
}
.ctyt .mt24 {
  margin-top: 24px !important;
}
.ctyt .mt26 {
  margin-top: 26px !important;
}
.ctyt .mt28 {
  margin-top: 28px !important;
}
.ctyt .mt30 {
  margin-top: 30px !important;
}
.ctyt .wehagoCommon__guideMotionContent {
  aspect-ratio: 1234/660;
}
.ctyt .wehagoCommon__guideMotionContent > svg {
  position: absolute;
  left: 0;
  bottom: 0;
  -o-object-fit: contain;
  object-fit: contain;
}
.ctyt .wehagoCommon__guideMotion {
  background: url(/imgs/ctyt/guidePopBg.png) no-repeat top/cover;
}
.ctyt .wehagoCommon__fullpageSlideImg.typeCss {
  background-color: #f0f4fc;
  border-radius: 30px;
  border: 1px solid #dde1ef;
  max-width: 880px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.ctyt .wehagoCommon__guideMotionBtnBox {
  bottom: 10px;
}
.ctyt .wehagoCommon__totalEmptyCardCont:nth-child(1):after {
  background-image: url(/imgs/ctyt/ctyt_commonEmpty1.png);
}
.ctyt .wehagoCommon__totalEmptyCardCont:nth-child(2):after {
  background-image: url(/imgs/ctyt/ctyt_commonEmpty2.png);
}
.ctyt .wehagoCommon__totalEmptyCardCont:nth-child(3):after {
  background-image: url(/imgs/ctyt/ctyt_commonEmpty3.png);
}
.ctyt .wehagoCommon__fullpageNavListBtnIcon--01 {
  background-image: url(/imgs/ctyt/icon/icEdit24@2x.png);
}
.ctyt .wehagoCommon__fullpageNavListBtnIcon--02 {
  background-image: url(/imgs/ctyt/icon/icPaperCertificateFlat@2x.png);
}
.ctyt .wehagoCommon__fullpageNavListBtnIcon--03 {
  background-image: url(/imgs/ctyt/icon/icPin24@2x.png);
}
.ctyt .wehagoCommon__fullpageNavListBtnIcon--04 {
  background-image: url(/imgs/ctyt/icon/icTimeArrowFlat@2x.png);
}
.ctyt .wehagoCommon__fullpageNavListBtnIcon--05 {
  background-image: url(/imgs/ctyt/icon/icPaperPencilFlat@2x.png);
}
.ctyt .wehagoCommon__fullpageNavListBtnIcon--06 {
  background-image: url(/imgs/ctyt/icon/icAlFlat@2x.png);
}
.ctyt .wehagoCommon__fullpageNavListBtnIcon--07 {
  background-image: url(/imgs/ctyt/icon/icSearchFlat@2x.png);
}
.ctyt .wehagoCommon__fullpageNavListBtnIcon--08 {
  background-image: url(/imgs/ctyt/icon/icLink@2x.png);
}

.ctyt .cl_container.aitax .sao_grid_wrap {
  background: #fff;
}
.ctyt .cl_container.aitax .cl_contents {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ctyt .ctytTableWrapper {
  position: relative;
  min-height: 138px;
}
.ctyt .ctytTableWrapper .fluidTable {
  overflow: hidden;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytTableWrapper .fluidTable--scroll {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ctyt .ctytTableWrapper .fluidTable .ctytSearchCheckBox {
  margin-top: 0;
}
.ctyt .ctytTableWrapper .fluidTable .highlight {
  font-weight: 900;
  color: #105aff;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableHeader table thead {
  height: 30px;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableHeader table thead tr th {
  height: 30px;
  padding-left: 30px;
  padding-right: 0;
  border: 0;
  border-radius: 0;
  background-color: #f3f4f7;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.24px;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableHeader table thead tr th:first-of-type {
  padding-left: 28px;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableHeader table thead tr th:last-of-type {
  padding-right: 14px;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableHeader table thead tr th .textContentBox {
  margin-top: -1px;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableHeader table thead tr th .ctytTableBox__emphasis {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.24px;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody {
  position: relative;
  height: calc(100% - 30px);
  margin-bottom: 0;
  background-color: #fff;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table {
  border-spacing: 0;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr td {
  height: 40px;
  padding-left: 30px;
  padding-right: 0;
  border-width: 1px 0 0 0;
  border-color: #ebebeb;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.28px;
  color: #333;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr td:first-of-type {
  padding-left: 28px;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr td:last-of-type {
  padding-right: 14px;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr td .textContentBox {
  margin-top: -1px;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr td .textContentBox.hasIcon {
  margin-top: 1px;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr td .textContentBox.ctytSkeleton .ctytVersionText {
  margin-top: 4px;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr:hover td:first-of-type, .ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr.selected td:first-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr:hover td:last-of-type, .ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr.selected td:last-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr:hover td {
  background-color: #f7f7f7;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr.selected td {
  background-color: rgba(16, 90, 255, 0.05);
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr.selected:hover td {
  background-color: rgba(16, 90, 255, 0.05);
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr:first-of-type td {
  border-color: #d3d3d3;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr:last-of-type td {
  border-bottom: 0;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr.lastItem td {
  border-bottom: 0;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody .empty_area {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody .ctytMyboardListItem-titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody .ctytMyboardListItem-titleBox .ctytTableInBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody .ctytMyboardListItem-titleBox .ctytTableInBox .SNA_tooltip {
  min-width: 0;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody .ctytMyboardListItem-titleBox .ctytTableInBox__text {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody .ctytMyboardListItem-titleBox .ctytTableInBox__text img {
  margin-right: 6px;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody .ctytMyboardListItem-titleBox .ctytTableInBox__fileVolume {
  font-size: 11px;
  font-weight: 400;
  color: #b4b4b4;
}
.ctyt .ctytTableWrapper .fluidTable .fluidTableBody .ctytMyboardListItem-titleBox .ctytTableInBox .ctytViwershipBox {
  margin: 1px 0 0 4px;
  gap: 0;
}
.ctyt .ctytTableWrapper--collect .fluidTable .fluidTableHeader table thead tr th:first-of-type {
  padding-left: 14px;
}
.ctyt .ctytTableWrapper--collect .fluidTable .fluidTableHeader table thead tr th:nth-child(2) {
  padding-left: 8px;
}
.ctyt .ctytTableWrapper--collect .fluidTable .fluidTableHeader table thead tr th .SNA_formbtn {
  margin-top: 2px;
}
.ctyt .ctytTableWrapper--collect .fluidTable .fluidTableBody table tbody tr td:first-of-type {
  padding-left: 14px;
}
.ctyt .ctytTableWrapper--collect .fluidTable .fluidTableBody table tbody tr td:nth-child(2) {
  padding-left: 8px;
}
.ctyt .ctytTableWrapper--collect .fluidTable .fluidTableBody table tbody tr td .SNA_formbtn {
  margin-top: 2px;
}
.ctyt .ctytTableWrapper--history .fluidTable .fluidTableBody table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.24px;
}
.ctytCommonTableBox {
  position: relative;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytCommonTableBox + .ctytCommonTableBox {
  margin-top: 12px;
}
.ctytCommonTableBox > table {
  width: 100%;
  border: 0;
  border-collapse: separate;
  table-layout: fixed;
  border-spacing: 0;
}
.ctytCommonTableBox > table > tbody > tr > th,
.ctytCommonTableBox > table > tbody > tr > td {
  height: 48px;
  padding: 8px 18px;
  border-top: 1px solid #d7dbe2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytCommonTableBox > table > tbody > tr > th {
  background-color: #f3f4f7;
  font-size: 13px;
  font-weight: 900;
  color: #333;
  line-height: 19px;
  letter-spacing: -0.55px;
}
.ctytCommonTableBox > table > tbody > tr > th .required_icon {
  display: inline-block;
  margin: 0 0 0 2px;
  color: #fc5356;
  vertical-align: top;
}
.ctytCommonTableBox > table > tbody > tr > td {
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 17px;
}
.ctytCommonTableBox > table > tbody > tr > td:has(.SNA_btn.s_medium) {
  padding: 7px 12px;
}
.ctytCommonTableBox > table > tbody > tr > td:has([class*=SNA_input]) {
  padding: 5px 12px;
}
.ctytCommonTableBox > table > tbody > tr:first-of-type > th {
  border-top-left-radius: 8px;
  border-top-width: 0;
}
.ctytCommonTableBox > table > tbody > tr:first-of-type > td {
  border-top-width: 0;
}
.ctytCommonTableBox > table > tbody > tr:last-of-type > th {
  border-bottom-left-radius: 8px;
}
.ctytCommonTableBox > table > tbody > tr:first-of-type td + th, .ctytCommonTableBox > table > tbody > tr:last-of-type td + th {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ctytCommonTableBox .ctytCommonDivisionBetweenBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytCommonTableBox .ctytCommonDivisionBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytCommonTableBox .ctytCommonDivisionBox__title {
  display: inline-block;
  margin-top: -1px;
  vertical-align: top;
}
.ctytCommonTableBox .ctytCommonDivisionBox__dateText {
  font-size: 12px;
  color: #777;
  letter-spacing: -0.6px;
  line-height: 18px;
  margin-left: 6px;
}
.ctytCommonTableBox .ctytCommonDivisionBox__highlight {
  font-weight: 900;
  color: #105aff;
}
.ctytCommonTableBox .ctytCommonDivisionBox .ctytLabelItem {
  margin-left: 6px;
}
.ctytCommonTableBox .ctytCommonDivisionBox .SNA_btn {
  margin-left: 10px;
}
.ctytCommonTableBox .ctytCommonDivisionBox .SNA_btn.s_medium .btn_skin {
  font-size: 12px;
}
.ctytCommonTableBox .ctytCommonCombi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytCommonTableBox .ctytCommonCombi--divine::before {
  content: "";
  display: inline-block;
  height: 10px;
  padding-left: 10px;
  margin-top: 2px;
  margin-left: 10px;
  border-left: 1px solid #cfcfcf;
  vertical-align: top;
}
.ctytCommonTableBox .ctytCommonCombi--divine .SNA_btn {
  margin-left: 0;
}
.ctytCommonTableBox .ctytCommonCombi--divine .SNA_btn + .SNA_btn {
  margin-left: 3px;
}
.ctytCommonTableBox .ctytSearchCheckWrapper .ctytSearchCheckBox {
  margin-top: 0;
}
.ctytCommonTableBox .ctytSearchCheckWrapper .SNA_formbtn label .cover {
  margin-top: 1px;
}
.ctytCommonTableBox .ctytSearchCheckWrapper .ctytTemplateCheckBox-titleBox {
  margin-top: 1px;
}
.ctytCommonTableBox--preview table tr th,
.ctytCommonTableBox--preview table tr td {
  height: 48px;
}
.ctytCommonTableBox .ctytFluidTableBox {
  margin-top: 0;
}
.ctytCommonTableBox .ctytFluidTableBox .fluidTable {
  margin-top: 0;
}
.ctytQuickLinkWrapper .ctytTableWrapper {
  min-height: auto;
}
.ctytQuickLinkWrapper .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr.dragItem {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  border: 1px solid #4a4a4a;
  border-radius: 7px;
}
.ctytQuickLinkWrapper .ctytTableWrapper .fluidTable .fluidTableBody table tbody tr.dragItem td {
  border-color: #4a4a4a;
  border: 0;
}
.ctytQuickLinkTableWrapper .fluidTableHeader table thead {
  height: 30px;
}
.ctytQuickLinkTableWrapper .fluidTableHeader table thead tr th {
  height: 30px;
  padding-left: 20px;
  padding-right: 0;
  border: 0;
  border-radius: 0;
  background-color: #f3f4f7;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.24px;
}
.ctytQuickLinkTableWrapper .fluidTableHeader table thead tr th:first-of-type {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.ctytQuickLinkTableWrapper .fluidTableHeader table thead tr th:last-of-type {
  padding-right: 20px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.ctytQuickLinkTableWrapper .fluidTableHeader table thead tr th .textContentBox {
  margin-top: -1px;
}
.ctytQuickLinkTableWrapper .fluidTableHeader table thead tr th .ctytTableBox__emphasis {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.24px;
}
.ctytQuickLinkTableWrapper .fluidTableBody {
  position: relative;
  height: calc(100% - 30px);
  background-color: #fff;
}
.ctytQuickLinkTableWrapper .fluidTableBody table tbody tr td {
  height: 40px;
  padding-left: 20px;
  padding-right: 0;
  border-color: #ebebeb;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.28px;
  color: #333;
}
.ctytQuickLinkTableWrapper .fluidTableBody table tbody tr td:last-of-type {
  padding-right: 20px;
}
.ctytQuickLinkTableWrapper .fluidTableBody table tbody tr td .textContentBox {
  margin-top: -1px;
}
.ctytQuickLinkTableWrapper .fluidTableBody table tbody tr:hover td {
  background-color: rgba(16, 90, 255, 0.05);
}
.ctytQuickLinkTableWrapper .fluidTableBody table tbody tr.selected td {
  background-color: rgba(16, 90, 255, 0.05);
}
.ctytQuickLinkTableWrapper .fluidTableBody table tbody tr.selected:hover td {
  background-color: rgba(16, 90, 255, 0.05);
}
.ctyt .ctytScrollBox {
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ctytDialog {
  padding: 24px;
}
.ctytDialog.filledItUp {
  border-radius: 20px;
  padding: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDialog.filledItUp .dialog_data_tit {
  z-index: 1;
}
.ctytDialog.filledItUp .dialog_data_area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 0;
  border-radius: 20px;
}
.ctytDialog.filledItUp .dialog_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  background: url("/imgs/ctyt/img_commonEmpty_pop.png") no-repeat center center/cover;
}
.ctytDialog .dialog_btnbx .common_round_btn {
  height: 36px;
  line-height: 34px;
}
.ctytDialog .dialog_btnbx .common_round_btn.blue3 {
  background: #105aff;
  border-color: #105aff;
}
.ctytDialog .dialog_btnbx .common_round_btn.blue3:hover {
  background-color: #0943c6;
  border-color: #0943c6;
}
.ctytDialog .dialog_btnbx .common_round_btn.disabled {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
  cursor: default;
}
.ctytDialog .dialog_btnbx .common_round_btn.disabled:hover {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ctytDialog.dialog_content.roundstyle .dialog_data_tit {
  padding-top: 0;
}
.ctytDialog.dialog_content.roundstyle .dialog_data_area {
  padding-top: 0;
}
.ctytDialog.dialog_content.roundstyle .dialog_data_area.typeScroll {
  overflow: auto;
  margin: 0 -24px -24px;
  padding: 16px 24px 24px;
}
.ctytDialog .dialog_data .dialog_data_tit .ctytDialog_txtcnt {
  padding-bottom: 0;
  font-size: 18px;
  letter-spacing: -0.36px;
  color: #333;
}
.ctytDialog .dialog_data .dialog_data_tit .ctytDialog_txtcnt + .ctytDialog_subTitle, .ctytDialog .dialog_data .dialog_data_tit .ctytDialog_txtcnt + .ctytDialog_nicknameSubTit {
  margin-top: 6px;
  line-height: 1.69;
  letter-spacing: -0.65px;
}
.ctytDialog .ctytfeedContentBox-creationBox__date.notLine {
  padding-left: 6px;
}
.ctytDialog .ctytfeedContentBox-creationBox__date.notLine::before {
  display: none;
}
.ctytDialog .commonPerfectScrollWrap {
  height: auto;
  overflow: hidden;
  position: relative;
}
.ctytDialog .scrollContainer {
  overflow-y: auto;
}
.ctytDialog .scrollContainer::-webkit-scrollbar {
  width: 14px;
}
.ctytDialog .scrollContainer::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytDialog .simplebar-scrollbar::before {
  background-color: rgba(180, 180, 180, 0.8);
}
.ctytDialog .ctytEmpty {
  width: 100%;
}
.ctytDialog .ctytEmpty__text {
  font-size: 14px;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.ctytDialog_txtcnt {
  line-height: 30px;
  letter-spacing: -0.36px;
  padding-bottom: 0;
}
.ctytDialog_subTitle, .ctytDialog_nicknameSubTit {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.85px;
  color: #777;
}
.ctytDialog_emptyBox {
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  background-color: #fff;
  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;
}
.ctytDialog_emptyBox .empty_txt {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.6px;
}
.ctytDialog_content, .ctytDialog_selectBoardWrap, .ctytDialog_saveListWrap, .ctytDialog_readListWrap {
  padding: 19px 18px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background-color: #fdfdfd;
  max-height: 393px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDialog_content:has(.commonPerfectScroll), .ctytDialog_selectBoardWrap:has(.commonPerfectScroll), .ctytDialog_saveListWrap:has(.commonPerfectScroll), .ctytDialog_readListWrap:has(.commonPerfectScroll) {
  max-height: initial;
  height: auto;
  position: relative;
}
.ctytDialog_contentTitBox {
  padding-bottom: 12px;
  border-bottom: 1px solid #ebebeb;
}
.ctytDialog_contentTextBox {
  margin-top: 8px;
}
.ctytDialog_HeaderBox {
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0;
  margin-top: 16px;
}
.ctytDialog_HeaderBox__title, .ctytDialog_resultTit__title, .ctytDialog_selectBoard__title, .ctytDialog_myBoard__title {
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 20px;
  color: #4a4a4a;
  letter-spacing: -0.65px;
}
.ctytDialog_HeaderBox__num {
  color: #105aff;
  font-weight: 900;
}
.ctytDialog_HeaderBox__ButtonBox {
  margin-left: auto;
}
.ctytDialog_profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  height: 20px;
}
.ctytDialog_profileImg {
  width: 20px;
  height: 20px;
}
.ctytDialog_profileImg img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.ctytDialog_profileInfoText__name {
  font-size: 11px;
  font-weight: 700;
  color: #000;
  letter-spacing: -0.55px;
}
.ctytDialog_profileInfoText__date {
  position: relative;
  padding-left: 12px;
  font-size: 11px;
  font-weight: 400;
  color: #777;
}
.ctytDialog_profileInfoText__date::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  width: 1px;
  height: 10px;
  background-color: #d3d3d3;
  -webkit-transform: translateY(calc(-50% + 1px));
  -ms-transform: translateY(calc(-50% + 1px));
  transform: translateY(calc(-50% + 1px));
}
.ctytDialog_attachHeader {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8px;
}
.ctytDialog_attachHeaderTit {
  font-size: 12px;
  font-weight: 700;
  color: #333;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 70%;
}
.ctytDialog_attachHeaderTit::before {
  margin: 7px 6px 0 0;
  content: "";
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  vertical-align: top;
  width: 10px;
  height: 6px;
  background: url(/imgs/ctyt/sp_ctyt.png) -181px -42px no-repeat;
  background-size: 500px 500px;
}
.ctytDialog_attachHeaderTit--active::before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.ctytDialog_attachHeaderTit em {
  color: #105aff;
}
.ctytDialog_attachGroup {
  display: block;
  margin-top: 8px;
}
.ctytDialog .asActionFile__zone {
  height: initial;
}
.ctytDialog .asActionFileList {
  padding: 10px 14px;
}
.ctytDialog .asActionFileList__fileName {
  font-size: 12px;
}
.ctytDialog_detail {
  margin-top: 8px;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: -0.6px;
  color: #333;
}
.ctytDialog_saveList, .ctytDialog_readList {
  width: 100%;
}
.ctytDialog_saveListWrap, .ctytDialog_readListWrap {
  margin-top: 9px;
  padding: 0;
  border-color: #d3d3d3;
}
.ctytDialog_saveListBox {
  position: relative;
  height: 60px;
  border-bottom: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 36px 12px 13px;
}
.ctytDialog_saveListBox:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.ctytDialog_saveListBox:hover .ctytDialog_saveListDelBtn {
  display: block;
}
.ctytDialog_saveListBox.selected {
  background-color: #f3f7ff;
}
.ctytDialog_saveListBox.selected .ctytDialog_saveListDelBtn {
  display: block;
}
.ctytDialog_saveListTit, .ctytDialog_readList__infotit {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.24px;
  color: #333;
  font-weight: 700;
}
.ctytDialog_saveListText, .ctytDialog_modifyBox .ctytDialog_modifyText, .ctytDialog_readList__infotext {
  font-size: 12px;
  color: #777;
  line-height: 22px;
  letter-spacing: -0.24px;
}
.ctytDialog_saveListDelBtn {
  display: none;
  position: absolute;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ctytDialog_saveList .delIcon, .ctytDialog_readList .delIcon {
  display: inline-block;
  width: 18px;
  height: 18px;
}
.ctytDialog_selectBoardTitBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  width: 100%;
}
.ctytDialog_selectBoardTitBox + .ctytDialog_selectBoardWrap {
  margin-top: 7px;
}
.ctytDialog_selectBoardTit {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 700;
  padding: 12px 0 4px;
  width: 100%;
}
.ctytDialog_selectBoard--hasLabel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: calc(100% - 24px);
  margin-left: 4px;
}
.ctytDialog_selectBoard--hasLabelIcon {
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}
.ctytDialog_selectBoard--hasLabelIcon .svgIcon {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytDialog_selectBoard--hasLabelIcon .svgIcon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: #4a4a4a;
}
.ctytDialog_selectBoard__title, .ctytDialog_myBoard__title {
  font-weight: 900;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.ctytDialog_selectBoardWrap {
  padding: 0;
  height: auto;
  border-color: #d3d3d3;
  border-radius: 8px;
}
.ctytDialog_selectBoardWrap:has(.commonPerfectScroll) {
  overflow: hidden;
  position: relative;
}
.ctytDialog_selectBoardWrap:has(.commonPerfectScroll) .commonPerfectScroll {
  height: 100%;
}
.ctytDialog_selectBoardWrap:has(.commonPerfectScroll) .ctytDialog_selectBoard {
  max-height: 380px;
  min-height: 160px;
}
.ctytDialog_selectBoardBox {
  height: 40px;
  padding: 12px;
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ebebeb;
}
.ctytDialog_selectBoardBox.titleType {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: initial;
  text-align: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 12px;
}
.ctytDialog_selectBoard--subContent {
  width: 100%;
}
.ctytDialog_selectBoard--subContent .ctytDialog_selectBoardBox {
  border-bottom: 0;
  padding: 0;
  height: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDialog_selectBoard .SNA_formbtn {
  width: 100%;
}
.ctytDialog_selectBoard .SNA_formbtn label {
  font-size: 12px;
  line-height: 30px;
  color: #333;
  letter-spacing: -0.6px;
}
.ctytDialog_nicknameSubTit {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.65px;
}
.ctytDialog_nicknameWrap {
  margin-top: 16px;
}
.ctytDialog_searchBox + .ctytDialog_tag {
  margin-top: 10px;
}
.ctytDialog_searchBox + .ctytDialog_shareContentBox {
  margin-top: 18px;
}
.ctytDialog_searchBox__input .textinput::-webkit-input-placeholder {
  color: #b4b4b4;
}
.ctytDialog_searchBox__input .textinput::-moz-placeholder {
  color: #b4b4b4;
}
.ctytDialog_searchBox__input .textinput:-ms-input-placeholder {
  color: #b4b4b4;
}
.ctytDialog_searchBox__input .textinput::-ms-input-placeholder {
  color: #b4b4b4;
}
.ctytDialog_searchBox__input .textinput::placeholder {
  color: #b4b4b4;
}
.ctytDialog_searchBox__input--error.SNA_input.d_search {
  padding-right: 54px;
  border-color: #fc5356;
}
.ctytDialog_searchBox__input--error:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url(/imgs/ctyt/sp_ctyt.png) -218px 0 no-repeat;
  background-size: 500px 500px;
}
.ctytDialog_searchBox__input--errorText {
  font-size: 11px;
  font-weight: 400;
  color: #fc5356;
  letter-spacing: -0.55px;
}
.ctytDialog_shareContentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}
.ctytDialog_resultTit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDialog_resultTit__info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 80%;
}
.ctytDialog_resultTit__title {
  position: relative;
}
.ctytDialog_resultTit__title + .ctytDialog_resultTit__title {
  padding-left: 10px;
}
.ctytDialog_resultTit__title + .ctytDialog_resultTit__title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  width: 1px;
  height: 10px;
  background-color: #d3d3d3;
  -webkit-transform: translateY(calc(-50% + 1px));
  -ms-transform: translateY(calc(-50% + 1px));
  transform: translateY(calc(-50% + 1px));
}
.ctytDialog_resultTit__btnBox, .ctytDialog_printBtnBox--menu {
  margin-left: auto;
  position: relative;
}
.ctytDialog_resultTit__btnBox .SNA_btn .btn_skin, .ctytDialog_printBtnBox--menu .SNA_btn .btn_skin {
  padding: 0;
  border: transparent;
}
.ctytDialog_resultTit__btnBox .SNA_btn .btn_skin .label, .ctytDialog_printBtnBox--menu .SNA_btn .btn_skin .label {
  font-size: 13px;
  line-height: 13px;
  letter-spacing: -0.65px;
  color: #777;
  margin-right: 2px;
}
.ctytDialog_resultTit__btnBox .SNA_btn .btn_skin:hover, .ctytDialog_printBtnBox--menu .SNA_btn .btn_skin:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ctytDialog_resultTit__btnBox .SNA_btn .btn_skin .svgIcon, .ctytDialog_printBtnBox--menu .SNA_btn .btn_skin .svgIcon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12 px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDialog_resultTit__btnBox .SNA_btn .btn_skin .svgIcon svg, .ctytDialog_printBtnBox--menu .SNA_btn .btn_skin .svgIcon svg {
  fill: #777;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.ctytDialog_resultTit__btnBox .SNA_menu_result, .ctytDialog_printBtnBox--menu .SNA_menu_result {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 24px;
}
.ctytDialog_resultTit__btnBox .SNA_menu_result .SNA_menu_list, .ctytDialog_printBtnBox--menu .SNA_menu_result .SNA_menu_list {
  padding: 0;
}
.ctytDialog_resultTit__btnBox .SNA_menu_result .SNA_menu_list .menuitem, .ctytDialog_printBtnBox--menu .SNA_menu_result .SNA_menu_list .menuitem {
  padding: 6px 0;
}
.ctytDialog_resultTit__btnBox .SNA_menu_result .SNA_menu_list .menuitem .menu, .ctytDialog_printBtnBox--menu .SNA_menu_result .SNA_menu_list .menuitem .menu {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.6px;
  color: #333;
  width: 100%;
  text-align: center;
}
.ctytDialog_resultTit__btnBox .SNA_menu_result .SNA_menu_list .menuitem.selected, .ctytDialog_printBtnBox--menu .SNA_menu_result .SNA_menu_list .menuitem.selected {
  background-color: #f8f8f8;
}
.ctytDialog_resultTit__btnBox .SNA_menu_result .SNA_menu_list .menuitem:hover, .ctytDialog_printBtnBox--menu .SNA_menu_result .SNA_menu_list .menuitem:hover {
  background-color: #f8f8f8;
}
.ctytDialog_tagBox {
  padding: 10px 15px;
  border-radius: 8px;
  border: 1px solid #d4d4d4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
  max-height: 84px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDialog_tagBox::-webkit-scrollbar {
  width: 14px;
}
.ctytDialog_tagBox::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytDialog_tagBtn {
  display: inline-block;
  height: 28px;
  padding: 0 8px;
  border-radius: 6px;
  background-color: #eff1f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  line-height: 28px;
}
.ctytDialog_tagBtnIcon {
  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: 14px;
  min-width: 14px;
  height: 14px;
  vertical-align: top;
  margin: 7px 2px 0 0;
}
.ctytDialog_tagBtnIcon svg {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  fill: #4a4a4a;
}
.ctytDialog_tagBtnIcon--profile {
  width: 20px;
  height: 20px;
  margin: 4px 2px 0 0;
}
.ctytDialog_tagBtnText {
  max-width: 65px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  letter-spacing: -0.6px;
  display: inline-block;
}
.ctytDialog_tagBtnText--people {
  color: #777;
}
.ctytDialog_tagBtn__DelBtn {
  display: inline-block;
  position: relative;
  width: 12px;
  min-width: 12px;
  height: 12px;
  margin: 8px 0 0 2px;
  vertical-align: top;
}
.ctytDialog_tagBtn__DelBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: url(/imgs/ctyt/sp_ctyt.png) -444px -23px no-repeat;
  background-size: 500px 500px;
}
.ctytDialog_readList {
  min-height: 200px;
  max-height: 450px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDialog_readListWrap {
  border-radius: 8px;
  max-height: 326px;
}
.ctytDialog_readListBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  height: 64px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDialog_readList__profileImg {
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.ctytDialog_readList__profileImg img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.ctytDialog_readList__info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: calc(100% - 40px);
}
.ctytDialog_readList__infotit {
  font-size: 14px;
  letter-spacing: -0.28px;
  color: #000;
}
.ctytDialog_myBoardWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 438px;
  gap: 13px;
  margin-top: 17px;
}
.ctytDialog_myBoardTitBox {
  margin-top: 0;
}
.ctytDialog_myBoard__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}
.ctytDialog_myBoard_searchBox .textinput {
  font-size: 14px;
}
.ctytDialog_myBoard__list {
  position: relative;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDialog_myBoard__list::-webkit-scrollbar {
  width: 14px;
}
.ctytDialog_myBoard__list::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytDialog_myBoard__list .ctytEmpty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytDialog_myBoard__list--searchContent {
  max-height: 380px;
}
.ctytDialog_myBoard__list--dragContent {
  max-height: 404px;
}
.ctytDialog_myBoard__listBox {
  width: 268px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 438px;
}
.ctytDialog_myBoard__listContent, .ctytDialog_myBoard__dragContent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  padding: 8px;
  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;
  max-width: 265px;
}
.ctytDialog_myBoard__listBtn, .ctytDialog_myBoard__list--dragBtn {
  width: 100%;
  background-color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 32px;
  margin-top: -1px;
  border-radius: 6px;
}
.ctytDialog_myBoard__listBtn--type1 {
  font-size: 14px;
  letter-spacing: -0.24px;
  font-weight: 700;
  margin-top: -1px;
  color: #333;
}
.ctytDialog_myBoard__listBtn--type2 {
  font-size: 14px;
  letter-spacing: -0.24px;
  margin-top: -1px;
  color: #777;
  padding: 4px 8px 4px 16px;
}
.ctytDialog_myBoard__listBtn--type3 {
  font-size: 14px;
  letter-spacing: -0.24px;
  margin-top: -1px;
  color: #777;
  padding: 4px 8px 4px 30px;
}
.ctytDialog_myBoard__listBtn--type4 {
  font-size: 14px;
  letter-spacing: -0.24px;
  margin-top: -1px;
  color: #777;
  padding: 4px 8px 4px 44px;
}
.ctytDialog_myBoard__listBtn--type5 {
  font-size: 14px;
  letter-spacing: -0.24px;
  margin-top: -1px;
  color: #777;
  padding: 4px 8px 4px 70px;
}
.ctytDialog_myBoard__listBtn--type6 {
  font-size: 14px;
  letter-spacing: -0.24px;
  margin-top: -1px;
  color: #777;
  padding: 4px 8px 4px 80px;
}
.ctytDialog_myBoard__listBtn__num {
  color: #105aff;
  font-weight: 900;
  margin-left: 2px;
}
.ctytDialog_myBoard__listBtn:hover, .ctytDialog_myBoard__list--dragBtn:hover {
  background-color: #f8f8f8;
  color: #777;
}
.ctytDialog_myBoard__listBtn:hover .ctytDialog_myBoard__listBtn__svgIcon svg, .ctytDialog_myBoard__listBtn:hover .ctytDialog_myBoard__list--dragBtn__svgIcon svg, .ctytDialog_myBoard__list--dragBtn:hover .ctytDialog_myBoard__listBtn__svgIcon svg, .ctytDialog_myBoard__list--dragBtn:hover .ctytDialog_myBoard__list--dragBtn__svgIcon svg {
  fill: #777;
}
.ctytDialog_myBoard__listBtn.active, .active.ctytDialog_myBoard__list--dragBtn {
  color: #105aff;
  font-weight: 700;
  background-color: rgba(238, 243, 255, 0.7);
}
.ctytDialog_myBoard__listBtn.active svg, .active.ctytDialog_myBoard__list--dragBtn svg {
  fill: #105aff !important;
}
.ctytDialog_myBoard__listBtn__svgIcon, .ctytDialog_myBoard__list--dragBtn__svgIcon {
  display: inline-block;
}
.ctytDialog_myBoard__listBtn__svgIcon svg, .ctytDialog_myBoard__list--dragBtn__svgIcon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.ctytDialog_myBoard__listBtn__svgIcon--type1 {
  width: 18px;
  height: 18px;
}
.ctytDialog_myBoard__listBtn__svgIcon--type1 svg {
  fill: #333;
}
.ctytDialog_myBoard__listBtn__svgIcon--type2 {
  width: 18px;
  height: 18px;
}
.ctytDialog_myBoard__listBtn__svgIcon--type2 svg {
  fill: #777;
}
.ctytDialog_myBoard__listBtn__text {
  white-space: nowrap;
  word-break: break-all;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}
.ctytDialog_myBoard__list--drag {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDialog_myBoard__list--drag.active {
  border: 1px solid #777;
  background-color: #fff;
  color: #333;
  position: relative;
  width: 100%;
  left: 0;
  bottom: -10px;
  z-index: 99;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
}
.ctytDialog_myBoard__list--drag.active:hover .ctytDialog_myBoard__list--dragBtn {
  background-color: transparent;
  color: #333;
}
.ctytDialog_myBoard__list--drag.active:hover .ctytDialog_myBoard__list--dragBtn .ctytDialog_myBoard__list--dragBtn__svgIcon svg {
  fill: #b4b4b4;
}
.ctytDialog_myBoard__list--dragBtn {
  padding: 4px 30px 4px 8px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.26px;
  font-weight: 700;
  color: #333;
  gap: 8px;
  height: 30px;
}
.ctytDialog_myBoard__list--dragBtn:hover {
  background-color: #f8f8f8;
  color: #777;
}
.ctytDialog_myBoard__list--dragBtn:hover .ctytDialog_myBoard__list--dragBtn__svgIcon svg {
  fill: #b4b4b4;
}
.ctytDialog_myBoard__list--dragBtn__svgIcon {
  width: 18px;
  height: 18px;
}
.ctytDialog_myBoard__list--dragBtn__svgIcon svg {
  fill: #b4b4b4;
}
.ctytDialog_myBoard__list--delBtn {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 12px;
  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;
}
.ctytDialog_myBoard__list--delBtn__svgIcon {
  width: 14px;
  height: 14px;
  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;
}
.ctytDialog_myBoard__list--delBtn__svgIcon svg {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.ctytDialog_myBoard__dragContent {
  padding: 4px 0 0 0;
  max-height: 404px;
}
.ctytDialog_feedWrite__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.ctytDialog_feedWriteWrap {
  margin-top: 18px;
  width: 100%;
  height: 600px;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  position: relative;
  padding: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ctytDialog_feedWriteWrap.flexibleHeight {
  min-height: 250px;
  max-height: 600px;
  height: auto;
}
.ctytDialog_feedWriteWrap:has(.commonPerfectScroll) {
  padding: 0;
  padding-bottom: 18px;
}
.ctytDialog_feedWriteWrap:has(.commonPerfectScroll) .ctytDialog_feedWrite__content {
  padding: 18px;
  margin-bottom: 18px;
}
.ctytDialog_feedWriteWrap--wide {
  gap: 8px;
  padding: 18px;
  height: auto;
  overflow: hidden;
}
.ctytDialog_feedWriteWrap--wide:has(.commonPerfectScroll) {
  padding: 0;
  padding-bottom: 18px;
}
.ctytDialog_feedWriteWrap--wide:has(.commonPerfectScroll) .ctytDialog_feedWrite__content {
  padding: 18px;
  margin-bottom: 18px;
}
.ctytDialog_feedWrite__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  min-height: 250px;
  max-height: 600px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDialog_feedWriteBox {
  margin-top: 3px;
  min-height: 41px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.7px;
  line-height: 22px;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctytDialog_feedWriteBox[contenteditable=true]:empty:before {
  content: attr(data-placeholder);
  color: #b4b4b4;
}
.ctytDialog_printBtnBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 2px 0;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.ctytDialog_printBtnBox--opt {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 13px;
}
.ctytDialog_printBtnBox--opt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  width: 1px;
  height: 18px;
  background-color: #d3d3d3;
  -webkit-transform: translateY(calc(-50% + 1px));
  -ms-transform: translateY(calc(-50% + 1px));
  transform: translateY(calc(-50% + 1px));
}
.ctytDialog_printBtnBox--opt.active .SNA_menu_result {
  display: block;
}
.ctytDialog_printBtnBox--opt.active .SNA_menu_result .SNA_btn .btn_skin {
  border-color: #4a4a4a;
}
.ctytDialog_printBtnBox--menu .SNA_menu_result {
  display: none;
  top: 4px;
  left: 0;
}
.ctytDialog_printBtnBox--menu .SNA_menu_result .SNA_menu_list .menuitem {
  height: 30px;
  padding: 6px 12px;
}
.ctytDialog_printBtnBox--menu .SNA_menu_result .SNA_menu_list .menuitem .menu {
  text-align: left;
  font-size: 12px;
  letter-spacing: -0.6px;
  line-height: 18px;
  color: #333;
}
.ctytDialog_printWrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #dbdbdb;
  max-height: 852px;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytDialog_printWrap + .ctytDialog_printWrap {
  margin-top: 20px;
}
.ctytDialog_printWrap .ctytfeedContentBox-voteBox:only-child, .ctytDialog_printWrap .ctytfeedContentBox-voteBox:first-of-type {
  margin-top: 0;
}
.ctytDialog_printBox .ctytDetailsWriteBox {
  border: 0;
}
.ctytDialog_printScroll {
  padding: 16px 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDialog_print--titBox {
  height: 75px;
}
.ctytDialog_print--content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: 725px;
  margin-bottom: 20px;
}
.ctytDialog_print_page {
  width: 100%;
  height: 44px;
  padding: 6px 12px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 10px;
  color: #4a4a4a;
}
.ctytDialog_print_pageBox {
  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: 36px;
  margin-top: 0;
  border-top: 1px solid #dbdbdb;
}
.ctytDialog_print_page__title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ctytDialog_print_page__number {
  width: 50px;
  text-align: right;
}
.ctytDialog_print__attachGroup {
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid #d3d3d3;
}
.ctytDialog__ctytGalleryListGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
}
.ctytDialog__ctytGalleryListGroup .ctytGalleryListItem {
  width: calc((100% - 12px) / 4);
  height: 122px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDialog__ctytGalleryListGroup .ctytGalleryListItem-contentInfo {
  padding: 4px 12px 3px 12px;
}
.ctytDialog__ctytGalleryListGroup .ctytGalleryListItem-contentInfo .ctytSubContentsBox-writeInfo {
  margin-top: -2px;
  font-size: 10px;
  height: initial;
}
.ctytDialog__ctytGalleryListGroup .ctytGalleryListItem-thumb {
  height: 78px;
  aspect-ratio: 120/78;
}
.ctytDialog__ctytGalleryListGroup .ctytMyboardListItem-titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: auto;
  font-size: 11px;
  letter-spacing: -0.28px;
}
.ctytDialog__ctytGalleryListGroup .ctytMyboardListItem-titleBox__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-line-clamp: initial;
  -webkit-box-orient: initial;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ctytDialog .dialog_data_tit h1.dgrenew_title {
  margin-bottom: 4px;
}
.ctytDialog .renew_title_desc {
  color: #777;
  font-size: 14px;
}
.ctytDialog .ctytDialog__alertTable {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 14px;
  border: 1px solid #d3d3d3;
  border-radius: 6px;
}
.ctytDialog .ctytDialog__alertTable table {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
  border-spacing: 0;
}
.ctytDialog .ctytDialog__alertTable tr:first-of-type > th {
  border-top-left-radius: 6px;
  border-top-width: 0;
}
.ctytDialog .ctytDialog__alertTable tr:last-of-type > th {
  border-bottom-left-radius: 6px;
  border-bottom-width: 0;
}
.ctytDialog .ctytDialog__alertTable tr:first-of-type > td {
  border-top-width: 0;
}
.ctytDialog .ctytDialog__alertTable--th {
  padding: 10px 16px 11px;
  background-color: #f3f4f7;
  font-size: 13px;
  font-weight: 900;
  color: #333;
  line-height: 19px;
  letter-spacing: -0.26px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #d7dbe2;
  vertical-align: middle;
}
.ctytDialog .ctytDialog__alertTable--td {
  padding: 10px 16px 11px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 17px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #d7dbe2;
  vertical-align: middle;
}
.ctytDialog_treeviewIcon, .ctytDialog_treeviewIcon--person, .ctytDialog_treeviewIcon--arrowdown, .ctytDialog_treeviewIcon--arrowleft, .ctytDialog_treeviewIcon--foldOpenDisabled, .ctytDialog_treeviewIcon--foldOpenActive, .ctytDialog_treeviewIcon--foldOpen, .ctytDialog_treeviewIcon--type1Disabled, .ctytDialog_treeviewIcon--fold, .ctytDialog_treeviewIcon--type1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
  position: relative;
}
.ctytDialog_treeviewIcon:after, .ctytDialog_treeviewIcon--person:after, .ctytDialog_treeviewIcon--arrowdown:after, .ctytDialog_treeviewIcon--arrowleft:after, .ctytDialog_treeviewIcon--foldOpenDisabled:after, .ctytDialog_treeviewIcon--foldOpenActive:after, .ctytDialog_treeviewIcon--foldOpen:after, .ctytDialog_treeviewIcon--type1Disabled:after, .ctytDialog_treeviewIcon--fold:after, .ctytDialog_treeviewIcon--type1:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("https://static.wehago.com/imgs/common/sp_lux.png");
  background-repeat: no-repeat;
  background-size: 540px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytDialog_treeviewIcon--type1:after {
  background-position: -43px -982px;
}
.ctytDialog_treeviewIcon--fold:after {
  width: 16px;
  height: 14px;
  background-position: -10px -1166px;
  -webkit-filter: grayscale(0.8);
  filter: grayscale(0.8);
  opacity: 0.7;
}
.ctytDialog_treeviewIcon--type1Disabled:after {
  background-position: -43px -982px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.7;
}
.ctytDialog_treeviewIcon--foldOpen:after {
  width: 18px;
  height: 14px;
  background-position: -50px -1166px;
  -webkit-filter: grayscale(0.8);
  filter: grayscale(0.8);
  opacity: 0.7;
}
.ctytDialog_treeviewIcon--foldOpenActive:after {
  width: 18px;
  height: 14px;
  background-position: -50px -1166px;
}
.ctytDialog_treeviewIcon--foldOpenDisabled:after {
  width: 18px;
  height: 14px;
  background-position: -50px -1166px;
}
.ctytDialog_treeviewIcon--arrowleft {
  width: 12px;
  height: 12px;
}
.ctytDialog_treeviewIcon--arrowleft:after {
  width: 6px;
  height: 10px;
  background-position: 0 -1188px;
}
.ctytDialog_treeviewIcon--arrowdown {
  width: 12px;
  height: 12px;
}
.ctytDialog_treeviewIcon--arrowdown:after {
  width: 10px;
  height: 6px;
  background-position: -36px -1190px;
}
.ctytDialog_treeviewIcon--person {
  width: 14px;
  height: 14px;
}
.ctytDialog_treeviewIcon--person:after {
  width: 14px;
  height: 14px;
  background-image: url("https://static.wehago.com/imgs/common/sp_icon.png");
  background-size: 500px auto;
  background-position: -240px -408px;
  -webkit-filter: grayscale(0.8);
  filter: grayscale(0.8);
  opacity: 0.7;
}
.ctytDialog_modifyBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDialog_modifyBox .ctytDialog_modifyText {
  margin-left: auto;
}
.ctytDialog__shareTagResultWrap {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #d3d3d3;
  max-height: 280px;
  overflow: auto;
}
.ctytDialog__shareTagResultWrap::-webkit-scrollbar {
  width: 14px;
}
.ctytDialog__shareTagResultWrap::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytDialog__shareTagResultWrap:has(.ntnew__emptyBox) {
  height: 363px;
  max-height: initial;
}
.ctytDialog__shareTagResultWrap:has(.commonPerfectScroll) {
  max-height: initial;
  height: auto;
  position: relative;
  overflow: hidden;
}
.ctytDialog__shareTagResultWrap:has(.commonPerfectScroll) .commonPerfectScroll {
  min-height: 250px;
  max-height: 363px;
}
.ctytDialog__shareTagResultList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-top: 1px solid #d3d3d3;
}
.ctytDialog__shareTagResultList:first-of-type {
  border-top: 0;
}
.ctytDialog__shareTagResultList.active {
  background-color: rgba(29, 98, 255, 0.05);
}
.ctytDialog__shareTagResultListCheck {
  width: 14px;
  height: 14px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.ctytDialog__shareTagResultListCheck + .ctytDialog__profileImg {
  margin-left: 12px;
}
.ctytDialog__shareTagResultListCheck + .ctytDialog__profileImg + .ctytDialog__shareTagResultListInfo {
  margin-left: 8px;
}
.ctytDialog__shareTagResultListCheck + .ctytDialog__profileImg--hasCommonImg {
  margin-left: 12px;
}
.ctytDialog__shareTagResultListCheck + .ctytDialog__profileImg--hasCommonImg + .ctytDialog__shareTagResultListInfo {
  margin-left: 8px;
}
.ctytDialog__shareTagResultListInfo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: calc(100% - 72px);
}
.ctytDialog__shareTagResultListInfo .SNA_tooltip {
  max-width: calc(100% - 20px);
}
.ctytDialog__shareTagResultListInfoName {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  letter-spacing: -0.2px;
  padding-right: 4px;
}
.ctytDialog__shareTagResultListInfoName + .ctytDialog__shareTagResultListInfoCount {
  margin-left: 2px;
}
.ctytDialog__shareTagResultListInfoCount {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.ctytDialog__shareTagResultListInfoCount .lunacon {
  color: #b4b4b4;
  font-size: 12px;
}
.ctytDialog__shareTagResultListInfoCountData {
  font-size: 11px;
  letter-spacing: -0.2px;
  color: #777;
}
.ctytDialog__profileImg {
  width: 32px;
  height: 32px;
  margin-left: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.03);
  background-color: #d0d6e5;
  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;
}
.ctytDialog__profileImg--hasCommonImg {
  width: 32px;
  height: 32px;
  margin-left: 12px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 12px;
  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;
}
.ctytDialog__profileImg .lunacon {
  color: #fff;
  font-size: 18px;
}
.ctytDialog__profileImg .lunacon--lock-outlined {
  font-size: 20px;
}
.ctytDialog__profileImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctytDialog__splitSection {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  letter-spacing: -0.5px;
}
.ctytDialog__splitSection .splitSection__title {
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #333;
  margin-bottom: 8px;
}
.ctytDialog__splitSection .splitSection__left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytDialog__splitSection .splitSection__right {
  width: 252px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ctytDialog__splitSection .splitSection__greetingsInput {
  height: 452px;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px;
}
.ctytDialog__splitSection .splitSection__greetingsInput:has(.splitSection__greetingsTextarea:focus) {
  border-color: #4a4a4a;
}
.ctytDialog__splitSection .splitSection__greetingsTextarea {
  border: 0;
  width: 100%;
  height: 100%;
  resize: none;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  outline: 0;
}
.ctytDialog__splitSection .splitSection__greetingsTextarea::-webkit-scrollbar {
  width: 14px;
}
.ctytDialog__splitSection .splitSection__greetingsTextarea::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctytDialog__splitSection .splitSection__greetingsPreview {
  position: relative;
  width: 252px;
  height: 452px;
  background: url(/imgs/ctyt/dialog_phoneframe.svg) no-repeat 0 0/cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ctytDialog__splitSection .splitSection__previewTop {
  position: relative;
  height: 97px;
  background: #e9f1fc;
  border-radius: 28px 28px 0 0;
  padding: 38px 10px 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ctytDialog__splitSection .splitSection__previewTop .splitSection__previewCloseBtn {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 14px;
  height: 14px;
  border: 0;
  background: none;
}
.ctytDialog__splitSection .splitSection__previewTop .splitSection__previewCloseBtn .lunacon {
  font-size: 14px;
  color: #777;
}
.ctytDialog__splitSection .splitSection__previewTop .text {
  font-size: 9px;
  color: #333;
}
.ctytDialog__splitSection .splitSection__previewTop .text2 {
  z-index: 1;
  position: relative;
  margin-top: 4px;
  font-size: 10px;
  font-weight: 900;
  color: #333;
}
.ctytDialog__splitSection .splitSection__previewTop .text2 > em {
  color: #105aff;
}
.ctytDialog__splitSection .splitSection__previewTop .text2 .name {
  display: inline-block;
  vertical-align: top;
  max-width: 40px;
}
.ctytDialog__splitSection .splitSection__previewTop:after {
  content: "";
  position: absolute;
  top: 35px;
  right: 0;
  width: 100px;
  height: 62px;
  background: url(/imgs/ctyt/dialog_pig.png) no-repeat 0 0/cover;
}
.ctytDialog__splitSection .splitSection__previewCon {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px 0 10px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0 0 28px 28px;
  overflow: hidden;
}
.ctytDialog__splitSection .splitSection__previewCon .splitSection__greetingsTextarea {
  padding-right: 10px;
  font-size: 11px;
  color: #333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytDialog .ctytDialog__infoBox {
  position: relative;
  padding: 14px 14px 10px;
  background: #f5f5f7;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
}
.ctytDialog .ctytDialog__infoBoxTitle {
  position: relative;
  font-size: 14px;
  color: #333;
  letter-spacing: -0.5px;
  line-height: 21px;
  padding-left: 18px;
}
.ctytDialog .ctytDialog__infoBoxTitle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  background: url(https://static.wehago.com/imgs/common/sp_icon.png) no-repeat -264px -848px/500px 1000px;
  margin-top: -7px;
}
.ctytDialog .ctytDialog__infoBoxList {
  margin-top: 6px;
}
.ctytDialog .ctytDialog__infoBoxList > li {
  position: relative;
  padding-left: 6px;
  font-size: 12px;
  color: #333;
  letter-spacing: -0.5px;
  line-height: 18px;
}
.ctytDialog .ctytDialog__infoBoxList > li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #777;
}
.ctytDialog .ctytDialog__infoBoxList > li + li {
  margin-top: 2px;
}
.ctytDialog .ctytDialog__switchBox {
  position: relative;
  height: 48px;
  background: #f4f4f4;
  border-radius: 12px;
  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: 14px;
  color: #333;
  line-height: 1.5;
  gap: 4px;
  padding: 0 10px;
}
.ctytDialog .ctytDialog__switchBox .fixText {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ctytDialog .ctytDialog__switchBox .common_onoff_switch {
  margin-left: 4px;
}
.ctytDialog .ctytfeedWriteBox-options {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDialog .ctytfeedWriteBox-optionsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDialog .dialog_btnbx:has(.ctytfeedWriteBox-optionsWrap) {
  margin-top: 12px;
}
.ctytDialog .dialog_data_icon .dgrenew_title {
  font-size: 18px !important;
  color: #333;
}
.ctytDialog .dialog_data_icon .renew_title_desc {
  font-size: 14px;
  color: #777;
  margin-top: 4px;
}
.ctytDialog .dialog_data_tit.typeDesign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
  height: 114px;
  background: url(/imgs/ctyt/bg_dialog_title.png) no-repeat 100% 0/auto 114px;
  margin: -24px -24px 0;
  padding: 20px 0 0 20px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.ctytDialog .dialog_data_tit.typeDesign .dialog_data_tit--title {
  display: block;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #001b65;
  font-weight: 900;
  text-align: left;
}
.ctytDialog .dialog_data_tit.typeDesign .dialog_data_tit--sub {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #001b65;
  text-align: left;
}
.ctytDialog .dialog_data_tit.typeDesign .btn_clr {
  top: 10px;
  right: 10px;
  z-index: 10;
}
.ctytDialog__noticeWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ctytDialog__noticeIntro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.ctytDialog__noticeMean {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px;
  padding: 12px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
  background: #f5f6fa;
}
.ctytDialog__noticeMean.type02 {
  gap: 2px;
}
.ctytDialog__noticeMean.type02 .ctytDialog__text--noticeMeanTitle {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #0943c6;
  font-weight: 700;
}
.ctytDialog__noticeMean.type02 .ctytDialog__text--noticeMeanSub {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
}
.ctytDialog__noticeInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
}
.ctytDialog__noticeInfoTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDialog__noticeInfoGroup {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 100%;
}
.ctytDialog__noticeInfoGroupDeco {
  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;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: -o-linear-gradient(64deg, #cc7bff 12%, #43beff 84%);
  background: linear-gradient(26deg, #cc7bff 12%, #43beff 84%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytDialog__noticeInfoModule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  padding: 12px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
}
.ctytDialog__noticeInfoModule.bgBlue {
  background: #ecf3ff;
}
.ctytDialog__noticeInfoModule.bgPurple {
  background: #f4f0fc;
}
.ctytDialog__noticeInfoModule.bgPurple .ctytDialog__text--noticeInfoGroupTitle {
  color: #6f19b1;
}
.ctytDialog__noticeInfoModule.bgPurple .ctytDialog__text--noticeInfoListItemNum {
  color: #f6f0fc;
  background: #967ab2;
}
.ctytDialog__noticeInfoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  margin-top: 12px;
}
.ctytDialog__noticeInfoList:has(.ctytDialog__text--noticeInfoListItemSub2) {
  margin-top: 6px;
}
.ctytDialog__noticeInfoListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 6px;
}
.ctytDialog__noticeInfoListTextBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ctytDialog__noticeStep {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
}
.ctytDialog__noticeStepContent {
  width: 100%;
  padding: 16px 16px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f4f4f4;
  border-radius: 8px;
}
.ctytDialog__noticeStepList {
  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;
}
.ctytDialog__noticeStepList.typeSkill {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.ctytDialog__noticeStepList.typeSkill .ctytDialog__noticeStepIconBox {
  position: relative;
  background: none;
}
.ctytDialog__noticeStepList.typeSkill .ctytDialog__noticeStepIconBox > img {
  display: block;
  width: 56px;
  height: 56px;
}
.ctytDialog__noticeStepItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDialog__noticeStepItemBar {
  margin-top: 17px;
}
.ctytDialog__noticeStepIconBox {
  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: 56px;
  min-width: 56px;
  height: 56px;
  background: #f2f5fd;
  border-radius: 50%;
}
.ctytDialog__noticeStepIconBox > img {
  display: block;
  width: 40px;
  height: 40px;
}
.ctytDialog__noticeBanner {
  display: block;
  position: relative;
  width: 100%;
  height: 104px;
  padding: 14px 24px;
  margin-top: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
  background: -o-linear-gradient(353deg, #e7efff, #e8e3ff 84%, #ebcbff 100%);
  background: linear-gradient(97deg, #e7efff, #e8e3ff 84%, #ebcbff 100%);
}
.ctytDialog__noticeBannerTextBox {
  position: relative;
}
.ctytDialog__noticeBannerTextBox .ctytDialog__btn--noticeBanner {
  position: relative;
  height: 28px;
  width: 200px;
  margin-top: 6px;
  border: 1px solid transparent;
  border-radius: 14px;
  background-image: -o-linear-gradient(#fff, #fff), -o-linear-gradient(355deg, #c0adff 2%, #b245ef 77%, #ff8df9 99%);
  background-image: linear-gradient(#fff, #fff), linear-gradient(95deg, #c0adff 2%, #b245ef 77%, #ff8df9 99%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  overflow: hidden;
}
.ctytDialog__noticeBannerTextBox .ctytDialog__btn--noticeBanner .inner {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  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: #fff;
}
.ctytDialog__noticeBannerTextBox .ctytDialog__btn--noticeBanner .inner .text {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #2a1c82;
}
.ctytDialog__noticeBannerTextBox .ctytDialog__btn--noticeBanner .inner .text > em {
  font-weight: 900;
}
.ctytDialog__noticeBanner::before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 2px;
  right: 24px;
  background: url(/imgs/ctyt/ic_nahago.png) no-repeat 0 0/100px 100px;
}
.ctytDialog .ctytCommonBoxDivision {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytDialog .ctytCommonBoxDivision + .ctytCommonBoxDivision {
  margin-top: 16px;
}
.ctytDialog .ctytCommonBoxDivision-titleBox {
  font-size: 0;
}
.ctytDialog .ctytCommonBoxDivision-titleBox__text {
  font-size: 14px;
  font-weight: 900;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.ctytDialog .ctytCommonBoxDivision .ctytDialogInquiryBox {
  border: 1px solid #d3d3d3;
  padding: 12px 16px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDialog .ctytCommonBoxDivision .ctytDialogInquiryBox .ctytProofInquiryGroup {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytDialog .ctytCommonBoxDivision .ctytDialogInquiryBox .ctytProofInquiryGroup__dt {
  font-size: 13px;
  font-weight: 700;
  color: #333;
}
.ctytDialog .ctytCommonBoxDivision .ctytDialogInquiryBox .ctytProofInquiryGroup__dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytDialog .ctytCommonBoxDivision .ctytDialogInquiryBox .ctytProofInquiryGroupSeparator {
  width: 1px;
  height: 24px;
  background-color: #e1e1e1;
  margin: 0 24px;
}
.ctytDialog .ctytDialogNoteMessage {
  padding: 16px;
  border-radius: 8px;
  background-color: #f7f7f8;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytDialog .ctytDialogNoteMessage-titleBox {
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDialog .ctytDialogNoteMessage-titleBox__text {
  font-size: 14px;
  font-weight: 900;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.ctytDialog .ctytDialogNoteMessageList__item {
  position: relative;
  padding-left: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.2px;
}
.ctytDialog .ctytDialogNoteMessageList__item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #777;
  border-radius: 50%;
}
.ctytDialog .ctytFileSupportsBox {
  margin-left: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDialog .ctytFileSupportsBox__supportsText {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  line-height: 1.5;
  letter-spacing: -0.2px;
}
.ctytDialog .ctytFileSupportsBoxSeparator {
  width: 1px;
  height: 10px;
  background-color: #e1e1e1;
  margin: 1px 4px 0;
}
.ctytDialog .ctytFileSupportsBox__icon {
  position: relative;
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.ctytDialog .ctytFileSupportsBox__errorMessage {
  gap: 0 2px;
  font-size: 12px;
  font-weight: 400;
  color: #fa4553;
  line-height: 1.5;
  letter-spacing: -0.2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytDialog .ctytFileSupportsBox__errorMessage::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/imgs/ctyt/icon_error.svg) no-repeat center center/cover;
  vertical-align: top;
}

.A4 .page.ctyt .ctytDialog__noticeWrap {
  padding: 75px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.A4 .page.ctyt .ctytDialog__noticeWrap .ctytDialog__noticeIntro {
  gap: 8px;
}
.A4 .page.ctyt .ctytDialog__noticeWrap .ctytDialog__text--noticeIntroMain {
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 900;
}
.A4 .page.ctyt .ctytDialog__noticeWrap .ctytDialog__text--noticeIntroSub {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #4a4a4a;
}
.A4 .page.ctyt .ctytDialog__noticeWrap .ctytDialog__noticeInfoListTextBox {
  gap: 4px;
}
.A4 .page.ctyt .ctytDialog__noticeWrap .ctytDialog__text--noticeInfoListItemSub {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #4a4a4a;
}

.ctyt .container {
  overflow: initial;
  position: static;
}
.ctyt .contentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 36px 30px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .contentWrapper .secContainer {
  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;
}
.ctyt .contentWrapper .secContainer + .secContainer {
  margin-top: 16px;
}
.ctyt .contentWrapper .secContainer-addSubLnbSideBox {
  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;
}
.ctyt .contentWrapper .secContainer.filledItup {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctyt .contentWrapper .secContainer.addSubLnb {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  width: 100%;
}
.ctyt .contentWrapper .secContainer.addSubLnb .ctyt__checkInbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctyt .contentWrapper--notice .secContainer {
  min-height: 0;
}
.ctyt .noticeCardListBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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;
  min-height: 0;
  height: 100%;
  background-color: #f7f7f8;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .noticeCardListBox .ctytPageContent-titleBox {
  padding: 20px 20px 0;
}
.ctyt .previewMockupBox {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  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;
  width: 360px;
  height: 100%;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .previewMockupBox .ctytPageContent-titleBox {
  padding: 20px 20px 0;
}
.ctyt .previewMockupBox .ctytPageContent-titleBox__title {
  color: #333;
}
.ctyt .previewMockupBox .secContainer {
  gap: 0;
}
.ctyt .previewMockupBox .ctytCommonButtonBox .SNA_label .label {
  font-size: 14px;
  font-weight: bold;
  color: #27c36f;
}
.ctyt .noticeCardList {
  position: relative;
  letter-spacing: -0.5px;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow-y: auto;
  padding: 0 20px 20px;
}
.ctyt .noticeCardList::-webkit-scrollbar {
  width: 14px;
}
.ctyt .noticeCardList::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctyt .noticeCardList--empty {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .noticeCardList__item {
  position: relative;
  border-radius: 16px;
  border: 1px solid transparent;
  -webkit-box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.06);
  background-color: #fff;
  padding: 20px;
  min-height: 226px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -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;
  gap: 4px;
  box-sizing: border-box;
  width: calc(50% - 6px);
}
.ctyt .noticeCardList__item:hover {
  border-color: #4a4a4a;
  -webkit-box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.12);
}
.ctyt .noticeCardList__item.selected {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f6ff));
  background: -o-linear-gradient(top, #fff, #f2f6ff);
  background: linear-gradient(to bottom, #fff, #f2f6ff);
}
.ctyt .noticeCardList__itemTitle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  color: #5f65ff;
  font-weight: 900;
  gap: 2px;
}
.ctyt .noticeCardList__itemDesc {
  font-size: 16px;
  font-weight: 900;
  color: #333;
  margin-top: 12px;
}
.ctyt .noticeCardList__itemSubdesc {
  font-size: 12px;
  color: #777;
  margin-top: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  overflow: hidden;
}
.ctyt .noticeCardList__itemSubdescBox {
  margin-top: 10px;
  position: relative;
  max-height: 126px;
  overflow-y: auto;
}
.ctyt .noticeCardList__itemSubdescBox::-webkit-scrollbar {
  width: 14px;
}
.ctyt .noticeCardList__itemSubdescBox::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctyt .noticeCardList__itemSubdescBox .noticeCardList__itemSubdesc {
  margin-top: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.5;
  overflow: hidden;
}
.ctyt .noticeCardList__linkBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  color: #50596c;
  font-weight: bold;
  border: 0;
  background: none;
}
.ctyt .noticeCardList__linkBtn .lunacon {
  font-size: 12px;
  color: #50596c;
}
.ctyt .noticeCardList__itemIcon {
  position: absolute;
  top: 4px;
  right: 14px;
  width: 110px;
  height: 110px;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctyt .noticeCardList__itemDelBtn {
  z-index: 3;
  position: absolute;
  top: 12px;
  right: 12px;
  border: 0;
  background: none;
}
.ctyt .noticeCardList__itemDelBtn .lunacon {
  font-size: 18px;
  color: 989898;
}
.ctyt .noticeCardList__itemContents {
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .noticeCardList__emptyBtn {
  font-size: 13px;
  color: #777;
  border: 0;
  background: none;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ctyt .noticeCtm {
  overflow-y: auto;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctyt .noticeCtm::-webkit-scrollbar {
  width: 14px;
}
.ctyt .noticeCtm::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-color: #cbcbcb;
  background-clip: padding-box;
  border-radius: 14px;
}
.ctyt .noticeCtm--empty {
  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;
}
.ctyt .noticeCtm .mobileFrame {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 420px;
  height: 740px;
  background: url("/imgs/ctyt/bg_phoneFrame.png") no-repeat center center/100% 100%;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
}
.ctyt .noticeCtm .mobileFrame--empty {
  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;
}
.ctyt .noticeCtm .mobileFrame--empty .empty_area {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.ctyt .noticeCtm .mobileFrameNew {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 420px;
  min-height: 520px;
  max-height: 740px;
  background: url("/imgs/ctyt/bg_phoneFrame_pattern.png") repeat-y center center/100% 100%;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
}
.ctyt .noticeCtm .mobileFrameNew:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 80px;
  background: url("/imgs/ctyt/bg_phoneFrame_top.png") no-repeat 0 0/100% 100%;
}
.ctyt .noticeCtm .ctm_2023 .mobileWrapper,
.ctyt .noticeCtm .ctm_2024 .mobileWrapper,
.ctyt .noticeCtm .ctm_2025 .mobileWrapper,
.ctyt .noticeCtm .preNotice .mobileWrapper {
  overflow: hidden;
  position: absolute;
  top: 14px;
  left: 31px;
  right: 31px;
  bottom: 31px;
  background-color: transparent;
  border-radius: 40px;
}
.ctyt .noticeCtm .ctm_2023 .mobileWrapper .header,
.ctyt .noticeCtm .ctm_2024 .mobileWrapper .header,
.ctyt .noticeCtm .ctm_2025 .mobileWrapper .header,
.ctyt .noticeCtm .preNotice .mobileWrapper .header {
  position: absolute;
  top: 46px;
}
.ctyt .noticeCtm .ctm_2023 .mobileWrapper .container,
.ctyt .noticeCtm .ctm_2024 .mobileWrapper .container,
.ctyt .noticeCtm .ctm_2025 .mobileWrapper .container,
.ctyt .noticeCtm .preNotice .mobileWrapper .container {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 92px;
  left: 0;
  right: 0;
  bottom: 0;
}
.ctyt .noticeCtm .ctm_2023 .mobileWrapper .container::-webkit-scrollbar,
.ctyt .noticeCtm .ctm_2024 .mobileWrapper .container::-webkit-scrollbar,
.ctyt .noticeCtm .ctm_2025 .mobileWrapper .container::-webkit-scrollbar,
.ctyt .noticeCtm .preNotice .mobileWrapper .container::-webkit-scrollbar {
  width: 4px;
}
.ctyt .noticeCtm .ctm_2023 .mobileWrapper .container::-webkit-scrollbar-thumb,
.ctyt .noticeCtm .ctm_2024 .mobileWrapper .container::-webkit-scrollbar-thumb,
.ctyt .noticeCtm .ctm_2025 .mobileWrapper .container::-webkit-scrollbar-thumb,
.ctyt .noticeCtm .preNotice .mobileWrapper .container::-webkit-scrollbar-thumb {
  background: #989898;
  border-radius: 2px;
}
.ctyt .noticeCtm .ctm_2023 .mobileWrapper .container::-webkit-scrollbar-track,
.ctyt .noticeCtm .ctm_2024 .mobileWrapper .container::-webkit-scrollbar-track,
.ctyt .noticeCtm .ctm_2025 .mobileWrapper .container::-webkit-scrollbar-track,
.ctyt .noticeCtm .preNotice .mobileWrapper .container::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.ctyt .noticeCtm .ctm_2023 .mobileWrapper .content_wrap,
.ctyt .noticeCtm .ctm_2024 .mobileWrapper .content_wrap,
.ctyt .noticeCtm .ctm_2025 .mobileWrapper .content_wrap,
.ctyt .noticeCtm .preNotice .mobileWrapper .content_wrap {
  left: auto;
}
.ctyt .noticeCtm .ctm_2023 .mobileWrapper .footer_button_box,
.ctyt .noticeCtm .ctm_2024 .mobileWrapper .footer_button_box,
.ctyt .noticeCtm .ctm_2025 .mobileWrapper .footer_button_box,
.ctyt .noticeCtm .preNotice .mobileWrapper .footer_button_box {
  position: sticky;
}
.ctyt .noticeCtm .ctm_2023 .mobileWrapper .dimmed,
.ctyt .noticeCtm .ctm_2024 .mobileWrapper .dimmed,
.ctyt .noticeCtm .ctm_2025 .mobileWrapper .dimmed,
.ctyt .noticeCtm .preNotice .mobileWrapper .dimmed {
  position: absolute;
}
.ctyt .noticeCtm .ctm_2023 .mobileWrapper .select_toast,
.ctyt .noticeCtm .ctm_2024 .mobileWrapper .select_toast,
.ctyt .noticeCtm .ctm_2025 .mobileWrapper .select_toast,
.ctyt .noticeCtm .preNotice .mobileWrapper .select_toast {
  position: absolute;
}
.ctyt .noticeCtm .ctm_2023 .preNotice__slideWrap .preNotice__slideItem,
.ctyt .noticeCtm .ctm_2024 .preNotice__slideWrap .preNotice__slideItem,
.ctyt .noticeCtm .ctm_2025 .preNotice__slideWrap .preNotice__slideItem,
.ctyt .noticeCtm .preNotice .preNotice__slideWrap .preNotice__slideItem {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}
.ctyt .noticeCtm .ctm_2023 .preNotice__slideWrap .swiper-pagination,
.ctyt .noticeCtm .ctm_2024 .preNotice__slideWrap .swiper-pagination,
.ctyt .noticeCtm .ctm_2025 .preNotice__slideWrap .swiper-pagination,
.ctyt .noticeCtm .preNotice .preNotice__slideWrap .swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: 14px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ctyt .ctytDialog .ctytWizardStart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 110px 0 0 60px;
}
.ctyt .ctytDialog .ctytWizardStart__textBox em {
  background-image: -webkit-gradient(linear, left top, right top, from(#371dff), to(#8e47ff));
  background-image: -o-linear-gradient(left, #371dff 0%, #8e47ff 100%);
  background-image: linear-gradient(to right, #371dff 0%, #8e47ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ctyt .ctytDialog .ctytWizardStart__title {
  color: #000;
  font-size: 24px;
  font-weight: 900;
}
.ctyt .ctytDialog .ctytWizardStart__desc {
  margin-top: 8px;
  color: #333;
  font-size: 14px;
  font-weight: 400;
}
.ctyt .ctytDialog .ctytWizardStart__btnStart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  height: 36px;
  margin-top: 24px;
  padding: 0 16px 0 12px;
  background-image: -webkit-gradient(linear, left top, right top, from(#4a59ff), to(#8e47ff));
  background-image: -o-linear-gradient(left, #4a59ff 0%, #8e47ff 100%);
  background-image: linear-gradient(to right, #4a59ff 0%, #8e47ff 100%);
  border: 0;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .ctytDialog .ctytWizardStart__btnStart:hover {
  background-image: -webkit-gradient(linear, left top, right top, from(#404de1), to(#7c3ee0));
  background-image: -o-linear-gradient(left, #404de1 0%, #7c3ee0 100%);
  background-image: linear-gradient(to right, #404de1 0%, #7c3ee0 100%);
}
.ctyt .ctytDialog .ctytWizardStart__btnStart .label {
  font-size: 14px;
  font-weight: 900;
  color: #fff;
}
.ctyt .ctytDialog .ctytWizardStart__btnStart .lunacon {
  color: #fff;
  font-size: 18px;
}

.ctyt .wehagoCommon__totalEmptyCardCont:hover .wehagoCommon__totalEmptyCardBg {
  opacity: 1;
}
.ctyt .wehagoCommon__totalEmptyCardCont:hover .wehagoCommon__totalEmptyCardHover {
  opacity: 0;
}

@media only screen and (max-width: 1440px) {
  .ctyt .noticeCardList__itemIcon {
    opacity: 0.5;
  }
}
.ctyt__dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
}
.ctyt__dashboardAiList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ctyt__dashboardAiListItem {
  display: block;
  padding: 6px 16px;
  height: 33px;
  border: 1px solid #105aff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 17px;
  background: #fff;
}
.ctyt__dashboardAiListItem:hover, .ctyt__dashboardAiListItem.selected {
  background: #105aff;
  color: #fff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.ctyt__dashboardMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}
.ctyt__dashboardMenuItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  padding: 17px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 #e1e1e1;
  box-shadow: 0 2px 4px 0 #e1e1e1;
}
.ctyt__dashboardMenuIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 18px;
  height: 18px;
}
.ctyt__dashboardMenuIcon > img {
  display: block;
  width: 100%;
  height: 100%;
}
.ctyt__dashboardMenu .ctyt__text--dashboardNum {
  margin-left: auto;
}
.ctyt__dashboardEmpty {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.ctyt__dashboardEmptyImgBox {
  display: block;
  width: 60px;
  height: 60px;
}
.ctyt__dashboardEmptyImgBox > img {
  display: block;
  width: 100%;
  height: 100%;
}
.ctyt__dashboardEmptyTextBox {
  display: block;
}
.ctyt__dashboardSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.ctyt__dashboardBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 20px;
  background: #f7f7f8;
  overflow: hidden;
}
.ctyt__dashboardBoxTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 24px;
}
.ctyt__dashboardBoxTitleTextBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.ctyt__dashboardBoxTitleOptionBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
.ctyt__dashboardBoxTitleOptionBar {
  display: block;
  width: 1px;
  height: 20px;
  background: rgba(0, 0, 0, 0.1);
}
.ctyt__dashboardBoxTitleOptionGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt__dashboardBoxContent {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctyt__dashboardBoxContent--aiwork {
  overflow-y: auto;
  height: 80px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: -16px;
  padding-right: 16px;
  margin-bottom: -20px;
  padding-bottom: 20px;
}
.ctyt__dashboardBoxContent .fluidTableBody {
  overflow-y: auto;
  max-height: 145px;
}
.ctyt__dashboardBox:has(.ctyt__dashboardBanner) {
  width: calc(100% - 416px);
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(#eee9ff), color-stop(52%, #edf3ff), to(#e1f2ff));
  background: -o-linear-gradient(left, #eee9ff 0%, #edf3ff 52%, #e1f2ff 100%);
  background: linear-gradient(to right, #eee9ff 0%, #edf3ff 52%, #e1f2ff 100%);
  padding: 0;
}
.ctyt__dashboardBox:has(.ctyt__dashboardMenu) {
  padding: 0;
  background: none;
  border-radius: 0;
  overflow: visible;
}
.ctyt__dashboardBox:has(.ctyt__text--dashboarh3) {
  padding: 0;
  background: none;
  border-radius: 0;
  overflow: visible;
  margin-top: 4px;
  margin-bottom: -8px;
}
.ctyt__dashboardBox.bgBlue {
  background: #eff4ff;
}
.ctyt__dashboardBox.bgBorder {
  position: relative;
  background: #fff;
}
.ctyt__dashboardBox.bgBorder::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2px;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#28afff), color-stop(56%, #5b3eff), to(#fa5aff));
  background-image: -o-linear-gradient(#fff, #fff), -o-linear-gradient(left, #28afff, #5b3eff 56%, #fa5aff);
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #28afff, #5b3eff 56%, #fa5aff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.ctyt__dashboardBox.bgBorder .ctyt__dashboardBoxTitle,
.ctyt__dashboardBox.bgBorder .ctyt__dashboardBoxContent {
  position: relative;
}
.ctyt__dashboardBox.w400 {
  width: 400px;
  max-width: 400px;
}
.ctyt__dashboardBox.w50per {
  width: calc(50% - 8px);
  max-width: calc(50% - 8px);
}
.ctyt .fluidTable.ctytTbl thead th {
  background: #f0f2f7;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #777;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .fluidTable.ctytTbl thead th:first-child {
  padding-left: 20px;
}
.ctyt .fluidTable.ctytTbl thead th:last-child {
  padding-right: 20px;
}
.ctyt .fluidTable.ctytTbl tbody tr td {
  height: 40px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .fluidTable.ctytTbl tbody tr td:first-child {
  padding-left: 20px;
}
.ctyt .fluidTable.ctytTbl tbody tr td:last-child {
  padding-right: 20px;
}
.ctyt__tblProgress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 250px;
}
.ctyt__tblProgressBg {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 12px;
  border-radius: 6px;
  overflow: hidden;
  background: #e1e1e1;
}
.ctyt__tblProgressLine {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 6px;
  background: -webkit-gradient(linear, left top, right top, from(#5796ff), to(#8f74ff));
  background: -o-linear-gradient(left, #5796ff, #8f74ff);
  background: linear-gradient(to right, #5796ff, #8f74ff);
}
.ctyt__companyList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}
.ctyt__companyList.typeGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.ctyt__companyList.typeGrid .ctyt__companyListItem {
  overflow: hidden;
}
.ctyt__companyList.typeGrid .ctyt__companyListTextBox {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctyt__companyListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 8px 30px 8px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  box-sizing: border-box;
  background: #fff;
}
.ctyt__companyListItem:has(.ctyt__companyListLabelBox) {
  padding-right: 16px;
}
.ctyt__companyListImgBox {
  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: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 12px;
}
.ctyt__companyListTextBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 40%;
}
.ctyt__companyListInfoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
}
.ctyt__companyListProgressBox {
  display: block;
  width: 40%;
  margin-left: auto;
}
.ctyt__companyListLabelBox {
  margin-left: auto;
}
.ctyt__pieChart {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 160px;
}
.ctyt__dashboardBanner {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt__dashboardBannerBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ctyt__dashboardBannerItem {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 19px 24px 16px 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt__dashboardBannerImgBox {
  display: block;
  width: 120px;
  min-width: 120px;
  height: 120px;
}
.ctyt__dashboardBannerImgBox > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ctyt__dashboardBannerTextBox {
  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;
  gap: 4px;
}
.ctyt__dashboardBannerTextBox .ctyt__btn--dashboardBanner {
  margin-top: 6px;
}
.ctyt__dashboardBannerControlBox {
  position: absolute;
  right: 26px;
  bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}
.ctyt__dashboardBannerControlBox [class*=swiper-button],
.ctyt__dashboardBannerControlBox .swiper-pagination {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  margin: 0;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  padding: 0;
  background: none;
}
.ctyt__dashboardBannerControlBox [class*=swiper-button]::before, .ctyt__dashboardBannerControlBox [class*=swiper-button]::after,
.ctyt__dashboardBannerControlBox .swiper-pagination::before,
.ctyt__dashboardBannerControlBox .swiper-pagination::after {
  display: none;
}
.ctyt__dashboardBannerControlBox .swiper-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;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
  color: #b4b4b4;
  white-space: nowrap;
}
.ctyt__dashboardBannerControlBox .swiper-pagination .swiper-pagination-current {
  color: #333;
  font-weight: 900;
}
.ctyt__dashboardBanner.typeSlim {
  height: 44px;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt__dashboardBanner.typeSlim .ctyt__dashboardBannerItem {
  padding: 0 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt__dashboardBanner.typeSlim .ctyt__dashboardBannerTextBox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.ctyt__dashboardBanner.typeSlim .ctyt__text--dashboardBannerTitle {
  font-size: 15px;
  line-height: 23px;
}
.ctyt__dashboardBanner.typeSlim .ctyt__text--dashboardBannerTitle .deco {
  background: -webkit-gradient(linear, left top, right top, from(#371dff), to(#8e47ff));
  background: -o-linear-gradient(left, #371dff, #8e47ff);
  background: linear-gradient(to right, #371dff, #8e47ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ctyt__dashboardBanner.typeSlim .ctyt__text--dashboardBannerSub {
  font-size: 14px;
  line-height: 23px;
  color: #333;
}
.ctyt__dashboardBanner.typeSlim .ctyt__dashboardBannerControlBox {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
}
.ctyt__dashboardAlarmList {
  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;
  max-height: 145px;
  padding: 0 20px 20px;
  margin: 0 -20px -20px;
  overflow: auto;
}
.ctyt__dashboardAlarmListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}
.ctyt__dashboardAlarmImgBox {
  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: 36px;
  min-width: 36px;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
.ctyt__dashboardAlarmTextBox {
  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-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}

.ctyt .ytAutoInformationContainer {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 40px 60px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  background-image: -o-linear-gradient(323deg, #f2faff 1%, #f3f5ff 60%, #f5f0ff 110%);
  background-image: linear-gradient(127deg, #f2faff 1%, #f3f5ff 60%, #f5f0ff 110%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
}
.ctyt .ytAutoInformationContainer:has(.ytAutoCreateStepWrapper) {
  background-image: none;
  background-color: #f7f9fc;
}
.ctyt .ytAutoInformationWrapper {
  width: 980px;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 64px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ytAutoInformationHeader {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ytAutoInformationHeader-titleBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.5;
  letter-spacing: -0.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ytAutoInformationHeader-titleBox__title {
  font-size: 30px;
  font-weight: 900;
  color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(#371dff), to(#8e47ff));
  background-image: -o-linear-gradient(left, #371dff, #8e47ff);
  background-image: linear-gradient(to right, #371dff, #8e47ff);
  -webkit-background-clip: text;
  background-clip: text;
}
.ctyt .ytAutoInformationHeader-titleBox__description {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.ctyt .ytAutoInformationButtonWrapper {
  margin-top: 24px;
  gap: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ytAutoInformationButtonWrapper__aiCreate {
  min-width: 162px;
  height: 36px;
  padding: 0 16px;
  border: 0;
  border-radius: 6px;
  background-image: -webkit-gradient(linear, left top, right top, from(#4a59ff), to(#8e47ff));
  background-image: -o-linear-gradient(left, #4a59ff, #8e47ff);
  background-image: linear-gradient(to right, #4a59ff, #8e47ff);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 0 4px;
  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;
}
.ctyt .ytAutoInformationButtonWrapper__aiCreateText {
  margin-top: 1px;
  font-size: 14px;
  font-weight: 900;
  color: #fff;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.ctyt .ytAutoInformationButtonWrapper__aiCreate::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/imgs/ctyt/icon_ai_star_white.svg) no-repeat center center/cover;
  vertical-align: top;
}
.ctyt .ytAutoInformationToggle {
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ytAutoInformationToggle__dt {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.ctyt .ytAutoInformationToggle__dd {
  font-size: 0;
}
.ctyt .ytAutoInformationCardWrapper {
  gap: 8px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ytAutoInformationCardWrapper-titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ytAutoInformationCardWrapper-titleBox__title {
  font-size: 16px;
  font-weight: 900;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.ctyt .ytAutoInformationCardList {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ytAutoInformationCardListBox {
  position: relative;
  width: calc(25% - 6px);
  height: 230px;
  padding: clamp(12px, 1.25vw, 24px);
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 16px;
  -webkit-box-shadow: 0 5px 20px 0 var(--opacity-outline);
  box-shadow: 0 5px 20px 0 var(--opacity-outline);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px 0;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ytAutoInformationCardListBox-titleBox {
  font-size: 0;
}
.ctyt .ytAutoInformationCardListBox-titleBox__title {
  font-size: 14px;
  font-weight: 900;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.5px;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctyt .ytAutoInformationCardListBox-contents {
  font-size: 0;
}
.ctyt .ytAutoInformationCardListBox-contents__text {
  font-size: 12px;
  font-weight: 400;
  color: #777;
  line-height: 1.5;
  letter-spacing: -0.5px;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.ctyt .ytAutoInformationCardListBox--item1::after {
  content: "";
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 90px;
  height: 90px;
  background: url(/imgs/ctyt/icon_children.png) no-repeat 0 0/90px 90px;
}
.ctyt .ytAutoInformationCardListBox--item2::after {
  content: "";
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 90px;
  height: 90px;
  background: url(/imgs/ctyt/icon_chart.png) no-repeat 0 0/90px 90px;
}
.ctyt .ytAutoInformationCardListBox--item3::after {
  content: "";
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 90px;
  height: 90px;
  background: url(/imgs/ctyt/icon_piggy.png) no-repeat 0 0/90px 90px;
}
.ctyt .ytAutoInformationCardListBox--item4::after {
  content: "";
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 90px;
  height: 90px;
  background: url(/imgs/ctyt/icon_gradu.png) no-repeat 0 0/90px 90px;
}
@media (max-width: 1400px) {
  .ctyt .ytAutoInformationCardListBox .ytAutoInformationCardListBox-titleBox__title {
    font-size: 11px;
  }
  .ctyt .ytAutoInformationCardListBox .ytAutoInformationCardListBox-contents__text {
    font-size: 10px;
  }
}
.ctyt .ytAutoCreateStepWrapper {
  gap: 0 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ytAutoCreateStepList {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ytAutoCreateStepList-titleBox {
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ytAutoCreateStepList-titleBox .ytAutoLottieIcon {
  position: relative;
  width: 28px;
  min-width: 28px;
  height: 28px;
}
.ctyt .ytAutoCreateStepList-titleBox__title {
  font-size: 24px;
  font-weight: 900;
  color: transparent;
  line-height: 1.5;
  letter-spacing: -0.5px;
  background-image: -webkit-gradient(linear, left top, right top, from(#371dff), to(#ec58ff));
  background-image: -o-linear-gradient(left, #371dff, #ec58ff);
  background-image: linear-gradient(to right, #371dff, #ec58ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ctyt .ytAutoCreateStepListBox {
  gap: 10px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctyt .ytAutoCreateStepListBoxItem {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  line-height: 1.5;
  letter-spacing: -0.5px;
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .ytAutoCreateStepListBoxItem--step1::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/imgs/ctyt/icon_user.svg) no-repeat center/100% 100%;
  vertical-align: top;
}
.ctyt .ytAutoCreateStepListBoxItem--step2::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/imgs/ctyt/icon_search.svg) no-repeat center/100% 100%;
  vertical-align: top;
}
.ctyt .ytAutoCreateStepListBoxItem--step3::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/imgs/ctyt/icon_edit.svg) no-repeat center/100% 100%;
  vertical-align: top;
}
.ctyt .ytAutoCreateStepListBoxItem--step4::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/imgs/ctyt/icon_docreport.svg) no-repeat center/100% 100%;
  vertical-align: top;
}
.ctyt .ytAutoCreateStepListBoxItem--done {
  font-weight: 400;
  color: #989898;
}
.ctyt .ytAutoCreateStepListBoxItem--done::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/imgs/ctyt/icon_check.svg) no-repeat center/100% 100%;
  vertical-align: top;
}

.ctytCommonDiviveButtonBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytCommonDiviveLine {
  width: 1px;
  height: 20px;
  background-color: #e1e1e1;
  margin: 0 6px;
}
.ctytProofWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 12px 0;
  padding: 20px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytProofInquiryBox {
  gap: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytProofInquiryGroup {
  gap: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytProofInquiryGroup--end {
  margin-left: auto;
}
.ctytProofInquiryGroup__dt {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.ctytProofCardListContainer {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytProofCardListContainer:has(.fluidTable) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytProofCardListContainer:has(.fluidTable) .fluidTable {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytProofCardListContainer:has(.fluidTable) .fluidTable .fluidTableBody {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ctytProofCardListWrapper {
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-height: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.ctytProofCardListWrapper.commonPerfectScroll {
  margin: 0 -20px;
  padding: 0 20px;
}
.ctytProofCardListBox {
  position: relative;
  overflow: hidden;
  min-height: 237px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctytProofCardListBox:hover {
  border-color: #4a4a4a;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
}
.ctytProofCardListBox-thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 173px;
}
.ctytProofCardListBox-thumb .ctytProofCardListBox-thumb__zoomBtn {
  position: absolute;
  bottom: 11px;
  right: 11px;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.4);
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 1;
}
.ctytProofCardListBox-thumb .ctytProofCardListBox-thumb__zoomBtn .lunacon {
  font-size: 18px;
  color: #fafafa;
}
.ctytProofCardListBox-thumb img {
  width: 100%;
  height: 100%;
}
.ctytProofCardListBox-thumb--empty img {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ctytProofCardListBox__checkBtn {
  position: absolute;
  top: 11px;
  right: 11px;
  width: 20px;
  height: 20px;
  background: url(/imgs/ctyt/select_button_20_default.svg) no-repeat center center/100% 100%;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 1;
}
.ctytProofCardListBox__checkBtn--selected {
  background: url(/imgs/ctyt/select_button_20_selected.svg) no-repeat center center/100% 100%;
}
.ctytProofCardListInfo {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px 0;
  min-height: 62px;
  padding: 9px 16px 12px;
  border-top: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytProofCardListInfo__title {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.5;
  overflow: hidden;
}
.ctytProofCardListInfoSupports {
  gap: 0 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.ctytProofCardListInfoSupportsItem {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.5px;
}
.ctytProofCardListInfoSupportsItem + .ctytProofCardListInfoSupportsItem::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 1px;
  height: 10px;
  background-color: #e1e1e1;
  -webkit-transform: translateY(calc(-50% + 1px));
  -ms-transform: translateY(calc(-50% + 1px));
  transform: translateY(calc(-50% + 1px));
}
.ctytProofCardListInfoSupportsItem-user {
  gap: 0 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctytProofCardListInfoSupportsItem-user__icon {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  background: url(/imgs/ctyt/icon_user_setting.svg) no-repeat center center/100% 100%;
  vertical-align: top;
}
.ctyt .fluidTable .ctytScrollContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  padding: 0 10px;
  margin: 0 -10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ctyt .fluidTable .common_radio_input .radio_input + .icon {
  margin-top: -5px;
}
.ctyt .fluidTable .ctytTableInAttch {
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .fluidTable .ctytTableInAttch__fileName {
  font-size: 14px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.5;
  overflow: hidden;
}
.ctyt .fluidTable .ctytTableInAttch__fileName:hover {
  text-decoration: underline;
}
.ctyt .fluidTable .ctytTableInFileDate {
  gap: 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ctyt .fluidTable .ctytTableInFileDate__text {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
.ctyt .fluidTable .ctytTableInFileDate .ctytProofCardListInfoSupportsItem-user__icon {
  width: 18px;
  height: 18px;
}
.ctyt .fluidTable .ctytTableInButtonItem__download {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  vertical-align: top;
}
.ctyt .fluidTable .ctytTableInButtonItem__download .lunacon {
  font-size: 18px;
  color: #4a4a4a;
  vertical-align: top;
}
.ctyt .fluidTable table {
  background-color: transparent;
}
.ctyt .fluidTable thead tr {
  background-color: #f7f7f8;
}
.ctyt .fluidTable thead tr th {
  border: 1px solid transparent;
  padding-left: 30px;
  padding-right: 0;
  font-size: 12px;
  color: #777;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.ctyt .fluidTable thead tr th:first-of-type {
  padding-left: 20px;
}
.ctyt .fluidTable thead tr th:last-of-type {
  padding-right: 20px;
}
@media (max-width: 1919px) {
  .ctyt .fluidTable thead tr th {
    padding-left: 20px;
  }
}
.ctyt .fluidTable tbody tr {
  cursor: pointer;
}
.ctyt .fluidTable tbody tr td {
  height: 40px;
  padding-left: 30px;
  padding-right: 0;
  background-color: #fff;
  border-color: #e1e1e1;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
.ctyt .fluidTable tbody tr td:first-of-type {
  padding-left: 20px;
}
.ctyt .fluidTable tbody tr td:last-of-type {
  padding-right: 20px;
}
@media (max-width: 1919px) {
  .ctyt .fluidTable tbody tr td {
    padding-left: 20px;
  }
}
.ctyt .fluidTable tbody tr:hover, .ctyt .fluidTable tbody tr.selected {
  -webkit-box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.07);
}
.ctyt .fluidTable tbody tr:hover td, .ctyt .fluidTable tbody tr.selected td {
  border-color: #012978;
}
.ctyt .fluidTable tbody tr.disabled:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ctyt .fluidTable tbody tr.disabled:hover td {
  border-color: #e6e6e6;
  cursor: default;
}
/*# sourceMappingURL=maps/ctyt.css.map */