@charset "UTF-8";
@import url(utils.css);
/* MODE-LIGHT */
/* MODE-HIGH-CONTRAST */
/* HIGH CONTRAST BORDER WIDTH */
/* RESPONSIVE-PC */
/* RESPONSIVE-MOBILE */
/* SEMANTIC */
/* ========== 공통 ========== */
/* 기존 CSS 초기화 */
#vueCtrl input {
  text-align: inherit;
}

#vueCtrl td {
  line-height: inherit;
}

.strm-wrap td *,
.strm-wrap div *,
.strm-wrap span *,
.strm-wrap p * {
  vertical-align: middle;
}
.strm-wrap input {
  text-align: inherit;
}
.strm-wrap .alldam-form-select::-ms-expand {
  display: none;
}
.strm-wrap h3,
.strm-wrap h4,
.strm-wrap h5,
.strm-wrap h6 {
  position: static;
  display: block;
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  font-family: inherit;
  font-size: 1em;
  font-weight: bold;
  line-height: inherit;
  color: inherit;
  text-align: inherit;
  all: revert;
}
.strm-wrap h3::before,
.strm-wrap h4::before,
.strm-wrap h5::before,
.strm-wrap h6::before {
  display: none;
}
.strm-wrap h3::after,
.strm-wrap h4::after,
.strm-wrap h5::after,
.strm-wrap h6::after {
  display: none;
}

/* // 기존 CSS 초기화 */
.strm-wrap .alldam-btn,
.alldam-modal02 .alldam-btn {
  transition:
    background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out,
    color 0.2s ease-in-out;
}

.strm-wrap {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 3rem 0;
  overflow: hidden;
}
.strm-wrap .strm-sub-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.strm-wrap .strm-sub-title-wrap h3.strm-sub-title {
  margin-bottom: 0;
}
.strm-wrap h3.strm-sub-title {
  position: relative;
  margin: 0;
  margin-bottom: 1rem;
  padding-left: 0.75rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: #464c53;
  text-align: left;
}
.strm-wrap h3.strm-sub-title:after {
  display: none;
}
.strm-wrap h3.strm-sub-title::before {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 0;
  width: 3px;
  height: 1.3rem;
  display: block;
  background: #293b53;
}
.strm-wrap .modal-sub-title {
  position: relative;
  margin-bottom: 0.5rem;
  padding-left: 0.625rem;
  background: transparent;
  font-size: 1rem;
  font-weight: 500;
}
.strm-wrap .modal-sub-title:before {
  content: "";
  position: absolute;
  top: 11%;
  left: 0;
  width: 3px;
  height: 65%;
  display: block;
  background: #293b53;
}

.strm-title-wrap {
  margin-bottom: 2.4rem;
}
.strm-title-wrap h3.strm-title {
  position: relative;
  margin: 0;
  margin-bottom: 1rem;
  padding-left: 1.6rem;
  font-size: 2rem;
  font-weight: 500;
  text-align: left;
}
.strm-title-wrap h3.strm-title:after {
  display: none;
}
.strm-title-wrap h3.strm-title::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 0;
  width: 1rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3070_1147)'%3E%3Cpath d='M8 8.71024C10.7259 8.71024 13.1302 10.0127 14.5727 12C15.4701 10.7649 16 9.26341 16 7.64488C16 3.42439 12.4196 0 8 0C3.5804 0 0 3.42439 0 7.64488C0 9.26341 0.526799 10.7649 1.42726 12C2.87289 10.0127 5.27718 8.71024 8.00306 8.71024H8Z' fill='%23293B53'/%3E%3Cpath d='M8.00013 15.2898C5.27425 15.2898 2.86996 13.9873 1.42433 12C0.526932 13.2351 -0.00292969 14.7366 -0.00292969 16.3551C-0.00292969 20.5785 3.57747 24 7.99707 24C12.4167 24 15.9971 20.5785 15.9971 16.3551C15.9971 14.7366 15.4703 13.2351 14.5698 12C13.1242 13.9873 10.7199 15.2898 7.99707 15.2898H8.00013Z' fill='%23879BB1'/%3E%3Cpath d='M8.00012 15.2897C10.726 15.2897 13.1303 13.9873 14.5729 12C13.1272 10.0126 10.7229 8.71021 8.00012 8.71021C5.2773 8.71021 2.86995 10.0126 1.42432 12C2.86995 13.9873 5.27424 15.2897 8.00012 15.2897Z' fill='%23B5C3D2'/%3E%3Cpath d='M8.00012 15.2897C10.726 15.2897 13.1303 13.9873 14.5729 12C13.1272 10.0126 10.7229 8.71021 8.00012 8.71021C5.2773 8.71021 2.86995 10.0126 1.42432 12C2.86995 13.9873 5.27424 15.2897 8.00012 15.2897Z' fill='%2359718D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3070_1147'%3E%3Crect width='16' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transform: translateY(-50%);
}
.strm-title-wrap h3.strm-title::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 0;
  width: 1rem;
  height: 1.5rem;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3070_1147)'%3E%3Cpath d='M8 8.71024C10.7259 8.71024 13.1302 10.0127 14.5727 12C15.4701 10.7649 16 9.26341 16 7.64488C16 3.42439 12.4196 0 8 0C3.5804 0 0 3.42439 0 7.64488C0 9.26341 0.526799 10.7649 1.42726 12C2.87289 10.0127 5.27718 8.71024 8.00306 8.71024H8Z' fill='%23293B53'/%3E%3Cpath d='M8.00013 15.2898C5.27425 15.2898 2.86996 13.9873 1.42433 12C0.526932 13.2351 -0.00292969 14.7366 -0.00292969 16.3551C-0.00292969 20.5785 3.57747 24 7.99707 24C12.4167 24 15.9971 20.5785 15.9971 16.3551C15.9971 14.7366 15.4703 13.2351 14.5698 12C13.1242 13.9873 10.7199 15.2898 7.99707 15.2898H8.00013Z' fill='%23879BB1'/%3E%3Cpath d='M8.00012 15.2897C10.726 15.2897 13.1303 13.9873 14.5729 12C13.1272 10.0126 10.7229 8.71021 8.00012 8.71021C5.2773 8.71021 2.86995 10.0126 1.42432 12C2.86995 13.9873 5.27424 15.2897 8.00012 15.2897Z' fill='%23B5C3D2'/%3E%3Cpath d='M8.00012 15.2897C10.726 15.2897 13.1303 13.9873 14.5729 12C13.1272 10.0126 10.7229 8.71021 8.00012 8.71021C5.2773 8.71021 2.86995 10.0126 1.42432 12C2.86995 13.9873 5.27424 15.2897 8.00012 15.2897Z' fill='%2359718D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3070_1147'%3E%3Crect width='16' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.strm-title-desc {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  border: 1px solid #cdd1d5;
  background: #f4f5f6;
  border-radius: 0.5rem;
}
.strm-title-desc .desc-title {
  display: flex;
  align-items: flex-start;
}
.strm-title-desc .desc-title i {
  flex: 0 0 1rem;
  width: 1rem;
  height: 1rem;
  margin-top: 0.25rem;
  margin-right: 0.25rem;
  background-size: contain;
}
.strm-title-desc .desc-title p {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.strm-title-desc .desc-title i {
  margin-right: 0.25rem;
}
.strm-title-desc ul span {
  font-size: 0.9375rem;
  color: #6d7882;
}

.strm-cont-wrap {
  position: relative;
}
.strm-cont-wrap .strm-cont-box {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

.strm-top {
  margin-bottom: 1.25rem;
}
.strm-top .strm-btn-wrap {
  margin: 0 -0.25rem;
}
.strm-top .strm-btn-wrap button,
.strm-top .strm-btn-wrap .form-conts {
  margin: 0 0.25rem;
}

.strm-tail {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.25rem;
}

.strm-total {
  margin-right: 1.25rem;
  border: 1px solid #cdd1d5;
  overflow: hidden;
  border-radius: 0.375rem;
}
.strm-total dl {
  display: flex;
}
.strm-total dl .strm-total-box {
  display: flex;
}
.strm-total dl dt {
  padding: 0.5rem 0.75rem;
  background: #eef2f6;
}
.strm-total dl dd {
  min-width: 5rem;
  padding: 0.5rem 0.75rem;
  color: #293b53;
  text-align: right;
}

.strm-form-group {
  display: flex;
}
.strm-form-group .form-group {
  flex: 1;
  margin-right: 1.25rem;
}
.strm-form-group .form-group:last-of-type {
  margin-right: 0;
}

/* ========== 도움말 ========== */
.info-box {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  background-color: #eef2f6;
  border-radius: 1rem;
}
.info-box .info-title {
  display: flex;
  align-items: center;
  padding-bottom: 0.5rem;
  font-size: 1.1875rem;
  color: #58616a;
}
.info-box .info-desc {
  font-size: 0.9375rem;
  color: #464c53;
}
.info-box .info-con .alldam-info-list {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  padding-left: 2.5rem;
  border-top: 1px dashed #8a949e;
}

/* ========== modal02 ========== */
.alldam-modal02 {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 96%;
  max-width: 860px;
  max-height: 96vh;
  display: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.122);
  overflow: hidden;
  z-index: 9999;
  background: #fff;
  transform: translate(-50%, -50%);
  border-radius: 0.625rem;
}
.alldam-modal02.is-open {
  display: block;
  visibility: visible;
}
.alldam-modal02.wide {
  max-width: 1024px;
}
.alldam-modal02.small {
  max-width: 640px;
}
.alldam-modal02 .modal-header {
  position: relative;
  display: flex;
  padding: 0.625rem 1rem;
  background-color: #293b53;
  color: #ffffff;
  border-radius: 0.625rem 0.625rem 0 0;
}
.alldam-modal02 .modal-header .modal-title {
  font-size: 1rem;
}
.alldam-modal02 .modal-header .btn-close {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.alldam-modal02 .modal-header .alldam-contextual-help .tooltip-popover {
  display: none !important;
}
.alldam-modal02 .modal-header .alldam-contextual-help .tooltip-popover:hover {
  display: block !important;
}
.alldam-modal02 .modal-header .alldam-contextual-help:hover .tooltip-popover {
  width: 360px;
  display: block !important;
}
.alldam-modal02 .modal-desc {
  margin-bottom: 0.5rem;
  font-weight: 300;
  color: #464c53;
}
.alldam-modal02 .modal-conts {
  padding: 1rem;
}
.alldam-modal02 .modal-conts .conts-area {
  min-height: 200px;
  max-height: 74vh;
  margin-bottom: 1rem;
  overflow: hidden;
  overflow-y: auto;
}
.alldam-modal02 .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.alldam-modal02 .btn-wrap button {
  margin-left: 0.5rem;
}
.alldam-modal02 .cont-row {
  display: flex;
  margin-bottom: 1.25rem;
}
.alldam-modal02 .cont-row:last-of-type {
  margin-bottom: 0;
}
.alldam-modal02 .cont-row.cont-row-multi {
  margin: 0 -0.5rem 1.25rem;
}
.alldam-modal02 .cont-row.cont-row-multi .cont-box {
  display: flex;
  flex-direction: column;
  margin: 0 0.5rem;
}
.alldam-modal02 .cont-row .cont-box {
  flex: 1;
}

.dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1003;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.bgMask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.loading {
  position: fixed;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  display: inline-block;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  z-index: 999999;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  border-radius: 50%;
}

/* file upload */
.strm-file-upload-btn {
  position: relative;
  margin: 0.75rem 0;
}
.strm-file-upload-btn label {
  width: 100%;
  min-height: 42px;
  display: block;
  padding: 0.5rem 0.75rem;
  border: 1px solid #cdd1d5;
  border-radius: 0.375rem;
}
.strm-file-upload-btn .file-upload-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.strm-file-upload-btn {
  position: relative;
  margin: 0.75rem 0;
}

.strm-upload-btn-wrap {
  position: relative;
}

.strm-calender .ui-datepicker {
  width: 100%;
  min-height: 330px;
  padding: 0;
  border: 1px solid #cdd1d5 !important;
  background: #fbfbfb;
}
.strm-calender .ui-datepicker * {
  vertical-align: baseline;
}
.strm-calender .ui-datepicker .ui-widget-header {
  background: #f4f4f4;
}
.strm-calender .ui-datepicker .ui-datepicker-calendar > tbody > tr > td > a {
  font-size: 1rem !important;
}
.strm-calender .ui-datepicker .ui-datepicker-title {
  font-size: 1rem !important;
}
.strm-calender .ui-datepicker .ui-datepicker-prev,
.strm-calender .ui-datepicker .ui-datepicker-next {
  top: 5px;
}

.strm-result-list {
  padding: 0.625rem;
  border: 1px solid #cdd1d5;
  background: #fbfbfb;
  border-radius: 0.375rem;
}
.strm-result-list.scroll {
  max-height: 300px;
  overflow-y: auto;
}
.strm-result-list li {
  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;
  padding: 0.5rem;
  border-bottom: 1px dashed #ddd;
  font-size: 0.9375rem;
}
.strm-result-list li:last-child,
.strm-result-list li:last-of-type {
  border-bottom: 0;
}

.strm-tab-wrap {
  position: relative;
}
.strm-tab-wrap::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #b1b8be;
  position: absolute;
  left: 0;
  bottom: 0;
}
.strm-tab-wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #b1b8be;
}

.strm-custom-select-wrap {
  position: relative;
}
.strm-custom-select-wrap .selectInnerWrap {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  width: 100%;
  display: none;
  padding: 0.5rem;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.122);
  z-index: 99;
  background-color: #fff;
  border-radius: 0.5rem;
}
.strm-custom-select-wrap .selectInnerWrap .selectInput {
  margin-bottom: 0.5rem;
}
.strm-custom-select-wrap .selectInnerWrap .selectChoiceList {
  max-height: 350px;
  overflow-y: scroll;
}
.strm-custom-select-wrap .selectInnerWrap .selectChoiceList li {
  padding: 0.25rem;
  cursor: pointer;
}
.strm-custom-select-wrap .selectInnerWrap .selectChoiceList li:hover {
  background-color: #f7f7f7;
}
.strm-custom-select-wrap.is-open .selectInnerWrap {
  display: block;
}

/* ========== 자동보고서 ========== */
.report-wrap .result {
  display: flex;
}
.report-wrap .result .alldam-input {
  flex: 1;
}
.report-wrap .result .alldam-btn {
  margin-left: 0.5rem;
}

/* ========== 보고서 아이프레임 ========== */
/* 아이프레임 */
.iframeWrap > iframe {
  width: 100%;
  height: 100vh;
  margin: 1.25rem 0;
}

/* ========== 급식비 간편산출 팝업 ========== */
.filterPop input.won {
  padding-right: 30px !important;
  background-image: url(/images/sp/iconWon.svg);
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: 14px;
}
.filterPop .result {
  position: relative;
}
.filterPop .result .add-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.filterPop .strm-result-list {
  max-height: 380px;
  flex: 1;
  overflow-y: scroll;
}
.filterPop .filter01 .alldam-form-group {
  display: flex;
}
.filterPop .filter01 .alldam-form-group .won {
  margin-left: 0.5rem;
}
.filterPop .onClickBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.filterPop .onClickBox .dayCheckBox {
  width: 100%;
  display: flex;
  margin-bottom: 1rem;
}
.filterPop .onClickBox .dayCheckBox input[type="checkbox"]:checked + label {
  background: #8e2424;
  color: #fff;
}
.filterPop .onClickBox .dayCheckBox > input[type="checkbox"] {
  position: absolute;
  left: -9999px;
  width: 0;
  overflow: hidden;
}
.filterPop .onClickBox .dayCheckBox label {
  width: 4rem;
  display: block;
  justify-content: center;
  margin-right: 0.25rem;
  padding: 0.5rem;
  background: #dedede;
  font-size: 1rem;
  color: #767676;
  text-align: center;
  cursor: pointer;
  border-radius: 0.375rem;
}
.filterPop .onClickBox .dayCheckBox input[type="checkbox"]:checked + label {
  background: #8e2424;
  color: #fff;
}
.filterPop .onClickBox .dayCheckBox > input[type="checkbox"] {
  position: absolute;
  left: -9999px;
  width: 0;
  overflow: hidden;
}
.filterPop > button {
  width: 170px;
  height: 45px;
  background: #e1e1e1;
  font-size: 16px;
  line-height: 43px;
  color: #767676;
  text-align: center;
  border-radius: 0.375rem;
}
.filterPop > button.active {
  background: #293b53;
  color: #fff;
}
.filterPop .toggleBox {
  position: relative;
  width: 32.5%;
  display: flex;
  border: 1px solid #dadada;
  z-index: 1;
  background: #dedede;
  border-radius: 0.375rem;
}
.filterPop .toggleBox label {
  letter-spacing: 0;
  white-space: nowrap;
}
.filterPop .toggleBox.disabled {
  cursor: default;
}
.filterPop .toggleBox.disabled label {
  color: #565656 !important;
}
.filterPop .toggleBox.disabled input:checked + label {
  color: #f1f1f1 !important;
}
.filterPop .toggleBox.disabled .colorBlock {
  border-color: #888;
  background: #888;
}
.filterPop .toggleBox input[type="radio"] {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  overflow: hidden;
  appearance: none;
}
.filterPop .toggleBox input[type="radio"] + label {
  position: relative;
  width: 50%;
  height: 45px;
  justify-content: center;
  z-index: 2;
  background: transparent;
  font-size: 1rem;
  line-height: 45px;
  color: #767676;
  text-align: center;
  cursor: pointer;
  border-radius: 0.375rem;
}
.filterPop .toggleBox input[type="radio"]:checked + label {
  font-weight: 400;
  color: #233348;
}
.filterPop .toggleBox .colorBlock {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  border: 1px solid #293b53;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  z-index: 1;
  background: #eef2f6;
  transition: 0.3s;
  border-radius: 0.375rem;
}
.filterPop .toggleBox input#auto:checked ~ .colorBlock {
  left: 0;
}
.filterPop .toggleBox input#manual1:checked ~ .colorBlock {
  left: 50%;
}
.filterPop .toggleBox input#auto2:checked ~ .colorBlock {
  left: 0;
}
.filterPop .toggleBox input#manual2:checked ~ .colorBlock {
  left: 50%;
}
.filterPop .toggleBox input#auto3:checked ~ .colorBlock {
  left: 0;
}
.filterPop .toggleBox input#manual3:checked ~ .colorBlock {
  left: 50%;
}
.filterPop .toggleBox input[type="radio"] {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.filterPop .toggleBox input[type="radio"] + label {
  position: relative;
  width: 50%;
  height: 45px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
  background: transparent;
  font-size: 1rem;
  line-height: 45px;
  color: #767676;
  text-align: center;
  cursor: pointer;
  border-radius: 0.375rem;
}
.filterPop .toggleBox input[type="radio"]:checked + label {
  font-weight: 400;
  color: #233348;
}

.guidePop .tab > ul {
  overflow-y: hidden;
}
.guidePop .conts-area {
  height: 75vh;
  padding: 0.5rem;
  overflow: auto;
  background: #eef2f6;
}
.guidePop .conts-area img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 1rem;
  border-radius: 5px;
}
.guidePop .desc {
  margin: 0.5rem 0 3rem 0;
  padding: 1rem;
  background: #fff;
  border-radius: 5px;
}
.guidePop .desc:last-of-type {
  margin-bottom: 0;
}
.guidePop .desc > p {
  padding: 0.5rem 0;
  border-bottom: 1px dashed #dedede;
  font-weight: 400;
  color: #464646;
  text-indent: 0.5rem;
}
.guidePop .desc > p.noLine {
  border-bottom: none;
}
.guidePop .desc > p:last-child {
  border-bottom: none;
}
.guidePop .desc > p span {
  color: #293b53;
}

/* ========== 주민등록 인구현황 ========== */
.pop-upload-wrap {
  display: flex;
  align-items: center;
}
.pop-upload-wrap .strm-file-upload-btn {
  flex: 1;
  margin: 0 0.5rem;
}
.pop-upload-wrap .strm-file-upload-btn label {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.pop-upload-wrap .strm-file-upload-btn label {
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 4rem 0.25rem 0.75rem;
}

/* ========== 청년 인구현황 ========== */
.youthPop .alldam-form-chip-outline {
  min-width: 15rem;
}

.youth .alert-text {
  color: #58616a;
  font-size: 0.9375rem;
}
.youth .alert-text {
  font-size: 0.9375rem;
  color: #58616a;
}

/* ========== 미세먼지 자동보고 ========== */
.air .strm-top .strm-btn-wrap {
  margin-top: 1.25rem;
}

.airReportPop ul.date {
  display: inline-flex;
  align-items: center;
  background: #e0eeee;
  padding: 0.35rem 1rem 0.5rem 1rem;
  border-radius: 30px;
}
.airReportPop ul.date li:first-child {
  margin-right: 0.5rem;
  color: #045858;
}
.airReportPop ul.date li:last-child {
  color: #045858;
}
.airReportPop ul.date {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.35rem 1rem 0.5rem 1rem;
  background: #e0eeee;
  border-radius: 30px;
}
.airReportPop .map {
  position: relative;
  text-align: center;
}
.airReportPop .map:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/sp/dust/bgMapGray.png) no-repeat center center/35vh;
  z-index: 1;
}
.airReportPop .map svg {
  position: relative;
  max-height: 35vh;
  z-index: 2;
}
.airReportPop .map:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(/images/sp/dust/bgMapGray.png) no-repeat center center/35vh;
}
.airReportPop .airDesc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.5rem 0 1rem 0;
}
.airReportPop .airDesc dl {
  display: flex;
  align-items: center;
  font-size: 15px;
}
.airReportPop .airDesc dl dt {
  width: 80px;
  height: 30px;
  background: #ececec;
  margin-right: 0.5rem;
  color: #262626;
  text-align: center;
  line-height: 30px;
  border-radius: 30px;
}
.airReportPop .airDesc dl dd {
  margin-right: 0.5rem;
}
.airReportPop .airDesc dl dd.blue {
  color: blue;
}
.airReportPop .airDesc dl dd.green {
  color: green;
}
.airReportPop .airDesc dl dd.orange {
  color: orange;
}
.airReportPop .airDesc dl dd.red {
  color: red;
}
.airReportPop .airDesc dl dt {
  width: 80px;
  height: 30px;
  margin-right: 0.5rem;
  background: #ececec;
  line-height: 30px;
  color: #262626;
  text-align: center;
  border-radius: 30px;
}
.airReportPop .prediction {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
  padding: 0.75rem;
  background: linear-gradient(to right, transparent, #ececec, transparent);
  border-radius: 30px;
}
.airReportPop .prediction b {
  margin: 0 0.25rem;
  padding: 0.25rem 0.75rem;
  background: #f2f3f5;
  border-radius: 30px;
  color: #fff;
}
.airReportPop .prediction b.blue {
  background: blue;
}
.airReportPop .prediction b.green {
  background: green;
}
.airReportPop .prediction b.orange {
  background: orange;
}
.airReportPop .prediction b.red {
  background: red;
}
.airReportPop .prediction b.gray {
  background: #787878;
}
.airReportPop .prediction {
  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;
  margin: 2rem 0;
  padding: 0.75rem;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(transparent),
    color-stop(#ececec),
    to(transparent)
  );
  background: linear-gradient(to right, transparent, #ececec, transparent);
  border-radius: 30px;
}
.airReportPop .prediction b {
  margin: 0 0.25rem;
  padding: 0.25rem 0.75rem;
  background: #f2f3f5;
  color: #fff;
  border-radius: 30px;
}
.airReportPop .land.blue {
  fill: #87d5ff;
}
.airReportPop .land.green {
  fill: #93ef9b;
}
.airReportPop .land.orang {
  fill: #ffb76e;
}
.airReportPop .land.red {
  fill: #b5c3d2;
}

/* ========== 재난 일일상황 보고서 데이터 ========== */
.disaster .disaster-link .alldam-btn {
  min-width: 5rem;
  margin-right: 0.25rem;
}
.disaster .strm-btn-wrap {
  vertical-align: middle;
}

/* ========== 주민등록 인구 현황 ========== */
.residents .resd-select {
  position: relative;
  width: 100%;
  font-family: inherit;
}
.residents .resd-select.open .resd-select-btn {
  border-color: #293b53;
  color: #1e2124;
  border-width: 0.125rem;
}
.residents .resd-select.completed .resd-select-btn {
  color: #464c53;
}
.residents .resd-select.is-error .resd-select-btn {
  border-color: #e65100;
  border-width: 0.125rem;
}
.residents .resd-select.is-disabled .resd-select-btn {
  border-color: #b1b8be;
  background-color: #cdd1d5;
  color: #6d7882;
  cursor: not-allowed;
}
.residents .resd-select.is-disabled .resd-select-btn::after {
  background-image: url(../images/icon/ico_angle_disabled.svg);
}
.residents .resd-select.is-disabled .resd-select-list {
  display: none;
}
.residents .resd-select.medium .resd-select-btn {
  height: 3rem;
  padding: 0 1.5rem 0 0.625rem;
  font-size: 1rem;
  line-height: 3rem;
  border-radius: 0.375rem;
}
.residents .resd-select.medium .resd-select-btn::after {
  right: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
}
.residents .resd-select-btn {
  position: relative;
  width: 100%;
  height: 2.5rem;
  padding: 0 2.125rem 0 0.625rem;
  border: 0.0625rem solid #58616a;
  vertical-align: middle;
  background-color: #ffffff;
  color: #8a949e;
  text-align: left;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.residents .resd-select-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.625rem;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/icon/ico_angle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
.residents .resd-select-btn .placeholder {
  color: #8a949e;
}
.residents .resd-select-list {
  position: absolute;
  top: calc(100% + 0.125rem);
  left: 0;
  width: 100%;
  max-height: 280px;
  border: 0.0625rem solid #58616a;
  overflow-y: auto;
  z-index: 20;
  background-color: #ffffff;
}
.residents .resd-select-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.625rem;
  cursor: pointer;
}
.residents .resd-select-item:hover {
  background-color: #f4f5f6;
}
.residents .resd-select-item input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.residents .resd-select-item input[type="radio"]:checked + .month-text {
  font-weight: 500;
  color: #1e2124;
}
.residents .month-text {
  flex: 1;
  color: #1e2124;
}
.residents .month-state {
  margin-left: 0.5rem;
  font-size: 1rem;
}
.residents .month-state.has {
  color: #293b53;
}
.residents .month-state.none {
  color: #8a949e;
}
@media (max-width: 768px) {
  .residents .resd-select.medium .resd-select-btn {
    font-size: 1rem;
  }
}
.residents .report-btn-wrap {
  width: 100%;
  display: flex;
}
.residents .report-btn-wrap button {
  position: relative;
  margin-right: 0.5rem;
  padding: 1rem 6rem 2rem 1rem;
  font-size: 1rem;
  color: #fff;
  text-align: left;
  border-radius: 5px;
}
.residents .report-btn-wrap .btnPpt {
  background:
    url(/images/sp/dust/iconPpt.svg) no-repeat 92% 92%/32px,
    #c63d19;
}
.residents .report-btn-wrap .btnHwp {
  background:
    url(/images/sp/dust/iconHanguel.svg) no-repeat 92% 92%/32px,
    #209ddf;
}

/* ========== 수당지급 간소화 ========== */
.strm-search-wrap {
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.strm-search-wrap .form-conts {
  margin-top: 0;
}
.strm-search-wrap .form-conts.btn-ico-wrap .alldam-btn {
  right: 0.75rem;
}
.strm-search-wrap .alldam-form-select {
  width: auto;
  margin-right: 0.3rem;
}

.allowanceWrap {
  overflow: hidden;
}
.allowanceWrap .eventInfoTitle {
  width: 100%;
}
.allowanceWrap .eventInfoTitle:hover {
  text-decoration: underline;
}
.allowanceWrap.myEventDetail tr td select,
.allowanceWrap.myEventDetail tr td input {
  min-width: 6rem;
}
.allowanceWrap.myEventDetail .alldam-badge {
  width: auto;
}
.allowanceWrap .alldam-badge {
  width: 100%;
  max-width: 120px;
  height: auto;
  display: inline-block;
  padding: 0.25rem 0.5rem;
  font-size: 0.9375rem;
  text-align: center;
  white-space: normal;
  word-break: break-all;
}
.allowanceWrap .alldam-badge.statOrange {
  background: #ffd3a1;
}
.allowanceWrap .alldam-badge.statPurple {
  background: #edd3ff;
}
.allowanceWrap .alldam-badge.statNavy {
  background: #d9dcff;
}
.allowanceWrap .alldam-badge.statGreen {
  background: #dcfff2;
}
.allowanceWrap .alldam-badge.statPink {
  background: #ffeaf2;
}
.allowanceWrap .alldam-badge.statSkyblue {
  background: #eef9ff;
}
.allowanceWrap .alldam-badge.rbtnBlue {
  background: #d9e6ff;
}
.allowanceWrap .alldam-badge.rbtnGrey {
  background: #e9e9e9;
}
.allowanceWrap .alldam-badge.rbtnGreen {
  background: #dcfff2;
}
.allowanceWrap .alldam-badge.rbtnOrange {
  background: #ffd3a1;
}
.allowanceWrap .alldam-badge.rbtnMiniGreen {
  background: #20a989 !important;
  color: #fff;
}
.allowanceWrap .alldam-badge.department {
  background: #e6fbe6;
  color: #2b7c2a;
}
.allowanceWrap table {
  width: 100%;
}
.allowanceWrap .alldam-table-wrap.scroll .tbl {
  width: auto;
  min-width: 100%;
}
.allowanceWrap .alldam-table-wrap.focus tr:hover td {
  background-color: #f4f5f6;
}
.allowanceWrap .alldam-table-wrap.focus .alldam-table-wrap tr td {
  background-color: #fff;
}
.allowanceWrap .alldam-table-wrap.focus .alldam-table-wrap tr:hover td {
  background-color: #fff;
}
.allowanceWrap .essential {
  position: relative;
}
.allowanceWrap .essential:before {
  content: "*";
  position: absolute;
  top: -5px;
  right: -8px;
  font-size: 14px;
  color: red;
}
.allowanceWrap .updownBox {
  position: absolute;
  top: 50%;
  right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.allowanceWrap .updownBox button:first-child {
  width: 10px;
  height: 10px;
  padding: 0;
  background: url(/images/sp/iconSelect.png) no-repeat center center/cover;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.allowanceWrap .updownBox button:last-child {
  width: 10px;
  height: 10px;
  padding: 0;
  background: url(/images/sp/iconSelect.png) no-repeat center center/cover;
  cursor: pointer;
}
.allowanceWrap .slide {
  position: absolute;
  top: 0;
  right: -700px;
  width: 700px;
  height: 70%;
  padding: 15px;
  -webkit-box-shadow: 5px 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.15);
  z-index: 11;
  background: #fff;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.allowanceWrap .slide .tab.full .btn-tab {
  height: 2.5rem;
  font-size: 1rem;
}
.allowanceWrap .slide .btnSlide {
  position: absolute;
  top: 70px;
  left: -30px;
  width: 30px;
  height: 60px;
  background: #293b53;
  cursor: pointer;
  border-radius: 10px 0 0 10px;
}
.allowanceWrap .slide .btnSlide:before {
  content: "<";
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  -webkit-transform: translate(-50%, -50%) scaleX(0.6);
  -ms-transform: translate(-50%, -50%) scaleX(0.6);
  transform: translate(-50%, -50%) scaleX(0.6);
}
.allowanceWrap .slide .btnSlide.active:before {
  content: ">";
}
.allowanceWrap .slide .btnSlide.hide {
  display: none;
}
.allowanceWrap .slide.show {
  right: 0;
}
.allowanceWrap .slide.hide {
  right: -700px;
}
.allowanceWrap .slide [class*="btnSlideCont"].show {
  border: 1px solid #293b53;
  color: #293b53;
}
.allowanceWrap .slide [class*="slideCont"] {
  height: 90%;
  display: none;
  padding: 0;
  overflow-y: auto;
  font-size: 12px;
}
.allowanceWrap .slide .slideCont1.show {
  display: block;
}
.allowanceWrap .slide .slideCont1 p {
  padding: 0 !important;
  padding-left: 5px !important;
  text-indent: -5px;
}
.allowanceWrap .slide .slideCont1 p:before {
  content: "";
  width: 2px;
  height: 2px;
  display: inline-block;
  margin: 0 3px 2px 0;
  background: #444;
}
.allowanceWrap .slide .slideCont1 > ul {
  margin-top: 15px;
  padding: 20px 10px 10px;
  background: #f5f5f5;
}
.allowanceWrap .slide .slideCont1 ul li {
  margin: 6px 0;
  padding-left: 12px;
  color: #444;
  text-indent: -12px;
}
.allowanceWrap .slide .slideCont1 ul li:nth-child(10),
.allowanceWrap .slide .slideCont1 ul li:nth-child(12) {
  padding-left: 20px;
  text-indent: -20px;
}
.allowanceWrap .slide .slideCont2.show {
  display: block;
}
.allowanceWrap .slide .slideCont2 > div {
  margin-bottom: 20px;
}
.allowanceWrap .slide .slideCont2 p {
  padding: 0 !important;
  padding-left: 5px !important;
  text-indent: -5px;
}
.allowanceWrap .slide .slideCont2 p:before {
  content: "";
  width: 2px;
  height: 2px;
  display: inline-block;
  margin: 0 3px 2px 0;
  background: #444;
}
.allowanceWrap .slide .slideCont2 ul {
  margin-top: 10px;
  padding: 10px;
  background: #f5f5f5;
}
.allowanceWrap .slide .slideCont2 ul li {
  padding-left: 13px;
  color: #444;
  text-indent: -13px;
}
.allowanceWrap.myEventDetail .allowanceCont .slide {
  height: 63.5%;
}
.allowanceWrap .inputNumber {
  position: relative;
}
.allowanceWrap .attendeeListPop tr {
  cursor: pointer;
}
.allowanceWrap .attendeeListPop tr:hover td {
  background-color: #f4f5f6;
}
.allowanceWrap .attendeeListPop tr.added_data td {
  background-color: #eef2f6;
}
.allowanceWrap .calcPop .modal-conts .conts-area {
  min-height: 100px;
  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;
  margin-bottom: 0;
  background-color: #f7f7f7;
}
.allowanceWrap .bgMask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.allowanceWrap .bsnsIntaxYn-btn::before {
  margin-right: 0 !important;
}
.allowanceWrap .attendTimePop {
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% + 320px);
  width: 100%;
  max-width: 320px;
  padding: 1rem;
  border: 2px solid #ddd;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.122);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.122);
  z-index: 999;
  background: #fff;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  border-radius: 0.254rem;
}
.allowanceWrap .attendTimePop .myEventDetail {
  left: calc(50% + 180px);
}
.allowanceWrap .attendTimePop .btn-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.allowanceWrap .attendTimePop .modal-header {
  text-align: right;
}
.allowanceWrap .attendTimePop .modal-conts p {
  font-size: 0.9rem;
}

/* ========== 업무 추진비 내역 간편산출 ========== */
.workSpendWrap .alldam-table-wrap.scroll-y {
  max-height: 300px;
}
.workSpendWrap tr.on td {
  background: #eef2f6 !important;
}
.workSpendWrap .updownBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px 0;
}
.workSpendWrap .updownBox button {
  margin: 0 2.5px;
}
.workSpendWrap .alldam-modal02.wide {
  max-width: 1380px;
}
.workSpendWrap .alldam-modal02.wide .alldam-table-wrap.scroll-y {
  max-height: 260px;
}
.workSpendWrap .bizExp-select-wrap {
  position: relative;
}
.workSpendWrap .bizExp-select-wrap .selectInnerWrap {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  width: 100%;
  display: none;
  padding: 0.5rem;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.122);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.122);
  z-index: 99;
  background-color: #fff;
  border-radius: 0.5rem;
}
.workSpendWrap .bizExp-select-wrap .selectInnerWrap .selectInput {
  margin-bottom: 0.5rem;
}
.workSpendWrap .bizExp-select-wrap .selectInnerWrap .selectChoiceList {
  max-height: 200px;
  overflow-y: scroll;
}
.workSpendWrap .bizExp-select-wrap .selectInnerWrap .selectChoiceList li {
  padding: 0.25rem;
  cursor: pointer;
}
.workSpendWrap .bizExp-select-wrap .selectInnerWrap .selectChoiceList li:hover {
  background-color: #ddd;
}
.workSpendWrap .strm-filter-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  background-color: #f7f7f7;
  border-radius: 0.5rem;
}
.workSpendWrap .strm-filter-box .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: 1rem;
}
.workSpendWrap .strm-filter-box .form-group .form-tit {
  width: auto;
  margin: 0;
  margin-right: 1rem;
}
.workSpendWrap .strm-filter-box .form-group .form-conts {
  margin-top: 0;
}
.workSpendWrap .filter-year {
  max-width: 150px;
}
.workSpendWrap .filter-month {
  max-width: 150px;
}

/* ========== 신용카드 사용내역 간편보고 ========== */
.cardDetails .alldam-form-chip-outline {
  min-width: 5rem;
}

/* ========== 여비산출 ========== */
.fare-wrap .strm-sub-title-wrap > .strm-search-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 30rem;
  flex: 0 1 30rem;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 30rem;
  max-width: 100%;
  min-width: 0;
  margin: 0 0 0 1rem;
}
.fare-wrap .strm-sub-title-wrap > .strm-search-wrap > .alldam-form-select {
  -ms-flex: 0 0 8rem;
  flex: 0 0 8rem;
  width: 8rem;
  min-width: 0;
  min-height: 2.75rem;
  margin: 0 0.5rem 0 0;
}
.fare-wrap .strm-sub-title-wrap > .strm-search-wrap > .form-conts {
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  width: auto;
  min-width: 0;
  margin: 0;
}
.fare-wrap
  .strm-sub-title-wrap
  > .strm-search-wrap
  > .form-conts
  .alldam-input {
  width: 100%;
  min-width: 0;
  min-height: 2.75rem;
  padding-right: 3rem;
}
.fare-wrap
  .strm-sub-title-wrap
  > .strm-search-wrap
  > .form-conts
  .alldam-btn.icon {
  width: 2.75rem;
  height: 2.75rem;
  right: 0;
}
.fare-wrap
  .strm-sub-title-wrap
  > .strm-search-wrap
  > .form-conts
  .alldam-btn.icon
  .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.fare-wrap .fare-detail-heading,
.fare-wrap .fare-info-heading {
  -ms-flex-align: center;
  align-items: center;
}
.fare-wrap .fare-detail-heading > h3.strm-sub-title,
.fare-wrap .fare-info-heading > h3.strm-sub-title {
  margin: 0;
}
.fare-wrap .fare-detail-heading > .alldam-contextual-help,
.fare-wrap .fare-info-heading > .alldam-contextual-help {
  -ms-flex: 0 0 2.75rem;
  flex: 0 0 2.75rem;
  margin-top: 0;
}
.fare-wrap .fare-detail-heading > .alldam-contextual-help > .alldam-btn.icon,
.fare-wrap .fare-info-heading > .alldam-contextual-help > .alldam-btn.icon {
  width: 2.75rem;
  height: 2.75rem;
}
.fare-wrap
  .fare-detail-heading
  > .alldam-contextual-help
  > .alldam-btn.icon
  .svg-icon,
.fare-wrap
  .fare-info-heading
  > .alldam-contextual-help
  > .alldam-btn.icon
  .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.fare-wrap .fare-detail-heading .fareInfoPop,
.fare-wrap .fare-info-heading .fareInfoPop {
  padding: 1rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.fare-wrap .fare-detail-heading .fareInfoPop .tooltip-title,
.fare-wrap .fare-info-heading .fareInfoPop .tooltip-title {
  margin: 0;
  padding-right: 2.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #cdd1d5;
  font-size: 1rem;
  line-height: 1.5;
}
.fare-wrap .fare-detail-heading .fareInfoPop .tooltip-contents,
.fare-wrap .fare-info-heading .fareInfoPop .tooltip-contents {
  display: block;
  max-height: calc(100vh - 8rem);
  overflow-y: auto;
}
.fare-wrap .fare-detail-heading .fareInfoPop .alldam-table-wrap,
.fare-wrap .fare-info-heading .fareInfoPop .alldam-table-wrap {
  padding: 0;
  overflow: visible;
}
.fare-wrap .fare-detail-heading .fareInfoPop .tbl,
.fare-wrap .fare-info-heading .fareInfoPop .tbl {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}
.fare-wrap .fare-detail-heading .fareInfoPop .tbl th,
.fare-wrap .fare-detail-heading .fareInfoPop .tbl td,
.fare-wrap .fare-info-heading .fareInfoPop .tbl th,
.fare-wrap .fare-info-heading .fareInfoPop .tbl td {
  padding: 0.75rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.6;
  vertical-align: top;
  white-space: normal;
  word-wrap: break-word;
}
.fare-wrap .fare-detail-heading .fareInfoPop .tbl th,
.fare-wrap .fare-info-heading .fareInfoPop .tbl th {
  width: 5rem;
}
.fare-wrap .fare-detail-heading .fareInfoPop .tbl .fare-info-label,
.fare-wrap .fare-info-heading .fareInfoPop .tbl .fare-info-label {
  width: 5rem;
}
.fare-wrap .fare-detail-heading .fareInfoPop .tbl td p,
.fare-wrap .fare-detail-heading .fareInfoPop .tbl td span,
.fare-wrap .fare-info-heading .fareInfoPop .tbl td p,
.fare-wrap .fare-info-heading .fareInfoPop .tbl td span {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}
.fare-wrap .fare-detail-heading .fareInfoPop .tbl td p + p,
.fare-wrap .fare-info-heading .fareInfoPop .tbl td p + p {
  margin-top: 0.5rem;
}
.fare-wrap .fare-detail-heading .fareInfoPop .tooltip-close,
.fare-wrap .fare-info-heading .fareInfoPop .tooltip-close {
  top: 0.5rem;
  right: 0.5rem;
  width: 2.75rem;
  height: 2.75rem;
}
.fare-wrap .fare-detail-heading .fareInfoPop .tooltip-close .svg-icon,
.fare-wrap .fare-info-heading .fareInfoPop .tooltip-close .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.fare-wrap .fare-form-wrap {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
}
.fare-wrap .strm-form-top {
  margin-bottom: 0.5rem;
}
.fare-wrap .fare-form-row > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fare-wrap .fare-form-row > ul > li {
  min-width: calc(25% - 0.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0.5rem;
  padding: 1rem 0.5rem 0;
  border-top: 1px dashed #ddd;
}
.fare-wrap .fare-form-row.strm-form-top > ul > li {
  padding-top: 0;
  border-top: 0;
}
.fare-wrap .fare-form-row > ul > li.w100 {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
.fare-wrap .fare-form-row .mx-datepicker {
  width: auto;
  width: 100%;
}
.fare-wrap .fare-form-row .alldam-form-chip {
  max-width: 160px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.fare-wrap .fare-form-row .alldam-form-chip-outline {
  width: 100%;
}
.fare-wrap .mileageInfoBox {
  position: relative;
  display: inline-block;
}
.fare-wrap .mileageInfoPop {
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  width: 320px;
  padding: 1rem;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.122);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.122);
  z-index: 99;
  background-color: #fff;
  font-size: 0.8rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 0.5rem;
}
.fare-wrap .mileageInfoPop ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0.25rem 0;
  padding: 0.5rem;
  background: #f7f7f7;
}
.fare-wrap .mileageInfoPop ul li {
  width: 32%;
}
.fare-wrap .calcDistance label {
  width: 100%;
  line-height: 2.5rem;
}
.fare-wrap .calcDistance p {
  width: 100%;
  line-height: 2.5rem;
}
.fare-wrap .carOthers {
  margin-bottom: 0.5rem;
}
.fare-wrap .carOthers li {
  margin-left: 0.5rem;
}
.fare-wrap .carOthers li:first-child {
  margin-left: 0;
}
.fare-wrap .calcFarePrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  border-top: 1px solid #293b53;
  background-color: #f7f7f7;
}
.fare-wrap .calcFarePrice h3 {
  margin-right: 0.5rem;
}
.fare-wrap .calcFarePrice p {
  font-size: 1.25rem;
}
.fare-wrap .fareSearchBtn {
  flex: 0 0 9rem;
  width: 9rem;
  min-width: 9rem !important;
  max-width: 9rem;
}
.fare-wrap .selected-spot-text {
  padding: 1rem 2.5rem;
  border: 1px solid #293b53;
  background: #f4f5f6;
  font-weight: 500;
  color: #233348;
  text-align: center;
  border-radius: 0.75rem;
}
.fare-wrap .strm-result-list {
  height: 150px;
}
.fare-wrap .strm-result-list li {
  cursor: pointer;
}
.fare-wrap .strm-result-list li:hover {
  background-color: #f7f7f7;
}
.fare-wrap .error-reply-info {
  margin-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dashed #ddd;
  background-color: #fafafa;
}
.fare-wrap .error-reply-info li {
  min-width: 50% !important;
}

/* ========== 여비산출대민용 ========== */
.fare-wrap.publicFare .alldam-input.small:not(textarea),
.fare-wrap.publicFare .alldam-form-select.small,
.fare-wrap.publicFare .alldam-btn.small,
.fare-wrap.publicFare .alldam-form-chip-outline {
  min-height: 2.75rem;
}
.fare-wrap.publicFare .alldam-btn.small.icon,
.fare-wrap.publicFare .form-conts.btn-ico-wrap .alldam-btn.icon {
  width: 2.75rem;
  height: 2.75rem;
}
.fare-wrap.publicFare .alldam-btn.small.icon .svg-icon,
.fare-wrap.publicFare .form-conts.btn-ico-wrap .alldam-btn.icon .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.fare-wrap.publicFare .form-conts.btn-ico-wrap .alldam-btn.icon {
  right: 0;
}
.fare-wrap.publicFare > .topBanner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: start;
  align-items: flex-start;
  height: auto;
  margin: 1rem auto 1.5rem;
}
.fare-wrap.publicFare > .topBanner > .leftBanner,
.fare-wrap.publicFare > .topBanner > .rightMedia {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: calc(50% - 0.375rem);
  height: auto;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.fare-wrap.publicFare > .topBanner > .leftBanner {
  margin: 0 0.75rem 0 0;
}
.fare-wrap.publicFare > .topBanner > .leftBanner > a {
  height: auto;
}
.fare-wrap.publicFare > .topBanner > .leftBanner img,
.fare-wrap.publicFare > .topBanner > .rightMedia img {
  display: block;
  width: 100%;
  height: auto;
}
.fare-wrap.publicFare > .topBanner > .rightMedia::after {
  top: 50%;
  left: 50%;
  font-size: 3rem;
  line-height: 1;
  -ms-transform: translate(-50%, -50%) scaleY(0.6);
  transform: translate(-50%, -50%) scaleY(0.6);
}
.fare-wrap.publicFare > .strm-title-wrap .sns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fare-wrap.publicFare > .strm-title-wrap .sns li {
  margin-right: 0.25rem;
}
.fare-wrap.publicFare > .strm-title-wrap .sns li:last-child {
  margin-right: 0;
}
.fare-wrap.publicFare > .strm-title-wrap .sns li a {
  width: 2.75rem;
  height: 2.75rem;
  background-size: 1.875rem;
}
.fare-wrap.publicFare .popMedia {
  width: calc(100% - 1.5rem);
  max-width: 35rem;
  height: auto;
  max-height: none;
  -ms-transform: translate(-50%, -50%);
}
.fare-wrap.publicFare .popMedia .public-fare-video-frame {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.fare-wrap.publicFare .popMedia iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.fare-wrap.publicFare .popMedia .popCls {
  top: -3rem;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 2.5rem;
  line-height: 1;
}
.fare-wrap.publicFare .errorPop .modal-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: 1rem;
}
.fare-wrap.publicFare .errorPop .modal-btn > .alldam-btn {
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  min-width: 0;
  min-height: 2.75rem;
  margin: 0;
}
.fare-wrap.publicFare .errorPop .modal-btn > .alldam-btn + .alldam-btn {
  margin-left: 0.5rem;
}

/*sns 배너*/
.publicFare .sns {
  display: flex;
}
.publicFare .sns li {
  margin-right: 5px;
}
.publicFare .sns li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(/images/sp/sns_facebook.svg) no-repeat center center/cover;
}
.publicFare .sns li.twitter a {
  background: url(/images/sp/sns_twitter.svg) no-repeat center center/cover;
}
.publicFare .sns li.band a {
  background: url(/images/sp/sns_band.svg) no-repeat center center/cover;
}
.publicFare .sns li.kakaotalk a {
  background: url(/images/sp/sns_kakao.svg) no-repeat center center/cover;
}
.publicFare .sns li.link a {
  background: url(/images/sp/iconLink.svg) no-repeat center center/cover;
}
.publicFare .sns a span {
  font-size: 0;
  color: transparent;
}

.maskPublic {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: none;
  z-index: 999;
}

.strm-title.fare-title {
  display: inline-block;
}

.popBtnBox.publicFare {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  margin-bottom: 1rem;
}

/*최상단 배너*/
.topBanner {
  max-width: 720px;
  width: 100%;
  height: 180px;
  margin: 40px auto;
  display: flex;
  justify-content: center;
}
.topBanner > div:not(.popMedia) {
  width: 50%;
}
.topBanner > .leftBanner {
  width: 350px;
  height: 180px;
  margin-right: 20px;
  overflow: hidden;
}
.topBanner > .leftBanner > a {
  width: 100%;
  height: 100%;
  display: block;
}
.topBanner > .leftBanner > a img {
  width: 350px;
  height: 180px;
  transition: 0.5s;
}
.topBanner > .leftBanner:hover > a img {
  transform: scale(1.1);
}
.topBanner > .rightMedia {
  position: relative;
}
.topBanner > .rightMedia:before {
  content: "";
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 30px);
  width: 60px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  transition: 0.15s;
  cursor: pointer;
}
.topBanner > .rightMedia:after {
  content: "‣";
  position: absolute;
  top: 15%;
  left: 46%;
  transform: scaleY(0.6);
  font-size: 80px;
  color: #fff;
  cursor: pointer;
}
.topBanner > .rightMedia:hover:before {
  background: #d93025;
}
.topBanner > .rightMedia img {
  width: 350px;
  height: 180px;
  object-fit: cover;
  object-position: center top;
  cursor: pointer;
}

.popMedia {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 560px;
  height: 315px;
  z-index: 9999;
  display: none;
}
.popMedia .popCls {
  position: absolute;
  right: 0;
  top: -66px;
  font-size: 60px;
  font-weight: 100;
  color: #fff;
  cursor: pointer;
}

/* ========== 사업정산 간편산출 ========== */
.calcSpend .result-table-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.calcSpend .result-table-wrap .calc-result-table {
  max-width: 640px;
  margin-top: 0.5rem;
}
.calcSpend .result-table-wrap .calc-result-table .tbl {
  width: 100%;
  min-width: 0;
}

/* ========== 출장보고서 ========== */
.trip-wrap .alldam-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
.trip-wrap .alldam-table-wrap .tbl {
  width: 100%;
  min-width: 52rem;
  table-layout: fixed;
}
.trip-wrap .alldam-table-wrap th,
.trip-wrap .alldam-table-wrap td {
  white-space: normal;
  word-wrap: break-word;
  text-overflow: clip;
}
.trip-wrap .alldam-table-wrap td[colspan] {
  text-align: left !important;
}
.trip-wrap.managePics .tbl th:first-child {
  width: 8rem;
}
.trip-wrap.managePics .tbl th:nth-child(2) {
  width: 9rem;
}
.trip-wrap.managePics .tbl th:nth-child(4),
.trip-wrap.managePics .tbl th:nth-child(5),
.trip-wrap.managePics .tbl th:nth-child(6) {
  width: 6rem;
}
.trip-wrap.managePics .tbl .alldam-btn.icon,
.trip-wrap.manageReport .tbl .alldam-btn.icon {
  width: 2.75rem;
  min-width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border-radius: 0.25rem;
}
.trip-wrap.managePics .tbl .alldam-btn.icon .svg-icon,
.trip-wrap.manageReport .tbl .alldam-btn.icon .svg-icon {
  -ms-flex: 0 0 1.5rem;
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.trip-wrap.manageReport .tbl {
  min-width: 44rem;
}
.trip-wrap.manageReport .tbl th:first-child {
  width: 10rem;
}
.trip-wrap.manageReport .tbl th:nth-child(3),
.trip-wrap.manageReport .tbl th:nth-child(4),
.trip-wrap.manageReport .tbl th:nth-child(5) {
  width: 6rem;
}
.trip-wrap.postReport .tbl {
  min-width: 36rem;
}
.trip-wrap .selectedImg {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: 0;
}
.trip-wrap .selectedImg .trip-img-wrap {
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  min-width: 0;
  overflow-x: auto;
}
.trip-wrap .selectedImg .trip-img-box {
  -ms-flex: 0 0 8rem;
  flex: 0 0 8rem;
}
.trip-wrap .selectedImg #imgForm {
  margin-left: 0.75rem;
}
.trip-wrap .selectedImg #imgTagDataSpan:empty {
  display: none;
}
.trip-wrap .trip-img-box {
  width: 6rem;
  height: 4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.25rem;
}
.trip-wrap .trip-img-box img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.trip-wrap .selectedImg {
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  border: 1px dashed #b1b8be;
  background: #f7f7f7;
  border-radius: 0.25rem;
}
.trip-wrap .selectedImg .trip-img-box {
  width: 8rem;
  height: 5rem;
}

/* ========== Report input layouts ========== */
#vueFire .alldam-input:not(textarea),
#vueFire .alldam-form-select,
#vueFire .alldam-btn,
#vueResd .alldam-input:not(textarea),
#vueResd .alldam-form-select,
#vueResd .alldam-btn,
.trip-wrap .alldam-input:not(textarea),
.trip-wrap .alldam-form-select,
.trip-wrap .alldam-btn {
  min-height: 2.75rem;
}

#vueFire .result {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  max-width: 32rem;
}
#vueFire .result #alternate {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  height: 3rem;
  padding: 0 0.75rem;
}
#vueFire .result .add-btn {
  -ms-flex: 0 0 4.5rem;
  flex: 0 0 4.5rem;
  min-height: 3rem;
  margin: 0 0 0 0.5rem;
}
#vueFire .strm-calender {
  width: 100%;
  max-width: 32rem;
  margin-top: 0.75rem;
}
#vueFire .strm-calender .ui-datepicker {
  min-height: 0;
  height: auto;
  padding-bottom: 0.5rem;
}
#vueFire .strm-calender .ui-datepicker-header {
  min-height: 2.75rem;
  padding: 0 2.75rem;
}
#vueFire .strm-calender .ui-datepicker-title {
  margin: 0;
  line-height: 2.75rem;
}
#vueFire .strm-calender .ui-datepicker-prev,
#vueFire .strm-calender .ui-datepicker-next {
  top: 0;
  width: 2.75rem;
  height: 2.75rem;
}
#vueFire .strm-calender .ui-datepicker-prev {
  left: 0;
}
#vueFire .strm-calender .ui-datepicker-next {
  right: 0;
}
#vueFire .strm-calender .ui-datepicker-calendar {
  table-layout: fixed;
  margin: 0;
}
#vueFire .strm-calender .ui-datepicker-calendar td {
  padding: 2px;
}
#vueFire .strm-calender .ui-datepicker-calendar td a {
  min-height: 2.5rem;
  padding: 0;
  line-height: 2.5rem;
  border-radius: 0.25rem;
}
#vueFire .alldam-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
#vueFire .alldam-table-wrap .tbl {
  width: 100%;
  table-layout: fixed;
}
#vueFire .alldam-table-wrap th,
#vueFire .alldam-table-wrap td {
  white-space: normal;
  word-wrap: break-word;
  padding: 0.75rem 0.5rem;
}
#vueFire .alldam-table-wrap .alldam-input {
  width: 100%;
  min-width: 8rem;
  height: 2.75rem;
  padding: 0 0.5rem;
  font-size: 1rem;
}
#vueFire .fire-summary-table .tbl {
  min-width: 100rem;
}
#vueFire .fire-receipt-table .tbl {
  min-width: 130rem;
}
#vueFire .iframeWrap > .strm-cont-box {
  max-width: 100%;
  overflow-x: auto;
}

#vueResd .strm-form-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
#vueResd .strm-form-group > .form-group {
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  width: auto;
  min-width: 0;
  margin: 0 0.75rem 0 0;
}
#vueResd .strm-form-group > .form-group:last-child {
  margin-right: 0;
}
#vueResd .form-conts,
#vueResd .alldam-form-select,
#vueResd .resd-select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
#vueResd .resd-select-item {
  min-height: 2.75rem;
  box-sizing: border-box;
}
#vueResd .resd-select-btn {
  white-space: normal;
  word-wrap: break-word;
}
#vueResd .resd-select-btn:focus {
  outline: 2px solid #293b53;
  outline-offset: 2px;
}
#vueResd .pop-upload-wrap {
  width: 100%;
  min-width: 0;
}
#vueResd .pop-upload-wrap > .alldam-btn {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
#vueResd .pop-upload-wrap .strm-file-upload-btn {
  min-width: 0;
}
#vueResd .pop-upload-wrap .fileName {
  min-height: 2.75rem;
  padding-right: 3.5rem;
  box-sizing: border-box;
}
#vueResd .pop-upload-wrap .fileName > span:first-child {
  min-width: 0;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
#vueResd .pop-upload-wrap .file-upload-btn {
  width: 2.75rem;
  min-height: 2.75rem;
}
#vueResd .populPop {
  max-height: calc(100vh - 1rem);
  border-radius: 0.25rem;
}
#vueResd .populPop .modal-conts {
  max-height: calc(100vh - 6rem);
  overflow-y: auto;
}
#vueResd .populPop .conts-area {
  min-height: 0;
  max-height: none;
  overflow: visible;
  margin-bottom: 0;
}
#vueResd .populPop .cont-box {
  min-width: 0;
}
#vueResd .populPop .alldam-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
#vueResd .populPop .tbl {
  width: 100%;
  min-width: 64rem;
  table-layout: fixed;
}
#vueResd .populPop .tbl td {
  padding: 0.75rem 0.5rem;
}
#vueResd .populPop .tbl .alldam-input {
  width: 100%;
  min-width: 0;
}
#vueResd .populPop .modal-btn {
  margin-top: 1rem;
}

/* ========== Statistics report controls ========== */
#vueDisaster .alldam-input:not(textarea),
#vueDisaster .alldam-form-select,
#vueDisaster .alldam-btn,
#vuePop .alldam-input:not(textarea),
#vuePop .alldam-form-select,
#vuePop .alldam-btn,
#youthContent .alldam-input:not(textarea),
#youthContent .alldam-form-select,
#youthContent .alldam-btn {
  min-height: 2.75rem;
}
#vueDisaster .alldam-input,
#vueDisaster .alldam-form-select,
#vuePop .alldam-input,
#vuePop .alldam-form-select,
#youthContent .alldam-input,
#youthContent .alldam-form-select {
  transition:
    border-color 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
}

#vueDisaster .pop-upload-wrap,
#vuePop .pop-upload-wrap {
  width: 100%;
  min-width: 0;
}
#vueDisaster .pop-upload-wrap > .alldam-btn,
#vuePop .pop-upload-wrap > .alldam-btn {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
#vueDisaster .pop-upload-wrap .strm-file-upload-btn,
#vuePop .pop-upload-wrap .strm-file-upload-btn {
  min-width: 0;
}
#vueDisaster .pop-upload-wrap .fileName,
#vuePop .pop-upload-wrap .fileName {
  min-height: 2.75rem;
  padding-right: 3.5rem;
  box-sizing: border-box;
}
#vueDisaster .pop-upload-wrap .fileName > span:first-child,
#vuePop .pop-upload-wrap .fileName > span:first-child {
  min-width: 0;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
#vueDisaster .pop-upload-wrap .file-upload-btn,
#vuePop .pop-upload-wrap .file-upload-btn {
  width: 2.75rem;
  min-height: 2.75rem;
}

#vuePop .strm-form-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
#vuePop .strm-form-group > .form-group {
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  width: auto;
  min-width: 0;
  margin: 0 0.75rem 0 0;
}
#vuePop .strm-form-group > .form-group:last-child {
  margin-right: 0;
}
#vuePop .form-conts,
#vuePop .alldam-form-select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
#vuePop .iframeWrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
#vuePop .iframeWrap iframe {
  width: 1000px;
  max-width: none;
}

#vueDisaster .strm-sub-title-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#vueDisaster .strm-sub-title-wrap .strm-sub-title {
  margin-right: 1rem;
}
#vueDisaster .strm-sub-title-wrap .strm-btn-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%;
  margin-top: 0.5rem;
}
#vueDisaster .strm-sub-title-wrap .strm-btn-wrap > span {
  white-space: normal;
}
#vueDisaster .strm-sub-title-wrap .strm-btn-wrap .mx-datepicker {
  width: 15rem;
  min-width: 0;
}
#vueDisaster .strm-sub-title-wrap .strm-btn-wrap .alldam-input {
  width: 100%;
  height: 2.75rem;
  padding-right: 2.5rem;
  box-sizing: border-box;
  font-size: 1rem;
}
#vueDisaster .strm-sub-title-wrap .strm-btn-wrap .btnApi {
  margin-left: 0.5rem;
}
#vueDisaster .alldam-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
#vueDisaster .alldam-table-wrap .tbl {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}
#vueDisaster .alldam-table-wrap th,
#vueDisaster .alldam-table-wrap td {
  min-width: 0;
  padding: 0.75rem 0.5rem;
  white-space: normal;
  word-wrap: break-word;
}
#vueDisaster .alldam-table-wrap col:first-child {
  width: 7rem;
}
#vueDisaster .alldam-table-wrap .disaster-dam-data {
  min-width: 38rem;
}
#vueDisaster .alldam-table-wrap .disaster-reservoir-data {
  min-width: 66rem;
}
#vueDisaster .alldam-table-wrap .disaster-forecast-data {
  min-width: 60rem;
}
#vueDisaster .disaster-link {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#vueDisaster .disaster-link .alldam-btn {
  margin: 0 0.5rem 0.5rem 0;
}

#youthContent .strm-top .form-conts {
  min-width: 0;
}
#youthContent .strm-top .alldam-form-select {
  width: 15rem;
  min-width: 0;
}
#youthContent .youth .alldam-table-wrap {
  width: 100%;
  overflow-x: auto;
}
#youthContent .youth .alldam-table-wrap .tbl {
  width: 100%;
  min-width: 32rem;
  table-layout: fixed;
}
#youthContent .youth .alldam-table-wrap .tbl th,
#youthContent .youth .alldam-table-wrap .tbl td {
  padding: 0.75rem 0.5rem;
  white-space: normal;
  word-wrap: break-word;
}
#youthContent .youth .alldam-table-wrap .tbl th:first-child {
  width: 4rem;
}
#youthContent .youth .alldam-table-wrap .tbl td[colspan] {
  text-align: left !important;
}
#youthContent .youth .alldam-table-wrap .alert-text {
  max-width: 32rem;
}
#youthContent .youthPop {
  max-height: calc(100vh - 1rem);
  border-radius: 0.25rem;
}
#youthContent .youthPop .modal-conts {
  max-height: calc(100vh - 6rem);
  overflow-y: auto;
}
#youthContent .youthPop .conts-area {
  min-height: 0;
  max-height: none;
  overflow: visible;
  margin-bottom: 0;
}
#youthContent .youthPop .cont-box {
  min-width: 0;
}
#youthContent .youthPop .alldam-check-area {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#youthContent .youthPop .alldam-form-chip {
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  min-width: 0;
  margin: 0;
}
#youthContent .youthPop .alldam-form-chip + .alldam-form-chip {
  margin-left: 0.5rem;
}
#youthContent .youthPop .alldam-form-chip-outline {
  width: 100%;
  min-width: 0;
  min-height: 2.75rem;
  box-sizing: border-box;
}
#youthContent .youthPop .file-upload-label {
  min-height: 2.75rem;
  padding: 0.625rem 3.5rem 0.625rem 0.75rem;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  box-sizing: border-box;
}
#youthContent .youthPop .file-upload-label > span:first-child {
  min-width: 0;
}
#youthContent .youthPop .file-upload-btn {
  width: 2.75rem;
  min-height: 2.75rem;
}
#youthContent .youthPop .modal-btn {
  margin-top: 1rem;
}

.disaster-datepicker .mx-calendar {
  width: 18rem;
  max-width: calc(100vw - 1.5rem);
  box-sizing: border-box;
}
.disaster-datepicker .mx-calendar-content {
  height: auto;
}
.disaster-datepicker .mx-table-date td {
  height: 2.5rem;
  font-size: 0.875rem;
}
.disaster-datepicker .mx-calendar-header {
  height: 2.75rem;
  line-height: 2.75rem;
}
.disaster-datepicker .mx-calendar-header button {
  min-width: 2rem;
  min-height: 2.75rem;
  padding: 0;
}
.disaster-datepicker .mx-btn-current-year {
  margin-right: 0.375rem;
}

.youth-summary {
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
}
.youth-summary .popHeader {
  position: static;
  box-shadow: none;
  background: #293b53;
}
.youth-summary .popHeader h3 {
  padding: 1rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.youth-summary .youth-summary-scroll {
  width: 100%;
  overflow-x: auto;
}
.youth-summary .youth-summary-scroll:focus {
  outline: 2px solid #293b53;
  outline-offset: -2px;
}
.youth-summary .popBody {
  width: 100%;
  min-width: 68rem;
  box-sizing: border-box;
}
.youth-summary .popTable {
  width: 100%;
  table-layout: fixed;
}
.youth-summary .above table thead th {
  width: auto;
}
.youth-summary .popTable th,
.youth-summary .popTable td {
  white-space: normal;
  word-wrap: break-word;
}
.youth-summary .compareBox ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.youth-summary .compareBox li {
  margin-bottom: 0.5rem;
}
.youth-summary .compareBox li.title {
  border-radius: 0;
}
.youth-summary .youth-summary-actions {
  padding: 1rem 0.75rem;
}
.youth-summary .youth-summary-actions .btnRed {
  width: 12.5rem;
  max-width: 100%;
  min-height: 2.75rem;
  border-radius: 0.25rem;
  background: #293b53;
  color: #fff;
  font-size: 1rem;
}

@media (max-width: 768px) {
  #vueDisaster .pop-upload-wrap,
  #vuePop .pop-upload-wrap {
    display: block;
  }
  #vueDisaster .pop-upload-wrap > .alldam-btn,
  #vueDisaster .pop-upload-wrap .strm-file-upload-btn,
  #vuePop .pop-upload-wrap > .alldam-btn,
  #vuePop .pop-upload-wrap .strm-file-upload-btn {
    width: 100%;
    margin: 0 0 0.5rem;
  }
  #vuePop .strm-form-group > .form-group {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    margin: 0 0 1rem;
  }
  #vueDisaster .strm-sub-title-wrap .strm-btn-wrap {
    width: 100%;
  }
  #vueDisaster .strm-sub-title-wrap .strm-btn-wrap > label {
    width: 100%;
    margin: 0 0 0.375rem;
  }
  #vueDisaster .strm-sub-title-wrap .strm-btn-wrap > span {
    width: 100%;
    margin: 0 0 0.5rem;
  }
  #vueDisaster .strm-sub-title-wrap .strm-btn-wrap .mx-datepicker {
    width: 100%;
  }
  #vueDisaster .strm-sub-title-wrap .strm-btn-wrap .btnApi {
    width: 100%;
    margin: 0.5rem 0 0;
  }
  #youthContent .strm-top .strm-btn-wrap {
    display: block;
  }
  #youthContent .strm-top .strm-btn-wrap > .alldam-btn {
    width: 100%;
    margin: 0 0 1rem;
  }
  #youthContent .strm-top .form-conts {
    display: block;
    width: 100%;
  }
  #youthContent .strm-top .form-conts > label {
    margin: 0 0 0.375rem;
  }
  #youthContent .strm-top .alldam-form-select {
    width: 100%;
  }
  #youthContent .youthPop .modal-header {
    padding: 0.75rem 3.25rem 0.75rem 0.75rem;
  }
  #youthContent .youthPop .modal-title {
    font-size: 1.125rem;
    line-height: 1.5;
  }
  #youthContent .youthPop .modal-header .btn-close {
    right: 0.25rem;
    width: 2.75rem;
    height: 2.75rem;
  }
  #youthContent .youthPop .modal-conts {
    padding: 1rem 0.75rem;
  }
  #youthContent .youthPop .info-box {
    padding: 0.75rem;
    border-radius: 0;
  }
  #youthContent .youthPop .alldam-file-upload {
    padding: 1rem 0.5rem;
  }
  #youthContent .youthPop .modal-btn .alldam-btn {
    width: 100%;
  }
}
/* ========== 반응형 ========== */
.strm-wrap,
.alldam-modal02 {
  box-sizing: border-box;
}

.strm-wrap {
  min-width: 0;
}
.strm-wrap img,
.strm-wrap svg,
.strm-wrap iframe {
  max-width: 100%;
}
.strm-wrap .alldam-table-wrap {
  max-width: 100%;
}
.strm-wrap .alldam-table-wrap.scroll,
.strm-wrap .alldam-table-wrap.scroll-y {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.strm-wrap .alldam-form-input,
.strm-wrap .alldam-form-select,
.strm-wrap .alldam-form-textarea,
.strm-wrap .mx-datepicker {
  max-width: 100%;
}

@media (max-width: 1440px) {
  .strm-wrap {
    max-width: none;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .workSpendWrap .alldam-modal02.wide {
    width: calc(100% - 3rem);
    max-width: 1380px;
  }
}
@media (max-width: 1200px) {
  .strm-wrap {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .strm-title-desc > * + * {
    margin-left: 1rem;
  }
  .strm-form-group {
    flex-wrap: wrap;
  }
  .strm-form-group .form-group {
    flex: 1 1 auto;
    width: calc(50% - 0.5rem);
    min-width: 20rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
  .filterPop .toggleBox {
    width: calc(50% - 0.5rem);
  }
  .filterPop > button {
    width: auto;
    min-width: 10rem;
  }
  .workSpendWrap .strm-filter-box {
    flex-wrap: wrap;
  }
  .workSpendWrap .strm-filter-box > * {
    margin-right: 1rem;
    margin-bottom: 0.75rem;
  }
  .workSpendWrap .strm-filter-box .form-group {
    flex: 1 1 auto;
    width: calc(50% - 0.5rem);
    min-width: 18rem;
    margin-right: 0;
  }
  .workSpendWrap .filter-year,
  .workSpendWrap .filter-month {
    width: 100%;
    max-width: none;
  }
  .fare-wrap .fare-form-row > ul > li {
    min-width: 25%;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .workSpendWrap .strm-filter-box .form-group:nth-child(odd) {
    margin-right: 1rem;
  }
  .workSpendWrap .strm-filter-box .form-group .form-tit {
    flex: 0 0 3rem;
    margin-right: 0.75rem;
  }
}
@media (max-width: 1024px) {
  .strm-wrap {
    padding: 2.25rem 1.25rem;
  }
  .strm-title-wrap {
    margin-bottom: 2rem;
  }
  .strm-top .strm-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  .strm-top .strm-btn-wrap button,
  .strm-top .strm-btn-wrap .form-conts {
    margin: 0 0.5rem 0.5rem 0;
  }
  .strm-tail {
    flex-wrap: wrap;
  }
  .strm-tail > * {
    margin-bottom: 0.75rem;
  }
  .strm-tail > *:not(:last-child) {
    margin-right: 0.75rem;
  }
  .strm-total {
    margin-right: 0;
  }
  .fare-wrap .fare-form-row > ul > li {
    min-width: 50%;
  }
  .alldam-modal02.wide {
    width: calc(100% - 2.5rem);
  }
  .alldam-modal02 .modal-conts .conts-area {
    max-height: calc(100vh - 12rem);
  }
  .alldam-modal02 .modal-header .alldam-contextual-help:hover .tooltip-popover {
    max-width: calc(100vw - 2.5rem);
  }
  .allowanceWrap .alldam-table-wrap.scroll .tbl {
    min-width: 52rem;
  }
  .allowanceWrap .attendTimePop {
    left: 50%;
    width: calc(100% - 2rem);
    transform: translate(-50%, 0);
  }
  .workSpendWrap .alldam-table-wrap.scroll-y .tbl {
    min-width: 52rem;
  }
  .airReportPop .airDesc {
    flex-direction: column;
    align-items: flex-start;
  }
  .airReportPop .airDesc > * + * {
    margin-top: 0.75rem;
  }
  .airReportPop .airDesc dl {
    flex-wrap: wrap;
  }
  .airReportPop .airDesc dl dt,
  .airReportPop .airDesc dl dd {
    margin-bottom: 0.25rem;
  }
  .topBanner > .leftBanner,
  .topBanner > .rightMedia {
    flex: 1 1 0%;
    width: auto;
  }
  .topBanner > .leftBanner {
    margin-right: 0.75rem;
  }
  .topBanner > .leftBanner > a img,
  .topBanner > .rightMedia img {
    width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .allowanceWrap.eventList .alldam-table-wrap.focus,
  .allowanceWrap.myEventList .alldam-table-wrap.focus,
  .allowanceWrap.attend .alldam-table-wrap.focus {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    padding: 0;
    box-sizing: border-box;
  }
  .allowanceWrap.eventList .alldam-table-wrap.focus .tbl,
  .allowanceWrap.myEventList .alldam-table-wrap.focus .tbl,
  .allowanceWrap.attend .alldam-table-wrap.focus .tbl {
    width: 100%;
    min-width: 100%;
    table-layout: fixed;
  }
  .allowanceWrap.eventList .alldam-table-wrap.focus .tbl colgroup col,
  .allowanceWrap.eventList .alldam-table-wrap.focus .tbl th,
  .allowanceWrap.eventList .alldam-table-wrap.focus .tbl td,
  .allowanceWrap.myEventList .alldam-table-wrap.focus .tbl colgroup col,
  .allowanceWrap.myEventList .alldam-table-wrap.focus .tbl th,
  .allowanceWrap.myEventList .alldam-table-wrap.focus .tbl td,
  .allowanceWrap.attend .alldam-table-wrap.focus .tbl colgroup col,
  .allowanceWrap.attend .alldam-table-wrap.focus .tbl th,
  .allowanceWrap.attend .alldam-table-wrap.focus .tbl td {
    width: auto !important;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    padding: 0;
    border-right: 0;
    border-left: 0;
    box-sizing: border-box;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl {
    width: 100%;
    min-width: 100%;
    table-layout: fixed;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    colgroup
    col,
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    th,
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    td {
    width: auto !important;
  }
  .workSpendWrap .workSpendCont > .strm-cont-box + .strm-cont-box > .updownBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0.75rem 0 1rem;
    box-sizing: border-box;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .updownBox
    button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    width: auto;
    min-width: 0;
    margin: 0;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .updownBox
    button
    + button {
    margin-left: 0.5rem;
  }
}
@media (max-width: 768px) {
  .trip-wrap .strm-top .tab.line > ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .trip-wrap .strm-top .tab.line > ul > li {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0;
    margin: 0;
  }
  .trip-wrap .strm-top .tab.line .btn-tab {
    width: 100%;
    min-width: 0;
    padding: 0 0.5rem;
    font-size: 0.875rem;
  }
  .trip-wrap .selectedImg {
    display: block;
  }
  .trip-wrap .selectedImg .trip-img-wrap {
    width: 100%;
  }
  .trip-wrap .selectedImg #imgForm {
    width: 100%;
    margin: 0.75rem 0 0;
  }
  .trip-wrap .selectedImg #imgForm .alldam-btn {
    width: 100%;
    height: auto !important;
    min-height: 2.75rem;
  }
  .trip-wrap .selectedImg #imgForm br {
    display: none;
  }
  #vueResd .strm-form-group > .form-group {
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
    margin: 0 0 1rem;
  }
  #vueResd .strm-form-group > .form-group:last-child {
    margin-bottom: 0;
  }
  #vueResd .pop-upload-wrap {
    display: block;
  }
  #vueResd .pop-upload-wrap > .alldam-btn {
    width: 100%;
  }
  #vueResd .pop-upload-wrap .strm-file-upload-btn {
    width: 100%;
    margin: 0.5rem 0;
  }
  #vueResd .populPop .modal-header {
    padding: 1rem 3.5rem 1rem 0.75rem;
  }
  #vueResd .populPop .modal-header .btn-close {
    right: 0.5rem;
    width: 2.75rem;
    height: 2.75rem;
  }
  #vueResd .populPop .modal-conts {
    padding: 0.75rem;
  }
  #vueFire .strm-tail .strm-btn-wrap,
  .trip-wrap .strm-tail .strm-btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  #vueFire .strm-tail .strm-btn-wrap > .alldam-btn,
  .trip-wrap .strm-tail .strm-btn-wrap > .alldam-btn {
    width: 100%;
    margin: 0;
  }
  #vueFire .strm-tail .strm-btn-wrap > .alldam-btn + .alldam-btn,
  .trip-wrap .strm-tail .strm-btn-wrap > .alldam-btn + .alldam-btn {
    margin-top: 0.5rem;
  }
  .strm-wrap {
    padding: 2rem 1rem;
  }
  .strm-wrap .strm-sub-title-wrap {
    flex-direction: column;
    align-items: stretch;
  }
  .strm-wrap .strm-sub-title-wrap > * + * {
    margin-top: 0.75rem;
  }
  .strm-wrap h3.strm-sub-title {
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }
  .strm-title-wrap {
    margin-bottom: 1.5rem;
  }
  .strm-title-wrap h3.strm-title {
    padding-left: 1.35rem;
    font-size: 1.5rem;
    line-height: 1.35;
  }
  .strm-title-desc {
    flex-direction: column;
    padding: 1rem;
  }
  .strm-tail {
    flex-direction: column;
    align-items: stretch;
  }
  .strm-total {
    width: 100%;
  }
  .strm-total dl {
    flex-wrap: wrap;
  }
  .strm-total dl .strm-total-box {
    flex: 1 1 50%;
    min-width: 12rem;
  }
  .strm-form-group {
    display: block;
  }
  .strm-form-group .form-group {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .strm-form-group .form-group:last-of-type {
    margin-bottom: 0;
  }
  .alldam-modal02 {
    width: calc(100% - 2rem);
    max-height: calc(100vh - 2rem);
  }
  .alldam-modal02 .modal-header {
    padding: 1rem 3rem 1rem 1rem;
  }
  .alldam-modal02 .modal-header .btn-close {
    right: 1rem;
  }
  .alldam-modal02 .modal-conts {
    padding: 1rem;
  }
  .alldam-modal02 .modal-conts .conts-area {
    max-height: calc(100vh - 10rem);
  }
  .alldam-modal02 .cont-row,
  .alldam-modal02 .cont-row.cont-row-multi {
    flex-direction: column;
    margin: 0 0 1rem 0;
  }
  .alldam-modal02 .cont-row .cont-box,
  .alldam-modal02 .cont-row.cont-row-multi .cont-box {
    margin: 0;
  }
  .alldam-modal02 .cont-row .cont-box + .cont-box,
  .alldam-modal02 .cont-row.cont-row-multi .cont-box + .cont-box {
    margin-top: 0.75rem;
  }
  .alldam-modal02 .btn-wrap {
    flex-wrap: wrap;
    justify-content: stretch;
  }
  .alldam-modal02 .btn-wrap button {
    flex: 1 1 auto;
    width: calc(50% - 0.25rem);
    margin: 0 0.5rem 0.5rem 0;
  }
  .report-wrap .result {
    flex-direction: column;
  }
  .report-wrap .result .alldam-btn {
    margin-top: 0.5rem;
    margin-left: 0;
  }
  .pop-upload-wrap {
    flex-wrap: wrap;
    align-items: stretch;
  }
  .pop-upload-wrap .strm-file-upload-btn {
    flex: 1 1 100%;
    margin: 0 0 0.5rem 0;
  }
  .filterPop .filter01 .alldam-form-group {
    flex-direction: column;
    align-items: stretch;
  }
  .filterPop .filter01 .alldam-form-group .won {
    margin-top: 0.5rem;
    margin-left: 0;
  }
  .filterPop .onClickBox > * {
    margin-bottom: 0.5rem;
  }
  .filterPop .onClickBox .dayCheckBox {
    flex-wrap: wrap;
    margin: -0.125rem;
  }
  .filterPop .onClickBox .dayCheckBox label {
    flex: 1 1 auto;
    width: calc(25% - 0.25rem);
    margin: 0.125rem;
  }
  .filterPop .toggleBox {
    width: 100%;
  }
  .filterPop > button {
    width: 100%;
    min-width: 0;
  }
  .airReportPop ul.date {
    flex-wrap: wrap;
    border-radius: 1rem;
  }
  .airReportPop .map:before {
    background-size: 80% auto;
  }
  .airReportPop .map svg {
    width: 100%;
    height: auto;
    max-height: none;
  }
  .airReportPop .prediction {
    flex-wrap: wrap;
    border-radius: 1rem;
    text-align: center;
  }
  .airReportPop .prediction > * {
    margin: 0.25rem;
  }
  .residents .report-btn-wrap {
    flex-direction: column;
  }
  .residents .report-btn-wrap button {
    width: 100%;
    margin-right: 0;
    padding: 1rem 5rem 1.5rem 1rem;
  }
  .residents .report-btn-wrap button + button {
    margin-top: 0.5rem;
  }
  .strm-search-wrap {
    flex-wrap: wrap;
    align-items: stretch;
  }
  .strm-search-wrap .alldam-form-select,
  .strm-search-wrap .form-conts {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .strm-search-wrap .alldam-form-select {
    margin-right: 0;
  }
  .allowanceWrap > .strm-cont-wrap > .strm-top:first-child .strm-tab-wrap {
    overflow: visible;
  }
  .allowanceWrap
    > .strm-cont-wrap
    > .strm-top:first-child
    .strm-tab-wrap::before {
    display: none;
  }
  .allowanceWrap
    > .strm-cont-wrap
    > .strm-top:first-child
    .strm-tab-wrap
    .tab.line
    > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    overflow: visible;
  }
  .allowanceWrap
    > .strm-cont-wrap
    > .strm-top:first-child
    .strm-tab-wrap
    .tab.line
    > ul
    > li {
    width: 33.333%;
    max-width: 33.333%;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.333%;
    flex: 1 1 33.333%;
    margin: 0;
  }
  .allowanceWrap
    > .strm-cont-wrap
    > .strm-top:first-child
    .strm-tab-wrap
    .tab.line
    > ul
    > li.cf-ml-auto-i {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 1rem 0 0 !important;
  }
  .allowanceWrap
    > .strm-cont-wrap
    > .strm-top:first-child
    .strm-tab-wrap
    .tab.line
    .btn-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: 3rem;
    min-height: 3rem;
    padding: 0.5rem 0.25rem;
    border: 0;
    border-bottom: 1px solid #b1b8be;
    border-radius: 0;
    background-color: #fff;
    color: #464c53;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
    white-space: nowrap;
    word-break: keep-all;
    box-sizing: border-box;
  }
  .allowanceWrap
    > .strm-cont-wrap
    > .strm-top:first-child
    .strm-tab-wrap
    .tab.line
    .btn-tab:before {
    height: 3px;
  }
  .allowanceWrap
    > .strm-cont-wrap
    > .strm-top:first-child
    .strm-tab-wrap
    .tab.line
    .active
    .btn-tab {
    color: #293b53;
    font-weight: 700;
  }
  .allowanceWrap
    > .strm-cont-wrap
    > .strm-top:first-child
    .strm-tab-wrap
    .tab.line
    > ul
    > li.cf-ml-auto-i
    .alldam-btn {
    width: auto;
    min-width: 8.5rem;
    height: 2.75rem;
    min-height: 2.75rem;
    padding: 0 1rem;
    border-color: #293b53;
    border-radius: 0.25rem;
    background-color: #fff;
    color: #293b53;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .allowanceWrap > .strm-cont-wrap > .strm-top {
    margin-bottom: 1.5rem;
  }
  .allowanceWrap > .strm-cont-wrap > .strm-top > .tab.fill.full.small {
    padding: 0;
    border: 1px solid #d8dde3;
    border-radius: 0;
    background-color: #f6f7f8;
    overflow: visible;
    box-sizing: border-box;
  }
  .allowanceWrap .tab.fill.full.small > .manageExpertTab {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap !important;
    margin: 0;
  }
  .allowanceWrap .tab.fill.full.small > .manageExpertTab > li {
    width: auto;
    min-width: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
  }
  .allowanceWrap .tab.fill.full.small > .manageExpertTab .btn-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-width: 2.75rem;
    height: 2.75rem;
    min-height: 2.75rem;
    padding: 0.5rem 0.375rem;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: #464c53;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    word-break: keep-all;
    box-sizing: border-box;
  }
  .allowanceWrap .tab.fill.full.small > .manageExpertTab > li + li {
    border-left: 1px solid #d8dde3;
    box-sizing: border-box;
  }
  .allowanceWrap .tab.fill.full.small > .manageExpertTab .btn-tab:hover {
    background-color: #eef2f6;
  }
  .allowanceWrap .tab.fill.full.small > .manageExpertTab > li.active .btn-tab {
    background-color: #e5ecf3;
    color: #233348;
    font-weight: 700;
  }
  .allowanceWrap .slide {
    right: calc(2.5rem - 100vw);
    width: calc(100vw - 2.5rem);
    height: calc(100vh - 7rem);
  }
  .allowanceWrap .slide.show {
    right: 0;
  }
  .allowanceWrap .slide.hide {
    right: calc(2.5rem - 100vw);
  }
  .allowanceWrap .slide .btnSlide {
    top: 1rem;
    left: -2rem;
    width: 2rem;
    height: 3.5rem;
    display: none;
  }
  .allowanceWrap .slide [class*="slideCont"] {
    height: calc(100% - 3rem);
  }
  .allowanceWrap .attendTimePop {
    position: fixed;
    top: 50%;
    left: 50%;
    width: calc(100% - 2rem);
    max-width: 320px;
    transform: translate(-50%, -50%);
  }
  .allowanceWrap.eventList .alldam-table-wrap.focus,
  .allowanceWrap.myEventList .alldam-table-wrap.focus,
  .allowanceWrap.attend .alldam-table-wrap.focus {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    padding: 0;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
  }
  .allowanceWrap.eventList .alldam-table-wrap.focus .tbl,
  .allowanceWrap.myEventList .alldam-table-wrap.focus .tbl,
  .allowanceWrap.attend .alldam-table-wrap.focus .tbl {
    width: 100%;
    table-layout: fixed;
  }
  .allowanceWrap.eventList .alldam-table-wrap.focus .tbl th,
  .allowanceWrap.eventList .alldam-table-wrap.focus .tbl td,
  .allowanceWrap.myEventList .alldam-table-wrap.focus .tbl th,
  .allowanceWrap.myEventList .alldam-table-wrap.focus .tbl td,
  .allowanceWrap.attend .alldam-table-wrap.focus .tbl th,
  .allowanceWrap.attend .alldam-table-wrap.focus .tbl td {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
  }
  .allowanceWrap.eventList .alldam-table-wrap.focus .tbl th:nth-child(1),
  .allowanceWrap.eventList .alldam-table-wrap.focus .tbl td:nth-child(1),
  .allowanceWrap.eventList .alldam-table-wrap.focus .tbl th:nth-last-child(1),
  .allowanceWrap.eventList .alldam-table-wrap.focus .tbl td:nth-last-child(1),
  .allowanceWrap.myEventList .alldam-table-wrap.focus .tbl th:nth-child(1),
  .allowanceWrap.myEventList .alldam-table-wrap.focus .tbl td:nth-child(1),
  .allowanceWrap.myEventList .alldam-table-wrap.focus .tbl th:nth-last-child(1),
  .allowanceWrap.myEventList .alldam-table-wrap.focus .tbl td:nth-last-child(1),
  .allowanceWrap.attend .alldam-table-wrap.focus .tbl th:nth-child(1),
  .allowanceWrap.attend .alldam-table-wrap.focus .tbl td:nth-child(1),
  .allowanceWrap.attend .alldam-table-wrap.focus .tbl th:nth-last-child(1),
  .allowanceWrap.attend .alldam-table-wrap.focus .tbl td:nth-last-child(1) {
    white-space: nowrap;
    word-break: keep-all;
  }
  .allowanceWrap.eventList .alldam-table-wrap.focus .tbl,
  .allowanceWrap.myEventList .alldam-table-wrap.focus .tbl {
    min-width: 48rem;
  }
  .allowanceWrap.attend .alldam-table-wrap.focus .tbl {
    min-width: 58rem;
  }
  .allowanceWrap .eventInfoTitle {
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: left;
  }
  .allowanceWrap .strm-search-wrap {
    width: 100%;
    min-width: 0;
  }
  .allowanceWrap .strm-search-wrap .form-conts {
    width: 100%;
    min-width: 0;
  }
  .allowanceWrap .strm-search-wrap .alldam-form-select {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  .allowanceWrap.regist .mx-datepicker,
  .allowanceWrap.myEventDetail .mx-datepicker {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.375rem;
  }
  .allowanceWrap.regist .mx-datepicker .alldam-input,
  .allowanceWrap.myEventDetail .mx-datepicker .alldam-input {
    width: 100%;
    min-width: 0;
  }
  .allowanceWrap.eventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line),
  .allowanceWrap.myEventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line),
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line) {
    display: block;
    width: 100%;
    min-width: 0;
  }
  .allowanceWrap.eventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody,
  .allowanceWrap.eventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr {
    display: block;
  }
  .allowanceWrap.eventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr
    + tr,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr
    + tr,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr
    + tr {
    margin-top: 0.75rem;
  }
  .allowanceWrap.eventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr
    > th,
  .allowanceWrap.eventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr
    > td,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr
    > th,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr
    > td,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr
    > th,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr
    > td {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .allowanceWrap.eventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr
    > th,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr
    > th,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    > .tbl.col.data:not(.tac):not(.line)
    > tbody
    > tr
    > th {
    padding-bottom: 0.375rem;
    color: #464c53;
    text-align: left;
    border-bottom: 0;
  }
  .allowanceWrap.regist .strm-cont-box .alldam-table-wrap.scroll.small,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small,
  .allowanceWrap.myEventDetail .strm-cont-box .alldam-table-wrap.scroll.small {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac {
    display: table;
    width: 100%;
    min-width: 72rem;
    table-layout: auto;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    thead,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    thead,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    thead {
    display: table-header-group;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    tbody,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    tbody,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    tbody {
    display: table-row-group;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    tr,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    tr,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    tr {
    display: table-row;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    th,
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    th,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    th,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td {
    display: table-cell;
    min-width: 15rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    box-sizing: border-box;
    white-space: nowrap;
    vertical-align: middle;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td[colspan],
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td[colspan],
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td[colspan] {
    text-align: left !important;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td[colspan]
    .rbtnAddList,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td[colspan]
    .rbtnAddList,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td[colspan]
    .rbtnAddList {
    margin-left: 0;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .alldam-input,
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .alldam-form-select,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .alldam-input,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .alldam-form-select,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .alldam-input,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .alldam-form-select {
    width: 100%;
    min-width: 15rem;
    max-width: none;
    box-sizing: border-box;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .inputNumber,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .inputNumber,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .inputNumber {
    min-width: 15rem;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .inputNumber
    .alldam-input,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .inputNumber
    .alldam-input,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .inputNumber
    .alldam-input {
    padding-right: 1.5rem;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .cf-nw,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .cf-nw,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .cf-nw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 17rem;
    white-space: nowrap;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .cf-nw
    .alldam-input,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .cf-nw
    .alldam-input,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .cf-nw
    .alldam-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .cf-nw
    > button,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .cf-nw
    > button,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    .cf-nw
    > button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 0.5rem;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    th:last-child,
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td:last-child,
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    th:nth-last-child(2),
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td:nth-last-child(2),
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    th:last-child,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td:last-child,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    th:nth-last-child(2),
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td:nth-last-child(2),
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    th:last-child,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td:last-child,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    th:nth-last-child(2),
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td:nth-last-child(2) {
    min-width: 4rem;
  }
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td:last-child
    .alldam-btn,
  .allowanceWrap.regist
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td:nth-last-child(2)
    .alldam-btn,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td:last-child
    .alldam-btn,
  .allowanceWrap.regist
    .allowanceCont
    > .alldam-table-wrap
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td:nth-last-child(2)
    .alldam-btn,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td:last-child
    .alldam-btn,
  .allowanceWrap.myEventDetail
    .strm-cont-box
    .alldam-table-wrap.scroll.small
    > .tbl.tac
    td:nth-last-child(2)
    .alldam-btn {
    min-width: 2.5rem;
  }
  .workSpendWrap .strm-filter-box {
    flex-direction: column;
  }
  .workSpendWrap .strm-filter-box > * + * {
    margin-top: 0.75rem;
  }
  .workSpendWrap .strm-filter-box .form-group {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    margin-right: 0;
  }
  .workSpendWrap .strm-filter-box .form-group .form-tit {
    margin-bottom: 0.5rem;
    margin-right: 0;
  }
  .workSpendWrap .strm-filter-box .form-conts,
  .workSpendWrap .strm-filter-box > .alldam-btn {
    width: 100%;
    min-width: 0;
  }
  .workSpendWrap .strm-filter-box .bizExp-select-wrap .selectInnerWrap {
    position: static;
    width: 100%;
    margin-top: 0.25rem;
    box-sizing: border-box;
  }
  .workSpendWrap .strm-filter-box .bizExp-select-wrap .selectChoiceList {
    max-height: 12rem;
    overflow-y: auto;
  }
  .workSpendWrap .filter-year,
  .workSpendWrap .filter-month {
    width: 100%;
    max-width: none;
  }
  .workSpendWrap .alldam-modal02 .alldam-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl,
  .workSpendWrap .workSpendPop01 .allAddBox .tbl {
    table-layout: auto;
  }
  .workSpendWrap .workSpendPop01 .upper th,
  .workSpendWrap .workSpendPop01 .upper td,
  .workSpendWrap .workSpendPop01 .allAddBox th,
  .workSpendWrap .workSpendPop01 .allAddBox td {
    white-space: nowrap;
  }
  .workSpendWrap .workSpendPop01 .upper .alldam-input.small,
  .workSpendWrap .workSpendPop01 .upper .alldam-form-select.small,
  .workSpendWrap .workSpendPop01 .allAddBox .alldam-input.small,
  .workSpendWrap .workSpendPop01 .allAddBox .alldam-form-select.small {
    width: 100%;
    min-width: 7rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl {
    min-width: 87rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(1),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(1) {
    min-width: 3rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(2),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(2) {
    min-width: 8rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(3),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(3) {
    min-width: 9rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(4),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(4) {
    min-width: 10rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(5),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(5) {
    min-width: 12rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(6),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(6) {
    min-width: 16rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(7),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(7) {
    min-width: 8rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(8),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(8) {
    min-width: 6rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(9),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(9) {
    min-width: 8rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(10),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(10),
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(11),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(11) {
    min-width: 3.5rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl {
    min-width: 83rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(1),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(1) {
    min-width: 8rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(2),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(2) {
    min-width: 9rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(3),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(3) {
    min-width: 10rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(4),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(4) {
    min-width: 12rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(5),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(5) {
    min-width: 16rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(6),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(6) {
    min-width: 8rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(7),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(7) {
    min-width: 6rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(8),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(8) {
    min-width: 8rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(9),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(9) {
    min-width: 6rem;
  }
  .workSpendWrap .workSpendPop01 .upper,
  .workSpendWrap .workSpendPop01 .allAddBox {
    max-height: 20rem;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    border: 1px solid #d8dde3;
    border-top: 2px solid #293b53;
    background-color: #fff;
    border-radius: 0;
    box-sizing: border-box;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl,
  .workSpendWrap .workSpendPop01 .allAddBox .tbl {
    width: 100%;
    table-layout: auto;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th,
  .workSpendWrap .workSpendPop01 .upper .tbl tbody td,
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th,
  .workSpendWrap .workSpendPop01 .allAddBox .tbl tbody td {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    box-sizing: border-box;
    vertical-align: middle;
    white-space: nowrap;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl tbody td[colspan],
  .workSpendWrap .workSpendPop01 .allAddBox .tbl tbody td[colspan] {
    padding: 0.875rem 0.5rem;
    text-align: center !important;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl tbody td .alldam-input.small,
  .workSpendWrap .workSpendPop01 .upper .tbl tbody td .alldam-form-select.small,
  .workSpendWrap .workSpendPop01 .allAddBox .tbl tbody td .alldam-input.small,
  .workSpendWrap
    .workSpendPop01
    .allAddBox
    .tbl
    tbody
    td
    .alldam-form-select.small {
    width: 100%;
    max-width: 100%;
    min-height: 2.5rem;
    min-width: 8rem;
    box-sizing: border-box;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl tbody td .alldam-btn.icon,
  .workSpendWrap .workSpendPop01 .allAddBox .tbl tbody td .alldam-btn.icon {
    min-width: 2.5rem;
    max-width: 100%;
    box-sizing: border-box;
  }
  .workSpendWrap .workSpendPop01 .upper {
    max-height: 18rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox {
    max-height: 18rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl {
    min-width: 129rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(1),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(1) {
    min-width: 3rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(2),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(2) {
    min-width: 16rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(3),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(3) {
    min-width: 12rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(4),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(4) {
    min-width: 16rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(5),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(5) {
    min-width: 16rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(6),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(6) {
    min-width: 24rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(7),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(7) {
    min-width: 12rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(8),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(8) {
    min-width: 8rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(9),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(9) {
    min-width: 12rem;
  }
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(10),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(10),
  .workSpendWrap .workSpendPop01 .upper .tbl th:nth-child(11),
  .workSpendWrap .workSpendPop01 .upper .tbl td:nth-child(11) {
    min-width: 5rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl {
    min-width: 124rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(1),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(1) {
    min-width: 16rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(2),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(2) {
    min-width: 12rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(3),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(3) {
    min-width: 16rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(4),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(4) {
    min-width: 16rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(5),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(5) {
    min-width: 24rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(6),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(6) {
    min-width: 12rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(7),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(7) {
    min-width: 8rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(8),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(8) {
    min-width: 12rem;
  }
  .workSpendWrap .workSpendPop01 .allAddBox .tbl th:nth-child(9),
  .workSpendWrap .workSpendPop01 .allAddBox .tbl td:nth-child(9) {
    min-width: 8rem;
  }
  .workSpendWrap .workSpendCont > .strm-cont-box + .strm-cont-box > .updownBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0.75rem 0 1rem;
    box-sizing: border-box;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .updownBox
    button {
    width: 100%;
    margin: 0;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .updownBox
    button
    + button {
    margin-top: 0.5rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y {
    max-height: 16rem;
    overflow-x: auto;
    overflow-y: auto;
    padding: 0;
    border-right: 0;
    border-left: 0;
    border-top: 2px solid #293b53;
    background-color: #fff;
    border-radius: 0;
    box-sizing: border-box;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl {
    width: 100%;
    table-layout: fixed;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    th,
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    tbody
    td {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
    white-space: nowrap;
    word-break: keep-all;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    tbody
    td {
    line-height: 1.45;
    vertical-align: top;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    tbody
    td:nth-child(1),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    tbody
    td:nth-child(2),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    tbody
    td:nth-child(4),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    tbody
    td:nth-child(7),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    tbody
    td:nth-child(8) {
    white-space: nowrap;
    word-break: keep-all;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    tbody
    td[colspan] {
    padding: 0.875rem 0.5rem;
    color: #464c53;
    text-align: left !important;
    white-space: normal;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl {
    min-width: 61rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    th:nth-child(1),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    td:nth-child(1) {
    width: 3rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    th:nth-child(2),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    td:nth-child(2) {
    width: 5rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    th:nth-child(3),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    td:nth-child(3) {
    width: 6rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    th:nth-child(4),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    td:nth-child(4) {
    width: 6rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    th:nth-child(5),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    td:nth-child(5) {
    width: 9rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    th:nth-child(6),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    td:nth-child(6) {
    width: 18rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    th:nth-child(7),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    td:nth-child(7),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    th:nth-child(8),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:first-child
    .tbl
    td:nth-child(8) {
    width: 7rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl {
    min-width: 55rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    th:nth-child(1),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    td:nth-child(1) {
    width: 3rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    th:nth-child(2),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    td:nth-child(2) {
    width: 5rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    th:nth-child(3),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    td:nth-child(3) {
    width: 6rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    th:nth-child(4),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    td:nth-child(4) {
    width: 7rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    th:nth-child(5),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    td:nth-child(5) {
    width: 8rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    th:nth-child(6),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    td:nth-child(6) {
    width: 12rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    th:nth-child(7),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    td:nth-child(7),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    th:nth-child(8),
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y:last-child
    .tbl
    td:nth-child(8) {
    width: 7rem;
  }
  .fare-wrap .strm-sub-title-wrap > .strm-search-wrap {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
    margin: 0.75rem 0 0;
  }
  .fare-wrap > .strm-cont-wrap > .strm-cont-box {
    margin-bottom: 1.5rem;
    padding-bottom: 0;
  }
  .fare-wrap > .strm-cont-wrap > .strm-top .tab.line > ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: visible;
  }
  .fare-wrap > .strm-cont-wrap > .strm-top .tab.line > ul > li {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
  }
  .fare-wrap > .strm-cont-wrap > .strm-top .tab.line .btn-tab {
    min-width: 0;
    padding: 0 0.25rem;
    font-size: 0.875rem;
    white-space: nowrap;
  }
  .fare-wrap > .strm-cont-wrap > .strm-top .tab.line .btn-tab::before {
    height: 3px;
  }
  .fare-wrap .strm-title-desc > div:last-child:not(.desc-title) {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0.75rem 0 0;
  }
  .fare-wrap .strm-title-desc > div:last-child:not(.desc-title) > .alldam-btn {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0;
  }
  .fare-wrap
    .strm-title-desc
    > div:last-child:not(.desc-title)
    > .alldam-btn
    + .alldam-btn {
    margin-left: 0.5rem;
  }
  .fare-wrap #fareFormArea > .strm-sub-title-wrap {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
  }
  .fare-wrap #fareFormArea > .strm-sub-title-wrap > .strm-sub-title {
    margin: 0;
  }
  .fare-wrap #fareFormArea > .strm-sub-title-wrap > .alldam-contextual-help {
    margin-top: 0;
  }
  .fare-wrap .fare-detail-heading,
  .fare-wrap .fare-info-heading {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
  }
  .fare-wrap .fare-detail-heading > .btnPdf,
  .fare-wrap .fare-info-heading > .btnPdf {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin: 0.5rem 0 0;
  }
  .fare-wrap
    .fare-detail-heading
    .alldam-contextual-help.bottom.left
    .tooltip-popover.fareInfoPop,
  .fare-wrap
    .fare-info-heading
    .alldam-contextual-help.bottom.left
    .tooltip-popover.fareInfoPop {
    overflow: hidden;
  }
  .fare-wrap .fare-form-wrap {
    padding: 0;
    border: 0;
    border-radius: 0;
  }
  .fare-wrap .fare-form-row .info-box {
    padding: 0.75rem;
    border-radius: 0;
    background-color: #f4f5f6;
  }
  .fare-wrap .fare-form-row .info-desc {
    font-size: 0.875rem;
    line-height: 1.6;
  }
  .fare-wrap .alldam-input.small,
  .fare-wrap .alldam-form-select.small,
  .fare-wrap .alldam-btn.small:not(.icon),
  .fare-wrap .btnSubmit,
  .fare-wrap .alldam-form-chip-outline {
    min-height: 2.75rem;
  }
  .fare-wrap .form-conts.btn-ico-wrap .alldam-input {
    padding-right: 3rem;
  }
  .fare-wrap .form-conts.btn-ico-wrap .alldam-btn.icon {
    width: 2.75rem;
    height: 2.75rem;
    right: 0;
  }
  .fare-wrap .form-conts.btn-ico-wrap .alldam-btn.icon .svg-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
  .fare-wrap .strm-form-top .alldam-check-area {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fare-wrap .strm-form-top .alldam-form-chip {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0;
    max-width: none;
  }
  .fare-wrap .strm-form-top > ul > li:first-child .alldam-form-chip {
    -ms-flex: 1.25 1 0px;
    flex: 1.25 1 0px;
  }
  .fare-wrap
    .strm-form-top
    > ul
    > li:first-child
    .alldam-form-chip:nth-child(2) {
    -ms-flex-positive: 1.6;
    flex-grow: 1.6;
  }
  .fare-wrap .strm-form-top > ul > li:first-child .alldam-form-chip:last-child {
    -ms-flex-positive: 0.85;
    flex-grow: 0.85;
  }
  .fare-wrap .strm-form-top .alldam-form-chip-outline {
    height: 2.75rem;
    padding: 0.375rem 0.25rem;
    font-size: 0.875rem;
    white-space: nowrap;
  }
  .fare-wrap .fare-form-row > ul > li {
    min-width: 50%;
  }
  .fare-wrap .fare-form-row > ul > li.fareSearchBtn {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    min-width: 0 !important;
    max-width: none;
  }
  .fare-wrap
    .fare-form-row
    > ul
    > li.fareSearchBtn
    > .alldam-btn:not(.btnRefresh) {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
  }
  .fare-wrap .fare-list > .alldam-table-wrap {
    width: 100%;
    overflow-x: auto;
    padding: 0;
  }
  .fare-wrap .fare-list > .alldam-table-wrap .tbl {
    width: 100%;
    min-width: 52rem;
    table-layout: fixed;
  }
  .fare-wrap .fare-list > .alldam-table-wrap th:first-child {
    width: 3rem;
  }
  .fare-wrap .fare-list > .alldam-table-wrap th:nth-child(2) {
    width: 8rem;
  }
  .fare-wrap .fare-list > .alldam-table-wrap th:nth-child(3) {
    width: 7rem;
  }
  .fare-wrap .fare-list > .alldam-table-wrap th:nth-child(5) {
    width: 8rem;
  }
  .fare-wrap .fare-list > .alldam-table-wrap th:nth-child(6) {
    width: 8rem;
  }
  .fare-wrap .fare-list > .alldam-table-wrap th,
  .fare-wrap .fare-list > .alldam-table-wrap td {
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
    text-overflow: clip;
  }
  .fare-wrap .fare-list > .alldam-table-wrap td[colspan] {
    text-align: left;
  }
  .fare-wrap .calcDistance {
    height: auto;
  }
  .fare-wrap .calcDistance label,
  .fare-wrap .calcDistance p {
    line-height: 1.5;
    padding: 0.625rem 0;
    white-space: normal;
    word-wrap: break-word;
  }
  .fare-wrap .strm-tail > .alldam-btn {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .fare-wrap .alldam-contextual-help.bottom.left .tooltip-popover.fareInfoPop {
    position: fixed;
    top: 0.75rem;
    left: 0.75rem;
    right: 0.75rem;
    bottom: auto;
    width: calc(100% - 1.5rem);
    max-width: none !important;
    max-height: calc(100vh - 1.5rem);
    margin-top: 0;
    padding: 1rem;
    border-radius: 0.25rem;
    overflow-y: auto;
    box-sizing: border-box;
  }
  .fare-wrap
    .alldam-contextual-help.bottom.left
    .tooltip-popover.fareInfoPop::before,
  .fare-wrap
    .alldam-contextual-help.bottom.left
    .tooltip-popover.fareInfoPop::after {
    display: none;
  }
  .fare-wrap
    .alldam-contextual-help.bottom.left
    .tooltip-popover.fareInfoPop
    .tooltip-title {
    padding-right: 2rem;
  }
  .fare-wrap
    .alldam-contextual-help.bottom.left
    .tooltip-popover.fareInfoPop
    .tooltip-close {
    top: 0.5rem;
    right: 0.5rem;
    width: 2.75rem;
    height: 2.75rem;
  }
  .fare-wrap
    .alldam-contextual-help.bottom.left
    .tooltip-popover.fareInfoPop
    .tooltip-close
    .svg-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
  .fare-wrap
    .alldam-contextual-help.bottom.left
    .tooltip-popover.fareInfoPop
    .tbl {
    min-width: 0;
    table-layout: fixed;
  }
  .fare-wrap
    .alldam-contextual-help.bottom.left
    .tooltip-popover.fareInfoPop
    .tbl
    th {
    width: 4rem;
  }
  .fare-wrap
    .alldam-contextual-help.bottom.left
    .tooltip-popover.fareInfoPop
    .tbl
    th,
  .fare-wrap
    .alldam-contextual-help.bottom.left
    .tooltip-popover.fareInfoPop
    .tbl
    td {
    white-space: normal;
    word-wrap: break-word;
  }
  .fare-wrap .alldam-modal02 {
    max-height: calc(100vh - 1rem);
    border-radius: 0.25rem;
  }
  .fare-wrap .alldam-modal02 .modal-header {
    min-height: 3.5rem;
    padding: 1rem 3.5rem 1rem 0.75rem;
    border-radius: 0;
    box-sizing: border-box;
  }
  .fare-wrap .alldam-modal02 .modal-title {
    line-height: 1.5;
  }
  .fare-wrap .alldam-modal02 .modal-header .btn-close {
    right: 0.5rem;
    width: 2.75rem;
    height: 2.75rem;
  }
  .fare-wrap .alldam-modal02 .modal-header .btn-close .svg-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .fare-wrap .alldam-modal02 .modal-conts {
    max-height: calc(100vh - 5.5rem);
    padding: 0.75rem;
    overflow-y: auto;
    box-sizing: border-box;
  }
  .fare-wrap .alldam-modal02 .modal-conts .conts-area,
  .fare-wrap .alldam-modal02 .modal-conts .conts-ares {
    min-height: 0;
    max-height: none;
    margin-bottom: 0;
    overflow: visible;
  }
  .fare-wrap .alldam-modal02 .cont-box {
    min-width: 0;
  }
  .fare-wrap .alldam-modal02 .strm-search-wrap .form-conts {
    margin-bottom: 0;
  }
  .fare-wrap .alldam-modal02 .btn-wrap > .alldam-btn {
    margin: 0;
  }
  .fare-wrap .alldam-modal02 .btn-wrap > .alldam-btn + .alldam-btn {
    margin-left: 0.5rem;
  }
  .fare-wrap .alldam-modal02 .selected-spot-text {
    min-height: 2.75rem;
    padding: 0.75rem;
    border-color: #cdd1d5;
    border-radius: 0;
    word-wrap: break-word;
  }
  .fare-wrap .alldam-modal02 .strm-result-list li.favorite-item {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .fare-wrap .alldam-modal02 .favorite-info {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
  }
  .fare-wrap .alldam-modal02 .btnMarkDelete {
    -ms-flex: 0 0 2.75rem;
    flex: 0 0 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
  }
  .fare-wrap .alldam-modal02 .btnMarkDelete .svg-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
  .fare-wrap .mileageInfoPop {
    max-width: calc(100vw - 2rem);
  }
  .topBanner {
    height: auto;
    margin: 2rem auto;
  }
  .topBanner > .leftBanner,
  .topBanner > .rightMedia {
    width: calc(50% - 0.375rem);
    height: auto;
  }
  .topBanner > .leftBanner {
    margin-right: 0.75rem;
  }
  .topBanner > .leftBanner > a,
  .topBanner > .leftBanner > a img,
  .topBanner > .rightMedia img {
    width: 100%;
    height: auto;
  }
  .popMedia {
    width: calc(100% - 2rem);
    height: 56.25vw;
    max-width: 560px;
    max-height: 315px;
  }
  .popMedia iframe,
  .popMedia video {
    width: 100%;
    height: 100%;
  }
  .popMedia .popCls {
    top: -3rem;
    font-size: 3rem;
  }
  .calcSpend .result-table-wrap {
    align-items: stretch;
    overflow-x: visible;
  }
  .calcSpend .result-table-wrap > .alldam-table-wrap {
    width: 100%;
    max-width: 100%;
  }
  .calcSpend .result-table-wrap .calc-result-table {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
@media (max-width: 640px) {
  #vueFire .result {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #vueFire .result #alternate {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  #vueFire .result .add-btn {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin: 0.5rem 0 0;
  }
  .strm-wrap {
    padding: 1.5rem 0.75rem;
  }
  .strm-wrap h3.strm-sub-title {
    font-size: 1.125rem;
  }
  .strm-title-wrap h3.strm-title {
    font-size: 1.375rem;
  }
  .strm-top .strm-btn-wrap button,
  .strm-top .strm-btn-wrap .form-conts {
    flex: 1 1 14rem;
    min-width: 0;
  }
  .strm-total dl {
    display: block;
  }
  .strm-total dl .strm-total-box {
    width: 100%;
    min-width: 0;
  }
  .strm-total dl dt,
  .strm-total dl dd {
    flex: 1 1 50%;
  }
  .strm-result-list {
    padding: 0.75rem;
  }
  .strm-result-list li {
    flex-wrap: wrap;
  }
  .strm-result-list li > * {
    margin-right: 0.5rem;
    margin-bottom: 0.25rem;
  }
  .alldam-table-wrap.scroll-y .tbl td[colspan] {
    text-align: left !important;
  }
  .alldam-modal02 {
    width: calc(100% - 1rem);
  }
  .alldam-modal02 .btn-wrap button {
    flex: 1 1 100%;
  }
  .calcSpend .pop-upload-wrap > .alldam-btn,
  .calcSpend .strm-tail .strm-btn-wrap > .alldam-btn,
  .calcSpend .strm-tail .buttonBox,
  .calcSpend .strm-tail .buttonBox > .alldam-btn {
    width: 100%;
  }
  .calcSpend .strm-tail .strm-btn-wrap {
    flex-direction: column;
  }
  .calcSpend .strm-tail .strm-btn-wrap > * + * {
    margin-top: 0.5rem;
  }
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    th,
  .workSpendWrap
    .workSpendCont
    > .strm-cont-box
    + .strm-cont-box
    > .alldam-table-wrap.focus.scroll-y
    .tbl
    td {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
    font-size: 0.8125rem;
  }
  .workSpendWrap .updownBox {
    flex-direction: column;
    align-items: stretch;
  }
  .workSpendWrap .updownBox > * + * {
    margin-top: 0.5rem;
  }
  .workSpendWrap .updownBox button,
  .workSpendWrap .strm-tail .strm-btn-wrap,
  .workSpendWrap .strm-tail .strm-btn-wrap > .alldam-btn {
    width: 100%;
  }
  .workSpendWrap .workSpendPop01.alldam-modal02.wide {
    width: calc(100vw - 0.5rem);
    max-width: none;
    max-height: calc(100vh - 0.5rem);
  }
  .workSpendWrap .workSpendPop01 .modal-header {
    padding: 0.875rem 2.75rem 0.875rem 0.875rem;
  }
  .workSpendWrap .workSpendPop01 .modal-conts {
    padding: 0.75rem;
  }
  .workSpendWrap .workSpendPop01 .modal-conts .conts-area {
    max-height: calc(100vh - 7.75rem);
    margin-bottom: 0.75rem;
  }
  .filterPop .onClickBox .dayCheckBox label {
    flex-basis: calc(33.333% - 0.25rem);
    padding: 0.5rem 0.25rem;
  }
  .filterPop .toggleBox label,
  .filterPop .toggleBox input[type="radio"] + label {
    font-size: 0.9375rem;
    letter-spacing: 0;
  }
  .airReportPop .airDesc dl dt,
  .airReportPop .airDesc dl dd {
    margin-right: 0.375rem;
  }
  .airReportPop .airDesc dl dt {
    width: 4.5rem;
  }
  .allowanceWrap .slide {
    right: calc(1.5rem - 100vw);
    width: calc(100vw - 1.5rem);
    height: calc(100vh - 6rem);
    padding: 0.75rem;
  }
  .allowanceWrap .slide.hide {
    right: calc(1.5rem - 100vw);
  }
  .allowanceWrap .slide .btnSlide {
    left: -1.75rem;
    width: 1.75rem;
  }
  .fare-wrap .strm-sub-title-wrap > .strm-search-wrap {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .fare-wrap .strm-sub-title-wrap > .strm-search-wrap > .alldam-form-select,
  .fare-wrap .strm-sub-title-wrap > .strm-search-wrap > .form-conts {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  .fare-wrap .strm-sub-title-wrap > .strm-search-wrap > .alldam-form-select {
    margin: 0 0 0.5rem;
  }
  .fare-wrap .fare-form-row > ul > li {
    min-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .fare-wrap .fare-form-row .alldam-form-chip {
    max-width: none;
  }
  .fare-wrap .fareSearchBtn {
    flex: 1 1 100%;
    width: 100%;
  }
  .fare-wrap .carOthers {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0.75rem;
  }
  .fare-wrap .carOthers li {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    margin: 0 0 0.5rem;
  }
  .fare-wrap .carOthers li input,
  .fare-wrap .carOthers li select {
    width: 100%;
    min-width: 0;
  }
  .fare-wrap .carOthers li:last-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .fare-wrap .carOthers li .alldam-btn.icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.25rem;
  }
  .fare-wrap .carOthers li .alldam-btn.icon .svg-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
  .fare-wrap .carOthers li .alldam-btn + .alldam-btn {
    margin-left: 0.5rem;
  }
  .fare-wrap .fare-form-row.car > ul > li > .cf-fx {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .fare-wrap .fare-form-row.car > ul > li > .cf-fx .btnDistance {
    width: 100%;
    margin: 0.5rem 0 0;
  }
  .fare-wrap .calcFarePrice {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .fare-wrap .calcFarePrice h3 {
    margin: 0 0.5rem 0 0;
    font-size: 1rem;
  }
  .fare-wrap .calcFarePrice p {
    font-size: 1.125rem;
  }
  .fare-wrap .mileageInfoBox {
    display: inline-block;
  }
  .fare-wrap .mileageInfoPop {
    position: fixed;
    top: auto;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
    width: auto;
    max-width: none;
    max-height: calc(100vh - 1.5rem);
    overflow-y: auto;
    transform: none;
  }
  .fare-wrap .mileageInfoPop ul li {
    width: 50%;
  }
  .fare-wrap .error-reply-info li {
    min-width: 100% !important;
  }
  .publicFare .sns {
    flex-wrap: wrap;
  }
  .popBtnBox.publicFare {
    display: block;
    margin-left: 0;
  }
  .topBanner {
    flex-direction: column;
  }
  .topBanner > div:not(.popMedia),
  .topBanner > .leftBanner,
  .topBanner > .rightMedia {
    width: 100%;
  }
  .topBanner > .leftBanner {
    margin-right: 0;
    margin-bottom: 0.75rem;
  }
  .popMedia {
    width: calc(100% - 1.5rem);
  }
  .popMedia .popCls {
    top: -2.5rem;
    font-size: 2.5rem;
  }
  .residents .resd-select-list {
    max-height: 220px;
  }
}