@charset "UTF-8";
@font-face {
  font-family: "notokrR";
  src: url("../font/notokr-regular.eot");
  src: url("../font/notokr-regular.woff2") format("woff2"), url("../font/notokr-regular.woff") format("woff");
}
@font-face {
  font-family: "notokrM";
  src: url("../font/notokr-medium.eot");
  src: url("../font/notokr-medium.woff2") format("woff2"), url("../font/notokr-medium.woff") format("woff");
}
@font-face {
  font-family: "notokrB";
  src: url("../font/notokr-bold.eot");
  src: url("../font/notokr-bold.woff2") format("woff2"), url("../font/notokr-bold.woff") format("woff");
}
html,
body {
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 10px;
  line-height: 1.5;
  color: #2a2a2a;
}

body {
  background: #f1f3f4;
  scrollbar-color: #dadce0 transparent;
  overflow-y: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}

hr {
  height: 1px;
  background: #ecedee;
  border: 0;
}

b {
  font-weight: normal;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}

.wrap *,
.wrap *::before,
.wrap *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.imgLogo {
  display: inline-block;
  width: 14.5rem;
  height: 4rem;
  font-size: 0 !important;
  color: transparent;
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("../images/logo/logo-mobon.svg");
}

/*글자 스타일 txt-*/
.txt-left {
  text-align: left;
}
.txt-center {
  text-align: center;
}
.txt-right {
  text-align: right;
}
.txt-hide {
  font-size: 0 !important;
  color: transparent;
}
.txt-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.txt-ellipsis2 {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  line-height: 1.5;
  max-height: 5rem;
}
.txt-error {
  margin: 1rem 1rem;
  color: #d02243;
  font-size: 1.2rem;
}
.txt-red {
  color: #d02243;
}
.txt-blue {
  color: #1f68d2;
}
.txt-blueGray {
  color: #82adf7;
}
.txt-green {
  color: #3fa34d;
}
.txt-yellow {
  color: #b56f18;
}
.txt-lightgreen {
  color: #72bf24;
}
.txt-pink {
  color: #d21fd2;
}
.txt-bgred {
  color: #d02243;
  background-color: #fce8e6;
}
.txt-bgblue {
  color: #1f68d2;
  background-color: #e8f0fe;
}
.txt-bgyellow {
  color: #b56f18;
  background-color: #fce6cd;
}
.txt-gray3 {
  color: #3c4049;
}
.txt-gray5 {
  color: #5f6368;
}
.txt-gray8 {
  color: #868686;
}
.txt-gray9 {
  color: #999999;
}
.txt-grayb {
  color: #bbb8b8;
}
.txt-indexR {
  color: #ff3a77;
}
.txt-indexY {
  color: #ffa36d;
}
.txt-indexB {
  color: #3c71fd;
}
.txt-indexG {
  color: #65bba0;
}
.txt-indexP {
  color: #9575ff;
}
.txt-under {
  text-decoration: underline;
}
.txt-underline {
  border-bottom: 1px solid #868686;
}
.txt-underdash {
  display: inline-block;
  text-decoration: underline;
  text-decoration-color: #868686;
  text-decoration-style: dashed;
  text-underline-position: under;
}
.txt-underdash.txt-red {
  text-decoration-color: #d02243;
}

.v-hidden {
  visibility: hidden;
}

.d-none {
  display: none !important;
}

/*사이즈*/
.w10 {
  width: 1rem !important;
}

.h10 {
  height: 1rem !important;
}

.w20 {
  width: 2rem !important;
}

.h20 {
  height: 2rem !important;
}

.w30 {
  width: 3rem !important;
}

.h30 {
  height: 3rem !important;
}

.w40 {
  width: 4rem !important;
}

.h40 {
  height: 4rem !important;
}

.w50 {
  width: 5rem !important;
}

.h50 {
  height: 5rem !important;
}

.w60 {
  width: 6rem !important;
}

.h60 {
  height: 6rem !important;
}

.w70 {
  width: 7rem !important;
}

.h70 {
  height: 7rem !important;
}

.w80 {
  width: 8rem !important;
}

.h80 {
  height: 8rem !important;
}

.w90 {
  width: 9rem !important;
}

.h90 {
  height: 9rem !important;
}

.w100 {
  width: 10rem !important;
}

.h100 {
  height: 10rem !important;
}

.w110 {
  width: 11rem !important;
}

.w120 {
  width: 12rem !important;
}

.w130 {
  width: 13rem !important;
}

.w140 {
  width: 14rem !important;
}

.w150 {
  width: 15rem !important;
}

.w160 {
  width: 16rem !important;
}

.w170 {
  width: 17rem !important;
}

.w180 {
  width: 18rem !important;
}

.w190 {
  width: 19rem !important;
}

.w210 {
  width: 21rem !important;
}

.w220 {
  width: 22rem !important;
}

.w230 {
  width: 23rem !important;
}

.w240 {
  width: 24rem !important;
}

.w250 {
  width: 25rem !important;
}

.w260 {
  width: 26rem !important;
}

.w270 {
  width: 27rem !important;
}

.w280 {
  width: 28rem !important;
}

.w290 {
  width: 29rem !important;
}

.w200 {
  width: 20rem !important;
}

.w300 {
  width: 30rem !important;
}

.w400 {
  width: 40rem !important;
}

.w500 {
  width: 50rem !important;
}

.w600 {
  width: 60rem !important;
}

.w700 {
  width: 70rem !important;
}

.w800 {
  width: 80rem !important;
}

.w900 {
  width: 90rem !important;
}

.w1000 {
  width: 100rem !important;
}

.w128 {
  width: 12.8rem;
}

.w320 {
  width: 32rem;
}

.w360 {
  width: 36rem;
}

.w450 {
  width: 45rem !important;
}

.w480 {
  width: 48rem !important;
}

.w720 {
  width: 72rem !important;
}

.w760 {
  width: 76rem !important;
}

.w1400 {
  width: 140rem !important;
}

.p0 {
  padding: 0 !important;
}

.p2025 {
  padding: 2rem 2.5rem !important;
}

.m-l-a {
  margin-left: auto;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

input[type=radio],
input[type=checkbox] {
  display: none;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

/*기본형 커스텀 radio, checkbox optionBox안에 넣어서 사용*/
.optionBox input[type=radio] + label,
.optionBox input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  color: #5f6368;
  word-break: break-all;
  cursor: pointer;
}
.optionBox input[type=radio] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .radioRound, .chkTxt, .chkBtn)::before,
.optionBox input[type=checkbox] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .radioRound, .chkTxt, .chkBtn)::before {
  position: relative;
  content: " ";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  margin: -2px 1.1rem 0 0;
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  z-index: 1;
}
.optionBox input[type=radio] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .radioRound, .chkTxt, .chkBtn)::after,
.optionBox input[type=checkbox] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .radioRound, .chkTxt, .chkBtn)::after {
  position: absolute;
  top: calc(50% - 2rem);
  left: -1rem;
  content: " ";
  display: none;
  width: 4rem;
  height: 4rem;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.035);
  border-radius: 50%;
  z-index: 0;
}
.optionBox input[type=radio] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .radioRound, .chkTxt, .chkBtn):hover::after,
.optionBox input[type=checkbox] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .radioRound, .chkTxt, .chkBtn):hover::after {
  display: block;
}
.optionBox input[type=radio] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .radioRound, .chkTxt, .chkBtn).small,
.optionBox input[type=checkbox] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .radioRound, .chkTxt, .chkBtn).small {
  font-size: 1.2rem;
}
.optionBox input[type=radio] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .radioRound, .chkTxt, .chkBtn).small::before,
.optionBox input[type=checkbox] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .radioRound, .chkTxt, .chkBtn).small::before {
  width: 1.4rem;
  height: 1.4rem;
}
.optionBox input[type=radio] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .radioRound, .chkTxt, .chkBtn).small::after,
.optionBox input[type=checkbox] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .radioRound, .chkTxt, .chkBtn).small::after {
  top: calc(50% - 1.5rem);
  left: -0.8rem;
  width: 3rem;
  height: 3rem;
}
.optionBox input[type=radio] + label:not(.radioRound)::before {
  background-image: url("../images/common/radio.svg");
}
.optionBox input[type=radio] + label.radioRound {
  padding: 0.5rem 2rem;
  border-radius: 2rem;
  border: 1px solid #dadce0;
  font-size: 1.2rem;
  color: #2a2a2a;
  background-color: #fff;
}
.optionBox input[type=radio].error + label:not(.radioRound):before {
  background-image: url("../images/common/radio-error.svg");
}
.optionBox input[type=radio]:checked + label:not(.radioRound):before {
  background-image: url("../images/common/radio-on.svg");
}
.optionBox input[type=radio]:checked + label.radioRound {
  border-color: #1a73e8;
  color: #1a73e8;
}
.optionBox input[type=radio]:checked:disabled + label:not(.radioRound):before, .optionBox input[type=radio]:checked.disabled + label:not(.radioRound):before {
  background-image: url("../images/common/radio-disabled-on.svg");
}
.optionBox input[type=radio]:disabled + label, .optionBox input[type=radio].disabled + label {
  color: #bbb8b8;
}
.optionBox input[type=radio]:disabled + label:before, .optionBox input[type=radio].disabled + label:before {
  background-image: url("../images/common/radio-disabled.svg");
}
.optionBox input[type=checkbox] + label {
  cursor: pointer;
}
.optionBox input[type=checkbox] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .chkTxt, .chkBtn)::before {
  width: 1.8rem;
  height: 1.8rem;
  margin-top: -1px;
  background-image: url("../images/common/checkbox.svg");
}
.optionBox input[type=checkbox] + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .chkTxt, .chkBtn)::after {
  top: calc(50% - 1.9rem);
  left: -1.1rem;
}
.optionBox input[type=checkbox] + label.chkToggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  white-space: initial;
  margin-top: -2px;
  vertical-align: middle;
}
.optionBox input[type=checkbox] + label.chkToggle .toggle {
  position: relative;
  display: inline-block;
  width: 3.7rem;
  height: 1.4rem;
  background-color: #dddddd;
  border-radius: 1.4rem;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.optionBox input[type=checkbox] + label.chkToggle .toggle::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: " ";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #f6f6f6;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  z-index: 1;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
}
.optionBox input[type=checkbox] + label.chkList {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0rem;
  white-space: initial;
  height: 3rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #ecedee;
  background-color: #ecedee;
  vertical-align: middle;
}
.optionBox input[type=checkbox] + label.chkList span {
  display: inline-block;
  line-height: 1;
}
.optionBox input[type=checkbox] + label.chkList.active {
  background-color: #1a73e8 !important;
  border-color: #1a73e8 !important;
  -webkit-box-shadow: 0 3px 5px 0 rgba(79, 87, 191, 0.64);
          box-shadow: 0 3px 5px 0 rgba(79, 87, 191, 0.64);
  color: #fff !important;
}
.optionBox input[type=checkbox] + label.chkList.active::before {
  content: " ";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: middle;
  margin: -2px 1rem 0 0;
  background-image: url("../images/common/icon-chk-w.png");
}
.optionBox input[type=checkbox] + label.chkMark {
  padding: 0.45rem 1.5rem;
  border: 1px solid #dadce0;
  background-color: #fff;
  font-size: 1.4rem;
  border-radius: 0.3rem;
}
.optionBox input[type=checkbox] + label.chkMark::before {
  content: " ";
  display: inline-block;
  width: 1.5rem;
  height: 1.2rem;
  vertical-align: middle;
  margin: -2px 1rem 0 0;
  background-image: url("../images/common/icon-chk.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.optionBox input[type=checkbox] + label.chkBtnRound {
  padding: 0.5rem 2rem;
  border-radius: 2rem;
  border: 1px solid #dadce0;
  font-size: 1.2rem;
  color: #2a2a2a;
  background-color: #fff;
}
.optionBox input[type=checkbox] + label.chkStar::before {
  content: " ";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  background-image: url("../images/common/icon-star.png");
}
.optionBox input[type=checkbox] + label.chkTxt {
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  line-height: 3.6rem;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  background-color: #999999;
}
.optionBox input[type=checkbox] + label.chkTxt::before {
  content: "OFF";
}
.optionBox input[type=checkbox] + label.chkBtn {
  padding: 0.35rem 1.2rem 0.2rem;
  background-color: #fff;
  border: 1px solid #1a73e8;
  border-radius: 0.4rem;
  color: #1a73e8;
  font-size: 1.3rem;
}
.optionBox input[type=checkbox].error + label:before {
  background-image: url("../images/common/checkbox-error.svg");
}
.optionBox input[type=checkbox]:checked + label:not(.chkToggle, .chkList, .chkMark, .chkBtnRound, .chkStar, .chkTxt, .chkBtn):before {
  background-image: url("../images/common/checkbox-on.svg");
}
.optionBox input[type=checkbox]:checked + label.chkPlus::before {
  background-color: #1a73e8;
  background-image: url("../images/common/icon-add-w.png");
  background-size: 12px;
  border-radius: 0.4rem;
  overflow: hidden;
}
.optionBox input[type=checkbox]:checked + label.chkToggle .toggle {
  background-color: #a0c2f9;
}
.optionBox input[type=checkbox]:checked + label.chkToggle .toggle::before {
  left: calc(100% - 2rem);
  background-color: #4285f4;
  border-color: #4285f4;
}
.optionBox input[type=checkbox]:checked + label.chkMark {
  background-color: #e8f0fe;
  border-color: #e8f0fe;
  color: #1a73e8;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.16);
}
.optionBox input[type=checkbox]:checked + label.chkMark::before {
  background-image: url("../images/common/icon-chk-b.png");
}
.optionBox input[type=checkbox]:checked + label.chkList {
  border: 1px solid #abc2ef;
  background-color: #e7effd;
  color: #1a73e8;
}
.optionBox input[type=checkbox]:checked + label.chkBtnRound {
  border-color: #1a73e8;
  color: #1a73e8;
}
.optionBox input[type=checkbox]:checked + label.chkStar::before {
  background-image: url("../images/common/icon-star-on.png");
}
.optionBox input[type=checkbox]:checked + label.chkTxt {
  background-color: #1a73e8;
}
.optionBox input[type=checkbox]:checked + label.chkTxt::before {
  content: "ON";
}
.optionBox input[type=checkbox]:checked + label.chkBtn {
  background-color: #1a73e8;
  color: #fff;
}
.optionBox input[type=checkbox]:checked:disabled + label, .optionBox input[type=checkbox]:checked.disabled + label {
  color: #bbb8b8;
}
.optionBox input[type=checkbox]:checked:disabled + label:before, .optionBox input[type=checkbox]:checked.disabled + label:before {
  background-image: url("../images/common/checkbox-disabled-on.svg");
}
.optionBox input[type=checkbox]:disabled + label, .optionBox input[type=checkbox].disabled + label {
  color: #bbb8b8;
}
.optionBox input[type=checkbox]:disabled + label:before, .optionBox input[type=checkbox].disabled + label:before {
  background-image: url("../images/common/checkbox-disabled.svg");
}

input[type=text],
input[type=number],
input[type=password],
textarea {
  -moz-appearance: textfield;
  border: none;
  background-color: transparent;
  font-size: 1.3rem;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
input[type=text]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #bbb8b8;
}
input[type=text]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, textarea::-moz-placeholder {
  color: #bbb8b8;
}
input[type=text]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #bbb8b8;
}
input[type=text]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #bbb8b8;
}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
textarea::placeholder {
  color: #bbb8b8;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus {
  outline: none;
}

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

/*기본형 커스텀 input, select, calendar Box안에 넣어서 사용*/
.inputBox,
.inputNumBox,
.selectBox,
.selectCustom,
.calendarBox {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  white-space: initial;
  height: 5.7rem;
  padding: 0rem 1.5rem;
  border: 1px solid #9fa4a8;
  border-radius: 0.4rem;
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  cursor: text;
}
.inputBox input,
.inputBox textarea,
.inputNumBox input,
.inputNumBox textarea,
.selectBox input,
.selectBox textarea,
.selectCustom input,
.selectCustom textarea,
.calendarBox input,
.calendarBox textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 80%;
}
.inputBox textarea,
.inputNumBox textarea,
.selectBox textarea,
.selectCustom textarea,
.calendarBox textarea {
  height: calc(100% - 1rem);
  padding: 0.5rem 0;
  resize: none;
}
.inputBox .ibTitle,
.inputNumBox .ibTitle,
.selectBox .ibTitle,
.selectCustom .ibTitle,
.calendarBox .ibTitle {
  position: absolute;
  top: -0.75rem;
  left: 1.5rem;
  display: inline-block;
  padding: 0 0.5rem;
  color: #9fa4a8;
  background-color: #fff;
  font-size: 1.3rem;
}
.inputBox .ibCount,
.inputNumBox .ibCount,
.selectBox .ibCount,
.selectCustom .ibCount,
.calendarBox .ibCount {
  color: #757575;
  font-size: 1.2rem;
}
.inputBox.disabled, .inputBox.readonly,
.inputNumBox.disabled,
.inputNumBox.readonly,
.selectBox.disabled,
.selectBox.readonly,
.selectCustom.disabled,
.selectCustom.readonly,
.calendarBox.disabled,
.calendarBox.readonly {
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
  color: #bbb8b8;
  border-color: #999999;
  background-color: #ecedee;
}
.inputBox.disabled .ibTitle, .inputBox.readonly .ibTitle,
.inputNumBox.disabled .ibTitle,
.inputNumBox.readonly .ibTitle,
.selectBox.disabled .ibTitle,
.selectBox.readonly .ibTitle,
.selectCustom.disabled .ibTitle,
.selectCustom.readonly .ibTitle,
.calendarBox.disabled .ibTitle,
.calendarBox.readonly .ibTitle {
  display: none;
}
.inputBox.disabled input, .inputBox.readonly input,
.inputNumBox.disabled input,
.inputNumBox.readonly input,
.selectBox.disabled input,
.selectBox.readonly input,
.selectCustom.disabled input,
.selectCustom.readonly input,
.calendarBox.disabled input,
.calendarBox.readonly input {
  color: #868686;
}
.inputBox.disabled input::-webkit-input-placeholder, .inputBox.readonly input::-webkit-input-placeholder, .inputNumBox.disabled input::-webkit-input-placeholder, .inputNumBox.readonly input::-webkit-input-placeholder, .selectBox.disabled input::-webkit-input-placeholder, .selectBox.readonly input::-webkit-input-placeholder, .selectCustom.disabled input::-webkit-input-placeholder, .selectCustom.readonly input::-webkit-input-placeholder, .calendarBox.disabled input::-webkit-input-placeholder, .calendarBox.readonly input::-webkit-input-placeholder {
  color: #868686;
}
.inputBox.disabled input::-moz-placeholder, .inputBox.readonly input::-moz-placeholder, .inputNumBox.disabled input::-moz-placeholder, .inputNumBox.readonly input::-moz-placeholder, .selectBox.disabled input::-moz-placeholder, .selectBox.readonly input::-moz-placeholder, .selectCustom.disabled input::-moz-placeholder, .selectCustom.readonly input::-moz-placeholder, .calendarBox.disabled input::-moz-placeholder, .calendarBox.readonly input::-moz-placeholder {
  color: #868686;
}
.inputBox.disabled input:-ms-input-placeholder, .inputBox.readonly input:-ms-input-placeholder, .inputNumBox.disabled input:-ms-input-placeholder, .inputNumBox.readonly input:-ms-input-placeholder, .selectBox.disabled input:-ms-input-placeholder, .selectBox.readonly input:-ms-input-placeholder, .selectCustom.disabled input:-ms-input-placeholder, .selectCustom.readonly input:-ms-input-placeholder, .calendarBox.disabled input:-ms-input-placeholder, .calendarBox.readonly input:-ms-input-placeholder {
  color: #868686;
}
.inputBox.disabled input::-ms-input-placeholder, .inputBox.readonly input::-ms-input-placeholder, .inputNumBox.disabled input::-ms-input-placeholder, .inputNumBox.readonly input::-ms-input-placeholder, .selectBox.disabled input::-ms-input-placeholder, .selectBox.readonly input::-ms-input-placeholder, .selectCustom.disabled input::-ms-input-placeholder, .selectCustom.readonly input::-ms-input-placeholder, .calendarBox.disabled input::-ms-input-placeholder, .calendarBox.readonly input::-ms-input-placeholder {
  color: #868686;
}
.inputBox.disabled input::placeholder, .inputBox.readonly input::placeholder,
.inputNumBox.disabled input::placeholder,
.inputNumBox.readonly input::placeholder,
.selectBox.disabled input::placeholder,
.selectBox.readonly input::placeholder,
.selectCustom.disabled input::placeholder,
.selectCustom.readonly input::placeholder,
.calendarBox.disabled input::placeholder,
.calendarBox.readonly input::placeholder {
  color: #868686;
}
.inputBox.disabled textarea, .inputBox.readonly textarea,
.inputNumBox.disabled textarea,
.inputNumBox.readonly textarea,
.selectBox.disabled textarea,
.selectBox.readonly textarea,
.selectCustom.disabled textarea,
.selectCustom.readonly textarea,
.calendarBox.disabled textarea,
.calendarBox.readonly textarea {
  resize: none;
  field-sizing: content;
  padding: 1rem 0;
  color: #bbb8b8;
}
.inputBox.error,
.inputNumBox.error,
.selectBox.error,
.selectCustom.error,
.calendarBox.error {
  border-color: #c53929;
}
.inputBox.error .ibTitle,
.inputNumBox.error .ibTitle,
.selectBox.error .ibTitle,
.selectCustom.error .ibTitle,
.calendarBox.error .ibTitle {
  color: #c53929;
}
.inputBox:not(.disabled, .readonly).focus,
.inputNumBox:not(.disabled, .readonly).focus,
.selectBox:not(.disabled, .readonly).focus,
.selectCustom:not(.disabled, .readonly).focus,
.calendarBox:not(.disabled, .readonly).focus {
  -webkit-box-shadow: 0 0 0 1px #1a73e8 inset;
          box-shadow: 0 0 0 1px #1a73e8 inset;
  border-color: #1a73e8;
}
.inputBox:not(.disabled, .readonly).focus .ibTitle,
.inputNumBox:not(.disabled, .readonly).focus .ibTitle,
.selectBox:not(.disabled, .readonly).focus .ibTitle,
.selectCustom:not(.disabled, .readonly).focus .ibTitle,
.calendarBox:not(.disabled, .readonly).focus .ibTitle {
  color: #1a73e8;
}
.inputBox.min,
.inputNumBox.min,
.selectBox.min,
.selectCustom.min,
.calendarBox.min {
  padding: 0 0.5rem 0 1.5rem;
}

.selectBox,
.calendarBox,
.searchBox {
  cursor: pointer;
}
.selectBox.on::before,
.calendarBox.on::before,
.searchBox.on::before {
  position: fixed;
  top: 0;
  left: 0;
  content: " ";
  display: inline-block;
  width: 100vw;
  height: 100vh;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
  cursor: default;
}
.selectBox.disabled,
.calendarBox.disabled,
.searchBox.disabled {
  cursor: default;
}
.selectBox .selectOption, .selectBox .calendarOption, .selectBox .searchResult,
.calendarBox .selectOption,
.calendarBox .calendarOption,
.calendarBox .searchResult,
.searchBox .selectOption,
.searchBox .calendarOption,
.searchBox .searchResult {
  position: absolute;
  top: 100%;
  left: -1px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  width: calc(100% + 2px);
  background-color: #fff;
  border: 1px solid #d1d4d5;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 2px 5px 0 #ecedee;
          box-shadow: 0 2px 5px 0 #ecedee;
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  z-index: 10;
  cursor: default;
}
.selectBox.on .selectOption, .selectBox.on .calendarOption, .selectBox.on .searchResult,
.calendarBox.on .selectOption,
.calendarBox.on .calendarOption,
.calendarBox.on .searchResult,
.searchBox.on .selectOption,
.searchBox.on .calendarOption,
.searchBox.on .searchResult {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.selectBox.on.bottom .selectOption, .selectBox.on.bottom .calendarOption, .selectBox.on.bottom .searchResult,
.calendarBox.on.bottom .selectOption,
.calendarBox.on.bottom .calendarOption,
.calendarBox.on.bottom .searchResult,
.searchBox.on.bottom .selectOption,
.searchBox.on.bottom .calendarOption,
.searchBox.on.bottom .searchResult {
  -webkit-transform: scale(1) translateY(-100%);
          transform: scale(1) translateY(-100%);
}

.selectBox::after,
.selectCustom::after,
.calendarBox::after {
  display: inline-block;
  content: "";
  width: 0px;
  height: 0px;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #5f6368;
}
.selectBox.disabled::after,
.selectCustom.disabled::after,
.calendarBox.disabled::after {
  border-top-color: #bbb8b8;
}

.inputNumBox .inputNumBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
}
.inputNumBox .inputNumBtn button {
  display: inline-block;
  width: 2rem;
  height: 2rem;
}
.inputNumBox .inputNumBtn button::after {
  display: inline-block;
  content: "";
  width: 0px;
  height: 0px;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #5f6368;
  vertical-align: middle;
}
.inputNumBox .inputNumBtn button:nth-child(1)::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.inputNumBox .inputNumBtn button:nth-child(2)::after {
  margin-top: -2px;
}

.selectBox .selectNow {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  line-height: 1.5;
  max-height: 5rem;
}
.selectBox .selectNow .txt-gray5 {
  display: block;
  font-size: 1.2rem;
}
.selectBox .selectOption ul {
  max-height: 35rem;
  overflow: hidden;
  overflow-y: auto;
}
.selectBox .selectOption li {
  max-width: 80rem;
  padding: 1rem 1.5rem;
  text-align: left;
  cursor: pointer;
}
.selectBox .selectOption li:hover {
  background-color: #f7f8f8;
}
.selectBox .selectOption li.select {
  background-color: #a5c3ff;
}
.selectBox .selectOption-search {
  border: 1px solid #9fa4a8;
}
.selectBox .selectOption-search .inputBox {
  width: 100%;
  height: 4.7rem;
  border: none;
  border-bottom: 1px solid #dadce0;
  border-radius: 0;
}
.selectBox .selectOption-search .sosBox {
  padding: 1.5rem;
  border-bottom: 1px solid #dadce0;
  border-radius: 0;
}
.selectBox .selectOption-search ul {
  max-height: 18rem;
  margin-top: -1px;
  border-bottom: 1px solid #dadce0;
}
.selectBox .selectOption-search ul li {
  padding: 1.5rem;
}
.selectBox .selectOption-search ul + .flexBox-right {
  padding: 0.5rem;
}
.selectBox .selectOption-search [class*=i-condition] {
  margin: -2px 1rem 0 0;
}
.selectBox.active {
  background-color: #fff;
}
.selectBox.now {
  border-color: #bbb8b8;
  -webkit-box-shadow: 0 2px 5px 0 #e4e7e8;
          box-shadow: 0 2px 5px 0 #e4e7e8;
}
.selectBox.now .selectNow::after {
  position: absolute;
  bottom: 0;
  left: 1rem;
  content: " ";
  display: inline-block;
  width: calc(100% - 2rem);
  height: 4px;
  vertical-align: middle;
  background-color: #1a73e8;
  border-radius: 4px 4px 0 0;
}
.selectBox.round {
  height: 4rem;
  border-radius: 2rem;
  border-color: #dadce0;
}
.selectBox.round::after {
  border: none;
  width: 0.9rem;
  height: 0.6rem;
  margin-left: 0.8rem;
  background-image: url(../images/common/icon-arrow-s.png);
}
.selectBox.round .selectOption {
  border-radius: 2rem;
}

.selectCustom {
  padding: 0;
}
.selectCustom::after {
  position: absolute;
  top: calc(50% - 2px);
  right: 1.5rem;
}
.selectCustom select {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  white-space: initial;
  min-width: 12.8rem;
  height: 5.7rem;
  padding: 0rem 3.5rem 0 1.5rem;
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.calendarBox .calendarBoxTitle {
  display: block;
  padding: 0.5rem;
}

.calendarBox:not(.dateSinglePicker) .calendarNow {
  color: #2a2a2a;
}
.calendarBox:not(.dateSinglePicker) .calendarOption {
  width: 27rem;
}
.calendarBox:not(.dateSinglePicker) .calendarOption .inputBox {
  position: relative;
  margin: 1.5rem 2rem;
  -webkit-box-shadow: 0 0 0 1px #1a73e8 inset;
          box-shadow: 0 0 0 1px #1a73e8 inset;
  border-color: #1a73e8;
}
.calendarBox:not(.dateSinglePicker) .calendarOption .inputBox span {
  color: #1a73e8;
}

.dateRangePicker {
  width: 28rem;
}

[class*=searchBtnBox-] {
  display: inline-block;
  vertical-align: middle;
}
[class*=searchBtnBox-] > .btnMix-search, [class*=searchBtnBox-] > .btnMixRow-search {
  display: none;
}
[class*=searchBtnBox-] .sbbBox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
}
[class*=searchBtnBox-].toggle > .btnMix-search, [class*=searchBtnBox-].toggle > .btnMixRow-search {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
[class*=searchBtnBox-].toggle .sbbBox {
  display: none;
}

.searchBtnBox-btnMix .sbbBox {
  width: 32rem;
  padding: 0 0 0 1.5rem;
  border-radius: 2rem;
  background-color: #fff;
  border: 1px solid #1a73e8;
}
.searchBtnBox-btnMix .sbbBox input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 3.8rem;
}
.searchBtnBox-btnMixRow .sbbBox {
  width: 26rem;
  padding: 0 1rem 0 0;
  border-radius: 0.4rem;
  background-color: #fff;
  border: 1px solid #dadce0;
}
.searchBtnBox-btnMixRow .sbbBox input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 5.4rem;
  padding: 0 0 0 1.5rem;
}

.searchBox {
  position: relative;
}
.searchBox .searchResult {
  top: 100%;
}
.searchBox .searchResult .optionTitle {
  padding: 1rem 2rem 0;
}
.searchBox .searchResult .clDepth > ul > li > div {
  background-color: #f6f6f6;
}
.searchBox .searchResult .clDepth > ul > li > div:hover {
  background-color: #f2f2f2;
}
.searchBox .searchResult .clDepth > ul > li > ul > li > div {
  background-color: #ecedee;
}
.searchBox .searchResult .clDepth > ul > li > ul > li > div:hover {
  background-color: #dddddd;
}

.searchToggleBox .inputBox {
  width: 100%;
}
.searchToggleBox .stResultBox {
  display: none;
  border-top: 1px solid #dadce0;
}
.searchToggleBox .stResultBox .flexBox-space {
  height: 5rem;
  padding: 0 0.5rem 0 2rem;
}
.searchToggleBox .stResultBox .flexBox-space p {
  font-size: 1.4rem;
}
.searchToggleBox .stResultBox .scrollBox {
  max-height: 28rem;
  overflow: hidden;
  overflow-y: auto;
}
.searchToggleBox.resultMode {
  border: 1px solid #9fa4a8;
  border-radius: 0.4rem;
}
.searchToggleBox.resultMode .inputBox {
  height: 4.8rem;
  border: none;
}
.searchToggleBox.resultMode .inputBox.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-width: 1px;
}
.searchToggleBox.resultMode .stResultBox {
  display: block;
}

.previewBox {
  border: 1px solid #dadce0;
}
.previewBox .pbImgBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  background-color: #f6f6f6;
}
.previewBox .pbImgBox img, .previewBox .pbImgBox video {
  display: block;
  max-width: calc(100% - 2px);
  max-height: calc(100% - 2px);
}
.previewBox .pbImgBox .loadingWrap {
  background-color: transparent;
}
.previewBox .pbInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0rem;
  white-space: initial;
  padding: 1rem 1rem;
  border-top: 1px solid #dadce0;
  font-size: 1.4rem;
}
.previewBox .pbInfo .pbTag {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  margin: 0.2rem 0.5rem 0 0;
  border: 1px solid #d02243;
  border-radius: 50%;
  color: #d02243;
  line-height: 2rem;
  font-style: normal;
  font-size: 1.2rem;
  text-align: center;
}
.previewBox .pbInfo button.btnIcon-enlarge-g {
  margin-left: auto;
}

.previewBoxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  white-space: initial;
}
.previewBoxWrap .previewBox {
  position: relative;
  width: calc(33.33% - 1.666rem);
}
.previewBoxWrap .previewBox .pbImgBox {
  position: relative;
  padding-bottom: 100%;
}
.previewBoxWrap .previewBox .pbImgBox img, .previewBoxWrap .previewBox .pbImgBox video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
          transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
}
.previewBoxWrap .previewMultiBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  white-space: initial;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
}
.previewBoxWrap .previewMultiBox .previewBox {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.fileUploadBox {
  position: relative;
}
.fileUploadBox input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.fileUploadBox-dash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  white-space: initial;
}
.fileUploadBox-dash .fbDragWrap, .fileUploadBox-dash .fileThumbnail {
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  white-space: initial;
  border: 1px dashed #bbb8b8;
}
.fileUploadBox-dash .fbDragWrap img, .fileUploadBox-dash .fbDragWrap video, .fileUploadBox-dash .fileThumbnail img, .fileUploadBox-dash .fileThumbnail video {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.fileUploadBox-dash .fbDragWrap.s1212, .fileUploadBox-dash .fileThumbnail.s1212 {
  width: 12rem;
  height: 12rem;
}
.fileUploadBox-dash .fbDragWrap.s1313, .fileUploadBox-dash .fileThumbnail.s1313 {
  width: 13rem;
  height: 13rem;
}
.fileUploadBox-dash .fbDragWrap.s1616, .fileUploadBox-dash .fileThumbnail.s1616 {
  width: 16rem;
  height: 16rem;
}
.fileUploadBox-dash .fbDragWrap.s1818, .fileUploadBox-dash .fileThumbnail.s1818 {
  width: 18rem;
  height: 18rem;
}
.fileUploadBox-dash .fbDragWrap.s2584, .fileUploadBox-dash .fileThumbnail.s2584 {
  width: 25rem;
  height: 8.4rem;
}
.fileUploadBox-dash .fbDragWrap.s3015, .fileUploadBox-dash .fileThumbnail.s3015 {
  width: 30rem;
  height: 15rem;
}
.fileUploadBox-dash .fbDragWrap > label, .fileUploadBox-dash .fileThumbnail > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  cursor: pointer;
}
.fileUploadBox-dash .fbDragWrap ~ label, .fileUploadBox-dash .fileThumbnail ~ label {
  display: inline-block;
  padding: 1rem 2rem;
  background-color: #1a73e8;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 0.4rem;
  cursor: pointer;
}
.fileUploadBox-dash .fbDragWrap::before {
  content: " ";
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  vertical-align: middle;
  background-image: url("../images/common/icon-file.png");
}
.fileUploadBox-dash .fbDragWrap p {
  border-radius: 0.2rem;
  line-height: 1;
}
.fileUploadBox-dash .fbDragWrap p span {
  color: #bbb8b8;
  font-size: 1rem;
}
.fileUploadBox-dash .fileThumbnail {
  display: none;
}
.fileUploadBox-dash .fileThumbnail .ftImgBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.fileUploadBox-dash .fileThumbnail .ftImgBox img, .fileUploadBox-dash .fileThumbnail .ftImgBox video {
  height: auto;
}
.fileUploadBox-dash + .fbInfo {
  margin: 1rem 0;
  text-align: center;
  font-size: 1.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.fileUploadBox-dash + .fbInfo b {
  display: block;
  font-size: 1.4rem;
}
.fileUploadBox-dash + .fbInfo span {
  opacity: 0.5;
}
.fileUploadBox-dash + .fbInfo ~ .infoTxt {
  font-size: 1.2rem;
}
.fileUploadBox-dash.onData .fbDragWrap {
  display: none;
}
.fileUploadBox-dash.onData .fileThumbnail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fileUploadBox-dash.error .fbDragWrap {
  border-color: #d02243;
  background-color: #ffe6e4;
}
.fileUploadBox-dash.error .fbDragWrap::before {
  background-image: url(../images/common/icon-file-r.png);
}
.fileUploadBox-dash.error .fbDragWrap p span {
  color: #d02243;
}
.fileUploadBox-dash.error + .fbInfo {
  color: #d02243;
}
.fileUploadBox-line {
  border: 2px solid #dadce0;
  font-size: 1.4rem;
}
.fileUploadBox-line div.nodata {
  padding: 5rem 0;
  text-align: center;
}
.fileUploadBox-line div.nodata p {
  margin-bottom: 2rem;
  color: #5f6368;
}
.fileUploadBox-line div.nodata label {
  display: inline-block;
  padding: 1rem 2rem;
  background-color: #1a73e8;
  color: #fff;
  border-radius: 0.4rem;
  cursor: pointer;
}
.fileUploadBox-line div.fileThumbnailBox {
  padding: 3rem 3rem 4rem;
}
.fileUploadBox-line div.fileThumbnailBox > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 12rem;
  height: 12rem;
  border: 1px solid #dadce0;
  border-radius: 0.4rem;
  cursor: pointer;
}
.fileUploadBox-line div.fileThumbnailBox > label::before {
  content: " ";
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  vertical-align: middle;
  background-image: url("../images/common/icon-add.png");
}

.fileThumbnailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5rem;
  white-space: initial;
  font-size: 1.4rem;
}
.fileThumbnailBox .fileThumbnail {
  position: relative;
  color: #5f6368;
}
.fileThumbnailBox .fileThumbnail .txt-ellipsis {
  margin: 1rem 0 0;
}

.ftImgBox {
  position: relative;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  border-radius: 0.4rem;
  overflow: hidden;
}
.ftImgBox::before {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.ftImgBox input[type=checkbox] {
  display: none;
}
.ftImgBox input[type=checkbox] + label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ftImgBox input[type=checkbox] + label::before {
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
}
.ftImgBox input[type=checkbox] + label::after {
  display: none;
}
.ftImgBox input[type=checkbox]:not(:checked) + label::before {
  background-image: none;
  border: 2px solid #fff;
  border-radius: 0.2rem;
}
.ftImgBox img {
  display: block;
  width: auto;
  height: 12rem;
}
.ftImgBox [class*=btnIcon] {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  z-index: 1;
}

.colorPickerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
  width: 30rem;
  height: 4rem;
  border: 1px solid #999999;
  border-radius: 0.4rem;
  background-color: #fff;
}
.colorPickerWrap > div {
  width: 4rem;
  height: 100%;
  border-right: 1px solid #999999;
  border-radius: 0.4rem;
}
.colorPickerWrap > input {
  width: calc(100% - 6rem);
  height: 100%;
  padding: 0 1rem;
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.colorPickerWrap > .colorEyedropperBtn {
  width: 4rem;
  height: 100%;
  padding: 0;
  border: 0;
  border-left: 1px solid #999999;
  border-radius: 0 0.4rem 0.4rem 0;
  background-color: transparent;
  color: #555;
  cursor: pointer;
  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;
  -webkit-transition: background-color .15s ease, color .15s ease;
  transition: background-color .15s ease, color .15s ease;
}
.colorPickerWrap > .colorEyedropperBtn:hover {
  background-color: #f5f5f5;
  color: #111;
}
.colorPickerWrap > .colorEyedropperBtn:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
.colorPickerWrap > .colorEyedropperBtn > svg {
  width: 1.6rem;
  height: 1.6rem;
}

.datepickerFixed .ui-datepicker {
  position: relative;
  height: 100%;
  padding: 1rem 0;
  background: #fff;
  border-top: 1px solid #ecedee;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.datepickerFixed .ui-datepicker .ui-datepicker-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 100%;
  padding: 0.5rem 0;
}
.datepickerFixed .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.datepickerFixed .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 4rem;
  height: 2rem;
  cursor: pointer;
}
.datepickerFixed .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.datepickerFixed .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  font-size: 0 !important;
  color: transparent;
}
.datepickerFixed .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.datepickerFixed .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.datepickerFixed .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.datepickerFixed .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  gap: 0.5rem;
  margin: 0.3rem 0.8rem 0 0;
  font-size: 1.3rem;
}
.datepickerFixed .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.datepickerFixed .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.datepickerFixed .ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
}
.datepickerFixed .ui-datepicker table thead tr th {
  padding: 8px 0;
}
.datepickerFixed .ui-datepicker table thead tr th span {
  font-size: 1.2rem;
  font-weight: normal;
  color: #5f6368;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border: 1px solid transparent;
  border-radius: 50%;
  font-size: 1.2rem;
  line-height: 2.8rem;
  text-align: center;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.disabled {
  color: #bbb8b8;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.ui-state-highlight {
  border: 1px solid #ecedee;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.ui-state-hover {
  color: #2a2a2a;
  border: 1px solid #aaaaaa;
  background-color: #ecedee;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.ui-state-active {
  background-color: #1a73e8;
  border-color: #1a73e8;
  color: #fff;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.ui-state-active:hover {
  color: #2a2a2a;
  border: 1px solid #aaaaaa;
  background-color: #ecedee;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.bg-red {
  background-color: #e33434;
  border-color: #e33434;
  color: #fff;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.bg-yellow {
  background-color: #e9ac32;
  border-color: #e9ac32;
  color: #fff;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.bg-green {
  background-color: #65cf89;
  border-color: #65cf89;
  color: #fff;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.bg-blue {
  background-color: #5a5ffb;
  border-color: #5a5ffb;
  color: #fff;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.bg-purple {
  background-color: #b690e8;
  border-color: #b690e8;
  color: #fff;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.bg-start {
  border-radius: 2.8rem 0 0 2.8rem;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.bg-mid {
  border-radius: 0;
}
.datepickerFixed .ui-datepicker table tbody tr td .ui-state-default.bg-end {
  border-radius: 0 2.8rem 2.8rem 0;
}
.datepickerFixed .ui-datepicker table tbody tr td.ui-state-disabled a, .datepickerFixed .ui-datepicker table tbody tr td.ui-state-disabled span {
  color: #bbb8b8;
}

.daterangepickerFixed {
  position: relative;
  width: 394px;
  height: 523px;
}
.daterangepickerFixed .daterangepicker {
  position: relative !important;
  top: 3.7rem !important;
  left: 1.6rem !important;
  display: block !important;
  float: left;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
.daterangepickerFixed .daterangepicker .ranges {
  margin-right: 1.7rem;
}
.daterangepickerFixed .daterangepicker .cancelBtn {
  color: #5f6368;
}
.daterangepickerFixed .daterangepicker .applyBtn {
  color: #1a73e8;
}

button {
  font-size: 1.4rem;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}

/*기본 네모 버튼형 button, a 등*/
[class*=btn-] {
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  cursor: pointer;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
[class*=btn-] .i-setting {
  margin: -1px 0 0 1rem;
  vertical-align: middle;
}
[class*=btn-].slim {
  padding: 0.5rem 1.3rem;
}
[class*=btn-].slim .i-x {
  margin: -2px 0 0 0.5rem;
}
[class*=btn-].small {
  padding: 0.3rem 0.9rem;
  border-radius: 0.5rem;
  font-size: 1.2rem;
}
[class*=btn-].new {
  position: relative;
}
[class*=btn-].new::after {
  position: absolute;
  top: 0;
  right: 0.4rem;
  content: " ";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #d9730d;
  border: 1px solid #f2f2f2;
}
[class*=btn-].error {
  border: 1px solid #d02243 !important;
}

.btn-round {
  border: 1px solid #dadce0;
  border-radius: 4rem;
  color: #5f6368;
}
.btn-round:hover {
  background-color: #ecedee;
}
.btn-main {
  background-color: #1a73e8;
  color: #fff;
}
.btn-main:hover {
  -webkit-box-shadow: 0 2px 2px 0 rgba(199, 211, 214, 0.5);
          box-shadow: 0 2px 2px 0 rgba(199, 211, 214, 0.5);
}
.btn-main:active {
  background-color: #1f68d2;
}
.btn-main.disabled, .btn-main:disabled {
  background-color: #dddddd;
  color: #999999;
  cursor: default;
}
.btn-bgblue {
  background-color: #1a73e8;
  color: #fff;
}
.btn-bgblue:hover {
  background-color: #2378E9;
}
.btn-bggray {
  background-color: #ecedee;
  color: #5f6368;
}
.btn-bggray:hover {
  background-color: #f6f6f6;
}
.btn-bgwhite {
  color: #1a73e8;
  background-color: #fff;
}
.btn-bgwhite:not(.disabled, :disabled):hover {
  background-color: #f8f9fa;
}
.btn-bgwhite:active {
  background-color: #cbdffa;
}
.btn-bgwhite.disabled, .btn-bgwhite:disabled {
  color: #aaaaaa;
  background-color: #fff;
  cursor: default;
}
.btn-line {
  border: 1px solid #9fa4a8;
}
.btn-line:hover {
  background-color: #fff;
}
.btn-linegray {
  border: 1px solid #dadce0;
  background-color: #fff;
}
.btn-linegray:hover {
  color: #1a73e8;
  border-color: #1a73e8;
  background-color: #fff;
}
.btn-linemain {
  border: 1px solid #1a73e8;
  color: #1a73e8;
}
.btn-txtline {
  border: 1px solid #dddddd;
  color: #1a73e8;
}
.btn-txtline:hover {
  border-color: #e8f0fe;
  background-color: #e8f0fe;
}
.btn-txtline.disabled, .btn-txtline:disabled {
  color: #aaaaaa;
  background-color: #fff;
  border-color: #dddddd;
  cursor: default;
}
.btn-txtlineRed {
  border: 1px solid #dddddd;
  color: #c53929;
}
.btn-txtlineRed:hover {
  border-color: #f3dad8;
  background-color: #f3dad8;
}
.btn-blueline {
  border: 1px solid #dddddd;
  background-color: #fff;
  color: #5f6368;
}
.btn-blueline:hover {
  border-color: #1a73e8;
  color: #1a73e8;
}
.btn-txt {
  color: #1a73e8;
}
.btn-txt:hover {
  background-color: #eaf1f9;
}
.btn-txt:active {
  background-color: #e0e3e8;
}
.btn-txt.disabled, .btn-txt:disabled {
  color: #aaaaaa;
  background-color: #fff;
  cursor: default;
}
.btn-txtGray {
  color: #5f6368;
}
.btn-txtGray:hover {
  background-color: #ecedee;
}
.btn-txtGrayH {
  color: #aaaaaa;
}
.btn-txtGrayH:hover {
  background-color: #eaf1f9;
  color: #1a73e8;
}
.btn-txtRed {
  color: #c53929;
}
.btn-txtRed:hover {
  background-color: #f3dad8;
}
.btn-txtRed:active {
  background-color: #e8cecc;
}
.btn-txtRed.disabled, .btn-txtRed:disabled {
  color: #dec2bf;
  background-color: #fff;
  cursor: default;
}
.btn-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  line-height: 1.4;
  color: #5f6368;
}
.btn-arrow::after {
  content: " ";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  margin-left: auto;
  width: 0px;
  height: 0px;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #5f6368;
}
.btn-arrow.right::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.btn-arrow-b {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  line-height: 1.4;
  color: #1a73e8;
  border: 1px solid transparent;
}
.btn-arrow-b:hover {
  background-color: #eaf1f9;
  border-color: #dadce0;
}
.btn-arrow-b::after {
  content: " ";
  display: inline-block;
  width: 0.8rem;
  height: 1.3rem;
  vertical-align: middle;
  background-image: url(../images/common/icon-arrow-r-b.png);
}

/*글자없는 이미지 버튼형 button, a 등*/
[class*=btnIcon-] {
  display: inline-block;
  font-size: 0 !important;
  color: transparent;
  border-radius: 50%;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
[class*=btnIcon-]:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.btnIcon-x, .btnIcon-x-w {
  position: relative;
  width: 4.5rem;
  height: 4.5rem;
  padding: 0;
  margin: 0;
  font-size: 0 !important;
  color: transparent;
}
.btnIcon-x::before, .btnIcon-x::after, .btnIcon-x-w::before, .btnIcon-x-w::after {
  position: absolute;
  top: 50%;
  content: " ";
  display: block;
  left: 50%;
  height: 1.5rem;
  width: 2px;
  background-color: #5f6368;
}
.btnIcon-x::before, .btnIcon-x-w::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.btnIcon-x::after, .btnIcon-x-w::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.btnIcon-x.small, .btnIcon-x-w.small {
  width: 1.5rem;
  height: 1.5rem;
}
.btnIcon-x.small::before, .btnIcon-x.small::after, .btnIcon-x-w.small::before, .btnIcon-x-w.small::after {
  left: 50%;
  height: 1.2rem;
  width: 1px;
  background-color: #2a2a2a;
}
.btnIcon-x:not(.small):hover, .btnIcon-x-w:not(.small):hover {
  background-color: #ecedee;
}
.btnIcon-x-w::before, .btnIcon-x-w::after {
  background-color: #fff;
}
.btnIcon-xRound {
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("../images/common/icon-xRound.png");
}
.btnIcon-xRoundw {
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("../images/common/icon-xRound-w.png");
}
.btnIcon-addRound {
  width: 4rem;
  height: 4rem;
  background-image: url("../images/common/icon-add-round.png");
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
}
.btnIcon-arrow {
  width: 2.6rem;
  height: 2.6rem;
  padding: 0;
  background-image: url("../images/common/icon-arrow.png");
}
.btnIcon-arrow.rotate {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.btnIcon-arrow.left {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.btnIcon-arrow.right {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.btnIcon-arrow.disabled, .btnIcon-arrow:disabled {
  opacity: 0.8;
}
.btnIcon-arrow-d {
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("../images/common/icon-arrow-d.png");
}
.btnIcon-arrow-d.left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.btnIcon-arrow-d.disabled, .btnIcon-arrow-d:disabled {
  opacity: 0.8;
}
.btnIcon-arrowLine {
  width: 1.1rem;
  height: 1.1rem;
  background-image: url("../images/common/icon-arrow-line.png");
  border-radius: 0;
}
.btnIcon-arrowLine.rotate {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.btnIcon-arrowLine.rotateR {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.btnIcon-arrowLine.rotateL {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.btnIcon-arrowSlide {
  width: 4.4rem;
  height: 4.4rem;
  background-image: url("../images/common/icon-arrow-r-w.png");
  background-color: rgba(255, 255, 255, 0.2);
  background-position: center left 1.8rem;
}
.btnIcon-arrowSlide:hover {
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url("../images/common/icon-arrow-r-on.png");
}
.btnIcon-arrowSlide.rotateL {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.btnIcon-triCircle {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  background-image: url("../images/common/icon-tri-circle.png");
}
.btnIcon-triCircle.rotate {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.btnIcon-circleMinus, .btnIcon-circlePlus, .btnIcon-boxMinus, .btnIcon-boxPlus {
  width: 3.4rem;
  height: 3.4rem;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
  position: relative;
  width: 3.4rem;
  height: 3.4rem;
  padding: 0;
  margin: 0;
  font-size: 0 !important;
  color: transparent;
}
.btnIcon-circleMinus::before, .btnIcon-circleMinus::after, .btnIcon-circlePlus::before, .btnIcon-circlePlus::after, .btnIcon-boxMinus::before, .btnIcon-boxMinus::after, .btnIcon-boxPlus::before, .btnIcon-boxPlus::after {
  position: absolute;
  top: 50%;
  content: " ";
  display: block;
  left: 50%;
  height: 1.2rem;
  width: 2px;
  background-color: #2a2a2a;
}
.btnIcon-circleMinus::before, .btnIcon-circlePlus::before, .btnIcon-boxMinus::before, .btnIcon-boxPlus::before {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}
.btnIcon-circleMinus::after, .btnIcon-circlePlus::after, .btnIcon-boxMinus::after, .btnIcon-boxPlus::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.btnIcon-circleMinus::before, .btnIcon-boxMinus::before {
  display: none;
}
.btnIcon-boxMinus, .btnIcon-boxPlus {
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 0.4rem;
  border: 1px solid #cccccc;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btnIcon-boxMinus::before, .btnIcon-boxMinus::after, .btnIcon-boxPlus::before, .btnIcon-boxPlus::after {
  height: 1.4rem;
}
.btnIcon-minus {
  width: 2rem;
  height: 2rem;
  background-image: url("../images/common/icon-minus-w.png");
}
.btnIcon-minus:hover {
  background-image: url("../images/common/icon-minus-r.png");
}
.btnIcon-search {
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("../images/common/icon-search.png");
}
.btnIcon-enlarge {
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("../images/common/icon-enlarge.png");
}
.btnIcon-enlarge-g {
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("../images/common/icon-enlarge-g.png");
}
.btnIcon-enlarge-g:not(:disabled):hover {
  background-image: url("../images/common/icon-enlarge-b.png");
}
.btnIcon-retry {
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("../images/common/icon-retry.png");
}
.btnIcon-retry:not(:disabled):hover {
  background-image: url("../images/common/icon-retry-b.png");
}
.btnIcon-edit, .btnIcon-delete {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-image: url("../images/common/icon-edit.png");
}
.btnIcon-edit:hover, .btnIcon-delete:hover {
  background-color: #ecedee;
}
.btnIcon-edit.small, .btnIcon-delete.small {
  width: 3.6rem;
  height: 3.6rem;
  background-image: url("../images/common/icon-edit-s.png");
}
.btnIcon-edit.square, .btnIcon-delete.square {
  background-color: #f6f6f6;
  border: 1px solid #dadce0;
  border-radius: 0.4rem;
}
.btnIcon-edit.square:hover, .btnIcon-delete.square:hover {
  background-color: #1a73e8;
  border-color: #1a73e8;
  background-image: url(../images/common/icon-edit-w.png);
}
.btnIcon-delete {
  background-image: url("../images/common/icon-table-delete.png");
}
.btnIcon-delete.small {
  background-image: url("../images/common/icon-delete-s.png");
}
.btnIcon-delete.hoverblue {
  background-image: none;
  -webkit-mask: url("../images/common/icon-table-delete.png") center no-repeat;
          mask: url("../images/common/icon-table-delete.png") center no-repeat;
  background-color: #5f6368;
  width: 2.6rem;
  height: 2.6rem;
}
.btnIcon-delete.hoverblue:not(:disabled):hover {
  background-color: #1a73e8;
}
.btnIcon-delete.hoverblue:not(:disabled):hover::after {
  display: none;
}
.btnIcon-edit-w {
  width: 3rem;
  height: 3rem;
  background-image: url(../images/common/icon-edit-w.png);
}
.btnIcon-edit-h {
  width: 2.7rem;
  height: 2.7rem;
  background-image: url("../images/common/icon-edit.png");
}
.btnIcon-edit-h:hover {
  background-image: url("../images/common/icon-edit-on.png");
}
.btnIcon-editRound {
  width: 3.6rem;
  height: 3.6rem;
  background-image: url("../images/common/icon-edit-round.png");
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
}
.btnIcon-setting {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  background-image: url("../images/common/icon-set.png");
}
.btnIcon-setting:hover {
  background-color: #ecedee;
}
.btnIcon-settingBox {
  width: 3.6rem;
  height: 3.6rem;
  background-image: url("../images/common/icon-set.png");
  background-color: #f6f6f6;
  border: 1px solid #dadce0;
  border-radius: 0.4rem;
}
.btnIcon-settingBox:hover {
  background-color: #1a73e8;
  border-color: #1a73e8;
  background-image: url("../images/common/icon-set-w.png");
}
.btnIcon-filter {
  position: relative;
  width: 2rem;
  height: 2rem;
  background-image: url("../images/common/icon-filter.png");
}
.btnIcon-filter span {
  position: absolute;
  top: -0.7rem;
  left: 1.4rem;
  display: none;
  padding: 0.05rem 0.5rem 0.15rem 0.4rem;
  background-color: #1a73e8;
  border-radius: 1.6rem;
  color: #fff;
  font-size: 1.1rem;
}
.btnIcon-filter.on {
  background-image: url("../images/common/icon-filter-b.png");
}
.btnIcon-filter.on span {
  display: block;
}
.btnIcon-refresh {
  width: 1.4rem;
  height: 1.8rem;
  background-image: url("../images/common/icon-refresh.png");
}
.btnIcon-rightSlide {
  width: 3.2rem;
  height: 4.2rem;
  border-radius: 0;
  background-image: url("../images/common/btn-right-close.png");
}
.btnIcon-rightSlide.toggle {
  background-image: url("../images/common/btn-right-open.png");
}
.btnIcon-password {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 0;
  background-image: url("../images/common/btn-password.png");
}
.btnIcon-password.toggle {
  background-image: url("../images/common/btn-password-toggle.png");
}
.btnIcon-calendar {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0;
  background-image: url("../images/common/icon-calendar-b.png");
}

/* 이미지 + 글자 버튼형 button, a 등*/
[class*=btnMix-] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  white-space: initial;
  margin: 0.5rem 0;
  cursor: pointer;
}
[class*=btnMix-]:hover {
  background-color: #f8f9fa;
}
[class*=btnMix-]::before {
  content: " ";
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  vertical-align: middle;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}
[class*=btnMix-].btn-main:hover {
  background-color: #1a73e8;
  -webkit-box-shadow: 0 2px 2px 0 rgba(199, 211, 214, 0.5);
          box-shadow: 0 2px 2px 0 rgba(199, 211, 214, 0.5);
}
[class*=btnMix-].btn-round {
  padding: 0.6rem 1.8rem;
}
[class*=btnMix-].btn-round:not(.btn-main) {
  background-color: #fff;
}
[class*=btnMix-].btn-round:not(.btn-main):hover {
  background-color: #e7effd;
  border-color: #abc2ef;
}
[class*=btnMix-].btn-round.btnMix-arrow-s:hover {
  color: #1a73e8;
}
[class*=btnMix-].btn-round.btnMix-arrow-s:hover::before {
  background-image: url("../images/common/icon-arrow-s-b.png");
}
[class*=btnMix-].btn-round.btnMix-edit-box {
  color: #5f6368;
}
[class*=btnMix-].btn-round.btnMix-edit-box::before {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
[class*=btnMix-].btn-round.btnMix-edit-box:hover {
  color: #1a73e8;
}
[class*=btnMix-].btn-round.btnMix-edit-box:hover::before {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
[class*=btnMix-].btn-linegray {
  border-radius: 1.4rem;
  font-size: 1.2rem;
}
[class*=btnMix-].btn-linegray::before {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
[class*=btnMix-].btn-linegray:hover::before {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.btnMix-delete::before {
  width: 2rem;
  -webkit-mask: url("../images/common/icon-table-delete.png") center no-repeat;
          mask: url("../images/common/icon-table-delete.png") center no-repeat;
  background-color: #5f6368;
}
.btnMix-add {
  color: #1a73e8;
}
.btnMix-add::before {
  width: 1.2rem;
  background-image: url("../images/common/icon-add-ss-on.png");
}
.btnMix-add-20 {
  color: #1a73e8;
}
.btnMix-add-20::before {
  width: 2rem;
  margin-left: 1rem;
  background-image: url("../images/common/icon-add-s-on.png");
}
.btnMix-add-g::before {
  background-image: url("../images/common/icon-add-s.png");
}
.btnMix-add-w {
  color: #fff;
}
.btnMix-add-w::before {
  background-image: url("../images/common/icon-add-w.png");
}
.btnMix-add-b {
  color: #1a73e8;
}
.btnMix-add-b::before {
  background-image: url("../images/common/icon-add-on.png");
}
.btnMix-minus {
  color: #1a73e8;
}
.btnMix-minus::before {
  width: 2rem;
  height: 2rem;
  background-image: url("../images/common/icon-minus-b.png");
}
.btnMix-plus::before {
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("../images/common/icon-add-w.png");
  background-size: 1.4rem;
  background-color: #1a73e8;
  border-radius: 0.3rem;
}
.btnMix-edit {
  color: #1a73e8;
}
.btnMix-edit::before {
  background-image: url("../images/common/icon-edit-on.png");
}
.btnMix-edit-w {
  color: #fff;
}
.btnMix-edit-w::before {
  width: 2rem;
  background-image: url("../images/common/icon-edit-w.png");
}
.btnMix-edit-g::before {
  width: 2rem;
  background-image: url("../images/common/icon-edit.png");
}
.btnMix-edit-box {
  color: #1a73e8;
}
.btnMix-edit-box::before {
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("../images/common/icon-edit-box.png");
}
.btnMix-setting {
  color: #1a73e8;
  gap: 0.5rem;
}
.btnMix-setting::before {
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("../images/common/icon-set-b.png");
}
.btnMix-ga {
  padding: 1.8rem 6.8rem;
  border: 1px solid #999999;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.btnMix-ga::before {
  width: 2rem;
  height: 2rem;
  background-image: url("../images/menu/logo-google.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.btnMix-arrow-s::before {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 1.5rem;
  background-image: url("../images/common/icon-arrow-s.png");
}
.btnMix-file-g::before {
  background-image: url("../images/menu/camList/icon-file-g.png");
}
.btnMix-filter {
  color: #1a73e8;
}
.btnMix-filter::before {
  background-image: url("../images/common/icon-filter-b.png");
}
.btnMix-search::before {
  background-image: url("../images/common/icon-search.png");
}
.btnMix-coulmn::before {
  background-image: url("../images/common/icon-table-coulmn.png");
}
.btnMix-download::before {
  background-image: url("../images/common/icon-table-download.png");
}
.btnMix-excel::before {
  background-image: url("../images/common/icon-table-excel.png");
}
.btnMix-copy::before {
  background-image: url("../images/common/icon-table-copy.png");
}
.btnMix-manage-01::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/menu/manage/ma-01.png");
}
.btnMix-manage-02::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/menu/manage/ma-02.png");
}
.btnMix-manage-03::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/menu/manage/ma-03.png");
}
.btnMix-manage-04::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/menu/manage/ma-04.png");
}
.btnMix-x-w::before {
  width: 1.8rem;
  height: 1.8rem;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  background-image: url("../images/common/icon-x-l-w.png");
  background-size: 2.2rem;
}
.btnMix-creation {
  color: #1a73e8;
}
.btnMix-creation::before {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0;
  background-image: url("../images/common/icon-creation.png");
}
.btnMix-complete {
  color: #1a73e8;
}
.btnMix-complete::before {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0;
  background-image: url("../images/common/icon-complete.png");
}

[class*=btnMixRow-] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
  padding: 0.5rem 1rem;
  border-radius: 0.4rem;
  color: #5f6368;
  font-size: 1.2rem;
  cursor: pointer;
}
[class*=btnMixRow-]:not(.btnMixRow-x-l-w):hover {
  background-color: #f6f6f6;
}
[class*=btnMixRow-]::before {
  content: " ";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}

.btnMixRow-coulmn::before {
  background-image: url("../images/common/icon-table-coulmn.png");
}
.btnMixRow-status::before {
  background-image: url("../images/common/icon-table-status.png");
}
.btnMixRow-search::before {
  background-image: url("../images/common/icon-search.png");
}
.btnMixRow-delete::before {
  background-image: url("../images/common/icon-table-delete.png");
}
.btnMixRow-edit::before {
  background-image: url("../images/common/icon-table-edit.png");
}
.btnMixRow-save::before {
  background-image: url("../images/common/icon-table-save.png");
}
.btnMixRow-download::before {
  background-image: url("../images/common/icon-table-download.png");
}
.btnMixRow-excel::before {
  background-image: url("../images/common/icon-table-excel.png");
}
.btnMixRow-time::before {
  background-image: url("../images/common/icon-table-time.png");
}
.btnMixRow-copy::before {
  background-image: url("../images/common/icon-table-copy.png");
}
.btnMixRow-source::before {
  background-image: url("../images/common/icon-table-source.png");
}
.btnMixRow-link::before {
  background-image: url("../images/common/icon-table-link.png");
}
.btnMixRow-expand::before {
  background-image: url("../images/common/icon-expand.png");
}
.btnMixRow-expand.toggle::before {
  background-image: url("../images/common/icon-contract.png");
}
.btnMixRow-x-l::before {
  background-image: url("../images/common/icon-x-l.png");
}
.btnMixRow-x-l-w {
  color: #fff;
}
.btnMixRow-x-l-w::before {
  background-image: url("../images/common/icon-x-l-w.png");
}

/* 표시용 아이콘*/
[class^=i-] {
  display: inline-block;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}

[class*=i-graph] {
  width: 1rem;
  height: 0.4rem;
  margin: 0 0.5rem 0;
  border-radius: 0.2rem;
  background-color: #1a73e8;
  vertical-align: middle;
}

.i-graph-red {
  background-color: #d93025;
}
.i-graph-yellow {
  background-color: #f9ab00;
}
.i-graph-green {
  background-color: #3fcc35;
}
.i-graph-brown {
  background-color: #cb9427;
}
.i-graph-bf {
  background-color: #f5f9fe;
}
.i-graph-be {
  background-color: #e7effd;
}
.i-graph-bd {
  background-color: #d4e3fc;
}
.i-graph-b8 {
  background-color: #82adf7;
}
.i-graph-b4 {
  background-color: #4987f3;
}
.i-graph-b3 {
  background-color: #3eacee;
}

[class*=i-index] {
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 0.5rem 0 0;
  background-color: #1a73e8;
  vertical-align: middle;
}

.i-index-red {
  background-color: #ff3a77;
}
.i-index-yellow {
  background-color: #ffa36d;
}
.i-index-green {
  background-color: #65bba0;
}
.i-index-blue {
  background-color: #3c71fd;
}
.i-index-purple {
  background-color: #9575ff;
}
.i-index-navy {
  background-color: #3e5e9e;
}
.i-index-pink {
  background-color: #f85f73;
}
.i-index-gray {
  background-color: #928a97;
}
.i-index-lightgray {
  background-color: #f6f6f6;
}
.i-index-beige {
  background-color: #fbe8d3;
}
.i-index-skyblue {
  background-color: #93b8e5;
}

[class*=i-step] {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-color: #1a73e8;
  vertical-align: middle;
}

.i-step-red {
  background-color: #f2847e;
}
.i-step-yellow {
  background-color: #f6d167;
}
.i-step-green {
  background-color: #92d050;
}
.i-step-blue {
  background-color: #297f87;
}

[class*=i-tri] {
  position: relative;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}
[class*=i-tri]::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
          transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
  content: " ";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  margin-left: auto;
  width: 0px;
  height: 0px;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #cccccc;
}

.i-tri-blue::after {
  border-top-color: #0070c0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.i-tri-red::after {
  border-top-color: #ff0000;
}
.i-tri-right {
  width: 1.8rem;
  height: 1.8rem;
}
.i-tri-right::after {
  border-left-width: 1rem;
  border-right-width: 1rem;
  border-top-width: 1rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

[class*=i-condition] {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  vertical-align: middle;
}

.i-condition-red {
  background-image: url("../images/common/icon-condition-r.png");
}
.i-condition-green {
  background-color: #3fa34d;
}
.i-condition-gray {
  background-color: #5f6368;
}
.i-condition-yellow {
  background-image: url("../images/common/icon-condition-y.png");
}
.i-condition-redBg {
  background-color: #d93025;
}
.i-condition-pinkBg {
  background-color: #f85f73;
}
.i-condition-yellowBg {
  background-color: #f9ab00;
}
.i-condition-greenBg {
  background-color: #1e8e3e;
}
.i-condition-skyblueBg {
  background-color: #2caffe;
}
.i-condition-blueBg {
  background-color: #1a73e8;
}

[class*=i-object] {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images//menu/camList/icon-cam-g.png");
  margin: -2px 0.5rem 0 0;
  vertical-align: middle;
}

.i-object.shopping {
  background-image: url("../images/menu/camRegister/cr-shopping.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.shopping.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-shopping.png");
          mask-image: url("../images/menu/camRegister/cr-shopping.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.adult {
  background-image: url("../images/menu/camRegister/cr-adult.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.adult.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-adult.png");
          mask-image: url("../images/menu/camRegister/cr-adult.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.app {
  background-image: url("../images/menu/camRegister/cr-app.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.app.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-app.png");
          mask-image: url("../images/menu/camRegister/cr-app.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.branding {
  background-image: url("../images/menu/camRegister/cr-branding.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.branding.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-branding.png");
          mask-image: url("../images/menu/camRegister/cr-branding.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.chance {
  background-image: url("../images/menu/camRegister/cr-chance.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.chance.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-chance.png");
          mask-image: url("../images/menu/camRegister/cr-chance.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.db {
  background-image: url("../images/menu/camRegister/cr-db.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.db.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-db.png");
          mask-image: url("../images/menu/camRegister/cr-db.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.inflow {
  background-image: url("../images/menu/camRegister/cr-inflow.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.inflow.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-inflow.png");
          mask-image: url("../images/menu/camRegister/cr-inflow.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.roas {
  background-image: url("../images/menu/camRegister/cr-roas.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.roas.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-roas.png");
          mask-image: url("../images/menu/camRegister/cr-roas.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.custom {
  background-image: url("../images/menu/camRegister/cr-custom.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.custom.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-custom.png");
          mask-image: url("../images/menu/camRegister/cr-custom.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.show {
  background-image: url("../images/menu/camRegister/cr-show.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.show.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-show.png");
          mask-image: url("../images/menu/camRegister/cr-show.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.premium {
  background-image: url("../images/menu/camRegister/cr-premium.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.premium.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-premium.png");
          mask-image: url("../images/menu/camRegister/cr-premium.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.pay {
  background-image: url("../images/menu/camRegister/cr-pay.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.pay.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-pay.png");
          mask-image: url("../images/menu/camRegister/cr-pay.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.inapp {
  background-image: url("../images/menu/camRegister/cr-inapp.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.inapp.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-inapp.png");
          mask-image: url("../images/menu/camRegister/cr-inapp.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.dau {
  background-image: url("../images/menu/camRegister/cr-dau.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.dau.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-dau.png");
          mask-image: url("../images/menu/camRegister/cr-dau.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.install {
  background-image: url("../images/menu/camRegister/cr-install.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.install.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-install.png");
          mask-image: url("../images/menu/camRegister/cr-install.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.new {
  background-image: url("../images/menu/camRegister/cr-new.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.new.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-new.png");
          mask-image: url("../images/menu/camRegister/cr-new.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.reward {
  background-image: url("../images/menu/camRegister/cr-reward.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.reward.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-reward.png");
          mask-image: url("../images/menu/camRegister/cr-reward.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.web {
  background-image: url("../images/menu/camRegister/cr-web.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.web.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-web.png");
          mask-image: url("../images/menu/camRegister/cr-web.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.conver {
  background-image: url("../images/menu/camRegister/cr-conver.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.i-object.conver.blue {
  background-image: none;
  -webkit-mask-image: url("../images/menu/camRegister/cr-conver.png");
          mask-image: url("../images/menu/camRegister/cr-conver.png");
  background-color: #1a73e8;
  -webkit-filter: none;
          filter: none;
}
.i-object.report {
  background-image: url("../images/menu/report/icon_report.png");
}

[class*=i-camObj] {
  width: 2.4rem;
  height: 2.4rem;
}

.i-camObj-01 {
  background-image: url("../images/menu/camList/cl-01.png");
}
.i-camObj-02 {
  background-image: url("../images/menu/camList/cl-02.png");
}
.i-camObj-03 {
  background-image: url("../images/menu/camList/cl-03.png");
}
.i-camObj-04 {
  background-image: url("../images/menu/camList/cl-04.png");
}
.i-camObj-05 {
  background-image: url("../images/menu/camList/cl-05.png");
}
.i-camObj-06 {
  background-image: url("../images/menu/camList/cl-06.png");
}
.i-camObj-07 {
  background-image: url("../images/menu/camList/cl-07.png");
}
.i-camObj-08 {
  background-image: url("../images/menu/camList/cl-08.png");
}
.i-camObj-09 {
  background-image: url("../images/menu/camList/cl-09.png");
}
.i-camObj-10 {
  background-image: url("../images/menu/camList/cl-10.png");
}

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

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

.i-align {
  width: 2rem;
  height: 2rem;
  background-image: url("../images/common/icon-arrow-double.png");
}

.i-file-g {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../images/menu/camList/icon-file-g.png");
}

.i-x {
  width: 1rem;
  height: 1rem;
  background-image: url("../images/common/icon-x.png");
  background-size: 100% auto;
}

.i-x-blueRound {
  width: 2rem;
  height: 2rem;
  background-color: #1a73e8;
  -webkit-mask-image: url("../images/common/icon-xRound.png");
          mask-image: url("../images/common/icon-xRound.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
}

.i-setting {
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("../images/common/icon-set.png");
}

.i-chk-circle {
  width: 2.8rem;
  height: 2.8rem;
  background-image: url("../images/common/icon-chk-circle-r.png");
}

.i-alert-gray {
  width: 3.3rem;
  height: 3rem;
  background-image: url("../images/common/icon-alert-gray.png");
  background-size: 100% auto;
}

.i-google {
  width: 2rem;
  height: 2rem;
  background-image: url("../images/menu/logo-google.png");
}

.i-kakao {
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("../images/menu/logo-kakao.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.i-new {
  display: inline-block;
  padding: 0.1rem 0.5rem;
  margin: 0 0.5rem 0 0;
  font-size: 0.9rem;
  color: #fff;
  background-color: #1a73e8;
  font-style: normal;
  vertical-align: middle;
  border-radius: 2px;
}

.i-ai {
  display: inline-block;
  padding: 0.1rem 0.8rem;
  font-size: 1.2rem;
  color: #1a73e8;
  background-color: #e7effd;
  font-style: normal;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  vertical-align: middle;
  border-radius: 4px;
}

.i-helpGray {
  display: inline-block;
  width: 1.7rem;
  height: 1.7rem;
  background-image: url("../images/common/icon-help-g.png");
  vertical-align: middle;
}

.i-helpBlue {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  margin: -2px 0.5rem 0 0;
  background-image: url("../images/common/icon-alert-circle-s-b.png");
  vertical-align: middle;
}

.i-arrowBlue {
  display: inline-block;
  width: 2.4rem;
  height: 3.8rem;
  background-image: url("../images/common/icon-arrowBlue.png");
}

.i-num {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin: -2px 0.5rem 0 0;
  background-color: #1a73e8;
  border-radius: 50%;
  color: #fff;
  font-size: 1.1rem;
  text-align: center;
  font-style: normal;
  vertical-align: middle;
}

.txtTag {
  display: inline-block;
  padding: 0.3rem 1rem;
  min-width: 4.6rem;
  border-radius: 1.5rem;
  background-color: #dddddd;
  color: #5f6368;
  font-size: 1.2rem;
  text-align: center;
  vertical-align: middle;
}
.txtTag.on {
  background-color: #1a73e8;
  color: #fff;
}
.txtTag.small {
  padding: 0.1rem 0.8rem;
}
.txtTag.red {
  background-color: #fce8e6;
  color: #d02243;
  border: 1px solid #d02243;
}
.txtTag.green {
  background-color: #eaf3e2;
  color: #3fa34d;
}
.txtTag.blue {
  color: #1a73e8;
  background-color: #e7effd;
}
.txtTag.purple {
  color: #9575ff;
  background-color: #f3f0ff;
}

.tagBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  white-space: initial;
  padding: 0.8rem 1.2rem 0.9rem;
  border-radius: 1.5rem;
  background-color: #ecedee;
  color: #5f6368;
  line-height: 1;
  font-size: 1.4rem;
}

/*기본태그, 에셋*/
/*메인 레이아웃*/
.logoMain a {
  display: block;
  width: 14.5rem;
  height: 4rem;
  font-size: 0 !important;
  color: transparent;
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("../images/logo/logo-mobon.svg");
}

header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
  width: 100%;
  height: 90px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
header .leftBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
}
header .leftBox .navLayoutBtn {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 1.8rem 0 2.2rem;
  background-image: url("../images/header/gnb-ham.png");
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
  font-size: 0 !important;
  color: transparent;
}
header .leftBox .btnIcon-x {
  margin: 0 0.5rem 0 1rem;
}
header .leftBox .pageTitle {
  margin-left: 3.3rem;
  font-size: 2.4rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 50rem;
  overflow: hidden;
}
header .leftBox .pageTitle::before {
  content: " ";
  display: inline-block;
  width: 1px;
  height: 3rem;
  vertical-align: middle;
  margin: 0 3.3rem 0 0;
  background-color: #cccccc;
}
header .rightBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  white-space: initial;
  padding-right: 4rem;
  margin-left: auto;
}
header .rightBox .userMenu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.3rem;
  white-space: initial;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
header .rightBox .userMenu ul li {
  text-align: center;
}
header .rightBox .userMenu ul li a, header .rightBox .userMenu ul li button {
  font-size: 1.2rem;
  color: #5f6368;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
header .rightBox .userMenu ul li a::before, header .rightBox .userMenu ul li button::before {
  content: " ";
  display: block;
  width: 3rem;
  height: 3rem;
  vertical-align: middle;
  margin: 0 auto 0.2rem;
}
header .rightBox .userMenu ul li a.tune::before, header .rightBox .userMenu ul li button.tune::before {
  background-image: url("../images/header/header-tune.png");
}
header .rightBox .userMenu ul li a.timeboard::before, header .rightBox .userMenu ul li button.timeboard::before {
  background-image: url("../images/header/header-timeboard.png");
}
header .rightBox .userMenu ul li a.video::before, header .rightBox .userMenu ul li button.video::before {
  background-image: url("../images/header/header-video.png");
}
header .rightBox .userMenu ul li a.notice::before, header .rightBox .userMenu ul li button.notice::before {
  background-image: url("../images/header/header-notice.png");
}
header .rightBox .userMenu ul li a.inform::before, header .rightBox .userMenu ul li button.inform::before {
  background-image: url("../images/header/header-inform.png");
}
header .rightBox .userMenu ul li a.mobi::before, header .rightBox .userMenu ul li button.mobi::before {
  background-image: url("../images/header/header-mobi.png");
}
header .rightBox .userMenu ul li a.memo::before, header .rightBox .userMenu ul li button.memo::before {
  background-image: url("../images/header/header-memo.png");
}
header .rightBox .userMenu ul li a.language::before, header .rightBox .userMenu ul li button.language::before {
  background-image: url("../images/header/header-language.png");
}
header .rightBox .userMenu ul li a:hover.tune::before, header .rightBox .userMenu ul li button:hover.tune::before {
  background-image: url("../images/header/header-tune-on.png");
}
header .rightBox .userMenu ul li a:hover.timeboard::before, header .rightBox .userMenu ul li button:hover.timeboard::before {
  background-image: url("../images/header/header-timeboard-on.png");
}
header .rightBox .userMenu ul li a:hover.video::before, header .rightBox .userMenu ul li button:hover.video::before {
  background-image: url("../images/header/header-video-on.png");
}
header .rightBox .userMenu ul li a:hover.notice::before, header .rightBox .userMenu ul li button:hover.notice::before {
  background-image: url("../images/header/header-notice-on.png");
}
header .rightBox .userMenu ul li a:hover.inform::before, header .rightBox .userMenu ul li button:hover.inform::before {
  background-image: url("../images/header/header-inform-on.png");
}
header .rightBox .userMenu ul li a:hover.mobi::before, header .rightBox .userMenu ul li button:hover.mobi::before {
  background-image: url("../images/header/header-mobi-on.png");
}
header .rightBox .userMenu ul li a:hover.memo::before, header .rightBox .userMenu ul li button:hover.memo::before {
  background-image: url("../images/header/header-memo-on.png");
}
header .rightBox .userMenu ul li a:hover.language::before, header .rightBox .userMenu ul li button:hover.language::before {
  background-image: url("../images/header/header-language-on.png");
}
header .rightBox .userWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  white-space: initial;
  margin-left: 1.5rem;
}
header .rightBox .userWrap::before {
  content: " ";
  display: inline-block;
  width: 1px;
  height: 3rem;
  vertical-align: middle;
  background-color: #cccccc;
}
header .rightBox .userWrap .userInfo {
  min-width: 12rem;
  text-align: right;
  font-size: 1.4rem;
  color: #5f6368;
}
header .rightBox .userWrap .userInfo > span {
  display: block;
}
header .rightBox .userWrap .userProfile {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background-color: #1a73e8;
}
header .rightBox .logoutBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
  width: 4.4rem;
  color: #1a73e8;
  font-size: 1.2rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
header .rightBox .logoutBtn::before {
  content: " ";
  display: inline-block;
  width: 3rem;
  height: 3em;
  vertical-align: middle;
  background-image: url(../images/header/header-logout.png);
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}

.userProfile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #3e5e9e;
  text-align: center;
  overflow: hidden;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.userProfile img {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.userProfile img[src=""] {
  display: none;
}
.userProfile img[src^="."] + span {
  display: none;
}

.tunSubModal, .languageModal {
  margin-top: 1rem;
  border: 1px solid #c7dfff;
}
.tunSubModal ul, .languageModal ul {
  padding: 0.8rem 0;
}
.tunSubModal ul li a, .languageModal ul li a {
  display: block;
  padding: 0.8rem 1.6rem 0.8rem;
}
.tunSubModal ul li a:hover, .languageModal ul li a:hover {
  color: #1a73e8;
}

.userProfileModal {
  position: absolute;
  top: 8.5rem;
  right: 6rem;
  width: 25rem;
  z-index: 10000;
  padding: 0.5rem 2rem;
  background-color: #fff;
  border: 1px solid #c7dfff;
  border-radius: 2rem;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
  font-size: 1.4rem;
  display: none;
}
.userProfileModal.on {
  display: block;
}
.userProfileModal .modalCloseBtn {
  position: relative;
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin: 0;
  font-size: 0 !important;
  color: transparent;
}
.userProfileModal .modalCloseBtn::before, .userProfileModal .modalCloseBtn::after {
  position: absolute;
  top: 50%;
  content: " ";
  display: block;
  left: 50%;
  height: 1.8rem;
  width: 2px;
  background-color: #5f6368;
}
.userProfileModal .modalCloseBtn::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.userProfileModal .modalCloseBtn::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.userProfileModal .modalCloseBtn {
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 0 !important;
  color: transparent;
}
.userProfileModal > div:not(:last-of-type, .userWrap, .up_searchBox, .up_balance) {
  border-bottom: 1px solid #dadce0;
}
.userProfileModal > div:not(.up_searchBox, .up_balance) {
  padding: 1.5rem 0;
  margin: 0 0.5rem;
}
.userProfileModal .title {
  display: block;
  margin-bottom: 1rem;
}
.userProfileModal .userWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 100%;
  font-size: 1.2rem;
}
.userProfileModal .userWrap .userInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: calc(100% - 4rem);
}
.userProfileModal .userWrap .userInfo > span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.userProfileModal > .userWrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 2rem;
}
.userProfileModal > .userWrap .userInfo {
  font-size: 1.4rem;
  text-align: center;
}
.userProfileModal > .userWrap .userProfile {
  display: block;
  width: 6rem;
  height: 6rem;
  margin: 0 auto 0rem;
  background-image: url(../images/header/header-up-profile.png);
}
.userProfileModal .up_balance ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 0.5rem 0;
  border-bottom: 1px solid #dadce0;
}
.userProfileModal .up_balance ul li > span {
  color: #3e5e9e;
  font-size: 1.2rem;
}
.userProfileModal .up_balance:not(.d-none) + .up_Menu {
  border-top: none;
}
.userProfileModal .up_Menu {
  border-top: 1px solid #dadce0;
}
.userProfileModal .up_Menu li:not(:last-child) {
  margin-bottom: 1rem;
}
.userProfileModal .up_Menu li a {
  display: block;
}
.userProfileModal .up_Menu li a::before {
  content: " ";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  margin: -2px 1rem 0 0;
}
.userProfileModal .up_Menu li a:hover {
  color: #1a73e8;
}
.userProfileModal .up_Menu li a.upm_aset::before {
  background-image: url(../images/header/header-up-set01.png);
}
.userProfileModal .up_Menu li a.upm_aset:hover::before {
  background-image: url(../images/header/header-up-set01-on.png);
}
.userProfileModal .up_Menu li a.upm_dset::before {
  background-image: url(../images/header/header-up-set02.png);
}
.userProfileModal .up_Menu li a.upm_dset:hover::before {
  background-image: url(../images/header/header-up-set02-on.png);
}
.userProfileModal .up_searchBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
  margin-top: 1.5rem;
  border: 1px solid #1a73e8;
  border-radius: 1.8rem;
  overflow: hidden;
}
.userProfileModal .up_searchBox input {
  width: calc(100% - 4rem);
  padding: 0.8rem 1.5rem;
  font-size: 1.3rem;
}
.userProfileModal .up_searchBox input::-webkit-input-placeholder {
  color: #5f6368;
}
.userProfileModal .up_searchBox input::-moz-placeholder {
  color: #5f6368;
}
.userProfileModal .up_searchBox input:-ms-input-placeholder {
  color: #5f6368;
}
.userProfileModal .up_searchBox input::-ms-input-placeholder {
  color: #5f6368;
}
.userProfileModal .up_searchBox input::placeholder {
  color: #5f6368;
}
.userProfileModal .up_searchBox input:not(:-moz-placeholder) + button {
  margin-right: 0.25rem;
  background-color: #1a73e8;
  background-image: url(../images/header/header-up-search-on.png);
}
.userProfileModal .up_searchBox input:not(:-ms-input-placeholder) + button {
  margin-right: 0.25rem;
  background-color: #1a73e8;
  background-image: url(../images/header/header-up-search-on.png);
}
.userProfileModal .up_searchBox input:not(:placeholder-shown) + button {
  margin-right: 0.25rem;
  background-color: #1a73e8;
  background-image: url(../images/header/header-up-search-on.png);
}
.userProfileModal .up_searchBox button {
  width: 2.9rem;
  height: 2.9rem;
  margin-right: 1rem;
  border-radius: 50%;
  background-image: url(../images/header/header-up-search.png);
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
  font-size: 0 !important;
  color: transparent;
}
.userProfileModal .up_searchBox + div {
  padding-top: 1rem;
}
.userProfileModal .up_list ul {
  max-height: 23rem;
  overflow: hidden;
  overflow-y: auto;
}
.userProfileModal .up_list ul li:not(:last-child) {
  margin-bottom: 1rem;
}
.userProfileModal .up_list ul li .userWrap {
  text-align: left;
}
.userProfileModal .up_list ul li:nth-child(1n) .userWrap .userProfile {
  background-color: #f85f73;
}
.userProfileModal .up_list ul li:nth-child(2n) .userWrap .userProfile {
  background-color: #928a97;
}
.userProfileModal .up_list ul li:nth-child(3n) .userWrap .userProfile {
  background-color: #fbe8d3;
}
.userProfileModal .up_list ul li:nth-child(4n) .userWrap .userProfile {
  background-color: #93b8e5;
}
.userProfileModal .up_list ul li:nth-child(5n) .userWrap .userProfile {
  background-color: #ff3a77;
}
.userProfileModal .up_list ul li:nth-child(6n) .userWrap .userProfile {
  background-color: #ffa36d;
}
.userProfileModal .up_list ul li:nth-child(7n) .userWrap .userProfile {
  background-color: #3c71fd;
}
.userProfileModal .up_list ul li:nth-child(8n) .userWrap .userProfile {
  background-color: #65bba0;
}
.userProfileModal .up_list ul li:nth-child(9n) .userWrap .userProfile {
  background-color: #9575ff;
}
.userProfileModal .up_btnWrap a:hover {
  color: #1a73e8;
}
.userProfileModal .up_btnWrap .btn-main {
  display: block;
  width: 100%;
  padding: 0.8rem 2rem;
  margin-top: 2rem;
  border-radius: 1rem;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}

.contents {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
}
.contents .contentsScrollSection {
  position: relative;
  padding: 0 0 0 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: calc(100vh - 9rem);
  overflow: hidden;
  overflow-y: auto;
  overflow-x: auto;
}
.contents .contentsScrollSection.fullPage {
  height: 100vh;
}

.mainSection {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mainSection .centerWrap {
  position: relative;
}

/*좌측 메뉴*/
.nav {
  min-height: calc(100vh - 9rem);
  width: 36rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.minimization .nav {
  width: 8rem;
  overflow: hidden;
}
.nav {
  color: #bbb8b8;
}
.nav .menuNav {
  position: relative;
  width: 8rem;
  padding: 2rem 0;
  background-color: #3fa34d;
  border-radius: 0 4.3rem 4.3rem 0;
}
.nav .menuNav::after {
  position: absolute;
  top: 100%;
  left: 0;
  content: " ";
  display: block;
  width: 4rem;
  height: 4.2rem;
  vertical-align: middle;
  background-image: url("../images/header/gnb-tail.png");
}
.nav .menuNav .modalOptionBtn {
  display: block;
  margin: 0 auto 2.2rem;
  font-size: 1.3rem;
  text-align: center;
  color: #5f6368;
}
.nav .menuNav .modalOptionBtn::before {
  content: " ";
  display: block;
  width: 5.6rem;
  height: 5.6rem;
  vertical-align: middle;
  margin: 0 auto 1rem;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
  background-image: url("../images/header/gnb-camRegister.png");
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}
.nav .menuNav .modalOption {
  width: 24rem;
}
.nav .menuNav .mnBtn {
  position: relative;
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  margin: 1rem 1.6rem 2rem 2rem;
  border-radius: 1.4rem;
  text-align: center;
  color: #5f6368;
  font-size: 0 !important;
  color: transparent;
}
.nav .menuNav .mnBtn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0px)) translateY(calc(-50% + 0px));
          transform: translateX(calc(-50% + 0px)) translateY(calc(-50% + 0px));
  content: " ";
  display: block;
  width: 5.6rem;
  height: 3rem;
  vertical-align: middle;
  margin: 0 auto;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}
.nav .menuNav .mnBtn.campaign::before {
  background-image: url("../images/header/gnb-campaign.png");
}
.nav .menuNav .mnBtn.report::before {
  background-image: url("../images/header/gnb-report.png");
}
.nav .menuNav .mnBtn.tool::before {
  background-image: url("../images/header/gnb-tool.png");
}
.nav .menuNav .mnBtn.pay::before {
  background-image: url("../images/header/gnb-pay.png");
}
.nav .menuNav .mnBtn.setting::before {
  background-image: url("../images/header/gnb-setting.png");
}
.nav .menuNav .mnBtn.agency::before {
  background-image: url("../images/header/gnb-agency.png");
}
.nav .menuNav .mnBtn:hover {
  background-color: rgba(255, 255, 255, 0.24);
}
.nav .menuNav > li {
  position: relative;
}
.nav .menuNav > li.on .mnBtn {
  background-color: #fff;
}
.nav .menuNav > li.on .mnBtn.campaign::before {
  background-image: url("../images/header/gnb-campaign-on.png");
}
.nav .menuNav > li.on .mnBtn.report::before {
  background-image: url("../images/header/gnb-report-on.png");
}
.nav .menuNav > li.on .mnBtn.tool::before {
  background-image: url("../images/header/gnb-tool-on.png");
}
.nav .menuNav > li.on .mnBtn.pay::before {
  background-image: url("../images/header/gnb-pay-on.png");
}
.nav .menuNav > li.on .mnBtn.setting::before {
  background-image: url("../images/header/gnb-setting-on.png");
}
.nav .menuNav > li.on .mnBtn.agency::before {
  background-image: url("../images/header/gnb-agency-on.png");
}
.nav .menuNav > li:not(.noDepth):hover::before, .nav .menuNav > li:not(.noDepth):hover::after {
  position: absolute;
  content: " ";
  display: inline-block;
  width: 1rem;
  height: 3.8rem;
  vertical-align: middle;
  background-color: #fff;
}
.nav .menuNav > li:not(.noDepth):hover::before {
  top: 0.5rem;
  left: 7.5rem;
  width: 3rem;
  height: 3rem;
  margin-top: 1rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
  z-index: 99;
}
.nav .menuNav > li:not(.noDepth):hover::after {
  top: 1.1rem;
  left: 8.5rem;
  border-radius: 0.5rem;
  z-index: 101;
}
.nav .menuNav > li:not(.noDepth):hover .menuDepth1 {
  display: block;
}
.nav .menuDepth1 {
  position: fixed;
  top: 8rem;
  left: 8.8rem;
  display: none;
  width: 26.8rem;
  background-color: #fff;
  border-radius: 1rem;
  font-size: 1.4rem;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
  z-index: 101;
  height: calc(100% - 19.5rem);
  overflow: hidden;
  overflow-y: auto;
}
.nav .menuDepth1 li {
  margin: 0.8rem;
  border-radius: 2.6rem;
}
.nav .menuDepth1 li span, .nav .menuDepth1 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  height: 5.6rem;
  padding: 1.8rem 2.6rem;
  border-radius: 2rem;
  border: 1px solid transparent;
  color: #2a2a2a;
  cursor: pointer;
}
.nav .menuDepth1 li span:hover, .nav .menuDepth1 li a:hover {
  border-color: #868686;
  background-color: rgba(0, 0, 0, 0.02);
}
.nav .menuDepth1 li span.on, .nav .menuDepth1 li a.on {
  background-color: #3fa34d;
  border-color: #3fa34d;
  border-radius: 2.6rem;
  color: #fff;
}
.nav .menuDepth1 li span::after {
  content: " ";
  display: inline-block;
  width: 1.6rem;
  height: 0.9rem;
  vertical-align: middle;
  background-image: url("../images/common/icon-arrow.png");
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-left: auto;
}
.nav .menuDepth1 li.toggle {
  background-color: #f8f9fa;
}
.nav .menuDepth1 li.toggle span {
  background-color: #f8f9fa;
}
.nav .menuDepth1 li.toggle span::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.nav .menuDepth1 li.toggle .menuDepth2 {
  display: block;
}
.nav .menuDepth1 li.on span {
  color: #3fa34d;
  background-color: #f8f9fa;
}
.nav .menuDepth1 li.on span::after {
  background-image: url(../images/common/icon-arrow-g.png);
}
.nav .menuDepth1 .menuDepth2 {
  display: none;
}
.nav .menuDepth1 .menuDepth2 li:last-child {
  padding-bottom: 0.8rem;
}
.nav .prevSiteBtn {
  display: none;
}

div:not(.minimization) .contents .nav .menuNav > li.on::before, div:not(.minimization) .contents .nav .menuNav > li.on::after {
  display: none;
}
div:not(.minimization) .contents .nav .menuNav > li.on .menuDepth1 {
  display: block;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 99;
}
div:not(.minimization) .contents .nav .menuNav > li.on .menuDepth1 li.toggle {
  background-color: #fff;
}
div:not(.minimization) .contents .nav .menuNav > li.on .menuDepth1 li.toggle span {
  background-color: #fff;
}
div:not(.minimization) .contents .nav .menuNav > li.on .menuDepth1 li.on span {
  background-color: #fff;
}
div:not(.minimization) .contents .nav .prevSiteBtn {
  position: absolute;
  bottom: 5.3rem;
  left: 10.6rem;
  display: block;
  font-size: 1.4rem;
  line-height: 2;
  cursor: pointer;
  z-index: 100;
}
div:not(.minimization) .contents .nav .prevSiteBtn:hover {
  text-decoration: underline;
  color: #3fa34d;
}
div:not(.minimization) .contents .nav .prevSiteBtn:hover::after {
  content: " ";
  display: inline-block;
  width: 0.6rem;
  height: 0.9rem;
  vertical-align: middle;
  margin: -2px 0 0 0.5rem;
  background-image: url(../images/common/icon-arrow-g-r.png);
  vertical-align: middle;
}

/*스크롤이벤트 메뉴*/
.stepNav {
  width: 23.6rem;
  background-color: #fff;
  border-right: 1px solid #ecedee;
  height: calc(100vh - 9rem);
  overflow: hidden;
  overflow-y: auto;
}
.stepNav .stTitle {
  padding: 2.4rem 1.8rem 1.25rem;
  border-bottom: 1px dashed #ecedee;
  font-size: 1.4rem;
  color: #5f6368;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.stepNav .stTitle::before {
  content: " ";
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  vertical-align: middle;
  margin: -3px 0.2rem 0 0;
}
.stepNav .stTitle.shopping::before {
  background-image: url("../images/menu/camRegister/cr-shopping.png");
}
.stepNav .stTitle.adult::before {
  background-image: url("../images/menu/camRegister/cr-adult.png");
}
.stepNav .stTitle.app::before {
  background-image: url("../images/menu/camRegister/cr-app.png");
}
.stepNav .stTitle.branding::before {
  background-image: url("../images/menu/camRegister/cr-branding.png");
}
.stepNav .stTitle.chance::before {
  background-image: url("../images/menu/camRegister/cr-chance.png");
}
.stepNav .stTitle.db::before {
  background-image: url("../images/menu/camRegister/cr-db.png");
}
.stepNav .stTitle.inflow::before {
  background-image: url("../images/menu/camRegister/cr-inflow.png");
}
.stepNav .stTitle.roas::before {
  background-image: url("../images/menu/camRegister/cr-roas.png");
}
.stepNav .stTitle.custom::before {
  background-image: url("../images/menu/camRegister/cr-custom.png");
}
.stepNav .stTitle.show::before {
  background-image: url("../images/menu/camRegister/cr-show.png");
}
.stepNav .stTitle.premium::before {
  background-image: url("../images/menu/camRegister/cr-premium.png");
}
.stepNav .stTitle.pay::before {
  background-image: url("../images/menu/camRegister/cr-pay.png");
}
.stepNav .stTitle.inapp::before {
  background-image: url("../images/menu/camRegister/cr-inapp.png");
}
.stepNav .stTitle.dau::before {
  background-image: url("../images/menu/camRegister/cr-dau.png");
}
.stepNav .stTitle.install::before {
  background-image: url("../images/menu/camRegister/cr-install.png");
}
.stepNav .stTitle.new::before {
  background-image: url("../images/menu/camRegister/cr-new.png");
}
.stepNav .stTitle.reward::before {
  background-image: url("../images/menu/camRegister/cr-reward.png");
}
.stepNav .stTitle.web::before {
  background-image: url("../images/menu/camRegister/cr-web.png");
}
.stepNav .stTitle.conver::before {
  background-image: url("../images/menu/camRegister/cr-conver.png");
}
.stepNav .stList li {
  cursor: pointer;
}
.stepNav .stList li a:hover, .stepNav .stList li button:hover {
  background-color: #f6f6f6;
}
.stepNav .stList .stDepth1 > li > a {
  display: block;
  padding: 1.6rem 2rem;
  color: #999999;
  font-size: 1.4rem;
}
.stepNav .stList .stDepth1 > li > a::before {
  content: " ";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  margin: -2px 1rem 0 0;
  background-color: #ecedee;
  border-radius: 50%;
  font-size: 1.1rem;
  line-height: 2rem;
  color: #cccccc;
  text-align: center;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.stepNav .stList .stDepth1 > li > a.on {
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  color: #2a2a2a;
}
.stepNav .stList .stDepth1 > li > a.on::before {
  background-color: #1a73e8;
  color: #fff;
}
.stepNav .stList .stDepth1 > li > a.error {
  color: #d02243;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.stepNav .stList .stDepth1 > li > a.error::before {
  background-image: url("../images/common/icon-alert-circle-l.png");
  font-size: 0 !important;
  color: transparent;
}
.stepNav .stList .stDepth1 > li:nth-child(1) > a::before {
  content: "1";
}
.stepNav .stList .stDepth1 > li:nth-child(2) > a::before {
  content: "2";
}
.stepNav .stList .stDepth1 > li:nth-child(3) > a::before {
  content: "3";
}
.stepNav .stList .stDepth1 > li:nth-child(4) > a::before {
  content: "4";
}
.stepNav .stList .stDepth1 > li:nth-child(5) > a::before {
  content: "5";
}
.stepNav .stList .stDepth1 > li:nth-child(6) > a::before {
  content: "6";
}
.stepNav .stList .stDepth1 > li:nth-child(7) > a::before {
  content: "7";
}
.stepNav .stList .stDepth1 > li:nth-child(8) > a::before {
  content: "8";
}
.stepNav .stList .stDepth1 > li:nth-child(9) > a::before {
  content: "9";
}
.stepNav .stList .stDepth1 > li:nth-child(10) > a::before {
  content: "10";
}
.stepNav .stList .stDepth2 > li > button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 100%;
  height: 3.5rem;
  padding: 0 1rem;
  margin-left: 6rem;
  color: #5f6368;
  font-size: 1.2rem;
}
.stepNav .stList .stDepth2 > li > button.on {
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  color: #1f68d2;
}
.stepNav .stList .stDepth2 > li > button.none {
  display: none;
}

footer {
  padding: 5rem 0;
  font-size: 1.3rem;
  color: #5f6368;
  line-height: 1;
  text-align: center;
}
footer a {
  color: #5f6368;
}
footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
  padding: 0.5rem 0;
}
footer ul li {
  padding: 0 1rem;
}
footer ul li:not(:first-child) {
  border-left: 1px solid #aaaaaa;
}
footer p {
  padding: 0.5rem 0;
}

.aiBtn, .aiBtn-business {
  position: fixed;
  right: 50px;
  bottom: 50px;
  display: block;
  width: 70px;
  height: 70px;
  background-image: url(../images/common/icon-aiBtn2.png);
  background-position: center;
  background-size: 60%;
  background-repeat: no-repeat;
  background-color: #0c1439;
  -webkit-box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  z-index: 9999;
}

.aiBtn-business {
  background-image: url(../images/common/icon-aiBtn3.webp);
  background-size: 100%;
}
.aiBtn-business.sec {
  bottom: 140px;
}

/* 헤더, 메뉴 등 레이아웃 단위*/
/* 박스 단위*/
[class*=flexBox] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
}
[class*=flexBox] > .right {
  margin-left: auto;
}

.flexBox-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.flexBox-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.flexBox-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.flexBox-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flexBox-space {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flexBox-right {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.flexBox-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flexBox-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.scrollBox {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

[class*=lineBox] {
  width: 100%;
  border: 1px solid #ecedee;
  border-radius: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.lineBox-gray {
  padding: 2.5rem;
  background-color: #f6f6f6;
  font-size: 1.3rem;
}
.lineBox-blue {
  border-color: #1a73e8;
}
.lineBox .lbTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  height: 5.6rem;
  padding: 0 1rem 0 2.5rem;
  border-bottom: 1px solid #ecedee;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
}
.lineBox .lbTitle .right {
  margin-left: auto;
  padding-right: 2.5rem;
}
.lineBox .lbContent {
  padding: 1rem 2rem;
}
.lineBox .lbContent .editBox:not(.editMode) {
  background-color: #fbfbfb;
}
.lineBox .lbInfoBox {
  height: 100%;
  padding: 0 1.6rem;
  margin-left: 2rem;
  border-left: 1px solid #dadce0;
  font-size: 1.2rem;
}
.lineBox-content {
  padding: 0 !important;
}

.whiteBox {
  position: relative;
  padding: 2rem;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 1rem;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
}
.whiteBox .wbTitle {
  font-size: 1.8rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}

.doubleBox {
  padding: 0 1.5rem 1.5rem;
  border: 1px solid #bbb8b8;
  background-color: #fff;
}
.doubleBox .dbContent {
  padding: 1.5rem 1.5rem;
  border: 1px solid #dadce0;
  background-color: #f6f6f6;
  font-size: 1.4rem;
}

.setItemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  white-space: initial;
  margin: 1rem 0 0;
}
.setItemBox > span {
  margin: 0.8rem;
}

.dataClassBox .noData {
  display: none !important;
}
.dataClassBox.nodataMode .onData {
  display: none !important;
}
.dataClassBox.nodataMode .noData {
  display: block !important;
}

/* 기본 항목 제목, 리스트 형식 */
[class*=optionTitle] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  margin: 1rem 0 1rem;
  color: #5f6368;
}

.optionTitle {
  font-size: 1.2rem;
}
.optionTitle-m {
  font-size: 1.4rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.optionTitle-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.optionTitle-b {
  display: inline-block;
  padding: 1rem;
  background-color: #1a73e8;
  color: #fff;
  border-radius: 0.4rem;
}
.optionTitle .right {
  margin-left: auto;
}

.optionBox .optionList > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
  margin: 1rem 0 1.2rem 0;
}
.optionBox .optionList > li .subOptionBox {
  width: 100%;
  padding-left: 3rem;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.optionBox .optionList > li .subOptionBox.full {
  padding-left: 0;
}
.optionBox .optionList > li .subOptionBox > div {
  margin-top: 0rem;
}
.optionBox .optionList > li input:checked + label + .subOptionBox {
  padding-top: 2rem;
  max-height: 1000rem;
  opacity: 1;
  overflow: visible;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.optionSearchBox {
  padding: 2rem 2.6rem;
  background-color: #f8f9f9;
  border-radius: 1rem;
  font-size: 1.3rem;
}
.optionSearchBox .optionTitle-b {
  padding: 1.8rem 2.6rem;
  font-size: 1.4rem;
}
.optionSearchBox .inputBox, .optionSearchBox .selectBox, .optionSearchBox .calendarBox, .optionSearchBox .btn-bgwhite {
  background-color: #fff;
  border-color: #cccccc;
}
.optionSearchBox .optionList > li {
  margin: 0.8rem 0;
}
.optionSearchBox .optionList > li:first-child {
  margin-top: 0;
}
.optionSearchBox .optionList > li:last-child {
  margin-bottom: 0;
}
.optionSearchBox .optionList > li > .optionTitle {
  width: 15.5rem;
  font-size: 1.4rem;
}
.optionSearchBox .optionList > li > .flexBox-stretch {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
  width: calc(100% - 16rem);
}

.infoHelp {
  position: relative;
  display: inline-block;
}
.infoHelp > i {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: middle;
  background-image: url("../images/common/icon-help.png");
}
.infoHelp > i.typeGray {
  width: 1.7rem;
  height: 1.7rem;
  background-image: url("../images/common/icon-help-g.png");
}
.infoHelp .ihBox {
  position: absolute;
  top: -50%;
  left: calc(100% + 0.2rem);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 0.4rem;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
  display: none;
  font-size: 1.4rem;
  color: #5f6368;
  z-index: 10;
}
.infoHelp .ihBox p {
  padding: 2.5rem 2.5rem 1rem;
}
.infoHelp .ihBox p:only-child {
  padding: 2.5rem;
}
.infoHelp .ihBox button {
  display: block;
  margin: 0 1rem 1rem;
}
.infoHelp .ihBox.lineblue {
  border-color: #1a73e8;
}
.infoHelp .ihBox.lineblue::before {
  border-top-color: #1a73e8 !important;
}
.infoHelp .ihBox.typeRight {
  left: auto;
  right: 1.5rem;
}
.infoHelp .ihBox.ihTail-top {
  top: auto;
  bottom: calc(100% + 0.5rem);
  left: -1rem;
}
.infoHelp .ihBox.ihTail-top::before, .infoHelp .ihBox.ihTail-top::after {
  position: absolute;
  top: calc(100% - 0.1rem);
  left: 1.5rem;
  content: " ";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  width: 0px;
  height: 0px;
  border-left: 0.8rem solid transparent;
  border-right: 0.8rem solid transparent;
  border-top: 0.8rem solid #dadce0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.infoHelp .ihBox.ihTail-top::after {
  top: calc(100% - 0.2rem);
  left: 1.5rem;
  border-top-color: #fff;
}
.infoHelp .ihBox.ihTail-bottom {
  top: calc(100% + 0.5rem);
  left: 0rem;
}
.infoHelp .ihBox.ihTail-bottom::before, .infoHelp .ihBox.ihTail-bottom::after {
  position: absolute;
  top: -0.9rem;
  left: 1.5rem;
  content: " ";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  width: 0px;
  height: 0px;
  border-left: 0.8rem solid transparent;
  border-right: 0.8rem solid transparent;
  border-top: 0.8rem solid #dadce0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.infoHelp .ihBox.ihTail-bottom::after {
  top: -0.75rem;
  left: 1.5rem;
  border-top-color: #fff;
}
.infoHelp:hover > i:not(.typeGray) {
  background-image: url("../images/common/icon-help-b.png");
}
.infoHelp:hover .ihBox {
  display: block;
}
.infoHelp.on .ihBox {
  display: block;
}

.infoTxt {
  color: #d02243;
  font-size: 1.4rem;
}
.infoTxt::before {
  content: " ";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  margin: -2px 0.5rem 0 0;
  background-image: url("../images/common/icon-alert-circle-s.png");
}
.infoTxt-blue {
  color: #1f68d2;
}
.infoTxt-blue::before {
  background-image: url("../images/common/icon-alert-circle-s-b.png");
}
.infoTxt-green {
  color: #3fa34d;
}
.infoTxt-green::before {
  background-image: url("../images/common/icon-alert-circle-s-g.png");
}
.infoTxt-yellow {
  color: #b56f18;
}
.infoTxt-yellow::before {
  background-image: url("../images/common/icon-alert-circle-s-y.png");
}

.infoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  min-height: 5rem;
  padding: 0.5rem 1.8rem;
  margin: 1.5rem 0;
  border-radius: 1rem;
  font-size: 1.4rem;
}
.infoBox::before {
  content: " ";
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  vertical-align: middle;
  background-image: url("../images/common/icon-alert-b.png");
  margin-top: -2px;
}
.infoBox .right {
  margin-left: auto;
}
.infoBox-blue {
  background-color: #e8f0fe;
}
.infoBox-red {
  background-color: #fce8e6;
  -webkit-box-shadow: 0 2px 5px 0 #e4e7e8;
          box-shadow: 0 2px 5px 0 #e4e7e8;
  border: 1px solid #dadce0;
}
.infoBox-red::before {
  background-image: url("../images/common/icon-alert-r.png");
}
.infoBox-white {
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 1rem;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
}

/* 슬라이드 토글 박스 */
.toggleBox .toggleTitle {
  color: #1a73e8;
  font-size: 1.4rem;
  cursor: pointer;
}
.toggleBox .toggleTitle::before {
  content: " ";
  display: inline-block;
  width: 1.6rem;
  height: 0.9rem;
  vertical-align: middle;
  background-image: url("../images/common/icon-arrow.png");
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-right: 1rem;
}
.toggleBox .toggleContent {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.toggleBox.toggle .toggleTitle::before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.toggleBox.toggle .toggleContent {
  max-height: 1000rem;
  opacity: 1;
  overflow: visible;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* csContent 우측 설명박스 */
.csInfoBox {
  width: 26.4rem;
  min-height: 100%;
  padding: 0rem 0rem 0 1.5rem;
  margin: 0.5rem 0 0.5rem auto;
  border-left: 1px solid #dadce0;
  color: #5f6368;
  font-size: 1.3rem;
  word-break: keep-all;
}
.csInfoBox p {
  margin-top: 0.4rem;
  font-size: 1.2rem;
}
.csInfoBox ul {
  margin-top: 0.4rem;
  font-size: 1.2rem;
}
.csInfoBox ul li {
  margin: 0.5rem 0 0.5rem 2rem;
  list-style: disc;
}

.manager {
  position: relative;
  display: inline-block;
}
.manager::after {
  position: absolute;
  top: 0rem;
  right: -0.6rem;
  content: " ";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #1a73e8;
}

/* 메인 콘텐츠 박스 커스텀 : 기본, 접기, 설정더보기 */
.stickyPageTitleBox {
  position: sticky;
  top: 0;
  width: calc(100% + 1rem);
  padding: 0 0rem 0.5rem 1rem;
  margin-left: -1rem;
  background-color: #f1f3f4;
  z-index: 1101;
}
.stickyPageTitleBox > .flexBox:nth-of-type(1) {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #dadce0;
  background-color: #f1f3f4;
}
.stickyPageTitleBox > .flexBox:nth-of-type(1) .calendarBox {
  margin: 0 4rem 0 auto;
}

.csTitle,
.csTitleBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 100%;
  padding: 1.5rem 2.6rem;
  border-bottom: 1px solid #dadce0;
  font-size: 1.6rem;
}
.csTitle.slim,
.csTitleBtn.slim {
  padding: 0.5rem 2.6rem;
}
.csTitle h4,
.csTitle > span:nth-of-type(1),
.csTitleBtn h4,
.csTitleBtn > span:nth-of-type(1) {
  min-width: 19.5rem;
  text-align: left;
  font-size: 1.6rem;
}
.csTitle .csTitleInfo,
.csTitleBtn .csTitleInfo {
  margin-left: 1rem;
  font-size: 1.2rem;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.csTitle .toggleInfo,
.csTitleBtn .toggleInfo {
  color: #5f6368;
  text-align: left;
}
.csTitle .toggleInfo.txt-ellipsis,
.csTitleBtn .toggleInfo.txt-ellipsis {
  max-width: calc(100% - 30rem);
}
.csTitle .infoHelp,
.csTitleBtn .infoHelp {
  margin: -2px 0 0 0.5rem;
}

.csBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  white-space: initial;
  padding: 0.5rem;
  border-top: 1px solid #dadce0;
}

.contentSection,
.toggleSection {
  position: relative;
  margin: 2.2rem auto;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 0.4rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  max-height: 1000rem;
  opacity: 1;
  overflow: visible;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.contentSection:not(.toggle).focus,
.toggleSection:not(.toggle).focus {
  -webkit-box-shadow: 0 2px 5px 0 #e4e7e8;
          box-shadow: 0 2px 5px 0 #e4e7e8;
}
.contentSection.none,
.toggleSection.none {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0;
}
.contentSection .csContent,
.toggleSection .csContent {
  font-size: 1.4rem;
}
.contentSection .csContent.flexBox,
.toggleSection .csContent.flexBox {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 2.5rem;
}
.contentSection .csContent .optionBox,
.toggleSection .csContent .optionBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.contentSection:not(.toggleSection-all) .csContent,
.toggleSection:not(.toggleSection-all) .csContent {
  padding: 1rem 2.6rem 1.6rem;
}
.contentSection.nameInputWrap .csContent,
.toggleSection.nameInputWrap .csContent {
  padding: 4rem 2.6rem 6rem;
}

.toggleSection .csTitle,
.toggleSection .csTitleBtn,
.moreSection .csTitle,
.moreSection .csTitleBtn {
  cursor: pointer;
}
.toggleSection .csTitle:hover,
.toggleSection .csTitleBtn:hover,
.moreSection .csTitle:hover,
.moreSection .csTitleBtn:hover {
  background-color: #eff1f1;
}
.toggleSection .csTitle:active,
.toggleSection .csTitleBtn:active,
.moreSection .csTitle:active,
.moreSection .csTitleBtn:active {
  background-color: #e0e2e2;
}
.toggleSection .csContent,
.moreSection .csContent {
  max-height: 1000rem;
  opacity: 1;
  overflow: visible;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.toggleSection.toggle .csTitle + .csContent,
.moreSection.toggle .csTitle + .csContent {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.toggleSection .csTitle:not(.disabled)::after {
  content: " ";
  display: inline-block;
  width: 1.6rem;
  height: 0.9rem;
  vertical-align: middle;
  background-image: url("../images/common/icon-arrow.png");
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: auto;
}
.toggleSection .csTitle > span.toggleInfo {
  display: none;
}
.toggleSection.toggle {
  margin: 0 auto;
}
.toggleSection.toggle .csTitle {
  border-bottom: none;
}
.toggleSection.toggle .csTitle::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.toggleSection.toggle .csTitle .toggleInfo {
  display: inline;
}
.toggleSection.toggle.focus .csTitle {
  background-color: #e0e2e2;
}
.toggleSection-all .csTitle {
  display: none;
}
.toggleSection-all .csContent .tasContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  white-space: initial;
}
.toggleSection-all .csContent .tasContent h4 {
  min-width: 23rem;
  padding: 1.5rem 0rem 1.5rem 2.6rem;
  font-size: 1.6rem;
}
.toggleSection-all .csContent .tasContent > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1.6rem 0;
}
.toggleSection-all .csContent .tasContent > div.small {
  padding: 1.5rem;
}
.toggleSection-all .csContent .tasContent .tasToggleBtn {
  margin: 1.5rem 2.2rem 0 1rem;
}
.toggleSection-all .csContent .tasBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 0.5rem 1rem;
  border-top: 1px solid #dadce0;
}
.toggleSection-all.toggle .csTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.moreSection {
  margin: 2.2rem auto;
}
.moreSection .csTitle,
.moreSection .csTitleBtn {
  height: 5.3rem;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 2px 5px 0 #ecedee;
          box-shadow: 0 2px 5px 0 #ecedee;
}
.moreSection .csTitle {
  padding: 1.2rem 2.2rem 1.1rem;
  color: #1a73e8;
  border-radius: 0;
}
.moreSection .csTitle::before {
  content: " ";
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  vertical-align: middle;
  background-image: url("../images/common/icon-set-main.png");
}
.moreSection .csTitleBtn.none {
  display: none;
}
.moreSection .csTitleBtn::after {
  content: " ";
  display: none;
  width: 2.6rem;
  height: 2.6rem;
  vertical-align: middle;
  margin-left: auto;
  background-image: url("../images/common/icon-edit.png");
}
.moreSection .csTitleBtn:hover::after {
  display: inline-block;
}

.examineSection {
  margin-top: 2.6rem;
  font-size: 1.6rem;
}
.examineSection .examinTitle {
  min-width: 19.5rem;
  text-align: left;
}
.examineSection .examinInfo {
  color: #868686;
  text-align: left;
}
.examineSection .examinList {
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 2px 5px 0 #ecedee;
          box-shadow: 0 2px 5px 0 #ecedee;
}
.examineSection .examinList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 1.5rem 2.6rem;
}
.examineSection .examinList li:hover {
  background-color: #eff1f1;
}
.examineSection .examineBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 100%;
  padding: 1.5rem 2.6rem;
  border-bottom: 1px solid #dadce0;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 2px 5px 0 #ecedee;
          box-shadow: 0 2px 5px 0 #ecedee;
  cursor: pointer;
}
.examineSection .examineBtn:not(:first-child) {
  border-top: none;
}
.examineSection .examineBtn:hover {
  background-color: #eff1f1;
}
.examineSection .examineBtn:active {
  background-color: #e0e2e2;
}
.examineSection .examineBtn.slim {
  padding: 0.5rem 2.5rem;
}
.examineSection .examineBtn .txt-error {
  margin: 0;
}

/* hover 크기 변경 list 커스텀 :  각 메뉴별 아이콘은 _menu.scss에 a, label의 before로 작성  */
.typeList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.8rem;
  white-space: initial;
}
.typeList li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 9.1rem;
}
.typeList li::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
          transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
  -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
          transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  border: 1px solid #d8d8d8;
  background-color: #fff;
}
.typeList li:hover::before {
  border-radius: 0.2rem;
  width: calc(100% + 1.5rem);
  height: calc(100% + 1.5rem);
  -webkit-transform: translate(calc(-50% + 1px), calc(-50% + 1px));
          transform: translate(calc(-50% + 1px), calc(-50% + 1px));
  -webkit-box-shadow: 0 0 0 1px #1a73e8 inset;
          box-shadow: 0 0 0 1px #1a73e8 inset;
  border-color: #1a73e8;
}
.typeList li.on::before {
  -webkit-box-shadow: 0 0 0 1px #1a73e8 inset;
          box-shadow: 0 0 0 1px #1a73e8 inset;
  border-color: #1a73e8;
}
.typeList li a,
.typeList li label {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
          transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
  -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
          transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  width: 100%;
  height: 100%;
  padding: 1.8rem;
  border-radius: 0.1rem;
  cursor: pointer;
}
.typeList li a .tlTitle,
.typeList li label .tlTitle {
  display: block;
  margin: 1rem 0;
  font-size: 1.4rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.typeList li a .tlExplan,
.typeList li label .tlExplan {
  margin-top: 0.4rem;
  font-size: 1.3rem;
  color: #3c4049;
}
.typeList li input:checked + label .tlTitle,
.typeList li input:checked + label .tlExplan {
  color: #1a73e8;
}
.typeList li input:checked + label::after {
  position: absolute;
  top: -1rem;
  right: -1rem;
  content: " ";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-color: #fff;
  background-image: url("../images/common/icon-chk-circle.png");
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}

.grayBoxList li {
  margin: 1.8rem 0;
}
.grayBoxList li:first-child {
  margin-top: 0;
}
.grayBoxList li:last-child {
  margin-bottom: 0;
}
.grayBoxList li .bgbBtn {
  display: block;
  width: 100%;
  padding: 1.5rem 1.6rem;
  background-color: #f1f3f4;
  border: 1px solid #f1f3f4;
  text-align: left;
  cursor: pointer;
}
.grayBoxList li .bgbBtn:hover {
  border-color: #1a73e8;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px 0 #e4e7e8;
          box-shadow: 0 2px 5px 0 #e4e7e8;
}
.grayBoxList li .bgbBtn .bgblTitle {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  color: #2a2a2a;
}
.grayBoxList li .bgbBtn .bgbInfo {
  display: block;
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  color: #1a73e8;
}
.grayBoxList li .bgbBtn .txtTag {
  margin: -3px 0 0 1rem;
}
.grayBoxList li .bgbBtn .txt-blue {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.3rem;
}

.tagOptionBox .tobTag {
  display: none;
  width: 9.8rem;
  height: 2.2rem;
  padding: 0.3rem 0;
  background-color: #1a73e8;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}
.tagOptionBox .tobBox {
  padding: 2rem;
  border: 1px solid #dadce0;
}
.tagOptionBox .tobBox .tobTitle {
  font-size: 1.4rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.tagOptionBox .tobBox .tobTitle .infoHelp i {
  margin-top: -2px;
}
.tagOptionBox .tobBox .tobTitle .infoHelp .ihBox p {
  padding: 1.5rem;
}
.tagOptionBox .tobBox p {
  margin: 0.5rem 0 0;
  color: #5f6368;
  font-size: 1.3rem;
}
.tagOptionBox .tobBox p ~ button {
  margin-top: 1rem;
}
.tagOptionBox .txt-error {
  display: none;
}
.tagOptionBox.on .tobTag {
  display: block;
}
.tagOptionBox.on .tobBox {
  border-color: #1a73e8;
}
.tagOptionBox.on .tobBox .tobTitle {
  color: #1a73e8;
}
.tagOptionBox.error .tobBox {
  border-color: #d02243;
}
.tagOptionBox.error .txt-error {
  display: block;
}

/* 수정하기 박스*/
.editBox {
  width: 100%;
  margin: 1rem 0;
  border: 1px solid #ecedee;
}
.editBox .view {
  display: block;
}
.editBox .edit {
  display: none;
}
.editBox .ebTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  height: 5.6rem;
  padding: 0 1rem 0 2.5rem;
  border-bottom: 1px solid #ecedee;
}
.editBox .ebTitle span {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.editBox .ebTitle span,
.editBox .ebTitle button {
  font-size: 1.6rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  line-height: 3.5rem;
}
.editBox .ebTitle span.txt-blue,
.editBox .ebTitle button.txt-blue {
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
}
.editBox .ebTitle .ebInfo {
  font-size: 1.4rem;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  margin-left: 1rem;
}
.editBox .ebTitle [class*=btn-] {
  padding: 0.25rem 1.5rem;
}
.editBox .ebTitle .left {
  max-width: 80%;
}
.editBox .ebTitle .right {
  margin-left: auto;
}
.editBox .ebContent {
  border-top: none;
}
.editBox .ebContent .view {
  padding: 2.2rem 2.7rem;
  word-break: break-all;
  max-height: 50rem;
  overflow: hidden;
  overflow-y: auto;
}
.editBox.editMode {
  border-color: #1a73e8;
}
.editBox.editMode .view {
  display: none;
}
.editBox.editMode .edit {
  display: block;
}
.editBox.editMode .ebTitle {
  border-bottom-color: #ecedee;
}
.editBox.editMode .ebTitle span,
.editBox.editMode .ebTitle button {
  color: #1a73e8;
}
.editBox.editMode .ebTitle:not(.typeFull) {
  padding: 0;
  margin: 0 2.5rem;
}
.editBox.editMode .ebContent .edit:not(.selectListBoxWrap, .cr_targetWrap) {
  padding: 1rem 2.5rem;
}

/* 탭 */
.tabWrap .tabList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
}
.tabWrap .tabList-line li {
  padding: 1.4rem 2.4rem 1.3rem;
  border-bottom: 2px solid transparent;
  color: #5f6368;
  font-size: 1.4rem;
  cursor: pointer;
}
.tabWrap .tabList-line li.on {
  border-color: #1a73e8;
  color: #2a2a2a;
}
.tabWrap .tabList-line-s {
  gap: 0;
  border-bottom: 1px solid #dddddd;
}
.tabWrap .tabList-line-s li {
  padding: 0 2.4rem;
  cursor: pointer;
}
.tabWrap .tabList-line-s li span {
  display: block;
  padding: 1.4rem 0em 1.3rem;
  border-bottom: 2px solid transparent;
  color: #5f6368;
  font-size: 1.4rem;
}
.tabWrap .tabList-line-s li:hover {
  background-color: #ecedee;
}
.tabWrap .tabList-line-s li.on:hover {
  background-color: #e9eef3;
}
.tabWrap .tabList-line-s li.on span {
  border-color: #1a73e8;
  color: #1a73e8;
}
.tabWrap .tabList-chk-r {
  gap: 0;
  background-color: #f6f6f6;
}
.tabWrap .tabList-chk-r li {
  cursor: pointer;
}
.tabWrap .tabList-chk-r li span {
  display: block;
  padding: 1.4rem 2.4rem 1.3rem;
  border: 1px solid transparent;
  border-bottom: 2px solid transparent;
  color: #3c4049;
  font-size: 1.4rem;
}
.tabWrap .tabList-chk-r li:hover {
  background-color: #ecedee;
}
.tabWrap .tabList-chk-r li.complete span::after {
  content: " ";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  margin: -3px 0 0 1rem;
  background-image: url(../images/common/icon-chk-circle-g-s.png);
  vertical-align: middle;
}
.tabWrap .tabList-chk-r li.on span {
  border-color: #dadce0;
  border-bottom-color: #1a73e8;
  background-color: #fff;
  color: #1a73e8;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.tabWrap .tabList-chk-r li.on.complete span::after {
  background-image: url(../images/common/icon-chk-circle-s.png);
}
.tabWrap .tabList-check li {
  padding: 0.6rem 1.5rem;
  border: 1px solid #dadce0;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  font-size: 1.4rem;
  border-radius: 0.3rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.tabWrap .tabList-check li::before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 0.8rem;
  vertical-align: middle;
  background-image: url("../images/common/icon-chk-b.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tabWrap .tabList-check li.on {
  background-color: #e8f0fe;
  border-color: #e8f0fe;
  color: #1a73e8;
}
.tabWrap .tabList-check li.on::before {
  width: 1.3rem;
  margin: -1px 1rem 0 0;
}
.tabWrap .tabList-leftbar {
  display: block;
  border-right: 1px solid #dadce0;
}
.tabWrap .tabList-leftbar li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  height: 6rem;
  padding: 0 1rem;
  border-left: 3px solid transparent;
  border-bottom: 1px solid #dadce0;
  font-size: 1.4rem;
  cursor: pointer;
}
.tabWrap .tabList-leftbar li.on {
  border-left-color: #1a73e8;
}
.tabWrap .tabBox {
  display: none;
}
.tabWrap .tabBox.on {
  display: block;
}

/* 우측 선택 리스트 박스 */
/* 좌측 검색, 파일업로드 */
.selectListBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0;
  white-space: initial;
  background-color: #fff;
  font-size: 1.4rem;
}
.selectListBox-line {
  border: 1px solid #dadce0;
}
.selectListBox .scrollBox > .txt-gray8 {
  padding: 2.4rem 2rem;
}
.selectListBox > div {
  width: 50%;
}
.selectListBox > div:nth-child(1) {
  border-right: 1px solid #dadce0;
}

.customList li {
  margin: 0;
}
.customList li > div,
.customList li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
  width: 100%;
  min-height: 4.9rem;
  padding: 0 2rem;
  color: #5f6368;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.customList li > div:hover,
.customList li > a:hover {
  background-color: #f7f8f8;
}
.customList li > div.on,
.customList li > a.on {
  background-color: #e8f0fe;
}
.customList li > div span,
.customList li > div label,
.customList li > div .txt-ellipsis,
.customList li > div p,
.customList li > a span,
.customList li > a label,
.customList li > a .txt-ellipsis,
.customList li > a p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.4rem;
}
.customList li > div span .txt-gray8,
.customList li > div label .txt-gray8,
.customList li > div .txt-ellipsis .txt-gray8,
.customList li > div p .txt-gray8,
.customList li > a span .txt-gray8,
.customList li > a label .txt-gray8,
.customList li > a .txt-ellipsis .txt-gray8,
.customList li > a p .txt-gray8 {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 1.2rem;
}
.customList li > div .btn-arrow,
.customList li > div button:only-child,
.customList li > a .btn-arrow,
.customList li > a button:only-child {
  width: 100%;
  min-height: 4.9rem;
  padding: 0;
  text-align: left;
}
.customList li > div p,
.customList li > a p {
  padding: 1.4rem 0;
}
.customList .clDepth:not(.toggle) .btnIcon-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.customList .clDepth > ul, .customList .clDepth .clDepthBox {
  display: none;
}
.customList .clDepth > ul > li > div, .customList .clDepth .clDepthBox > li > div {
  padding-left: 5rem;
}
.customList .clDepth > ul > li > ul > li > div, .customList .clDepth .clDepthBox > li > ul > li > div {
  padding-left: 7.5rem;
}
.customList .clDepth.toggle > ul, .customList .clDepth.toggle .clDepthBox {
  display: block;
}

.resultBox,
.searchListBox {
  min-height: 26.4rem;
  max-height: 30rem;
}
.resultBox .slTop,
.searchListBox .slTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  height: 5rem;
  padding: 0 0.5rem 0 2rem;
  border-bottom: 1px solid #dadce0;
}
.resultBox .slTop input,
.searchListBox .slTop input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.resultBox .slTop input::-webkit-input-placeholder, .searchListBox .slTop input::-webkit-input-placeholder {
  color: #5f6368;
}
.resultBox .slTop input::-moz-placeholder, .searchListBox .slTop input::-moz-placeholder {
  color: #5f6368;
}
.resultBox .slTop input:-ms-input-placeholder, .searchListBox .slTop input:-ms-input-placeholder {
  color: #5f6368;
}
.resultBox .slTop input::-ms-input-placeholder, .searchListBox .slTop input::-ms-input-placeholder {
  color: #5f6368;
}
.resultBox .slTop input::placeholder,
.searchListBox .slTop input::placeholder {
  color: #5f6368;
}
.resultBox .slTop .btn-txt,
.searchListBox .slTop .btn-txt {
  margin-left: auto;
}
.resultBox .slTop + .scrollBox,
.searchListBox .slTop + .scrollBox {
  height: calc(100% - 5rem);
}
.resultBox .slTop + .flexBox,
.searchListBox .slTop + .flexBox {
  gap: 0;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
}
.resultBox .slTop + .flexBox + .scrollBox,
.searchListBox .slTop + .flexBox + .scrollBox {
  height: calc(100% - 10rem);
}
.resultBox .scrollBox > div:nth-child(1) .flTitle,
.searchListBox .scrollBox > div:nth-child(1) .flTitle {
  border-top: none;
}
.resultBox .scrollBox .slTitle,
.searchListBox .scrollBox .slTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 1rem 1.6rem;
  border-top: 1px solid #ecedee;
  border-bottom: 1px solid #ecedee;
  background-color: #f6f6f6;
  font-size: 1.2rem;
}
.resultBox .scrollBox .slTitle .btnIcon-arrow,
.searchListBox .scrollBox .slTitle .btnIcon-arrow {
  margin: 0 0 0 auto;
  vertical-align: middle;
}
.resultBox .scrollBox .nodata,
.searchListBox .scrollBox .nodata {
  padding: 2.5rem 2rem;
  color: #868686;
}
.resultBox .scrollBox .nodata + ul,
.searchListBox .scrollBox .nodata + ul {
  display: none;
}
.resultBox .scrollBox .nodata.none,
.searchListBox .scrollBox .nodata.none {
  display: none;
}
.resultBox .scrollBox .nodata.none + ul,
.searchListBox .scrollBox .nodata.none + ul {
  display: block;
}

.searchListBox-m {
  height: 40rem;
}
.searchListBox-m + .resultBox {
  height: 40rem;
}

.productAddBox {
  height: 40rem;
}
.productAddBox + .resultBox {
  height: 40rem;
}
.productAddBox input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.productAddBox input[type=file] + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  white-space: initial;
  height: 26.4rem;
  background-color: #f6f6f6;
  border: 1px solid #ecedee;
  text-align: center;
  cursor: pointer;
}
.productAddBox input[type=file] + label span:nth-child(2) {
  color: #bbb8b8;
  font-size: 1.3rem;
}
.productAddBox .flTop {
  border-bottom: 1px solid #ecedee;
}
.productAddBox .tabBox {
  position: relative;
  height: 35rem;
  padding: 1.6rem;
}
.productAddBox .tabBox .inputBox {
  width: 100%;
}
.productAddBox .tabBox .inputBox.typeTxtarea {
  height: auto;
  padding: 2rem 1.5rem;
  margin-bottom: 1rem;
  border-color: #ecedee;
  border-radius: 0;
}
.productAddBox .tabBox .inputBox.typeTxtarea.focus {
  border-color: #ecedee;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.productAddBox .tabBox .inputBox.typeTxtarea textarea {
  height: 21.2rem;
  resize: none;
}
.productAddBox .tabBox .optionList + .btn-linemain {
  position: absolute;
  right: 1.5rem;
  bottom: 2rem;
}
.productAddBox .tabBox .flexBox {
  margin-bottom: 1rem;
}
.productAddBox .tabBox .flexBox .btn-linemain {
  margin-left: auto;
}

.thumbnailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
}
.thumbnailBox > img, .thumbnailBox video {
  display: block;
  max-height: 9.4rem;
}

.thumbnailLink {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  max-width: 8.6rem;
  min-width: 5rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 6.6rem;
}
.thumbnailLink > img, .thumbnailLink video {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.thumbnailLink > span:not(.tnPreview) {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.2rem 0;
  background-color: #5f6368;
  font-size: 1.2rem;
  text-align: center;
  color: #fff;
  word-break: keep-all;
  overflow: hidden;
}

.tnPreview {
  position: fixed;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  z-index: 10000;
}
.tnPreview img, .tnPreview video {
  display: inline-block;
  max-width: 40rem;
  max-height: 40rem;
}

.mouseSelectList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1px;
  white-space: initial;
  text-align: center;
  font-size: 1.4rem;
  color: #5f6368;
}
.mouseSelectList > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mouseSelectList i {
  display: block;
  width: 100%;
  height: 5rem;
  background-color: #f6f6f6;
}
.mouseSelectList i.ui-selecting {
  background-color: #82adf7;
}
.mouseSelectList i.ui-selected {
  background-color: #1a73e8;
}

/* input range 박스*/
.customRangeBox {
  position: relative;
  height: 1.2rem;
  margin: 3rem 0;
  border-radius: 0.6rem;
}
.customRangeBox input[type=range] {
  display: block;
  -webkit-appearance: none;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #a5c3ff), color-stop(50%, #dadce0));
  background: linear-gradient(to right, #a5c3ff 50%, #dadce0 50%);
  width: 100%;
  height: 1.2rem;
  padding: 0;
  border-radius: 0.6rem;
  margin: 0 auto;
  outline: 0;
}
.customRangeBox input[type=range]::-webkit-slider-thumb {
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  width: 2.6rem;
  height: 2.6rem;
  border: 3px solid #fff;
  background-color: #1a73e8;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  cursor: pointer;
}
.customRangeBox .rangeNum {
  position: absolute;
  top: -3.5rem;
  display: block;
  width: 4rem;
  color: #1a73e8;
  text-align: center;
  font-size: 1.6rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  -webkit-transform: translateX(-2rem);
          transform: translateX(-2rem);
}

/* 노출범위 오디언스 audience 박스*/
.audienceBox {
  width: 100%;
}
.audienceBox .abRadio {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  height: 1.2rem;
  margin: 0 0.6em;
  background-color: #dadce0;
  border-radius: 1.2rem;
}
.audienceBox .abRadio input[type=radio] {
  position: absolute;
}
.audienceBox .abRadio input[type=radio] + label {
  position: relative;
  cursor: pointer;
}
.audienceBox .abRadio input[type=radio] + label::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
          transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
  content: " ";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: middle;
  background-color: #a5c3ff;
  border-radius: 50%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.audienceBox .abRadio input[type=radio]:checked + label::after {
  width: 2.6rem;
  height: 2.6rem;
  border: 3px solid #fff;
  background-color: #1a73e8;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.audienceBox .abindex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  margin-top: 0.8rem;
  color: #5f6368;
  font-size: 1.3rem;
}

.cdpListWrap a {
  color: #5f6368;
}
.cdpListWrap .cdpList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  gap: 1rem;
  white-space: initial;
}
.cdpListWrap .cdpList > li {
  width: calc(33.3333333333% - 0.6666666667rem);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
}
.cdpListWrap .cdpList > li > div {
  min-height: 23rem;
  padding: 1.2rem 1.6rem;
  background-color: #f6f6f6;
  border: 1px solid #ecedee;
  color: #5f6368;
}
.cdpListWrap .cdpList > li.on {
  -webkit-box-shadow: 1px 2px 2px 0 #e4e7e8;
          box-shadow: 1px 2px 2px 0 #e4e7e8;
}
.cdpListWrap .cdpList > li.on > div {
  -webkit-box-shadow: 0 0 0 1px #1a73e8 inset;
          box-shadow: 0 0 0 1px #1a73e8 inset;
  border-color: #1a73e8;
}
.cdpListWrap .cdpList > li:hover {
  -webkit-box-shadow: 3px 3px 10px 0 #cfcfcf;
          box-shadow: 3px 3px 10px 0 #cfcfcf;
}
.cdpListWrap .cdpTopBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
  white-space: initial;
}
.cdpListWrap .cdpTopBox i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 2rem;
  height: 2rem;
  border: 1px solid #1a73e8;
  border-radius: 50%;
  font-style: normal;
}
.cdpListWrap .cdpTopBox i.gradeTop {
  border-color: #c53929;
  color: #c53929;
}
.cdpListWrap .cdpTopBox i.gradeMiddle {
  border-color: #1a73e8;
  color: #1a73e8;
}
.cdpListWrap .cdpTopBox i.gradeBottom {
  border-color: #85b74e;
  color: #85b74e;
}
.cdpListWrap .cdpTopBox a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.cdpListWrap .cdpDetailBox {
  padding: 1.2rem;
  margin: 1rem 0;
  border-radius: 0.4rem;
  background-color: #fff;
}
.cdpListWrap .cdpDetailBox > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.4rem;
}
.cdpListWrap .cdpDetailBox > li span:nth-child(1)::before {
  content: " ";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  border-radius: 50%;
  background-color: #5f6368;
}
.cdpListWrap .cdpStatusBox > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 1rem;
  white-space: initial;
  font-size: 1.2rem;
}
.cdpListWrap .cdpStatusBox > div:not(:first-child) {
  padding: 1rem 0 0;
  margin: 1rem 0 0;
  border-top: 1px solid #dadada;
}
.cdpListWrap .cdpStatusBox > div ul {
  width: calc(100% - 6.4rem);
}
.cdpListWrap .cdpStatusBox .cdpTag {
  display: inline-block;
  width: 5.4rem;
  height: 3.2rem;
  font-size: 1.2rem;
  border-radius: 0.4rem;
  line-height: 3.2rem;
  text-align: center;
  font-style: normal;
}
.cdpListWrap .cdpStatusBox .cdpTag-blue {
  background-color: #1a73e8;
  border-color: #1a73e8;
  color: #fff;
}
.cdpListWrap .cdpStatusBox .cdpTag-red {
  background-color: #c53929;
  border-color: #c53929;
  color: #fff;
}

.pagingWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 2rem 2.5rem 2rem;
  font-size: 1.4rem;
  background-color: #fff;
  border-radius: 0 0 1rem 1rem;
  -webkit-box-shadow: 0 2px 5px 0 #e4e7e8;
          box-shadow: 0 2px 5px 0 #e4e7e8;
}
.pagingWrap .selectBox {
  height: 3.2rem;
  padding: 0rem 1rem;
}
.pagingWrap span {
  display: inline-block;
}
.pagingWrap span:nth-of-type(2) {
  margin: 0 1rem;
}
.pagingWrap .btnIcon-arrow,
.pagingWrap .btnIcon-arrow-d {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
}
.pagingWrap .btnIcon-arrow:not(.disabled, :disabled):hover,
.pagingWrap .btnIcon-arrow-d:not(.disabled, :disabled):hover {
  background-color: #ecedee;
}
.pagingWrap .btnIcon-arrow {
  opacity: 0.8;
}
.pagingWrap .btnIcon-arrow.disabled, .pagingWrap .btnIcon-arrow:disabled {
  opacity: 0.45;
}
.pagingWrap .btnIcon-arrow-d.disabled, .pagingWrap .btnIcon-arrow-d:disabled {
  opacity: 0.6;
}
.pagingWrap .btnIcon-arrow-d.left {
  margin-right: -1rem;
}
.pagingWrap .btnIcon-arrow-d:not(.left) {
  margin-left: -1rem;
}
.pagingWrap .pagingBtnWrap {
  margin-left: auto;
}
.pagingWrap .pagingBtnWrap [class*=pagingBtn] {
  width: 3rem;
  height: 3rem;
  margin: 0 0.1rem;
  background-color: #fff;
  border: 1px solid #dadce0;
  color: #3c4049;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 0.4rem;
  vertical-align: middle;
}
.pagingWrap .pagingBtnWrap [class*=pagingBtn]:hover {
  background-color: #cbdffa;
  border-color: #cbdffa;
  color: #1a73e8;
}
.pagingWrap .pagingBtnWrap [class*=pagingBtn].on {
  background-color: #1a73e8;
  border-color: #1a73e8;
  color: #fff;
}
.pagingWrap .pagingBtnWrap .pagingBtnPrev,
.pagingWrap .pagingBtnWrap .pagingBtnNext {
  width: 6.6rem;
  padding: 0 1.2rem;
  text-align: left;
}
.pagingWrap .pagingBtnWrap .pagingBtnPrev::before {
  content: " ";
  display: inline-block;
  width: 0.6rem;
  height: 1rem;
  vertical-align: middle;
  margin: -3px 0.8rem 0 0;
  background-image: url("../images/common/icon-arrow-l.png");
  vertical-align: middle;
}
.pagingWrap .pagingBtnWrap .pagingBtnNext::after {
  content: " ";
  display: inline-block;
  width: 0.6rem;
  height: 1rem;
  vertical-align: middle;
  margin: -3px 0 0 0.8rem;
  background-image: url("../images/common/icon-arrow-r.png");
  vertical-align: middle;
}

.barGraphWrap .barGraph {
  position: relative;
  width: 100%;
  height: 4rem;
  background-color: #f6f6f6;
}
.barGraphWrap .barGraph span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
}
.barGraphWrap .barGraph span.bg_blue {
  background-color: #3eacee;
}
.barGraphWrap .barGraph span.bg_green {
  background-color: #3fcc35;
}
.barGraphWrap .barGraph span.bg_navy {
  background-color: #3e5e9e;
}
.barGraphWrap .barGraph span.bg_pink {
  background-color: #f85f73;
}
.barGraphWrap .barGraph span.bg_gray {
  background-color: #928a97;
}
.barGraphWrap .barGraph span.bg_beige {
  background-color: #fbe8d3;
}
.barGraphWrap .barGraph span.bg_skyblue {
  background-color: #93b8e5;
}
.barGraphWrap .barGraph span.bg_mainblue {
  background-color: #1a73e8;
}

.donutGraphWrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0;
  white-space: initial;
}
.donutGraphWrap .dounutGraphIndex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 1rem;
  white-space: initial;
  width: 13.5rem;
}
.donutGraphWrap .dounutGraphIndex > span {
  font-size: 2rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: -0.25px;
}
.donutGraphWrap .dounutGraphIndex > ul li {
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
}
.donutGraphWrap .dounutGraphIndex > ul li::before {
  content: " ";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: middle;
  border-radius: 2px;
  margin: -2px 0.5rem 0 0;
}
.donutGraphWrap .dounutGraphIndex > ul li.green::before {
  background-color: #3fcc35;
}
.donutGraphWrap .dounutGraphIndex > ul li.blue::before {
  background-color: #3eacee;
}
.donutGraphWrap .donutGraph {
  position: relative;
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  background-clip: border-box;
  overflow: hidden;
}
.donutGraphWrap .donutGraph::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
          transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
  display: block;
  content: "";
  width: 5rem;
  height: 5rem;
  background-color: #fff;
  border-radius: 50%;
  z-index: 2;
}
.donutGraphWrap .donutGraph i {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(#3eacee 180deg, #3fcc35 180deg);
}
.donutGraphWrap .dountNum {
  position: absolute;
  color: #fff;
  font-size: 1.5rem;
}

.sideWrap {
  position: relative;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.sideWrap .sideWrapBtn {
  position: absolute;
  top: 0;
  right: 100%;
}

.loadingWrap {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 1100;
}
.loadingWrap > span {
  display: block;
  margin-top: 2rem;
  color: #1f68d2;
  font-size: 2rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}

.loading {
  display: inline-block;
  width: 8rem;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1.3rem solid rgba(0, 0, 0, 0);
  border-right-color: rgba(26, 115, 232, 0.5921568627);
  position: relative;
  -webkit-animation: loading 1s infinite linear;
          animation: loading 1s infinite linear;
}
.loading:before, .loading:after {
  content: "";
  position: absolute;
  inset: -1.3rem;
  border-radius: 50%;
  border: inherit;
  -webkit-animation: inherit;
          animation: inherit;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.loading:after {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}
.loading.size26 {
  width: 2.6rem;
  border-width: 0.6rem;
}
.loading.size26:before, .loading.size26:after {
  inset: -0.6rem;
}

@-webkit-keyframes loading {
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

@keyframes loading {
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
/* HTML: <div class="loader"></div> */
.loadingDot {
  width: 8rem;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,#1a73e8 90%,#0000);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: 23.8095238095% 50%;
  -webkit-animation: loadingdot 1s infinite linear;
          animation: loadingdot 1s infinite linear;
}

@-webkit-keyframes loadingdot {
  20% {
    background-position: 0% 0%, 50% 50%, 100% 50%;
  }
  40% {
    background-position: 0% 100%, 50% 0%, 100% 50%;
  }
  60% {
    background-position: 0% 50%, 50% 100%, 100% 0%;
  }
  80% {
    background-position: 0% 50%, 50% 50%, 100% 100%;
  }
}

@keyframes loadingdot {
  20% {
    background-position: 0% 0%, 50% 50%, 100% 50%;
  }
  40% {
    background-position: 0% 100%, 50% 0%, 100% 50%;
  }
  60% {
    background-position: 0% 50%, 50% 100%, 100% 0%;
  }
  80% {
    background-position: 0% 50%, 50% 50%, 100% 100%;
  }
}
.loadingCircle {
  position: relative;
  width: 4.4rem;
  height: 4.4rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.loadingCircle .core {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
          transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #1a73e8;
  -webkit-animation: loadingCircleCore 1.6s ease-in-out infinite;
          animation: loadingCircleCore 1.6s ease-in-out infinite;
}
.loadingCircle .ring {
  width: 100%;
  height: 100%;
}
.loadingCircle .ring::before, .loadingCircle .ring::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: block;
  content: "";
  border-radius: 50%;
  border: 2px solid #1a73e8;
  opacity: 0;
  -webkit-animation: loadingCircleRing 2.2s ease-out infinite;
          animation: loadingCircleRing 2.2s ease-out infinite;
}
.loadingCircle .ring::after {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.loadingCircle.done .core {
  background-color: #3fa34d;
  -webkit-animation: none;
          animation: none;
}
.loadingCircle.done .ring {
  display: none;
}

@-webkit-keyframes loadingCircleCore {
  0%, 100% {
    -webkit-transform: translate(-50%, -50%) scale(0.85);
            transform: translate(-50%, -50%) scale(0.85);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
  }
}

@keyframes loadingCircleCore {
  0%, 100% {
    -webkit-transform: translate(-50%, -50%) scale(0.85);
            transform: translate(-50%, -50%) scale(0.85);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
  }
}
@-webkit-keyframes loadingCircleRing {
  0% {
    width: 22px;
    height: 22px;
    opacity: 0.5;
  }
  100% {
    width: 46px;
    height: 46px;
    opacity: 0;
  }
}
@keyframes loadingCircleRing {
  0% {
    width: 22px;
    height: 22px;
    opacity: 0.5;
  }
  100% {
    width: 46px;
    height: 46px;
    opacity: 0;
  }
}
.loadingTxt {
  display: inline-block;
  width: 2px;
  height: 1.5rem;
  margin: -2px 0 0 0.5rem;
  background: #999999;
  vertical-align: middle;
  -webkit-animation: txtCursor 1s step-end infinite;
          animation: txtCursor 1s step-end infinite;
}

@-webkit-keyframes txtCursor {
  50% {
    opacity: 0;
  }
}

@keyframes txtCursor {
  50% {
    opacity: 0;
  }
}
.aiLoadingWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1rem;
  white-space: initial;
  padding: 2rem;
}
.aiLoadingWrap > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.aiLoadingWrap .right {
  padding-left: 3rem;
  border-left: 1px solid #dadce0;
}
.aiLoadingWrap .right > p {
  width: 6rem;
  word-break: keep-all;
  text-align: right;
}
.aiLoadingWrap .aiLoading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
}
.aiLoadingWrap .aiLoading .aiLoadingTxt p {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.aiLoadingWrap .aiLoading .aiLoadingTxt p:first-child {
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.aiLoadingWrap .barGraphWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  max-width: 40rem;
}
.aiLoadingWrap .barGraphWrap .barGraph {
  height: 1.2rem;
  border-radius: 1.2rem;
  background-color: #ecedee;
}
.aiLoadingWrap .barGraphWrap .barGraph span {
  border-radius: 1.2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.floatingAlert {
  position: fixed;
  top: 10rem;
  right: 2.4rem;
  width: 32rem;
  z-index: 10000;
}
.floatingAlert > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  height: 5.6rem;
  padding: 0 2rem;
  margin: 0.5rem 0;
  background-color: #1a73e8;
  border-radius: 2.8rem;
  color: #fff;
  font-size: 1.8rem;
}
.floatingAlert > p::before {
  content: " ";
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  vertical-align: middle;
  margin: 0px 0.3rem 0 0;
}
.floatingAlert > p.type01::before {
  background-image: url("../images/menu/camList/cl-floating-01.png");
}
.floatingAlert > p.type02::before {
  background-image: url("../images/menu/camList/cl-floating-02.png");
}
.floatingAlert > p.type03::before {
  background-image: url("../images/menu/camList/cl-floating-03.png");
}
.floatingAlert > p.type04::before {
  background-image: url("../images/menu/camList/cl-floating-04.png");
}

.dateCalendarWrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1rem;
  white-space: initial;
  background: #fff;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.dateCalendarWrap [class*=dcp-] {
  position: relative;
  color: #fff;
  line-height: 2rem;
  font-size: 1.3rem;
  text-align: center;
  z-index: 2;
}
.dateCalendarWrap .dcp-red {
  background-color: #e33434;
}
.dateCalendarWrap .dcp-yellow {
  background-color: #e9ac32;
}
.dateCalendarWrap .dcp-green {
  background-color: #65cf89;
}
.dateCalendarWrap .dcp-blue {
  background-color: #5a5ffb;
}
.dateCalendarWrap .dcp-purple {
  background-color: #b690e8;
}
.dateCalendarWrap .dcp2 {
  width: calc(200% + 2px);
}
.dateCalendarWrap .dcp3 {
  width: calc(300% + 3px);
}
.dateCalendarWrap .dcp4 {
  width: calc(400% + 4px);
}
.dateCalendarWrap .dcp5 {
  width: calc(500% + 5px);
}
.dateCalendarWrap .dcp6 {
  width: calc(600% + 6px);
}
.dateCalendarWrap .dcp7 {
  width: calc(700% + 7px);
}
.dateCalendarWrap .dcp-BtnWrap {
  position: absolute;
  width: 100%;
}
.dateCalendarWrap .dcp-BtnWrap .btn-line {
  position: absolute;
  top: 2rem;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  border-color: #dadce0;
}
.dateCalendarWrap .dcp-BtnWrap .btn-line:first-child {
  left: 0rem;
}
.dateCalendarWrap .dcp-BtnWrap .btn-line:last-child {
  right: 0rem;
}
.dateCalendarWrap .dateCalendarPicker .ui-datepicker table tbody tr td {
  position: relative;
}
.dateCalendarWrap .dcpListWrap {
  width: 25rem;
  margin: 8rem 0 0;
  border: 1px solid #dadce0;
  max-height: 68rem;
  overflow: hidden;
  overflow-y: auto;
  z-index: 1;
}
.dateCalendarWrap .dcpListWrap .dcp_nodata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  height: 100%;
  color: #5f6368;
  background-color: #f6f6f6;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.5;
}
.dateCalendarWrap .dcpListWrap .dcp_nodata::before {
  content: " ";
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  vertical-align: middle;
  background-image: url(../images/common/icon-calendar.png);
}
.dateCalendarWrap .dcpListWrap li {
  position: relative;
  padding: 1rem 1rem 1rem 3.6rem;
}
.dateCalendarWrap .dcpListWrap li i {
  position: absolute;
  top: 50%;
  left: 2rem;
  -webkit-transform: translateY(-46%);
          transform: translateY(-46%);
  display: block;
  width: 0.4rem;
  height: calc(100% - 2rem);
}
.dateCalendarWrap .dcpListWrap li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
}
.dateCalendarWrap .dcpListWrap li > div span {
  font-size: 1.6rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  margin-right: auto;
}
.dateCalendarWrap .dcpListWrap li > div [class*=btnIcon-] {
  visibility: hidden;
  width: 3.4rem;
  height: 3.4rem;
  background-size: 2rem;
}
.dateCalendarWrap .dcpListWrap li > p {
  margin-top: 1rem;
  font-size: 1.2rem;
}
.dateCalendarWrap .dcpListWrap li:hover {
  background-color: #f6f6f6;
}
.dateCalendarWrap .dcpListWrap li:hover > div [class*=btnIcon-] {
  visibility: visible;
}

.dateCalendarPicker {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dateCalendarPicker .ui-datepicker .ui-datepicker-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 100%;
  padding: 2.5rem 0 2.5rem 20rem;
}
.dateCalendarPicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.dateCalendarPicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 3rem;
  height: 3rem;
  border: 1px solid #ecedee;
  border-radius: 4px;
  cursor: pointer;
}
.dateCalendarPicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.dateCalendarPicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border: 1px solid #415065;
  border-width: 0 1px 1px 0;
  border-radius: 0;
  font-size: 0 !important;
  color: transparent;
}
.dateCalendarPicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.dateCalendarPicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.dateCalendarPicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.dateCalendarPicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  gap: 0.5rem;
  font-size: 1.6rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.dateCalendarPicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.dateCalendarPicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.dateCalendarPicker .ui-datepicker table {
  table-layout: fixed;
  width: 100%;
  border: 1px solid #dadce0;
  border-collapse: collapse;
}
.dateCalendarPicker .ui-datepicker table th:first-child a, .dateCalendarPicker .ui-datepicker table th:first-child span, .dateCalendarPicker .ui-datepicker table td:first-child a, .dateCalendarPicker .ui-datepicker table td:first-child span {
  color: #d02243;
}
.dateCalendarPicker .ui-datepicker table th:last-child a, .dateCalendarPicker .ui-datepicker table th:last-child span, .dateCalendarPicker .ui-datepicker table td:last-child a, .dateCalendarPicker .ui-datepicker table td:last-child span {
  color: #1f68d2;
}
.dateCalendarPicker .ui-datepicker table th:hover, .dateCalendarPicker .ui-datepicker table td:hover {
  background-color: #f6f6f6;
  cursor: pointer;
}
.dateCalendarPicker .ui-datepicker table thead tr th {
  padding: 8px 0;
  border: 1px solid #dadce0;
}
.dateCalendarPicker .ui-datepicker table thead tr th span {
  font-size: 1.2rem;
  font-weight: normal;
  color: #5f6368;
}
.dateCalendarPicker .ui-datepicker table tbody tr td {
  border: 1px solid #dadce0;
  height: 13rem;
}
.dateCalendarPicker .ui-datepicker table tbody tr td .ui-state-default {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 auto;
  border: 1px solid transparent;
  border-radius: 50%;
  font-size: 1.3rem;
  line-height: 2.3rem;
  text-align: center;
}
.dateCalendarPicker .ui-datepicker table tbody tr td .ui-state-default.disabled {
  color: #bbb8b8;
}
.dateCalendarPicker .ui-datepicker table tbody tr td .ui-state-default.ui-state-active {
  background-color: #1a73e8;
  border-color: #1a73e8;
  color: #fff;
}
.dateCalendarPicker .ui-datepicker table tbody tr td .ui-state-default.ui-state-highlight {
  background-color: #1a73e8;
  border-color: #1a73e8;
  color: #fff;
}
.dateCalendarPicker .ui-datepicker table tbody tr td .ui-state-default.ui-state-hover {
  color: #2a2a2a;
  border: 1px solid #aaaaaa;
  background-color: #ecedee;
}
.dateCalendarPicker .ui-datepicker table tbody tr td.ui-state-disabled {
  background-color: #f6f6f6;
}
.dateCalendarPicker .ui-datepicker table tbody tr td.ui-state-disabled .ui-state-default {
  color: #bbb8b8;
}

.slickSliderWrap-typeThumnail {
  max-width: 85rem;
  padding: 1.5rem 0;
  background-color: #f6f6f6;
}

.slickSlider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.slickSlider .slick-list {
  overflow: hidden;
}
.slickSlider .slick-track {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.slickSlider .slick-arrow {
  width: 5rem;
  height: 5rem;
  font-size: 0 !important;
  color: transparent;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
  background-image: url(../images/common/icon-arrow.png);
}
.slickSlider .slick-arrow.slick-prev {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.slickSlider .slick-arrow.slick-next {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.slickSlider .slick-dots {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.slickSlider.typeThumnail {
  width: calc(100% - 26rem);
  margin: 0 auto;
}
.slickSlider.typeThumnail .slick-slide .sitem {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 9rem !important;
  height: 9rem;
  background-color: #fff;
  border: 1px solid #dadce0;
}
.slickSlider.typeThumnail .slick-slide .sitem img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.slickSlider.typeThumnail .slick-arrow {
  position: absolute;
  top: 50%;
  left: -6rem;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
  width: 3.6rem;
  height: 3.6rem;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 50%;
}
.slickSlider.typeThumnail .slick-arrow.slick-next {
  left: auto;
  right: -6rem;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}

/* customStepSlider 박스*/
.customStepSlider {
  position: relative;
  min-width: 70rem;
  height: 1.2rem;
  background-color: #dadce0;
  background-image: radial-gradient(circle at 6px center, #a0c4ff 6px, transparent 6px);
  background-repeat: repeat-x;
  background-position: 0 center;
  border: none;
  border-radius: 1.2rem;
}
.customStepSlider .ui-slider-handle {
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  border: 3px solid #fff;
  background-color: #1a73e8;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -0.75rem);
          transform: translate(-50%, -0.75rem);
  cursor: pointer;
}
.customStepSlider .ui-slider-handle .stepInfo {
  position: absolute;
  top: -3.5rem;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0.3rem));
          transform: translateX(calc(-50% + 0.3rem));
}
.customStepSlider .ui-slider-handle .stepNum {
  display: block;
  width: 10rem;
  color: #1a73e8;
  text-align: center;
  font-size: 1.6rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.customStepSlider.csStep19 {
  background-size: calc((100% - 12px) / 18) 1.2rem;
}
.customStepSlider.csStep21 {
  background-size: calc((100% - 12px) / 20) 1.2rem;
}
.customStepSlider.csBgReddot4 {
  background-image: radial-gradient(circle at 6px center, #f2847e 6px, transparent 6px), radial-gradient(circle at 6px center, #f2847e 6px, transparent 6px), radial-gradient(circle at 6px center, #f2847e 6px, transparent 6px), radial-gradient(circle at 6px center, #f2847e 6px, transparent 6px), radial-gradient(circle at 6px center, #a0c4ff 6px, transparent 6px);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x;
}
.customStepSlider.csBgReddot4.csStep19 {
  background-size: 12px 1.2rem, 12px 1.2rem, 12px 1.2rem, 12px 1.2rem, calc((100% - 12px) / 18) 1.2rem;
  background-position: 0 center, calc((100% - 12px) / 18) center, calc(100% - (100% - 12px) / 18) center, 100% center, 0 center;
}
.customStepSlider.csBgReddot4.csStep21 {
  background-size: 12px 1.2rem, 12px 1.2rem, 12px 1.2rem, 12px 1.2rem, calc((100% - 12px) / 20) 1.2rem;
  background-position: 0 center, calc((100% - 12px) / 20) center, calc(100% - (100% - 12px) / 20) center, 100% center, 0 center;
}

/*컴포넌트 단위*/
[class*=tableOptionBox] {
  position: relative;
  width: 100%;
}
[class*=tableOptionBox] [class*=flexBox] {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 1rem 1.5rem 1rem 0;
}
[class*=tableOptionBox] [class*=flexBox] .btn-round {
  font-size: 1.2rem;
  line-height: 1;
}
[class*=tableOptionBox] [class*=flexBox] .btnIcon-filter {
  margin-right: 2rem;
}
[class*=tableOptionBox] [class*=flexBox] .btnIcon-arrow {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #fff;
}
[class*=tableOptionBox] [class*=flexBox] .btnIcon-arrow:hover {
  background-color: #f7f8f8;
}
[class*=tableOptionBox] [class*=flexBox] .btn-main {
  height: 4rem;
}
[class*=tableOptionBox] [class*=flexBox] .right .btnIcon-arrow, [class*=tableOptionBox] [class*=flexBox] .right .btn-main {
  position: relative;
  margin: 0 0 0 1rem;
}
[class*=tableOptionBox] [class*=flexBox] .right .btnIcon-arrow::before, [class*=tableOptionBox] [class*=flexBox] .right .btn-main::before {
  position: absolute;
  top: 50%;
  left: -1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: " ";
  display: inline-block;
  width: 1px;
  height: 3.2rem;
  vertical-align: middle;
  background-color: #dddddd;
}
[class*=tableOptionBox] [class*=flexBox] .lineBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
}
[class*=tableOptionBox] [class*=flexBox] .lineBox > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 0.3rem 2rem;
}
[class*=tableOptionBox] [class*=flexBox] .lineBox > div .optionTitle {
  font-size: 1.4rem;
}
[class*=tableOptionBox] [class*=flexBox] .lineBox > div:not(:first-child)::before {
  position: absolute;
  top: 50%;
  left: 0rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: " ";
  display: inline-block;
  width: 1px;
  height: 2rem;
  vertical-align: middle;
  background-color: #bbb8b8;
}
[class*=tableOptionBox] [class*=flexBox] > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
}

.tableOptionBox-checked {
  background-color: #1a73e8;
  color: #fff;
  border-radius: 1rem 1rem 0 0;
}
.tableOptionBox-checked .toCount:nth-child(1) {
  display: inline-block;
  padding: 0.5rem 1.6rem;
  border-right: 1px solid #fff;
  font-size: 1.4rem;
}
.tableOptionBox-checked button {
  padding: 0.6rem 0.6rem 0.7rem;
}
.tableOptionBox-checked [class*=flexBox] {
  border-top: none;
}
.tableOptionBox-checked.none {
  display: none;
}
.tableOptionBox-checked.none + .tableSection {
  border-radius: 1rem 1rem 0 0;
}
.tableOptionBox-w {
  padding: 0.5rem 2.6rem;
  background-color: #fff;
  border-radius: 1rem 0rem 0 0;
}

.tableSection {
  position: relative;
}
.tableSection table {
  position: relative;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 1.4rem;
}
.tableSection table th, .tableSection table td {
  font-weight: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tableSection table th > [class*=flexBox], .tableSection table td > [class*=flexBox] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  vertical-align: middle;
}
.tableSection table th.white, .tableSection table td.white {
  background-color: #fff;
}
.tableSection table th.skyblue, .tableSection table td.skyblue {
  background-color: #f5f9fe;
}
.tableSection table th.bgblue, .tableSection table td.bgblue {
  background-color: #e8f0fe;
}
.tableSection table th.gray, .tableSection table td.gray {
  background-color: #f6f6f6;
}
.tableSection table th.gray_e, .tableSection table td.gray_e {
  background-color: #ecedee;
}
.tableSection table th.b-r-0, .tableSection table td.b-r-0 {
  border-right: none !important;
}
.tableSection table th.b-r-1, .tableSection table td.b-r-1 {
  border-right: 1px solid #dadce0;
}
.tableSection table th.b-l-1, .tableSection table td.b-l-1 {
  border-left: 1px solid #dadce0;
}
.tableSection table th {
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.tableSection table tr {
  position: relative;
}
.tableSection table tr.active {
  background-color: #e8f0fe;
}
.tableSection table tr.active td.fixedCell {
  background-color: #e8f0fe;
}
.tableSection table tr.disabled, .tableSection table tr.disabled td {
  background-color: #ecedee !important;
  pointer-events: none;
}
.tableSection table tr.off, .tableSection table tr.off td {
  background-color: #f8f9fa !important;
  pointer-events: none;
}
.tableSection table tr.yellow {
  background-color: #fffacd;
}
.tableSection table tr.stickyTr {
  position: sticky;
  z-index: 2;
  background-color: #fff;
}
.tableSection table tbody tr.pRow {
  background-color: #e8f0fe;
}
.tableSection table tbody tr.pRow td.fixedCell {
  background-color: #e8f0fe;
}
.tableSection table tbody tr.cRow {
  background-color: #f6f8fc;
}
.tableSection table tbody tr.cRow td.fixedCell {
  background-color: #f6f8fc;
}
.tableSection table tbody tr.addRow {
  background-color: #f6f6f6;
}
.tableSection table tbody tr.addRow td.fixedCell {
  background-color: #f6f6f6;
}
.tableSection table tfoot, .tableSection table .trTotal {
  background-color: #f8f9fa;
  z-index: 2;
}
.tableSection table tfoot .fixedCell, .tableSection table .trTotal .fixedCell {
  background-color: #f8f9fa !important;
}
.tableSection .fixedThead thead {
  position: sticky;
  top: 0px;
  background-color: #fff;
  z-index: 3;
}
.tableSection .fixedThead thead th {
  border-top: none;
}
.tableSection .fixedThead thead::before, .tableSection .fixedThead thead::after {
  position: absolute;
  top: -2px;
  left: 0;
  content: " ";
  display: inline-block;
  width: 100%;
  height: 2px;
  vertical-align: middle;
  background-color: #dadce0;
  z-index: 4;
}
.tableSection .fixedThead thead::after {
  top: calc(100% - 1px);
}
.tableSection .fixedColumn .fixedCell {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
}
.tableSection .fixedColumn .fixedCell::after {
  position: absolute;
  top: calc(100% + 0px);
  left: 0;
  content: " ";
  display: inline-block;
  width: 100%;
  height: 1px;
  vertical-align: middle;
  background-color: #dadce0;
  z-index: 1;
}
.tableSection .fixedColumn .fixedCell.last > [class*=flexBox] {
  -webkit-box-shadow: 1px 0 3px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 0 3px 0px rgba(0, 0, 0, 0.1);
}
.tableSection.viewTable table {
  border-bottom: 1px solid #dadce0;
}
.tableSection.viewTable table thead th {
  border-top: 1px solid #dadce0;
  border-bottom: 1px solid #dadce0;
}
.tableSection.summaryTable table {
  border: 1px solid #dadce0;
}
.tableSection.summaryTable table thead th {
  border-bottom: 1px solid #dadce0;
  background-color: #f6f6f6;
}
.tableSection.borderTable table th, .tableSection.borderTable table td {
  border: 1px solid #dadce0;
}
.tableSection.borderTable table thead th {
  background-color: #f6f6f6;
}
.tableSection.dataTable {
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #dadce0;
  max-height: 70vh;
  overflow: hidden;
  overflow-y: auto;
  overflow-x: auto;
}
.tableSection.dataTable table {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.tableSection.dataTable tr:not(.noHover):hover td:not(.bgblue) {
  background-color: #f6f6f6 !important;
}
.tableSection.dataTable th, .tableSection.dataTable td {
  border-bottom: 1px solid #dadce0;
}
.tableSection .nodataTable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  height: 18rem;
  font-size: 1.4rem;
  border-bottom: 1px solid #dadce0;
}

.resizeTable table {
  height: 100%;
}
.resizeTable th, .resizeTable td {
  position: relative;
  min-width: 0rem;
  height: 100%;
  word-break: break-all;
}
.resizeTable tr:hover .resizer {
  background-color: #1a73e8;
}
.resizeTable .resizer {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 0.2rem;
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.resizeTable .resizer:hover {
  width: 0.8rem;
}

/*테이블*/
.dim, .dimWhite {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  cursor: default;
}

.dimWhite {
  background-color: transparent;
}

.modalCenter, .modalOption, .modalAlert {
  display: none;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
  z-index: 10000;
}
.modalCenter.on, .modalOption.on, .modalAlert.on {
  display: block;
}

.modalCenter, .modalAlert {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
          transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
  border-radius: 0.8rem;
}

.modalCenter .modalTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 1rem 2.5rem 1rem;
  border-bottom: 1px solid #dadce0;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.modalCenter .modalTitle span {
  font-size: 1.8rem;
}
.modalCenter .modalTitle .btnIcon-x {
  margin-left: auto;
  background-color: #ecedee;
}
.modalCenter .modalContent {
  max-height: calc(100vh - 20rem);
  overflow: hidden;
  overflow-y: auto;
}
.modalCenter .modalContent > .selectListBox:only-child {
  border-bottom: 1px solid #dadce0;
}
.modalCenter .modalBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 0.5rem 2.5rem;
}

.modalOpenBtn, .modalCloseBtn, .modalOptionBtn {
  position: relative;
  cursor: pointer;
}

.modalOption {
  position: fixed;
  border-radius: 0.4rem;
}
.modalOption > ul, .modalOption .modalContent, .modalOption .modalBtnWrap {
  position: relative;
  z-index: 2;
}
.modalOption .modalContent {
  z-index: 3;
}
.modalOption .modalTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 0.8rem 0.8rem 0.8rem 1.8rem;
  border-bottom: 1px solid #dadce0;
}
.modalOption .modalTitle span {
  font-size: 1.8rem;
}
.modalOption .modalTitle .btnIcon-x {
  margin-left: auto;
  background-color: #ecedee;
}
.modalOption .modalTitle ~ .modalContent.optionBox {
  padding: 2rem;
}
.modalOption .modalTitle ~ .modalBtnWrap {
  border-top: 1px solid #dadce0;
}
.modalOption .modalContent {
  font-size: 1.4rem;
}
.modalOption .modalContent .moSearchBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding-right: 0.8rem;
  border-bottom: 1px solid #1a73e8;
}
.modalOption .modalContent .moSearchBox input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1.2rem 2.5rem;
}
.modalOption .modalContent .optionTitle + .moSearchBox {
  margin: 0 2rem;
}
.modalOption .modalContent .optionTitle + .moSearchBox input {
  padding-left: 0;
}
.modalOption .modalContent .moRecentBox {
  border-bottom: 1px solid #dadce0;
}
.modalOption .modalContent .moRecentBox .rbtitle {
  display: block;
  padding: 1rem 2rem 0.2rem;
  font-size: 1.4rem;
}
.modalOption .modalContent .moRecentBox .optionList li div span {
  padding-left: 4rem;
  font-size: 1.2rem;
}
.modalOption .modalContent .scrollBox {
  max-height: 50rem;
  border-radius: 0.4rem 0.4rem;
}
.modalOption .modalContent .scrollBox .optionTitle {
  padding-left: 2rem;
  margin-bottom: 0;
}
.modalOption .modalContent .scrollBox .customList {
  min-width: 13rem;
  max-width: 50rem;
  padding-bottom: 0.5rem;
}
.modalOption .modalContent .scrollBox .customList li > div {
  padding: 0.75rem 2rem;
}
.modalOption .modalContent.optionBox {
  padding: 2rem 2rem 0rem;
}
.modalOption .modalContent:only-child .scrollBox:only-child {
  margin: 0.25rem 0;
}
.modalOption .modalBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  white-space: initial;
  padding: 0.5rem 1rem;
}
.modalOption .modalBtnWrap button {
  padding: 1rem;
  min-width: 6.5rem;
}
.modalOption.typeTail .modalContent::before, .modalOption.typeTail .modalContent::after {
  position: absolute;
  top: -1.2rem;
  left: 2rem;
  content: " ";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  width: 0px;
  height: 0px;
  border-left: 0.8rem solid transparent;
  border-right: 0.8rem solid transparent;
  border-top: 0.8rem solid #dadce0;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.modalOption.typeTail .modalContent::after {
  top: -1.2rem;
  left: -1.1rem;
  border-top-color: #fff;
}
.modalOption.typeTail .modalContent::after {
  top: -1.1rem;
  left: 2rem;
}
.modalOption.typeTail.top .modalContent::before, .modalOption.typeTail.top .modalContent::after {
  top: calc(100% + 0.6rem);
  left: 2rem;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.modalOption.typeTail.top .modalContent::after {
  top: calc(100% + 0.5rem);
}
.modalOption .datepickerFixed .ui-datepicker {
  border-top: none;
}

.modalAlert {
  padding: 2rem;
}
.modalAlert .modalTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
}
.modalAlert .modalTitle span {
  font-size: 1.6rem;
}
.modalAlert .modalTitle .btnIcon-x {
  width: 2rem;
  height: 2rem;
  margin-left: auto;
}
.modalAlert .modalContent p {
  padding: 1.4rem 0 2.8rem;
  font-size: 1.3rem;
}
.modalAlert .modalBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
}

.modalSide {
  position: fixed;
  top: 0;
  left: auto;
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0);
  right: -100%;
  width: 115rem;
  height: 100vh;
  background-color: #fff;
  -webkit-box-shadow: -4px 0 5px 0 rgba(60, 64, 73, 0.3);
          box-shadow: -4px 0 5px 0 rgba(60, 64, 73, 0.3);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 10000;
}
.modalSide.full {
  width: 100%;
}
.modalSide.on {
  left: auto;
  right: 0;
  opacity: 1;
}
.modalSide .modalTitle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 1rem;
  border-bottom: 1px solid #dadce0;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  z-index: 3;
}
.modalSide .modalTitle .btnIcon-x::before, .modalSide .modalTitle .btnIcon-x::after {
  height: 2rem;
}
.modalSide .modalTitle span {
  font-size: 2.4rem;
}
.modalSide .modalContent {
  position: relative;
  height: calc(100vh - 12.5rem);
  overflow: hidden;
  overflow-y: auto;
}
.modalSide .modalContent .modalSubContent {
  position: absolute;
  top: 2.5rem;
  left: 0;
  width: 100%;
  height: calc(100% - 2.5rem);
  background-color: #fff;
  -webkit-box-shadow: 0 -3px 6px 0 rgba(60, 64, 73, 0.3);
          box-shadow: 0 -3px 6px 0 rgba(60, 64, 73, 0.3);
  z-index: 2;
}
.modalSide .modalContent .modalSubContent::before {
  position: absolute;
  top: -2.5rem;
  left: 0;
  content: " ";
  display: inline-block;
  width: 100%;
  height: 2.5rem;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.modalSide .modalContent .modalSubContent .mscTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
}
.modalSide .modalContent .modalSubContent .mscTitle .btnIcon-arrow {
  margin-left: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.modalSide .modalContent .modalSubContent.toggle {
  top: 75%;
  height: 25%;
  overflow: hidden;
}
.modalSide .modalContent .modalSubContent.toggle::before {
  display: none;
}
.modalSide .modalContent .modalSubContent.toggle .mscTitle .btnIcon-arrow {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.modalSide .modalBtnWrap {
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 100%;
  padding: 1rem 2rem;
  border-top: 1px solid #dadce0;
  z-index: 3;
}

.modalBlack {
  position: fixed;
  bottom: 2.4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 30rem;
  background-color: #202124;
  border-radius: 0.2rem;
  z-index: 10000;
  display: none;
}
.modalBlack .modalContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 0.5rem;
  color: #fff;
}
.modalBlack .modalContent p {
  padding-left: 1.5rem;
  font-size: 1.3rem;
}
.modalBlack .modalContent button {
  margin-left: auto;
  font-size: 1.3rem;
}
.modalBlack .modalContent button:hover {
  background-color: transparent;
}

.modalTxt {
  position: absolute;
  display: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 50rem;
  padding: 0.5rem;
  background-color: #fff;
  border: 1px solid #1a73e8;
  border-radius: 0.4rem;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
  font-size: 1.2rem;
  word-break: break-all;
  z-index: 10001;
}
.modalTxt.on {
  display: block;
}

/*모달 팝업*/
/*페이지별 ui*/
.adminMemoModal {
  border: 1px solid #868686;
  border-radius: 0.8rem;
  overflow: hidden;
  z-index: 10001;
}
.adminMemoModal .modalTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 1rem 2rem;
  background-color: #1a73e8;
  color: #fff;
}
.adminMemoModal .modalTitle span {
  font-size: 1.6rem;
}
.adminMemoModal .modalTitle .btnIcon-edit-w {
  background-size: 2.6rem;
}
.adminMemoModal .modalTitle .btnIcon-x-w {
  width: 3rem;
  height: 3rem;
  margin-left: 0.75rem;
}
.adminMemoModal .modalTitle .btnIcon-x-w:hover {
  background-color: transparent;
}
.adminMemoModal .modalTitle .btnIcon-x-w::before, .adminMemoModal .modalTitle .btnIcon-x-w::after {
  height: 1.8rem;
}
.adminMemoModal .modalContent {
  width: 56rem;
  min-height: 39rem;
}
.adminMemoModal .modalBtnWrap {
  display: none;
}
.adminMemoModal.editMode .btnIcon-edit-w {
  display: none;
}
.adminMemoModal.editMode .modalBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.userPasswordModal, .userPasswordChangeModal, .camHistoryEditModal, .camAlertModal {
  width: 44rem;
  border-radius: 0.4rem;
}
.userPasswordModal .modalTitle, .userPasswordChangeModal .modalTitle, .camHistoryEditModal .modalTitle, .camAlertModal .modalTitle {
  padding: 1.5rem 2rem 0.5rem;
  border-bottom: none;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.userPasswordModal .modalTitle .btnIcon-x, .userPasswordChangeModal .modalTitle .btnIcon-x, .camHistoryEditModal .modalTitle .btnIcon-x, .camAlertModal .modalTitle .btnIcon-x {
  width: 2rem;
  height: 2rem;
  background-color: transparent;
}
.userPasswordModal .modalTitle .btnIcon-x::before, .userPasswordModal .modalTitle .btnIcon-x::after, .userPasswordChangeModal .modalTitle .btnIcon-x::before, .userPasswordChangeModal .modalTitle .btnIcon-x::after, .camHistoryEditModal .modalTitle .btnIcon-x::before, .camHistoryEditModal .modalTitle .btnIcon-x::after, .camAlertModal .modalTitle .btnIcon-x::before, .camAlertModal .modalTitle .btnIcon-x::after {
  height: 1.8rem;
}
.userPasswordModal .modalTitle ~ .modalBtnWrap, .userPasswordChangeModal .modalTitle ~ .modalBtnWrap, .camHistoryEditModal .modalTitle ~ .modalBtnWrap, .camAlertModal .modalTitle ~ .modalBtnWrap {
  padding: 1rem 2rem;
  border-top: none;
}
.userPasswordModal .modalContent, .userPasswordChangeModal .modalContent, .camHistoryEditModal .modalContent, .camAlertModal .modalContent {
  padding: 1rem 2rem;
}
.userPasswordModal .modalContent p, .userPasswordChangeModal .modalContent p, .camHistoryEditModal .modalContent p, .camAlertModal .modalContent p {
  font-size: 1.3rem;
}
.userPasswordModal .modalContent .inputBox, .userPasswordChangeModal .modalContent .inputBox, .camHistoryEditModal .modalContent .inputBox, .camAlertModal .modalContent .inputBox {
  width: 100%;
  margin: 2rem 0 0rem;
}

.camAlertModal {
  width: 50rem;
}
.camAlertModal p {
  margin: 2rem 0 0;
}
.camAlertModal .lineBox-gray {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  min-height: 5.6rem;
  padding: 1rem;
  margin: 2.8rem 0 0;
  font-size: 1.2rem;
}

.userPasswordChangeModal {
  width: 65rem;
}
.userPasswordChangeModal .modalContent {
  padding: 1rem 2rem;
}
.userPasswordChangeModal .modalContent p.txt-gray5 {
  font-size: 1.2rem;
}
.userPasswordChangeModal .modalContent p.txt-gray3 {
  padding-top: 2rem;
  margin-top: 1rem;
  border-top: 1px solid #dadce0;
  font-size: 1.2rem;
}
.userPasswordChangeModal .modalContent .inputBox {
  width: 100%;
  margin: 2rem 0 0rem;
}

.cl_uiNoticeModal {
  width: 49rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.cl_uiNoticeModal .imgLogo {
  width: 11.1rem;
  height: 3.1rem;
}
.cl_uiNoticeModal .modalContent {
  padding: 2.8rem 2.5rem 5rem;
}
.cl_uiNoticeModal .modalContent p {
  margin-bottom: 1rem;
  line-height: 1.6;
  font-size: 1.4rem;
}
.cl_uiNoticeModal .modalContent p b {
  font-weight: normal;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.cl_uiNoticeModal .modalContent p:nth-child(1) {
  padding-top: 5.2rem;
  margin-bottom: 2.6rem;
  background-image: url(../images/menu/camList/cl-notice-01.png);
  background-position: top right -0.8rem;
  background-size: auto;
  background-repeat: no-repeat;
  font-size: 1.6rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.cl_uiNoticeModal .modalContent p:nth-child(1) b {
  font-size: 1.8rem;
}
.cl_uiNoticeModal .modalContent .flexBox {
  margin-top: 5rem;
}
.cl_uiNoticeModal .modalContent .flexBox button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 5.6rem;
}
.cl_uiNoticeModal .modalBtnWrap {
  padding-right: 1rem;
  border-top: 1px solid #dadce0;
  line-height: 1.5;
}
.cl_uiNoticeModal .modalBtnWrap .optionBox {
  margin-right: auto;
}

/*메뉴 광고등록 camRegister*/
.camRegister {
  /*공통 클래스 사용하나 camRegister화면에서만 여백,width 등 추가로 스타일 줄 부분*/
}
.camRegister .centerWrap {
  width: 109rem;
  max-width: 109rem;
  margin: 0 auto;
}
.camRegister .txt-gray3 {
  margin: 0.5rem 0 0;
}
.camRegister .txt-gray3 ~ .editBox {
  margin: 1.5rem 0;
}
.camRegister .txt-gray5 {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
}
.camRegister .txt-gray5.right {
  margin-bottom: 0;
}
.camRegister .txt-gray9 {
  margin: 0 0 1rem;
  font-size: 1.2rem;
}
.camRegister .selectBox + .btn-txtline {
  height: 5.7rem;
  margin-left: 1rem;
}
.camRegister .audienceBox {
  max-width: 71.2rem;
  margin: 1.8rem 0 0 0;
}
.camRegister .audienceBox input[type=radio] + label::before {
  display: none;
}
.camRegister .grayBoxList {
  max-width: 69.1rem;
}
.camRegister .infoHelp .ihBox {
  max-width: 46.9rem;
}
.camRegister input[type=checkbox] + label.m-t-20 {
  display: block;
}
.camRegister .lineBox:not(.aiCreativeWrap) {
  padding: 1rem 2.5rem 1rem;
  margin: 1rem 0;
}
.camRegister .lineBox:not(.aiCreativeWrap) .flexBox, .camRegister .lineBox:not(.aiCreativeWrap) .flexBox-start {
  gap: 1.3rem;
  margin: 1rem 0;
}
.camRegister .lineBox:not(.aiCreativeWrap) .flexBox > span, .camRegister .lineBox:not(.aiCreativeWrap) .flexBox-start > span {
  margin-top: 1.7rem;
}
.camRegister .lineBox:not(.aiCreativeWrap) .flexBox .inputBox + .btn-txtline, .camRegister .lineBox:not(.aiCreativeWrap) .flexBox-start .inputBox + .btn-txtline {
  min-height: 5.7rem;
}
.camRegister .lineBox:not(.aiCreativeWrap) .flexBox .lbInfoBox, .camRegister .lineBox:not(.aiCreativeWrap) .flexBox-start .lbInfoBox {
  height: 5.7rem;
}
.camRegister .lineBox:not(.aiCreativeWrap) .audienceBox {
  max-width: 69rem;
}
.camRegister .lineBox:not(.aiCreativeWrap).cdpListWrap {
  padding: 1.5rem;
}
.camRegister .lineBox-gray {
  padding: 1.5rem;
}
.camRegister .lineBox-gray .txt-grayb {
  font-size: 1rem;
}
.camRegister .flexBox-stretch > div:not(.csInfoBox) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.camRegister .flexBox-stretch .editBox {
  max-width: 69.1rem;
}
.camRegister .setItemBox:nth-of-type(1) .btnIcon-x {
  display: none;
}
.camRegister .subOptionBox .lineBox.flexBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
  max-width: 69rem;
  padding: 2rem;
}
.camRegister .subOptionBox .lineBox.flexBox label {
  min-width: 8rem;
}
.camRegister .calendarBox + .selectCustom {
  margin-left: 0.5rem;
  vertical-align: middle;
}
.camRegister .toggleBox .toggleContent .lineBox-gray.flexBox {
  padding: 0;
  border-color: #bbb8b8;
  border-radius: 0;
}
.camRegister .toggleBox .toggleContent .lineBox-gray.flexBox > div {
  width: 50%;
  padding: 2.5rem 2rem 2rem;
}
.camRegister .toggleBox .toggleContent .lineBox-gray.flexBox > div > p {
  margin-bottom: 1.5rem;
}
.camRegister .toggleBox .toggleContent .lineBox-gray.flexBox > div .flexBox-center {
  width: 100%;
  height: 20rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.camRegister .toggleBox .toggleContent .lineBox-gray.flexBox > div .flexBox-center img {
  max-width: 100%;
  min-width: 0;
  max-height: 100%;
  min-height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.camRegister .toggleBox .toggleContent .lineBox-gray.flexBox > div:not(:first-child) {
  border-left: 1px dashed #bbb8b8;
}
.camRegister .cr_fileBoxWrap .flexBox-start {
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.camRegister .cr_fileBoxWrap .cr_fbwDiv > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 14rem;
  height: 13rem;
}
.camRegister .cr_fileBoxWrap .cr_fbwDiv > p {
  margin: 1rem 0;
  text-align: center;
}
.camRegister .cr_autopreviewBox .infoBox {
  padding: 0;
  margin: 0 0 1rem;
}
.camRegister .cr_autopreviewBox .previewBoxWrap {
  padding: 2.5rem;
  border: 1px solid #dadce0;
}
.camRegister .cr_aiPreviewBox .previewBoxWrap {
  padding: 2.5rem 0rem;
}
.camRegister {
  /*메뉴 camRegister 화면에서만 사용하는 항목들 클래스 cr_*/
}
.camRegister .cr_stepTitle {
  padding: 7rem 0 0;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 2.4rem;
}
.camRegister .cr_stepTitle-m {
  padding: 2.6rem 0 0;
  font-size: 2.8rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.camRegister .cr_stepTitle-b {
  padding: 5rem 0 2rem;
  font-size: 2.8rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  border-bottom: 1px solid #dadce0;
}
.camRegister .cr_contTitle {
  padding: 3.6rem 0 0;
  font-size: 1.8rem;
}
.camRegister .cr_contTitle + .txt-gray5 {
  font-size: 1.6rem;
  margin: 0.5rem 0 0;
}
.camRegister .cr_camTypeList {
  padding: 1rem 0;
}
.camRegister .cr_camTypeList .typeList li {
  height: 21.1rem;
}
.camRegister .cr_camTypeList .typeList li a::before {
  content: " ";
  display: block;
  width: 10rem;
  height: 8rem;
  vertical-align: middle;
}
.camRegister .cr_camTypeList .typeList li a.display::before {
  background-image: url("../images/menu/setting/set-type-display.png");
}
.camRegister .cr_camTypeList .typeList li a.performance::before {
  background-image: url("../images/menu/setting/set-type-performance.png");
}
.camRegister .cr_camTypeList .txt-error {
  margin-top: 1.5rem;
}
.camRegister .cr_objTypeList, .camRegister .cr_kpiTypeList {
  margin: 1rem 0;
}
.camRegister .cr_objTypeList .typeList li, .camRegister .cr_kpiTypeList .typeList li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 24.5rem;
}
.camRegister .cr_objTypeList .typeList li label::before, .camRegister .cr_kpiTypeList .typeList li label::before {
  content: " ";
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  vertical-align: middle;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}
.camRegister .cr_objTypeList .typeList li label.shopping::before, .camRegister .cr_kpiTypeList .typeList li label.shopping::before {
  background-image: url("../images/menu/camRegister/cr-shopping.png");
}
.camRegister .cr_objTypeList .typeList li label.adult::before, .camRegister .cr_kpiTypeList .typeList li label.adult::before {
  background-image: url("../images/menu/camRegister/cr-adult.png");
}
.camRegister .cr_objTypeList .typeList li label.app::before, .camRegister .cr_kpiTypeList .typeList li label.app::before {
  background-image: url("../images/menu/camRegister/cr-app.png");
}
.camRegister .cr_objTypeList .typeList li label.branding::before, .camRegister .cr_kpiTypeList .typeList li label.branding::before {
  background-image: url("../images/menu/camRegister/cr-branding.png");
}
.camRegister .cr_objTypeList .typeList li label.chance::before, .camRegister .cr_kpiTypeList .typeList li label.chance::before {
  background-image: url("../images/menu/camRegister/cr-chance.png");
}
.camRegister .cr_objTypeList .typeList li label.db::before, .camRegister .cr_kpiTypeList .typeList li label.db::before {
  background-image: url("../images/menu/camRegister/cr-db.png");
}
.camRegister .cr_objTypeList .typeList li label.inflow::before, .camRegister .cr_kpiTypeList .typeList li label.inflow::before {
  background-image: url("../images/menu/camRegister/cr-inflow.png");
}
.camRegister .cr_objTypeList .typeList li label.roas::before, .camRegister .cr_kpiTypeList .typeList li label.roas::before {
  background-image: url("../images/menu/camRegister/cr-roas.png");
}
.camRegister .cr_objTypeList .typeList li label.custom::before, .camRegister .cr_kpiTypeList .typeList li label.custom::before {
  background-image: url("../images/menu/camRegister/cr-custom.png");
}
.camRegister .cr_objTypeList .typeList li label.show::before, .camRegister .cr_kpiTypeList .typeList li label.show::before {
  background-image: url("../images/menu/camRegister/cr-show.png");
}
.camRegister .cr_objTypeList .typeList li label.premium::before, .camRegister .cr_kpiTypeList .typeList li label.premium::before {
  background-image: url("../images/menu/camRegister/cr-premium.png");
}
.camRegister .cr_objTypeList .typeList li label.pay::before, .camRegister .cr_kpiTypeList .typeList li label.pay::before {
  background-image: url("../images/menu/camRegister/cr-pay.png");
}
.camRegister .cr_objTypeList .typeList li label.inapp::before, .camRegister .cr_kpiTypeList .typeList li label.inapp::before {
  background-image: url("../images/menu/camRegister/cr-inapp.png");
}
.camRegister .cr_objTypeList .typeList li label.dau::before, .camRegister .cr_kpiTypeList .typeList li label.dau::before {
  background-image: url("../images/menu/camRegister/cr-dau.png");
}
.camRegister .cr_objTypeList .typeList li label.install::before, .camRegister .cr_kpiTypeList .typeList li label.install::before {
  background-image: url("../images/menu/camRegister/cr-install.png");
}
.camRegister .cr_objTypeList .typeList li label.new::before, .camRegister .cr_kpiTypeList .typeList li label.new::before {
  background-image: url("../images/menu/camRegister/cr-new.png");
}
.camRegister .cr_objTypeList .typeList li label.reward::before, .camRegister .cr_kpiTypeList .typeList li label.reward::before {
  background-image: url("../images/menu/camRegister/cr-reward.png");
}
.camRegister .cr_objTypeList .typeList li label.web::before, .camRegister .cr_kpiTypeList .typeList li label.web::before {
  background-image: url("../images/menu/camRegister/cr-web.png");
}
.camRegister .cr_objTypeList .typeList li label.conver::before, .camRegister .cr_kpiTypeList .typeList li label.conver::before {
  background-image: url("../images/menu/camRegister/cr-conver.png");
}
.camRegister .cr_objTypeList .typeList li label .tlExplan, .camRegister .cr_kpiTypeList .typeList li label .tlExplan {
  display: inline-block;
  width: 20.7rem;
}
.camRegister .cr_objTypeList .typeList li input:checked + label.shopping::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.shopping::before {
  background-image: url("../images/menu/camRegister/cr-shopping-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.adult::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.adult::before {
  background-image: url("../images/menu/camRegister/cr-adult-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.app::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.app::before {
  background-image: url("../images/menu/camRegister/cr-app-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.branding::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.branding::before {
  background-image: url("../images/menu/camRegister/cr-branding-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.chance::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.chance::before {
  background-image: url("../images/menu/camRegister/cr-chance-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.db::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.db::before {
  background-image: url("../images/menu/camRegister/cr-db-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.inflow::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.inflow::before {
  background-image: url("../images/menu/camRegister/cr-inflow-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.roas::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.roas::before {
  background-image: url("../images/menu/camRegister/cr-roas-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.custom::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.custom::before {
  background-image: url("../images/menu/camRegister/cr-custom-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.show::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.show::before {
  background-image: url("../images/menu/camRegister/cr-show-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.premium::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.premium::before {
  background-image: url("../images/menu/camRegister/cr-premium-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.pay::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.pay::before {
  background-image: url("../images/menu/camRegister/cr-pay-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.inapp::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.inapp::before {
  background-image: url("../images/menu/camRegister/cr-inapp-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.dau::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.dau::before {
  background-image: url("../images/menu/camRegister/cr-dau-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.install::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.install::before {
  background-image: url("../images/menu/camRegister/cr-install-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.new::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.new::before {
  background-image: url("../images/menu/camRegister/cr-new-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.reward::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.reward::before {
  background-image: url("../images/menu/camRegister/cr-reward-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.web::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.web::before {
  background-image: url("../images/menu/camRegister/cr-web-on.png");
}
.camRegister .cr_objTypeList .typeList li input:checked + label.conver::before, .camRegister .cr_kpiTypeList .typeList li input:checked + label.conver::before {
  background-image: url("../images/menu/camRegister/cr-conver-on.png");
}
.camRegister .cr_kpiTypeList .typeList li {
  height: 10.6rem;
}
.camRegister .cr_objTypeList .typeList li {
  height: 17.5rem;
}
.camRegister .cr_stepBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  margin: 2.5rem 0 10rem;
}
.camRegister .cr_audienceBtn {
  width: 72rem;
  padding: 1rem 0 0;
  margin: 1.5rem 0 0;
  border-top: 1px solid #dadce0;
}
.camRegister .cr_audienceBtn.toggle {
  display: none;
}
.camRegister .cr_audienceBtn.toggle + .cr_audienceSetWrap {
  display: block;
}
.camRegister .cr_audienceSetWrap {
  display: none;
  width: 72rem;
  padding: 1rem 0 0;
  margin: 1.5rem 0 0;
  border-top: 1px solid #dadce0;
}
.camRegister .cr_audienceSetWrap table {
  margin-top: 0.5rem;
  border: 1px solid #dadce0;
  table-layout: fixed;
  font-size: 1.2rem;
}
.camRegister .cr_audienceSetWrap table th, .camRegister .cr_audienceSetWrap table td {
  padding: 1rem;
}
.camRegister .cr_audienceSetWrap table th {
  background-color: #f6f6f6;
}
.camRegister .cr_audienceSetWrap table thead tr:first-child th {
  padding-top: 1.5rem;
}
.camRegister .cr_audienceSetWrap table thead tr:first-child th:nth-child(1) {
  position: relative;
  border-right: 2px solid #dadce0;
  border-bottom: 2px solid #dadce0;
}
.camRegister .cr_audienceSetWrap table thead tr:first-child th:nth-child(1) label {
  position: absolute;
  top: 50%;
  left: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.camRegister .cr_audienceSetWrap table thead tr:last-child th {
  padding-top: 0.5rem;
  border-bottom: 2px solid #dadce0;
}
.camRegister .cr_audienceSetWrap table tbody th, .camRegister .cr_audienceSetWrap table tbody td {
  border-right: 1px solid #dadce0;
}
.camRegister .cr_audienceSetWrap table tbody th {
  text-align: left;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.camRegister .cr_audienceSetWrap table tbody td {
  text-align: center;
}
.camRegister .cr_audienceSetWrap table tbody td:nth-of-type(1) {
  border-left: 2px solid #dadce0;
}
.camRegister .cr_audienceSetWrap table tbody .checked {
  background-color: #e8f0fe;
}
.camRegister .cr_audienceSetWrap table tbody .b-t-1 {
  border-top: 1px solid #dadce0;
}
.camRegister .cr_audienceSetWrap table tbody .b-b-1 {
  border-bottom: 1px solid #dadce0;
}
.camRegister .cr_targetWrap > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.camRegister .cr_targetWrap > div > div {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
  width: 25%;
  min-height: 36rem;
  padding: 1rem 2.5rem;
}
.camRegister .cr_targetWrap > div > div:not(:nth-last-child(-n+4)) {
  border-bottom: 1px solid #dadce0;
}
.camRegister .cr_targetWrap > div > div:not(:nth-child(4n)) {
  border-right: 1px solid #dadce0;
}
.camRegister .cr_targetWrap > div > div .optionTitle {
  margin-bottom: 2rem;
}

.optionTitle-m + .lineBox {
  gap: 2rem;
  padding: 1.5rem 2rem;
}

.cr_allDayDragWrap .flexBox-right {
  gap: 0;
  margin-top: 1rem;
}
.cr_allDayDragWrap .flexBox-right p {
  margin-left: 3rem;
}
.cr_allDayDragWrap .flexBox-right p [class*=i-index] {
  border-radius: 2px;
  margin-top: -4px;
}
.cr_allDayDragWrap .flexBox-right span {
  display: block;
  width: 8.6rem;
  height: 2.5rem;
  margin-top: 1rem;
  text-align: center;
}
.cr_allDayDragWrap .flexBox {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0.5rem;
  width: 100%;
  margin-bottom: 15px;
}
.cr_allDayDragWrap .flexBox > div > p {
  height: 3.6rem;
  line-height: 3.6rem;
  text-align: right;
}
.cr_allDayDragWrap .mouseSelectList {
  width: 60.1rem;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0;
}
.cr_allDayDragWrap .mouseSelectList i {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 8.5rem;
  height: 3.5rem;
}

.cr_saveModal .modalContent, .cr_autoInfoModal .modalContent {
  width: 51rem;
}
.cr_saveModal .modalContent > p, .cr_autoInfoModal .modalContent > p {
  margin-bottom: 3rem;
}
.cr_saveModal .modalCloseBtn, .cr_autoInfoModal .modalCloseBtn {
  margin-right: auto;
}

.cr_autoPreviewModal {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
          transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  z-index: 10000;
}
.cr_autoPreviewModal .flexBox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  height: 100%;
}
.cr_autoPreviewModal .btnIcon-x-w {
  width: 3rem;
  height: 3rem;
  margin: 0 0 1rem auto;
}
.cr_autoPreviewModal .btnIcon-x-w:hover {
  background-color: transparent;
}
.cr_autoPreviewModal .btnIcon-x-w::before, .cr_autoPreviewModal .btnIcon-x-w::after {
  height: 2.5rem;
}
.cr_autoPreviewModal img, .cr_autoPreviewModal video {
  display: inline-block;
  max-width: 90vw;
  max-height: 80vh;
}
.cr_autoPreviewModal .flexBox-center {
  margin: 2rem 0 0;
}
.cr_autoPreviewModal .flexBox-center button {
  width: 20rem;
  height: 4rem;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cr_autoPreviewModal .flexBox-center .btnMix-delete {
  background-color: #c53929;
  color: #fff;
}
.cr_autoPreviewModal .flexBox-center .btnMix-delete::before {
  background-color: #fff;
}
.cr_autoPreviewModal .flexBox-center .btnMix-edit:hover {
  background-color: #1a73e8;
  color: #fff;
}
.cr_autoPreviewModal .flexBox-center .btnMix-edit:hover::before {
  background-image: url("../images/common/icon-edit-w.png");
}

.cr_bannerSearchModal .modalContent {
  padding: 1rem 2.5rem;
}
.cr_bannerSearchModal .modalContent .optionTitle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 10rem;
  font-size: 1.4rem;
  color: #2a2a2a;
}
.cr_bannerSearchModal .modalContent .optionTitle + .flexBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cr_bannerSearchModal .modalContent .optionTitle + .flexBox > label {
  min-width: 12.4rem;
}
.cr_bannerSearchModal .modalContent .lineBox-gray {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: calc(100% - 11rem);
  padding: 1.6rem 2rem;
  border-color: #f6f6f6;
}
.cr_bannerSearchModal .modalContent .lineBox-gray > label {
  min-width: 13rem;
}
.cr_bannerSearchModal .modalContent .lineBox-gray .optionTitle {
  width: 6rem;
}
.cr_bannerSearchModal .modalContent .inputBox {
  width: 100%;
  border-color: #ecedee;
}
.cr_bannerSearchModal .modalContent .optionBox .flexBox.m-t-15 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 2rem;
}
.cr_bannerSearchModal .modalContent .btnMix-add-20 {
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.cr_bannerSearchModal .modalContent .btnMix-plus {
  margin-right: 1rem;
}
.cr_bannerSearchModal .modalContent .crb_toggleBox {
  width: calc(100% - 15rem);
  padding: 1rem;
  border: 1px solid #dadce0;
}
.cr_bannerSearchModal .modalContent .crb_toggleBox .crb_toggleBtn .txt-blue {
  display: inline-block;
  padding-left: 2rem;
  margin-left: 2rem;
  border-left: 1px solid #dadce0;
  font-size: 1.2rem;
}
.cr_bannerSearchModal .modalContent .crb_toggleBox .crb_toggleBtn + div {
  display: none;
}
.cr_bannerSearchModal .modalContent .crb_toggleBox .crb_toggleBtn.toggle {
  display: none;
}
.cr_bannerSearchModal .modalContent .crb_toggleBox .btnMix-minus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cr_bannerSearchModal .modalContent .crb_toggleBox .btnMix-minus::before {
  margin-left: 1rem;
}
.cr_bannerSearchModal .modalContent .crb_toggleBox ul li {
  padding: 1rem 1.8rem;
  margin-top: 1rem;
  background-color: #f6f6f6;
}
.cr_bannerSearchModal .modalContent .crb_toggleBox ul li .lineBox-gray {
  padding: 0;
}
.cr_bannerSearchModal .modalContent .crb_toggleBox.toggle .crb_toggleBtn + div {
  display: block;
}
.cr_bannerSearchModal .modalBtnWrap {
  border-top: 1px solid #dadce0;
}

.cr_bssTabModal {
  width: 120rem;
}
.cr_bssTabModal .modalContent {
  padding: 0;
}
.cr_bssTabModal .modalContent .tabWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1rem;
  white-space: initial;
}
.cr_bssTabModal .modalContent .tabWrap .tabList-leftbar {
  width: 14rem;
}
.cr_bssTabModal .modalContent .tabWrap .tabBox {
  width: calc(100% - 15rem);
  padding: 2rem;
}
.cr_bssTabModal .modalContent .flexBox-column {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: calc(100% - 11rem);
  padding: 1.6rem 2rem;
}
.cr_bssTabModal .modalContent .flexBox-column .flexBox {
  width: 100%;
  gap: 1rem;
}
.cr_bssTabModal .modalContent .flexBox-column .flexBox label:first-of-type {
  margin-right: 8rem;
}
.cr_bssTabModal .modalContent .flexBox-column .flexBox-stretch {
  width: 100%;
}
.cr_bssTabModal .modalContent .flexBox-column .flexBox-stretch .inputBox {
  width: calc(100% - 15rem);
}
.cr_bssTabModal .modalContent .flexBox-column .flexBox-stretch .btn-txtline, .cr_bssTabModal .modalContent .flexBox-column .flexBox-stretch .btn-txtlineRed {
  width: 7.4rem;
}
.cr_bssTabModal .modalContent .flexBox-column .txt-gray5 {
  font-size: 1.3rem;
}

.cr_budgetAddModal .modalContent {
  padding: 1rem 2.5rem;
}
.cr_budgetAddModal .modalContent input[type=checkbox] + label.m-t-20 {
  display: block;
}
.cr_budgetAddModal .modalContent .lineBox {
  padding: 1rem 2.5rem 1rem;
  margin: 1rem 0;
}
.cr_budgetAddModal .modalContent .lineBox .flexBox, .cr_budgetAddModal .modalContent .lineBox .flexBox-start {
  gap: 1.3rem;
  margin: 1rem 0;
}
.cr_budgetAddModal .modalContent .lineBox .flexBox > span, .cr_budgetAddModal .modalContent .lineBox .flexBox-start > span {
  margin-top: 1.7rem;
}
.cr_budgetAddModal .modalBtnWrap {
  border-top: 1px solid #dadce0;
}

.cr_allDayDragModal {
  width: 58rem;
}
.cr_allDayDragModal .modalContent {
  padding: 1rem 2.5rem;
  font-size: 1.3rem;
}
.cr_allDayDragModal .modalContent .cr_allDayDragWrap .flexBox > div > p {
  height: 2.6rem;
  line-height: 2.6rem;
  font-size: 1.2rem;
}
.cr_allDayDragModal .modalContent .cr_allDayDragWrap .flexBox-right {
  margin: 0;
}
.cr_allDayDragModal .modalContent .cr_allDayDragWrap .flexBox-right span {
  width: 5.6rem;
  margin-top: 0.5rem;
}
.cr_allDayDragModal .modalContent .cr_allDayDragWrap .mouseSelectList {
  width: 40rem;
}
.cr_allDayDragModal .modalContent .cr_allDayDragWrap .mouseSelectList i {
  width: 5.5rem;
  height: 2.5rem;
}
.cr_allDayDragModal .modalBtnWrap {
  border-top: 1px solid #dadce0;
}

.cr_targetStatisticsModal .modalContent {
  padding: 0.5rem 2.5rem;
}
.cr_targetStatisticsModal .modalContent .contentSection, .cr_targetStatisticsModal .modalContent .toggleSection {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cr_targetStatisticsModal .modalContent .cr_graphWrap .csContent {
  padding: 1rem 2.5rem 2.5rem;
}
.cr_targetStatisticsModal .modalContent .cr_graphWrap .lineBox {
  gap: 0;
  margin-top: 1rem;
  border-bottom: none;
  border-radius: 0;
}
.cr_targetStatisticsModal .modalContent .cr_graphWrap .lineBox > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
  padding: 2rem;
}
.cr_targetStatisticsModal .modalContent .cr_graphWrap .lineBox > div:nth-child(1) {
  border-right: 1px solid #ecedee;
}
.cr_targetStatisticsModal .modalContent .cr_graphWrap .lineBox p {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  text-align: center;
}
.cr_targetStatisticsModal .modalContent .cr_graphWrap .lineBox p + div {
  height: 40rem;
}
.cr_targetStatisticsModal .modalContent .cr_graphWrap .lineBox + button {
  width: 100%;
  border-radius: 0;
  border-color: #ecedee;
}
.cr_targetStatisticsModal .modalContent .cr_tableWrap .csContent {
  padding: 0;
}
.cr_targetStatisticsModal .modalContent .cr_tableWrap .tabWrap {
  padding: 2.5rem;
}
.cr_targetStatisticsModal .modalContent .cr_tableWrap .tableSection {
  margin-bottom: 2.5rem;
}
.cr_targetStatisticsModal .modalContent .cr_tableWrap .tableSection label::before {
  margin-right: 0;
}
.cr_targetStatisticsModal .modalContent .cr_tableWrap .tableSection .flexBox {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cr_targetStatisticsModal .modalContent .cr_tableWrap .tableSection table th > .flexBox {
  height: 7.4rem;
}
.cr_targetStatisticsModal .modalContent .cr_tableWrap .tableSection table td > .flexBox {
  height: 5.6rem;
}

.cr_imgRegisterModal .modalContent > .scrollBox {
  padding: 2.5rem;
}
.cr_imgRegisterModal .modalContent .fileUploadBox {
  margin-bottom: 2rem;
}
.cr_imgRegisterModal .modalContent .txt-gray5 {
  margin-bottom: 1rem;
  font-size: 1.3rem;
}
.cr_imgRegisterModal .modalContent .txt-gray5 .guideBtn {
  display: inline-block;
  color: #1f68d2;
  text-decoration: underline;
}
.cr_imgRegisterModal .modalContent .lineBox-gray {
  display: none;
  margin-top: 4rem;
}
.cr_imgRegisterModal .modalContent .lineBox-gray.toggle {
  display: block;
}
.cr_imgRegisterModal .modalContent .lineBox-gray .flexBox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cr_imgRegisterModal .modalContent .lineBox-gray .flexBox p:nth-child(1) {
  width: 6rem;
}
.cr_imgRegisterModal .modalContent .lineBox-gray .flexBox p:nth-child(2) {
  width: calc(100% - 7rem);
}
.cr_imgRegisterModal .modalContent .modalSubContent {
  padding: 1.5rem 2.6rem;
}
.cr_imgRegisterModal .modalContent .modalSubContent .mscTitle {
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
}
.cr_imgRegisterModal .modalContent .modalSubContent .mscContent {
  height: calc(100% - 2.6rem);
}
.cr_imgRegisterModal .modalContent .modalSubContent .mscContent .infoBox-blue + .scrollBox {
  height: calc(100% - 6.5rem);
}
.cr_imgRegisterModal .modalContent .modalSubContent + .scrollBox {
  max-height: 75%;
}

.cr_aiCopyModal .modalContent {
  padding: 0.5rem 2.5rem;
}
.cr_aiCopyModal .modalContent .contentSection, .cr_aiCopyModal .modalContent .toggleSection {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cr_aiCopyModal .modalContent .optionTitle {
  font-size: 1.4rem;
  color: #2a2a2a;
}
.cr_aiCopyModal .modalContent .contentSection .csContent {
  padding: 1rem 2.5rem 2.5rem;
}
.cr_aiCopyModal .modalContent .contentSection .csContent .flexBox:not(.flexBox-stretch) {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
  row-gap: 1rem;
}
.cr_aiCopyModal .modalContent .contentSection .csContent .flexBox:not(.flexBox-stretch) > label {
  width: 11rem;
}
.cr_aiCopyModal .modalContent .contentSection .csContent .flexBox:not(.flexBox-stretch) .tagBox {
  margin-right: 1rem;
}
.cr_aiCopyModal .modalContent .contentSection .csContent .csInfoBox {
  margin-left: 3rem;
}
.cr_aiCopyModal .modalContent .contentSection .csContent .txt-gray5 {
  margin: 1rem 0;
  font-size: 1.2rem;
}
.cr_aiCopyModal .modalContent .contentSection .csContent .optionList {
  width: 70rem;
}
.cr_aiCopyModal .modalContent .contentSection .csContent .optionList li {
  margin-bottom: 2rem;
}
.cr_aiCopyModal .modalContent .contentSection .csContent .optionList li .flexBox {
  width: 100%;
  gap: 0;
}
.cr_aiCopyModal .modalContent .contentSection .csContent .optionList li .flexBox label {
  width: auto;
}
.cr_aiCopyModal .modalContent .contentSection .csContent .optionList li .flexBox span:last-child {
  margin-left: auto;
  color: #757575;
}
.cr_aiCopyModal .modalContent .contentSection .csContent .optionList li .flexBox span:last-child b {
  font-weight: normal;
  color: #2a2a2a;
}
.cr_aiCopyModal .modalContent .contentSection .csContent .optionList li .inputBox {
  width: 67rem;
  margin: 1rem 0 0 3rem;
}

.cr_trackerModal .modalContent {
  padding: 0.5rem 2.5rem;
}
.cr_trackerModal .modalContent .contentSection, .cr_trackerModal .modalContent .toggleSection {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cr_trackerModal .modalContent .optionTitle {
  font-size: 1.4rem;
  color: #2a2a2a;
}
.cr_trackerModal .modalContent ol {
  margin: 2.6rem 2rem;
}
.cr_trackerModal .modalContent ol li {
  list-style: decimal;
  line-height: 1.5;
}
.cr_trackerModal .modalContent .contentSection .csContent {
  padding: 1rem 2.5rem 2.5rem;
}
.cr_trackerModal .modalContent .contentSection .csContent .guideBtn {
  margin-left: auto;
}
.cr_trackerModal .modalContent .contentSection .csContent .guideBtn.toggle {
  display: none;
}
.cr_trackerModal .modalContent .contentSection .csContent .lineBox-gray {
  display: none;
  padding: 1rem 1rem 2.5rem 2.5rem;
  margin-top: 2.5rem;
}
.cr_trackerModal .modalContent .contentSection .csContent .lineBox-gray b {
  font-size: 1.4rem;
}
.cr_trackerModal .modalContent .contentSection .csContent .lineBox-gray p {
  margin-top: 2rem;
}
.cr_trackerModal .modalContent .contentSection .csContent .lineBox-gray .flexBox b {
  margin-top: 1rem;
}
.cr_trackerModal .modalContent .contentSection .csContent .lineBox-gray .flexBox .guideBtn.toggle {
  display: block;
}
.cr_trackerModal .modalContent .contentSection .csContent .lineBox-gray.toggle {
  display: block;
}
.cr_trackerModal .modalContent .contentSection .csContent .tableSection {
  max-height: 44rem;
  text-align: center;
}
.cr_trackerModal .modalContent .contentSection .csContent .tableSection .flexBox {
  gap: 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: left;
  width: 100%;
}
.cr_trackerModal .modalContent .contentSection .csContent .tableSection th > .flexBox {
  height: 4.8rem;
}
.cr_trackerModal .modalContent .contentSection .csContent .tableSection tr:not(:last-child) td > .flexBox {
  height: 7rem;
}
.cr_trackerModal .modalContent .contentSection .csContent .tableSection .btnMix-add {
  margin-right: auto;
}

.modalAlert.cr_loadingModal {
  padding: 4rem;
  text-align: center;
}
.modalAlert.cr_loadingModal .modalContent p {
  padding: 3rem 0 0rem;
  line-height: 1.75;
}
.modalAlert.cr_loadingModal .modalContent p span {
  font-size: 2rem;
}

.cr_autoUploadModal {
  width: 70rem;
}
.cr_autoUploadModal .modalContent {
  padding: 2rem 2.5rem;
}
.cr_autoUploadModal .modalContent .fileUploadBox-dash .fileThumbnail .ftImgBox {
  background-color: #fff;
}
.cr_autoUploadModal .modalContent .fileUploadBox-dash + .fbInfo {
  margin: 1rem 0 0;
  font-size: 1.4rem;
}
.cr_autoUploadModal .modalContent .fileUploadBox-dash + .fbInfo .btnIcon-triCircle {
  margin: -1px 0 0 0.25rem;
  vertical-align: middle;
}
.cr_autoUploadModal .modalContent .aum_topBox .fileUploadBox .fbDragWrap {
  width: 100%;
  height: 11.4rem;
  background-color: #f6f6f6;
  border: 1px solid #dadce0;
}
.cr_autoUploadModal .modalContent .aum_topBox .txt-gray5 {
  margin-top: 1rem;
  font-size: 1.3rem;
}
.cr_autoUploadModal .modalContent .lineBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 1rem;
  white-space: initial;
  margin-top: 2rem;
}
.cr_autoUploadModal .modalContent .lineBox .title {
  width: 13rem;
  padding: 2rem;
  font-size: 1.4rem;
}
.cr_autoUploadModal .modalContent .lineBox .flexBox-start {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 29.6rem;
  overflow: hidden;
  overflow-y: auto;
  padding: 2rem 3rem;
}
.cr_autoUploadModal .modalContent .lineBox .flexBox-start.error {
  background-color: #fce8e6;
}
.cr_autoUploadModal .modalBtnWrap {
  border-top: 1px solid #dadce0;
}

.cr_autoPreviewModal {
  max-width: 90vw;
  max-height: 90vh;
}
.cr_autoPreviewModal .modalContent video, .cr_autoPreviewModal .modalContent img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}

.cr_aumMoreModal .modalContent {
  padding: 2rem;
}
.cr_aumMoreModal .modalContent .flexBox-start {
  max-width: 69rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*변경내역 camHistory*/
.camHistory > .flexBox:nth-of-type(1) {
  padding: 0 4rem 2rem 0;
  margin: 0 0 2rem;
  border-bottom: 1px solid #dadce0;
  font-size: 1.2rem;
}
.camHistory > .flexBox:nth-of-type(1) .pageTitle {
  margin: 0 0 0.2rem;
  font-size: 2.2rem;
}
.camHistory > .flexBox:nth-of-type(1) .calendarBox {
  min-width: 17.4rem;
  margin-left: auto;
}
.camHistory [class*=tableOptionBox] {
  border-radius: 0;
}
.camHistory [class*=tableOptionBox] [class*=flexBox] {
  padding: 0;
}
.camHistory .tableSection table th > [class*=flexBox] {
  min-height: 5.2rem;
  padding: 0 2.6rem;
}
.camHistory .tableSection table td > [class*=flexBox] {
  min-height: 5rem;
  padding: 1.5rem 2.6rem;
}
.camHistory .pagingWrap {
  border-radius: 0;
}
.camHistory .ch_toggleBox {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.camHistory .ch_toggleBtn {
  margin-left: 1rem;
}
.camHistory .ch_toggleBtn.toggle {
  border-color: #e8f0fe;
  background-color: #e8f0fe;
}
.camHistory .ch_toggleBtn.toggle + .ch_toggleBox {
  max-height: 1000rem;
  opacity: 1;
  overflow: visible;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px dashed #dadce0;
}

.ch_modal {
  width: 135rem;
}
.ch_modal .modalContent {
  padding: 2.6rem;
}
.ch_modal .modalContent > div {
  border: 1px solid #dadce0;
}
.ch_modal .modalContent > div > .flexBox {
  padding: 1rem 1.5rem;
}
.ch_modal .modalContent > div > .flexBox p {
  font-size: 1.4rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.ch_modal .modalContent > div > .flexBox .calendarBox {
  height: 4.2rem;
}
.ch_modal .modalContent > div > .flexBox + div {
  border-top: 1px solid #dadce0;
  border-bottom: 1px solid #dadce0;
}
.ch_modal .modalContent > div .infoBox {
  margin: 1rem;
}
.ch_modal .modalContent > div .btnMix-arrow-s::before {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ch_modal .modalContent > div .btnMix-arrow-s .i-x-blueRound {
  display: none;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.ch_modal .modalContent > div .btnMix-arrow-s:hover .i-x-blueRound {
  display: inline-block;
}
.ch_modal .modalContent > div .tableSection table th > [class*=flexBox] {
  min-height: 7.4rem;
  padding: 0 1.6rem;
}
.ch_modal .modalContent > div .tableSection table td > [class*=flexBox] {
  min-height: 5.6rem;
  padding: 1.5rem 1.6rem;
}
.ch_modal .modalContent > div .pagingWrap {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*인사이트 등록 insiteRegister*/
.insiteRegister .centerWrap {
  width: 109rem;
  max-width: 109rem;
  margin: 0 auto;
}
.insiteRegister .ir_stepTitle-m {
  padding: 2.6rem 0 1rem;
  font-size: 2.8rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.insiteRegister .ir_stepTitle-m span {
  color: #bbb8b8;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.insiteRegister .ir_stepBtnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  margin: 2.5rem 0 10rem;
}
.insiteRegister .csContent > .optionTitle-m {
  display: block;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.insiteRegister .inputBox.w100 {
  margin: 0 1rem 0 0;
}
.insiteRegister .flexBox-space {
  margin-bottom: 1rem;
}
.insiteRegister .flexBox-space .inputBox {
  height: 4.8rem;
}
.insiteRegister .tabWrap {
  margin: 1rem 0;
}
.insiteRegister [class*=lineBox] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1rem;
  white-space: initial;
  padding: 2rem 2rem;
  margin: 1rem 0 0;
  border-radius: 0;
}
.insiteRegister [class*=lineBox]:last-of-type {
  margin-bottom: 1rem;
}
.insiteRegister [class*=lineBox] .optionTitle-m {
  width: 15rem;
  margin: 0;
}
.insiteRegister [class*=lineBox] .optionTitle-m span {
  margin-left: 1rem;
}
.insiteRegister [class*=lineBox] .optionTitle-m + div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.insiteRegister [class*=lineBox] label {
  margin-right: 1rem;
}
.insiteRegister [class*=lineBox] input[type=checkbox] + label:not([class]) {
  min-width: 9rem;
}
.insiteRegister [class*=lineBox] .optionList li:first-child {
  margin-top: 0;
}
.insiteRegister [class*=lineBox] .optionList li:last-child {
  margin-bottom: 0;
}
.insiteRegister [class*=lineBox] + [class*=lineBox] {
  border-top: 0;
  margin: 0;
}
.insiteRegister .lineBox-gray {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.insiteRegister .ir_cdpInfoBox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6rem 0;
  text-align: center;
  color: #5f6368;
}

/*메뉴 캠페인리스트 camList*/
.camList.mainSection {
  padding-bottom: 5rem;
}
.camList .pageTitle {
  font-size: 2.2rem;
}
.camList .pageTitle .cl_tabBtn {
  display: block;
  text-decoration: underline;
  font-size: 1.2rem;
  cursor: pointer;
}
.camList .stickyPageTitleBox .flexBox-stretch .btn-txtline {
  border-color: #9fa4a8;
}
.camList .tabWrap {
  min-width: 130rem;
}
.camList .tabWrap > .flexBox-right {
  margin-bottom: -3rem;
}
.camList .tabWrap > .flexBox-right .calendarBox:last-child {
  margin-right: 4rem;
}
.camList.creativeList .tableOptionBox .btn-round:not(.btnIcon-arrow) {
  height: 4rem;
}
.camList.creativeList .tableOptionBox .btn-round:not(.btnIcon-arrow):not(.btn-bgblue, .btn-main) {
  background-color: #fff;
}
.camList.creativeList .tabWrap > .flexBox-right {
  padding-bottom: 2rem;
  margin-bottom: 0rem;
  border-bottom: 1px solid #dadce0;
}
.camList .tabBox > .flexBox:first-child {
  padding: 1rem 3rem 0 0;
}
.camList .tabBox > .flexBox:first-child .selectBox {
  width: 12rem;
}
.camList .graphBox {
  height: 13rem;
}
.camList .graphBox.toggle {
  height: 30rem;
}
.camList .tableOptionBox .btnIcon-addRound {
  position: absolute;
  top: -2rem;
}
.camList .tableOptionBox .btnIcon-filter {
  margin-left: 6.6rem;
}
.camList .tableSection table th > [class*=flexBox], .camList .tableSection table td > [class*=flexBox] {
  min-height: 7.6rem;
  height: 100%;
  padding: 0 1.5rem;
}
.camList .tableSection table th .flexBox-right p, .camList .tableSection table td .flexBox-right p {
  text-align: right;
}
.camList .tableSection table th:nth-child(1) input[type=checkbox] + label:not(.chkToggle), .camList .tableSection table td:nth-child(1) input[type=checkbox] + label:not(.chkToggle) {
  margin-left: 1rem;
}
.camList .tableSection table th:nth-child(1) input[type=checkbox] + label:not(.chkToggle)::before, .camList .tableSection table td:nth-child(1) input[type=checkbox] + label:not(.chkToggle)::before {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0;
}
.camList .tableSection table th:nth-child(1) button, .camList .tableSection table td:nth-child(1) button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.camList .tableSection table th:nth-child(1) .btn-arrow, .camList .tableSection table td:nth-child(1) .btn-arrow {
  padding: 1rem;
}
.camList .tableSection table th:nth-child(1) .btn-arrow::after, .camList .tableSection table td:nth-child(1) .btn-arrow::after {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.camList .tableSection table th:nth-child(1) [class*=i-object], .camList .tableSection table td:nth-child(1) [class*=i-object] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.camList .tableSection table th:nth-child(1) [class*=i-object] + .flexBox, .camList .tableSection table td:nth-child(1) [class*=i-object] + .flexBox {
  gap: 0;
}
.camList .tableSection table th:nth-child(1) .txt-ellipsis, .camList .tableSection table th:nth-child(1) .txt-ellipsis2, .camList .tableSection table td:nth-child(1) .txt-ellipsis, .camList .tableSection table td:nth-child(1) .txt-ellipsis2 {
  max-width: 80rem;
}
.camList .tableSection table th:nth-child(1) .i-camObj-09, .camList .tableSection table td:nth-child(1) .i-camObj-09 {
  margin-left: 1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.camList .tableSection table thead th > [class*=flexBox] {
  gap: 0.5rem;
}
.camList .tableSection table tbody button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.camList .tableSection table tbody .btnIcon-edit, .camList .tableSection table tbody .btnIcon-setting {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.camList .tableSection table tbody .trTotal td:nth-child(1) {
  padding-left: 10rem;
}
.camList .tableSection table tbody tr:not(.pRpw, .cRow):hover td .btn-arrow::after, .camList .tableSection table tbody tr:not(.pRpw, .cRow):hover td .btnIcon-edit, .camList .tableSection table tbody tr:not(.pRpw, .cRow):hover td .btnIcon-setting, .camList .tableSection table tbody tr:not(.pRpw, .cRow).hover td .btn-arrow::after, .camList .tableSection table tbody tr:not(.pRpw, .cRow).hover td .btnIcon-edit, .camList .tableSection table tbody tr:not(.pRpw, .cRow).hover td .btnIcon-setting {
  opacity: 1;
}
.camList .tableSection table tbody tr:not(.pRpw, .cRow):hover td .txt-ellipsis, .camList .tableSection table tbody tr:not(.pRpw, .cRow):hover td .txt-ellipsis2, .camList .tableSection table tbody tr:not(.pRpw, .cRow):hover td a.txt-blue, .camList .tableSection table tbody tr:not(.pRpw, .cRow).hover td .txt-ellipsis, .camList .tableSection table tbody tr:not(.pRpw, .cRow).hover td .txt-ellipsis2, .camList .tableSection table tbody tr:not(.pRpw, .cRow).hover td a.txt-blue {
  text-decoration: underline;
}
.camList .centerWrap {
  width: 102.6rem;
  max-width: 102.6rem;
  margin: 2rem auto 10rem;
}
.camList .toggleBox {
  margin: 2rem 0;
}
.camList .toggleBox .toggleTitle {
  padding-bottom: 2rem;
}
.camList .toggleSection [class*=i-condition] {
  margin: -2px 0.5rem 0 0;
}
.camList .toggleSection .tasContent > .flexBox:not(.flexBox-stretch) {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.camList input[type=checkbox] + label.m-t-20 {
  display: block;
}
.camList .lineBox {
  padding: 1rem 2.5rem 1rem;
  margin: 1rem 0;
}
.camList .lineBox .flexBox, .camList .lineBox .flexBox-start {
  gap: 1.3rem;
  margin: 1rem 0;
}
.camList .lineBox .flexBox > span, .camList .lineBox .flexBox-start > span {
  margin-top: 1.7rem;
}
.camList .lineBox .audienceBox {
  max-width: 69rem;
}
.camList .lineBox.cdpListWrap {
  max-width: 69rem;
  padding: 1.5rem;
}
.camList .lineBox.cdpListWrap .cdpList > li {
  width: calc(50% - 0.5rem);
}
.camList .subOptionBox .lineBox.flexBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
  max-width: 50rem;
  padding: 2rem;
}
.camList .subOptionBox .lineBox.flexBox label {
  min-width: 8rem;
}
.camList .calendarBox + .selectCustom {
  margin-left: 0.5rem;
  vertical-align: middle;
}
.camList .csInfoBox.min {
  width: 22rem;
}
.camList .cr_allDayDragWrap {
  width: 45rem;
}
.camList .cr_allDayDragWrap .flexBox-right span {
  width: 5rem;
}
.camList .cr_allDayDragWrap .mouseSelectList {
  width: 35.6rem;
}
.camList .cr_allDayDragWrap .mouseSelectList i {
  width: 5rem;
}
.camList .dateCalendarWrap .dcpListWrap {
  width: 21rem;
}
.camList .dateCalendarWrap .dcpListWrap li {
  padding: 1rem 1rem 1rem 1.6rem;
}
.camList .dateCalendarWrap .dcpListWrap li i {
  left: 0.5rem;
}
.camList {
  /*메뉴 camList 화면에서만 사용하는 항목들 클래스 cl_*/
}
.camList .cl_graphBoxWrap, .camList .cl_summaryWrap {
  position: relative;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 1rem;
  -webkit-box-shadow: 0 2px 5px 0 #e4e7e8;
          box-shadow: 0 2px 5px 0 #e4e7e8;
  z-index: 99;
}
.camList .cl_graphBoxWrap .tableSection, .camList .cl_summaryWrap .tableSection {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.camList .cl_graphBoxWrap .tableSection .flexBox, .camList .cl_summaryWrap .tableSection .flexBox {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 7rem;
  height: 7rem;
  font-size: 1.2rem;
  text-align: center;
}
.camList .cl_graphBoxWrap {
  padding: 2rem;
  margin: 1.6rem 0;
  border-radius: 1rem 0 0 1rem;
}
.camList .cl_summaryWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 2rem;
  white-space: initial;
  padding: 2.5rem;
  margin: 3rem 3rem 1.5rem 0;
}
.camList .cl_summaryWrap > div:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 2rem;
  border-right: 1px solid #dadce0;
}
.camList .cl_summaryWrap > div:nth-child(1) .flexBox {
  gap: 2rem;
}
.camList .cl_summaryWrap .cl_summaryTitle {
  display: block;
  margin-bottom: 1.4rem;
  font-size: 1.8rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.camList .cl_summaryWrap .cl_summaryTitle button, .camList .cl_summaryWrap .cl_summaryTitle .infoHelp {
  margin-top: -5px;
  vertical-align: middle;
}
.camList .cl_insiteBtn {
  gap: 1.5rem !important;
  padding: 0.85rem 2rem;
  border: 1px solid #dadce0;
  border-radius: 4rem;
  background-color: #fff;
  color: #5f6368;
}
.camList .cl_insiteSection {
  margin-top: 3rem;
  border: none;
  border-radius: 1rem 0 0 1rem;
  -webkit-box-shadow: -2px 2px 5px 0 #e4e7e8;
          box-shadow: -2px 2px 5px 0 #e4e7e8;
}
.camList .cl_insiteSection.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.camList .cl_insiteSection .csContent {
  padding: 0;
}
.camList .cl_insiteSection .tableOptionBox {
  padding: 0rem 2rem 0 2.5rem;
}
.camList .cl_insiteSection .tableOptionBox .flexBox {
  padding: 0.5rem 0;
}
.camList .cl_insiteSection .tableOptionBox .right {
  position: relative;
}
.camList .cl_insiteSection .tableOptionBox .right::before {
  position: absolute;
  top: 50%;
  left: -2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: " ";
  display: inline-block;
  width: 1px;
  height: 2rem;
  vertical-align: middle;
  background-color: #bbb8b8;
}
.camList .cl_insiteSection .tableOptionBox .right .optionTitle {
  font-size: 1.4rem;
}
.camList .cl_insiteSection .tableSection table tbody .trTotal td:nth-child(1) {
  padding-left: 0rem;
}
.camList .cl_insiteSection .tableSection table th:first-child > [class*=flexBox], .camList .cl_insiteSection .tableSection table td:first-child > [class*=flexBox] {
  padding-left: 2.5rem;
}
.camList .cl_insiteSection .tableSection table th:first-child > [class*=flexBox] .txt-ellipsis2, .camList .cl_insiteSection .tableSection table td:first-child > [class*=flexBox] .txt-ellipsis2 {
  max-width: 100%;
}
.camList.groupListCurrent .optionSearchBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  white-space: initial;
  padding: 1.8rem 3rem;
  margin: 0 4rem 1rem auto;
}
.camList.groupListCurrent .tableSection {
  border-radius: 0 !important;
}
.camList.groupListCurrent .tableSection table tbody .trTotal td:nth-child(1) {
  padding-left: 0rem;
}
.camList.groupListCurrent .tableSection .chkBtn + .txt-gray {
  margin-top: 0.5rem;
  color: #868686;
  font-size: 1.3rem;
  text-align: center;
}
.camList.groupListCurrent .tableSection .flexBox-start {
  padding-top: 1.5rem;
}

.cl_columnEditModal .modalContent .lineBox {
  width: auto;
  padding: 0 2rem;
  margin: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: none;
}
.cl_columnEditModal .modalContent .lineBox .cl_boxTitle {
  padding: 1.5rem 0;
  border-bottom: 1px solid #ecedee;
  font-size: 1.6rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.cl_columnEditModal .modalContent .lineBox [class*=flexBox] {
  padding: 2.5rem 0;
  gap: 4rem;
  row-gap: 2rem;
}
.cl_columnEditModal .modalContent .lineBox [class*=flexBox] label {
  min-width: 12rem;
}
.cl_columnEditModal .modalContent .customList > li > div > label {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 15rem;
}
.cl_columnEditModal .modalContent .customList > li > div .txt-gray5 {
  max-width: calc(100% - 10rem);
  margin-left: 0.5rem;
  font-size: 1.2rem;
}
.cl_columnEditModal .modalContent .customList .clDepth > ul {
  padding: 0 2rem;
}
.cl_columnEditModal .modalContent .customList .clDepth > ul > li {
  display: inline-block;
  min-width: 20rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cl_columnEditModal .modalContent .customList .clDepth > ul > li > div {
  padding: 0;
}
.cl_columnEditModal .modalContent .customList .clDepth > ul > li > div:hover {
  background-color: transparent;
}
.cl_columnEditModal .modalContent .customList .clDepth.toggle > div {
  border-bottom: 1px solid #ecedee;
}
.cl_columnEditModal .modalContent .customList .clDepth.toggle ul {
  padding: 1rem 4rem;
  border-bottom: 1px solid #ecedee;
  background-color: #f6f6f6;
}
.cl_columnEditModal .modalContent .customList .clDepth.toggle + .toggle {
  border-top: none;
}
.cl_columnEditModal .modalContent > .flexBox {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0;
}
.cl_columnEditModal .modalContent > .flexBox > div:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cl_columnEditModal .modalContent > .flexBox > div:nth-child(2) {
  width: 26rem;
  min-height: calc(100vh - 12.5rem);
  padding-bottom: 3rem;
  border-left: 1px solid #dadce0;
  background-color: #f6f6f6;
}
.cl_columnEditModal .modalContent > .flexBox > div:nth-child(2) > div:first-child {
  padding: 2rem 2rem 1.5rem;
}
.cl_columnEditModal .modalContent > .flexBox > div:nth-child(2) > div p {
  font-size: 1.2rem;
}
.cl_columnEditModal .modalContent > .flexBox > div:nth-child(2) > div p:nth-child(1) {
  font-size: 1.4rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.cl_columnEditModal .modalContent > .flexBox > div:nth-child(2) > div ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 0.7rem 1.5rem;
  margin: 0.5rem 2rem;
  font-size: 1.4rem;
  background-color: #fff;
  border: 1px solid #ecedee;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.cl_columnEditModal .modalContent > .flexBox > div:nth-child(2) > div ul li *:last-child {
  margin-left: auto;
}
.cl_columnEditModal .modalContent > .flexBox > div:nth-child(2) > div ul li .btnIcon-x {
  width: 2rem;
  height: 2rem;
}

.cl_typeCurrentModal .modalContent {
  padding: 2.6rem;
}
.cl_typeCurrentModal .modalContent .tabWrap {
  height: 100%;
}
.cl_typeCurrentModal .modalContent .tabBox {
  height: calc(100% - 5.1rem);
  border: 1px solid #dadce0;
}
.cl_typeCurrentModal .modalContent .tabBox .tableOptionBox {
  padding: 0rem 0 0 2.6rem;
}
.cl_typeCurrentModal .modalContent .tabBox .tableSection.dataTable {
  height: 100%;
  max-height: calc(100% - 15rem);
  overflow: hidden;
  overflow-y: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cl_typeCurrentModal .modalContent .tabBox .tableSection.dataTable table th > .flexBox {
  gap: 0.5rem;
  height: 5.6rem;
  padding-left: 2rem;
}
.cl_typeCurrentModal .modalContent .tabBox .tableSection.dataTable table th > .flexBox .txt-gray5, .cl_typeCurrentModal .modalContent .tabBox .tableSection.dataTable table th > .flexBox .txt-blueGray {
  font-size: 1.2rem;
}
.cl_typeCurrentModal .modalContent .tabBox .tableSection.dataTable table th > .flexBox-center {
  height: 5.6rem;
}
.cl_typeCurrentModal .modalContent .tabBox .tableSection.dataTable table td {
  position: relative;
}
.cl_typeCurrentModal .modalContent .tabBox .tableSection.dataTable table td > .flexBox-center {
  min-width: 4rem;
  height: 5.6rem;
}
.cl_typeCurrentModal .modalContent .tabBox .pagingWrap {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  border-top: 1px solid #dadce0;
}

.cl_budgetCalModal .modalContent {
  padding: 0 1rem 1.5rem;
}
.cl_budgetCalModal .modalContent .btn-txtline {
  width: 100%;
  font-size: 1.3rem;
  padding: 0.5rem;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.cl_budgetCalModal .modalContent .dcpListWrap {
  width: 33rem;
  max-height: 40rem;
  margin-top: 0;
  border: none;
}
.cl_budgetCalModal .modalContent .dcpListWrap li {
  padding-left: 2.5rem;
}
.cl_budgetCalModal .modalContent .dcpListWrap li i {
  left: 1rem;
}
.cl_budgetCalModal .modalContent .dcpListWrap .dcp_nodata {
  height: 30rem;
}
.cl_budgetCalModal .modalContent .cl_bcmTab {
  display: none;
}
.cl_budgetCalModal .modalContent .cl_bcmTab .btn-txtline {
  margin-top: 1rem;
}
.cl_budgetCalModal.resizeMode .datepickerFixed table.ui-datepicker-calendar, .cl_budgetCalModal.resizeMode .datepickerFixed + .btn-txtline {
  display: none;
}
.cl_budgetCalModal.resizeMode .cl_bcmTab {
  display: block;
}

.camConSetModal {
  width: 20rem;
}
.camConSetModal [class*=i-condition] {
  margin: -2px 2rem 0 0;
  vertical-align: middle;
}

.camSelectnModal {
  width: 93rem;
}
.camSelectnModal [class*=i-condition] {
  margin: -2px 0.5rem 0 0;
  vertical-align: middle;
}

.campaignOptionModal {
  width: 20rem;
}
.campaignOptionModal .modalContent::before, .campaignOptionModal .modalContent::after {
  top: -0.85rem !important;
}
.campaignOptionModal .modalContent .optionBox.scrollBox {
  margin: 0 !important;
}
.campaignOptionModal .modalContent .optionBox.scrollBox .customList {
  padding: 0;
}
.campaignOptionModal .modalContent .optionBox.scrollBox .customList li > div, .campaignOptionModal .modalContent .optionBox.scrollBox .customList li > a {
  gap: 1rem;
  cursor: pointer;
}
.campaignOptionModal.top .modalContent::before, .campaignOptionModal.top .modalContent::after {
  top: calc(100% - 0.1rem) !important;
}

.optionDateModal .flexBox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.5rem;
}
.optionDateModal .flexBox .selectBox, .optionDateModal .flexBox .infoBox {
  width: 20rem;
}

.modifyDateModal .modalBtnWrap {
  height: 5.6rem;
}

.cl_csm_searchBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  gap: 0;
  padding: 0.2rem 1rem;
  border-bottom: 1px solid #dadce0;
}
.cl_csm_searchBox input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1.35rem;
}
.cl_csm_searchBox .btn-arrow {
  border-left: 1px solid #dadce0;
  border-radius: 0;
}

.campaignSearchModal {
  width: 52rem;
  max-height: 80rem;
  overflow: hidden;
  overflow-y: auto;
}
.campaignSearchModal .modalContent .customList li div {
  gap: 1rem;
}
.campaignSearchModal .modalContent .customList li div [class*=i-condition] {
  margin-right: 1rem;
}

.campaignSearchModal .modalContent .cl_csm_filterBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1rem;
  white-space: initial;
}
.campaignSearchModal .modalContent .cl_csm_filterBox .btnIcon-filter {
  margin: 2rem;
}
.campaignSearchModal .modalContent .cl_csm_filterBox .flexBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  width: calc(100% - 4rem);
  padding: 1rem;
}
.campaignSearchModal .modalContent .cl_csm_filterBox .flexBox .btn-round {
  padding: 0.5rem 1.3rem;
}
.campaignSearchModal .modalContent .cl_csm_filterBox .flexBox .btn-round .i-x {
  margin: -2px 0 0 0.5rem;
}
.campaignSearchModal .modalContent .cl_csm_searchBox {
  border-top: 1px solid #dadce0;
}

.budgetDayModal .modalContent {
  padding: 1rem 2.5rem;
}
.budgetDayModal .modalContent > .flexBox {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.budgetDayModal .modalContent input[type=checkbox] + label.m-t-20 {
  display: block;
}
.budgetDayModal .modalContent .lineBox {
  width: auto;
  padding: 1rem 2.5rem 1rem;
  margin: 1rem 0;
}
.budgetDayModal .modalContent .lineBox .flexBox, .budgetDayModal .modalContent .lineBox .flexBox-start {
  gap: 1.3rem;
  margin: 1rem 0;
}
.budgetDayModal .modalContent .lineBox .flexBox > span, .budgetDayModal .modalContent .lineBox .flexBox-start > span {
  margin-top: 1.7rem;
}
.budgetDayModal .modalBtnWrap {
  border-top: 1px solid #dadce0;
}

.bmm_toggleBox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.9rem;
  white-space: initial;
}
.bmm_toggleBox ul li {
  width: 14.8rem;
  border: 1px solid #bfc2c5;
  border-radius: 0.4rem;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bmm_toggleBox ul li > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  height: 5.2rem;
  background-color: #f6f6f6;
  border-bottom: 1px solid #bfc2c5;
  color: #5f6368;
  font-size: 1.4rem;
}
.bmm_toggleBox ul li > div {
  padding-left: 2rem;
  font-size: 1.3rem;
}
.bmm_toggleBox ul li > div input {
  width: calc(100% - 1.4rem);
  padding: 2rem 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.budgetMonthModal {
  width: 75.4rem;
}
.budgetMonthModal .modalTitle {
  padding: 3rem 2.5rem 0rem;
  border: none;
}
.budgetMonthModal .modalContent {
  padding: 2.5rem;
}
.budgetMonthModal .modalContent .btn-txt {
  display: block;
  padding: 1rem 0;
  margin: 1rem 0 0rem;
}
.budgetMonthModal .modalContent .btn-txt.toggle {
  display: none;
}
.budgetMonthModal .modalContent .btn-txt.toggle + .lineBox {
  display: block;
}
.budgetMonthModal .modalContent .lineBox {
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2rem 2.5rem;
  margin-top: 2rem;
}

.temporaryListModal .tableSection.viewTable, .reliveModal .tableSection.viewTable, .camNewModal .tableSection.viewTable, .camHistoryListModal .tableSection.viewTable, .sm_addModal .tableSection.viewTable {
  width: 100%;
  height: 30rem;
  overflow: hidden;
  overflow-y: auto;
}
.temporaryListModal .tableSection.viewTable [class*=i-condition], .reliveModal .tableSection.viewTable [class*=i-condition], .camNewModal .tableSection.viewTable [class*=i-condition], .camHistoryListModal .tableSection.viewTable [class*=i-condition], .sm_addModal .tableSection.viewTable [class*=i-condition] {
  margin-right: 1rem;
}
.temporaryListModal .tableSection.viewTable .infoHelp, .reliveModal .tableSection.viewTable .infoHelp, .camNewModal .tableSection.viewTable .infoHelp, .camHistoryListModal .tableSection.viewTable .infoHelp, .sm_addModal .tableSection.viewTable .infoHelp {
  width: 70%;
  max-width: 18rem;
  vertical-align: middle;
}
.temporaryListModal .tableSection.viewTable .infoHelp .txt-ellipsis, .reliveModal .tableSection.viewTable .infoHelp .txt-ellipsis, .camNewModal .tableSection.viewTable .infoHelp .txt-ellipsis, .camHistoryListModal .tableSection.viewTable .infoHelp .txt-ellipsis, .sm_addModal .tableSection.viewTable .infoHelp .txt-ellipsis {
  width: 100%;
}
.temporaryListModal .tableSection.viewTable .infoHelp .ihBox p, .reliveModal .tableSection.viewTable .infoHelp .ihBox p, .camNewModal .tableSection.viewTable .infoHelp .ihBox p, .camHistoryListModal .tableSection.viewTable .infoHelp .ihBox p, .sm_addModal .tableSection.viewTable .infoHelp .ihBox p {
  padding: 1rem;
}
.temporaryListModal .tableSection.viewTable table, .reliveModal .tableSection.viewTable table, .camNewModal .tableSection.viewTable table, .camHistoryListModal .tableSection.viewTable table, .sm_addModal .tableSection.viewTable table {
  border-bottom: none;
}
.temporaryListModal .tableSection.viewTable table .flexBox, .temporaryListModal .tableSection.viewTable table .flexBox-center, .reliveModal .tableSection.viewTable table .flexBox, .reliveModal .tableSection.viewTable table .flexBox-center, .camNewModal .tableSection.viewTable table .flexBox, .camNewModal .tableSection.viewTable table .flexBox-center, .camHistoryListModal .tableSection.viewTable table .flexBox, .camHistoryListModal .tableSection.viewTable table .flexBox-center, .sm_addModal .tableSection.viewTable table .flexBox, .sm_addModal .tableSection.viewTable table .flexBox-center {
  height: 5.6rem;
  padding: 0 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.temporaryListModal .tableSection.viewTable table thead, .reliveModal .tableSection.viewTable table thead, .camNewModal .tableSection.viewTable table thead, .camHistoryListModal .tableSection.viewTable table thead, .sm_addModal .tableSection.viewTable table thead {
  top: 1px;
}
.temporaryListModal .tableSection.viewTable table thead::after, .reliveModal .tableSection.viewTable table thead::after, .camNewModal .tableSection.viewTable table thead::after, .camHistoryListModal .tableSection.viewTable table thead::after, .sm_addModal .tableSection.viewTable table thead::after {
  height: 1px;
}
.temporaryListModal .tableSection.viewTable table thead th, .reliveModal .tableSection.viewTable table thead th, .camNewModal .tableSection.viewTable table thead th, .camHistoryListModal .tableSection.viewTable table thead th, .sm_addModal .tableSection.viewTable table thead th {
  border-top: none;
}
.temporaryListModal .tableSection.viewTable table thead th .flexBox, .temporaryListModal .tableSection.viewTable table thead th .flexBox-center, .reliveModal .tableSection.viewTable table thead th .flexBox, .reliveModal .tableSection.viewTable table thead th .flexBox-center, .camNewModal .tableSection.viewTable table thead th .flexBox, .camNewModal .tableSection.viewTable table thead th .flexBox-center, .camHistoryListModal .tableSection.viewTable table thead th .flexBox, .camHistoryListModal .tableSection.viewTable table thead th .flexBox-center, .sm_addModal .tableSection.viewTable table thead th .flexBox, .sm_addModal .tableSection.viewTable table thead th .flexBox-center {
  height: 4.8rem;
}
.temporaryListModal .tableSection.viewTable table th, .temporaryListModal .tableSection.viewTable table td, .reliveModal .tableSection.viewTable table th, .reliveModal .tableSection.viewTable table td, .camNewModal .tableSection.viewTable table th, .camNewModal .tableSection.viewTable table td, .camHistoryListModal .tableSection.viewTable table th, .camHistoryListModal .tableSection.viewTable table td, .sm_addModal .tableSection.viewTable table th, .sm_addModal .tableSection.viewTable table td {
  font-size: 1.4rem;
  font-weight: normal;
  text-align: left;
}
.temporaryListModal .tableSection.viewTable table th label, .temporaryListModal .tableSection.viewTable table td label, .reliveModal .tableSection.viewTable table th label, .reliveModal .tableSection.viewTable table td label, .camNewModal .tableSection.viewTable table th label, .camNewModal .tableSection.viewTable table td label, .camHistoryListModal .tableSection.viewTable table th label, .camHistoryListModal .tableSection.viewTable table td label, .sm_addModal .tableSection.viewTable table th label, .sm_addModal .tableSection.viewTable table td label {
  width: 100%;
}
.temporaryListModal .tableSection.viewTable table tr:hover, .reliveModal .tableSection.viewTable table tr:hover, .camNewModal .tableSection.viewTable table tr:hover, .camHistoryListModal .tableSection.viewTable table tr:hover, .sm_addModal .tableSection.viewTable table tr:hover {
  background-color: #f6f6f6;
}
.temporaryListModal .modalBtnWrap, .reliveModal .modalBtnWrap, .camNewModal .modalBtnWrap, .camHistoryListModal .modalBtnWrap, .sm_addModal .modalBtnWrap {
  border-top: 1px solid #dadce0;
}

.sm_addModal {
  width: 60rem;
}
.sm_addModal .tableSection.viewTable table th label, .sm_addModal .tableSection.viewTable table td label {
  max-width: 55rem;
}
.sm_addModal .pagingWrap {
  border-top: 1px solid #dadce0;
}

.camHistoryListModal .flexBox-stretch {
  width: 100%;
  padding: 1rem;
  border-bottom: 1px solid #dadce0;
}
.camHistoryListModal .flexBox-stretch .inputBox {
  width: calc(100% - 8.6rem);
  border-color: #dadce0;
}
.camHistoryListModal .flexBox-stretch .inputBox + button {
  width: 7.6rem;
}

.camModifyModal {
  width: 80rem;
}
.camModifyModal .modalContent {
  padding: 2rem 2.5rem;
  font-size: 1.4rem;
}
.camModifyModal .modalContent .btn-linegray {
  width: 100%;
  height: 6rem;
  text-align: left;
  font-size: 1.4rem;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.camModifyModal .modalContent .btn-linegray i {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin: -3px 1rem 0 0;
  vertical-align: middle;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}
.camModifyModal .modalContent .cmm_list {
  margin: 2rem 0;
}
.camModifyModal .modalContent .cmm_list li {
  margin: 1rem 0;
}
.camModifyModal .modalContent .cmm_list li:nth-child(1) .btn-linegray i {
  background-image: url("../images/menu/camList/cl-editmodal-01.png");
}
.camModifyModal .modalContent .cmm_list li:nth-child(1) .btn-linegray:hover i {
  background-image: url("../images/menu/camList/cl-editmodal-01-on.png");
}
.camModifyModal .modalContent .cmm_list li:nth-child(2) .btn-linegray i {
  background-image: url("../images/menu/camList/cl-editmodal-02.png");
}
.camModifyModal .modalContent .cmm_list li:nth-child(2) .btn-linegray:hover i {
  background-image: url("../images/menu/camList/cl-editmodal-02-on.png");
}
.camModifyModal .modalContent .cmm_list li:nth-child(3) .btn-linegray i {
  background-image: url("../images/menu/camList/cl-editmodal-03.png");
}
.camModifyModal .modalContent .cmm_list li:nth-child(3) .btn-linegray:hover i {
  background-image: url("../images/menu/camList/cl-editmodal-03-on.png");
}
.camModifyModal .modalContent .lineBox-gray {
  padding: 1rem;
  margin-top: 2rem;
  max-height: 25rem;
  overflow: hidden;
  overflow-y: auto;
}
.camModifyModal .modalContent .lineBox-gray .btnMix-edit-g {
  border-radius: 0;
  background-color: #fff;
  font-size: 1.6rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.camModifyModal .modalContent .lineBox-gray .btnMix-edit-g::before {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: auto;
}
.camModifyModal .modalBtnWrap {
  border-top: 1px solid #dadce0;
}

.reliveInfoModal {
  width: 40rem;
}

.groupCopyModal {
  width: 50rem;
}
.groupCopyModal .modalContent {
  padding: 2rem 2.5rem;
  overflow: visible;
}
.groupCopyModal .modalContent .optionTitle {
  margin: 2.5rem 0 1rem;
}
.groupCopyModal .modalContent .lineBox-gray {
  padding: 1.5rem;
  background-color: #ecedee;
  border-color: #999999;
  line-height: 1.75;
}
.groupCopyModal .modalBtnWrap {
  padding: 0.5rem 2.5rem;
}

.creativeListModify .centerWrap {
  width: 109em;
  max-width: 109rem;
  margin: 2rem auto 10rem;
}
.creativeListModify .centerWrap .clm_stepTitle-nav {
  padding: 1rem 0 0;
  font-size: 1.2rem;
}
.creativeListModify .centerWrap .clm_stepTitle-m {
  font-size: 2.8rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.creativeListModify .centerWrap .lineBox:not(.aiCreativeWrap) {
  padding: 1rem 2.5rem 1rem;
  margin: 1rem 0;
}
.creativeListModify .centerWrap .lineBox:not(.aiCreativeWrap) .flexBox, .creativeListModify .centerWrap .lineBox:not(.aiCreativeWrap) .flexBox-start {
  gap: 1.3rem;
  margin: 1rem 0;
}
.creativeListModify .centerWrap .lineBox:not(.aiCreativeWrap) .flexBox > span, .creativeListModify .centerWrap .lineBox:not(.aiCreativeWrap) .flexBox-start > span {
  margin-top: 1.7rem;
}
.creativeListModify .centerWrap .lineBox:not(.aiCreativeWrap) .flexBox .inputBox + .btn-txtline, .creativeListModify .centerWrap .lineBox:not(.aiCreativeWrap) .flexBox-start .inputBox + .btn-txtline {
  min-height: 5.7rem;
}
.creativeListModify .centerWrap .lineBox:not(.aiCreativeWrap) .flexBox .lbInfoBox, .creativeListModify .centerWrap .lineBox:not(.aiCreativeWrap) .flexBox-start .lbInfoBox {
  height: 5.7rem;
}
.creativeListModify .centerWrap .lineBox:not(.aiCreativeWrap) .audienceBox {
  max-width: 69rem;
}
.creativeListModify .centerWrap .lineBox:not(.aiCreativeWrap).cdpListWrap {
  padding: 1.5rem;
}
.creativeListModify .centerWrap .lineBox-gray {
  padding: 1.5rem;
}
.creativeListModify .centerWrap .lineBox-gray .txt-grayb {
  font-size: 1rem;
}

.camRegister .acw_editBox.editMode .view, .creativeListModify .acw_editBox.editMode .view {
  display: none;
}
.camRegister .acw_editBox:not(.editMode) .edit, .creativeListModify .acw_editBox:not(.editMode) .edit {
  display: none;
}
.camRegister .aiCreativeWrap, .creativeListModify .aiCreativeWrap {
  margin: 2rem 0 1rem;
}
.camRegister .aiCreativeWrap .i-ai, .creativeListModify .aiCreativeWrap .i-ai {
  margin: -2px 0 0 0.5rem;
}
.camRegister .aiCreativeWrap [class*=btnMix-], .creativeListModify .aiCreativeWrap [class*=btnMix-] {
  margin-left: 0.5rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  vertical-align: middle;
}
.camRegister .aiCreativeWrap .lbContent, .creativeListModify .aiCreativeWrap .lbContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  min-height: 12rem;
  padding: 2rem 2.6rem;
}
.camRegister .aiCreativeWrap .lbContent p, .creativeListModify .aiCreativeWrap .lbContent p {
  font-size: 1.3rem;
  line-height: 1.75;
  text-align: center;
}
.camRegister .aiCreativeWrap .lbContent p.txt-bgblue, .creativeListModify .aiCreativeWrap .lbContent p.txt-bgblue {
  padding: 1.4rem 2rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
  color: #2a2a2a;
  font-size: 1.4rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  text-align: left;
}
.camRegister .aiCreativeWrap .lbContent .txt-left, .creativeListModify .aiCreativeWrap .lbContent .txt-left {
  width: 100%;
}
.camRegister .aiCreativeWrap .lbContent .txt-left p, .camRegister .aiCreativeWrap .lbContent .txt-left .typeTxtarea, .creativeListModify .aiCreativeWrap .lbContent .txt-left p, .creativeListModify .aiCreativeWrap .lbContent .txt-left .typeTxtarea {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 72rem;
  border-radius: 1rem;
  text-align: left;
}
.camRegister .aiCreativeWrap .lbContent .txt-left p textarea, .camRegister .aiCreativeWrap .lbContent .txt-left p input, .camRegister .aiCreativeWrap .lbContent .txt-left .typeTxtarea textarea, .camRegister .aiCreativeWrap .lbContent .txt-left .typeTxtarea input, .creativeListModify .aiCreativeWrap .lbContent .txt-left p textarea, .creativeListModify .aiCreativeWrap .lbContent .txt-left p input, .creativeListModify .aiCreativeWrap .lbContent .txt-left .typeTxtarea textarea, .creativeListModify .aiCreativeWrap .lbContent .txt-left .typeTxtarea input {
  padding: 1rem 0.4rem 0.5rem;
  font-size: 1.4rem;
}

.cr_autoCreativeModal .modalContent {
  padding: 2.5rem;
  font-size: 1.4rem;
}
.cr_autoCreativeModal .modalContent img, .cr_autoCreativeModal .modalContent video {
  display: block;
  max-width: 100%;
  max-height: 50rem;
}
.cr_autoCreativeModal .modalContent .txtTag {
  margin: -1px 1rem 0 0;
}
.cr_autoCreativeModal .modalContent .lineBox {
  padding: 3rem;
  margin: 2rem 0;
}
.cr_autoCreativeModal .modalContent .contentSection, .cr_autoCreativeModal .modalContent .toggleSection {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cr_autoCreativeModal .modalContent .optionTitle {
  font-size: 1.4rem;
  color: #2a2a2a;
}
.cr_autoCreativeModal .modalContent .contentSection .csContent {
  padding: 2.5rem;
}
.cr_autoCreativeModal .modalContent .contentSection .csContent .inputBox {
  width: 100%;
}

.cl_bookingModal {
  width: 92.5rem;
}
.cl_bookingModal .modalContent {
  overflow-y: hidden;
}
.cl_bookingModal .modalContent .optionTitle {
  margin: 0;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  color: #2a2a2a;
}
.cl_bookingModal .modalContent .selectBox .selectOption ul {
  max-height: 20rem;
}
.cl_bookingModal .modalContent .flexBox-stretch {
  height: 100%;
}
.cl_bookingModal .modalContent .flexBox-stretch > .optionBox {
  width: 30rem;
  padding: 2rem 2.5rem;
  border-right: 1px solid #dadce0;
}
.cl_bookingModal .modalContent .flexBox-stretch > .optionBox .selectBox, .cl_bookingModal .modalContent .flexBox-stretch > .optionBox .inputBox {
  width: 100%;
  margin: 1rem 0 2rem;
}
.cl_bookingModal .modalContent .flexBox-stretch .scrollBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: calc(100vh - 20rem);
  min-height: 18rem;
  padding: 2rem;
}
.cl_bookingModal .modalContent .flexBox-stretch .scrollBox .optionTitle {
  font-size: 1.6rem;
}
.cl_bookingModal .modalContent .flexBox-stretch .scrollBox .selectBox {
  width: 25rem;
}
.cl_bookingModal .modalContent .flexBox-stretch .scrollBox .tableSection.summaryTable {
  margin: 2rem 0 1rem;
  table-layout: fixed;
}
.cl_bookingModal .modalContent .flexBox-stretch .scrollBox .tableSection.summaryTable table {
  border-collapse: collapse;
}
.cl_bookingModal .modalContent .flexBox-stretch .scrollBox .tableSection.summaryTable th, .cl_bookingModal .modalContent .flexBox-stretch .scrollBox .tableSection.summaryTable td {
  width: 20%;
  border: 1px solid #dadce0;
}
.cl_bookingModal .modalContent .flexBox-stretch .scrollBox .tableSection.summaryTable th {
  font-size: 1.3rem;
}
.cl_bookingModal .modalContent .flexBox-stretch .scrollBox .tableSection.summaryTable th .flexBox-center {
  min-height: 5rem;
}
.cl_bookingModal .modalContent .flexBox-stretch .scrollBox .tableSection.summaryTable td {
  font-size: 1.2rem;
}
.cl_bookingModal .modalContent .flexBox-stretch .scrollBox .tableSection.summaryTable td .flexBox-center {
  min-height: 5.8rem;
}
.cl_bookingModal .modalContent .flexBox-stretch .scrollBox .pagingWrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cl_bookingModal .modalContent .flexBox-stretch .scrollBox .pagingWrap .pagingBtnWrap {
  margin-left: 0;
}
.cl_bookingModal .modalBtnWrap {
  border-top: 1px solid #dadce0;
}

/*메뉴 보고서 reportList*/
.reportList .rp_typeList .typeList {
  padding: 1rem 0;
}
.reportList .rp_typeList .typeList li {
  min-height: 19.8rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.reportList .rp_typeList .typeList li a {
  padding: 2rem 2rem 2rem 1.5rem;
  word-break: keep-all;
}
.reportList .rp_typeList .typeList li a::before {
  content: " ";
  display: block;
  width: 5rem;
  height: 5rem;
  vertical-align: middle;
}
.reportList .rp_typeList .typeList li a.date::before {
  background-image: url("../images/menu/report/rp-date.png");
}
.reportList .rp_typeList .typeList li a.time::before {
  background-image: url("../images/menu/report/rp-time.png");
}
.reportList .rp_typeList .typeList li a.type::before {
  background-image: url("../images/menu/report/rp-type.png");
}
.reportList .rp_typeList .typeList li a.target::before {
  background-image: url("../images/menu/report/rp-target.png");
}
.reportList .rp_typeList .typeList li a.week::before {
  background-image: url("../images/menu/report/rp-week.png");
}
.reportList .rp_typeList .typeList li a.locate::before {
  background-image: url("../images/menu/report/rp-locate.png");
}
.reportList .rp_typeList .typeList li a.media::before {
  background-image: url("../images/menu/report/rp-media.png");
}
.reportList .rp_typeList .txt-error {
  margin-top: 1.5rem;
}
.reportList .contentSection, .reportList .toggleSection {
  min-width: 130rem;
  margin-right: 4rem;
}
.reportList .toggleSection.toggle.focus {
  margin-top: 2rem;
}
.reportList .toggleSection.toggle.focus .csTitle {
  background-color: #fff;
}
.reportList .toggleSection .csContent {
  padding: 0;
}
.reportList .toggleSection .csContent .tableOptionBox .flexBox {
  padding: 1rem 1.3rem 1rem 2.6rem;
}
.reportList .toggleSection .csContent .tableOptionBox-checked {
  border-radius: 0;
}
.reportList .toggleSection .csContent .tableSection table th > .flexBox {
  height: 5.2rem;
  padding: 0 0.5rem;
}
.reportList .toggleSection .csContent .tableSection table td > .flexBox {
  height: 5rem;
  padding: 0 0.5rem;
}
.reportList .toggleSection .csContent .tableSection table td > .flexBox > .flexBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reportList .toggleSection .csContent .tableSection table th, .reportList .toggleSection .csContent .tableSection table td {
  width: 0;
}
.reportList .toggleSection .csContent .tableSection table th:nth-child(1) input[type=checkbox] + label:not(.chkToggle), .reportList .toggleSection .csContent .tableSection table td:nth-child(1) input[type=checkbox] + label:not(.chkToggle) {
  margin-left: 2.6rem;
}
.reportList .toggleSection .csContent .tableSection table th:nth-child(1) .txt-ellipsis, .reportList .toggleSection .csContent .tableSection table th:nth-child(1) .txt-ellipsis2, .reportList .toggleSection .csContent .tableSection table td:nth-child(1) .txt-ellipsis, .reportList .toggleSection .csContent .tableSection table td:nth-child(1) .txt-ellipsis2 {
  display: block;
  width: 0;
  min-width: 100%;
}
.reportList .toggleSection .csContent .tableSection table tbody .btnIcon-edit, .reportList .toggleSection .csContent .tableSection table tbody .btnIcon-setting {
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.reportList .toggleSection .csContent .tableSection table tbody tr:not(.pRpw, .cRow):hover td .btn-arrow::after, .reportList .toggleSection .csContent .tableSection table tbody tr:not(.pRpw, .cRow):hover td .btnIcon-edit, .reportList .toggleSection .csContent .tableSection table tbody tr:not(.pRpw, .cRow):hover td .btnIcon-setting, .reportList .toggleSection .csContent .tableSection table tbody tr:not(.pRpw, .cRow).hover td .btn-arrow::after, .reportList .toggleSection .csContent .tableSection table tbody tr:not(.pRpw, .cRow).hover td .btnIcon-edit, .reportList .toggleSection .csContent .tableSection table tbody tr:not(.pRpw, .cRow).hover td .btnIcon-setting {
  opacity: 1;
}
.reportList .toggleSection .csContent .tableSection table tbody tr:not(.pRpw, .cRow):hover td .txt-ellipsis, .reportList .toggleSection .csContent .tableSection table tbody tr:not(.pRpw, .cRow):hover td .txt-ellipsis2, .reportList .toggleSection .csContent .tableSection table tbody tr:not(.pRpw, .cRow):hover td a.txt-blue, .reportList .toggleSection .csContent .tableSection table tbody tr:not(.pRpw, .cRow).hover td .txt-ellipsis, .reportList .toggleSection .csContent .tableSection table tbody tr:not(.pRpw, .cRow).hover td .txt-ellipsis2, .reportList .toggleSection .csContent .tableSection table tbody tr:not(.pRpw, .cRow).hover td a.txt-blue {
  text-decoration: underline;
}

.reportEditor.mainSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1rem;
  white-space: initial;
}
.reportEditor.mainSection .re_editorBoxWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(100% - 26rem);
}
.reportEditor.mainSection .re_editorBoxWrap > .flexBox:first-child {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  margin: 0 5rem 0rem 0;
}
.reportEditor.mainSection .re_editorBoxWrap > .flexBox:first-child .calendarBox {
  height: 4.2rem;
}
.reportEditor.mainSection .re_editorBoxWrap > .flexBox:first-child .calendarBox input {
  line-height: 4.2rem;
}
.reportEditor.mainSection .re_editorBoxWrap .re_optionBox {
  padding: 1rem 3rem;
}
.reportEditor.mainSection .re_editorBoxWrap .re_optionBox .left {
  max-width: calc(100% - 35rem);
}
.reportEditor.mainSection .re_editorBoxWrap .re_optionBox .left span {
  font-size: 2.2rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  vertical-align: middle;
}
.reportEditor.mainSection .re_editorBoxWrap .re_optionBox .left button {
  vertical-align: middle;
}
.reportEditor.mainSection .re_editorBoxWrap .re_optionBox .right div:last-child {
  padding-left: 1rem;
  border-left: 1px solid #dadce0;
}
.reportEditor.mainSection .re_editorBoxWrap .re_optionBox .right .btn-txt {
  padding: 1rem;
}
.reportEditor.mainSection .re_editorBox {
  min-height: calc(100vh - 20.3rem);
  background-color: #fff;
  border: 1px solid #dadce0;
}
.reportEditor.mainSection .re_editorBox .re_editorOption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 1rem 2rem;
  border-bottom: 1px solid #dadce0;
}
.reportEditor.mainSection .re_editorBox .re_editorOption button {
  vertical-align: middle;
}
.reportEditor.mainSection .re_editorBox .tableSection {
  width: 100%;
  height: calc(100vh - 35rem);
  overflow: hidden;
  overflow-y: auto;
  overflow-x: auto;
  border-bottom: 1px solid #dadce0;
}
.reportEditor.mainSection .re_editorBox .tableSection table {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.reportEditor.mainSection .re_editorBox .tableSection table th:nth-child(1) {
  padding-left: 1rem;
}
.reportEditor.mainSection .re_editorBox .tableSection table th > [class*=flexBox] {
  height: 5rem;
  padding: 1rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.reportEditor.mainSection .re_editorBox .tableSection table th > [class*=flexBox] > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reportEditor.mainSection .re_editorBox .tableSection table td {
  border-bottom: 1px solid #dadce0;
}
.reportEditor.mainSection .re_editorBox .tableSection table td:nth-child(1) {
  padding-left: 1rem;
}
.reportEditor.mainSection .re_editorBox .tableSection table td > [class*=flexBox] {
  padding: 1rem;
}
.reportEditor.mainSection .re_editorBox .tableSection table .trTotal td > [class*=flexBox] {
  height: 5rem;
}
.reportEditor.mainSection .re_editorBox .tableSection table .txt-ellipsis, .reportEditor.mainSection .re_editorBox .tableSection table .txt-ellipsis2 {
  display: block;
  width: 0;
  min-width: 100%;
}
.reportEditor.mainSection .re_editorBox .tableSection table .thumbnailLink + div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reportEditor.mainSection .re_editorBox .pagingWrap {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.reportEditor.mainSection .re_editorBox .re_nodata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  height: calc(100vh - 28.5rem);
}
.reportEditor.mainSection .re_editorBox .re_nodata::after {
  content: " ";
  display: block;
  width: 14.7rem;
  height: 11rem;
  vertical-align: middle;
  margin-top: 1rem;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
  background-image: url("../images/menu/report/rp_nodata.png");
}
.reportEditor.mainSection .re_editorBox .re_nodata > p {
  font-size: 1.4rem;
}
.reportEditor.mainSection .re_editorBox .re_nodata > p:nth-child(1) {
  font-size: 2.2rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.reportEditor.mainSection .sideWrap {
  width: 24rem;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.reportEditor.mainSection .sideWrap.toggle {
  width: 0;
  padding: 0;
  border: none;
}
.reportEditor.mainSection .sideWrap.toggle > .flexBox {
  padding: 0;
}
.reportEditor.mainSection .sideWrap > .flexBox {
  padding: 1.6rem;
  border-bottom: 1px solid #dadce0;
}
.reportEditor.mainSection .sideWrap > .flexBox input {
  max-width: calc(100% - 3rem);
}
.reportEditor.mainSection .sideWrap .optionBox {
  height: calc(100vh - 15.2rem);
  overflow: hidden;
  overflow-y: auto;
}
.reportEditor.mainSection .sideWrap .optionBox input[type=checkbox] + label.chkList::before {
  content: " ";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  background-image: url("../images/common/icon-drag-b.png");
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.reportEditor.mainSection .sideWrap .optionBox input[type=checkbox]:checked + label.chkList::before {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
.reportEditor.mainSection .sideWrap .optionBox > ul > li {
  border-bottom: 1px solid #dadce0;
}
.reportEditor.mainSection .sideWrap .optionBox > ul > li > div {
  min-height: auto;
  padding: 0.5rem 1rem;
}
.reportEditor.mainSection .sideWrap .optionBox > ul > li > div span {
  font-size: 1.4rem;
}
.reportEditor.mainSection .sideWrap .optionBox > ul > li > ul {
  padding: 0 1rem 1rem;
}
.reportEditor.mainSection .sideWrap .chkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}

.rp_reportTitleModal .modalContent, .rp_reportSaveTitleModal .modalContent {
  padding: 2rem 0 1rem;
}
.rp_reportTitleModal .modalContent .inputBox, .rp_reportSaveTitleModal .modalContent .inputBox {
  width: 100%;
}
.rp_reportTitleModal .modalContent > p:not(.txt-error), .rp_reportSaveTitleModal .modalContent > p:not(.txt-error) {
  padding: 0 0 2rem;
}
.rp_reportTitleModal .modalContent p.txt-error, .rp_reportSaveTitleModal .modalContent p.txt-error {
  margin: 1rem 0 0;
  padding: 0;
}

.rp_reportDateModal .modalTitle {
  margin-bottom: 1rem;
}
.rp_reportDateModal .modalContent .flexBox {
  margin: 1rem 0;
  font-size: 1.4rem;
}
.rp_reportDateModal .modalContent .flexBox > div:not(.selectBox) {
  width: 46rem;
}
.rp_reportDateModal .modalContent .flexBox + .selectBox {
  width: 100%;
  margin: 0 0 0.5rem 0;
}
.rp_reportDateModal .modalContent p:not(.txt-error) {
  padding: 1rem 0;
}
.rp_reportDateModal .modalContent .txt-error {
  padding: 0;
  margin: 0 1rem;
}
.rp_reportDateModal .modalContent .selectBox {
  min-width: 18rem;
}
.rp_reportDateModal .modalContent .calendarBox, .rp_reportDateModal .modalContent .inputBox {
  width: 100%;
  margin: 0.5rem 0;
}
.rp_reportDateModal .modalContent .btn-bggray {
  margin: 1rem 0.5rem 0 0;
}
.rp_reportDateModal .modalBtnWrap {
  margin-top: 1rem;
}

.videoReport {
  padding-bottom: 10rem;
}
.videoReport > div {
  min-width: 130rem;
}
.videoReport .infoHelp > i {
  margin: 3px 0 0 1rem;
  vertical-align: inherit;
}
.videoReport .pm_pageTitleBox {
  padding-bottom: 2rem;
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #dadce0;
}
.videoReport .pm_pageTitleBox span {
  font-size: 2.2rem;
}
.videoReport .optionSearchBox {
  margin-right: 4rem;
}
.videoReport .optionSearchBox .optionList > li > .flexBox-stretch {
  gap: 1rem;
}
.videoReport .vr_gbTitle {
  display: block;
  margin-bottom: 1.5rem;
  font-size: 1.8rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.videoReport .vr_summaryWrap, .videoReport .vr_graphBoxWrap > div {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 1rem;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
  padding: 2rem;
}
.videoReport .vr_summaryWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 3rem;
  white-space: initial;
  margin: 3rem 4rem 0 0;
}
.videoReport .vr_summaryWrap .vr_thumbnailWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  white-space: initial;
  width: 58rem;
  padding: 1rem;
}
.videoReport .vr_summaryWrap .vr_thumbnailWrap .vrt_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0rem;
  white-space: initial;
  width: 12rem;
  height: 12rem;
}
.videoReport .vr_summaryWrap .vr_thumbnailWrap .vrt_img.nodata {
  background-color: #f6f6f6;
  border: 1px solid #dadce0;
  background-image: url(../images/common/icon-img.png);
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}
.videoReport .vr_summaryWrap .vr_thumbnailWrap .vrt_img img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.videoReport .vr_summaryWrap .vr_thumbnailWrap .vrt_title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 33rem;
  font-size: 1.8rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.videoReport .vr_summaryWrap .vr_thumbnailWrap .vrt_info {
  width: 10rem;
  text-align: center;
}
.videoReport .vr_summaryWrap .vr_thumbnailWrap .vrt_info > p {
  font-size: 1.4rem;
}
.videoReport .vr_summaryWrap .vr_thumbnailWrap .vrt_info > p:first-child {
  margin-bottom: 1.6rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.videoReport .vr_summaryWrap .vr_tableWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.videoReport .vr_summaryWrap .vr_tableWrap .tableSection .flexBox {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 7rem;
  height: 7rem;
  font-size: 1.2rem;
  text-align: center;
  word-break: keep-all;
}
.videoReport .vr_graphBoxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 3rem;
  white-space: initial;
  margin: 3rem 4rem 1.5rem 0;
}
.videoReport .vr_graphBoxWrap > div:first-child {
  width: 64rem;
}
.videoReport .vr_graphBoxWrap > div:first-child .flexBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.videoReport .vr_graphBoxWrap > div:first-child .flexBox .brg_index {
  display: block;
  margin-right: 1.4rem;
  font-size: 1.2rem;
}
.videoReport .vr_graphBoxWrap > div:first-child .barGraphWrap li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  margin: 1rem 0;
  font-size: 1.2rem;
}
.videoReport .vr_graphBoxWrap > div:first-child .barGraphWrap li .brg_title {
  display: block;
  width: 7rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  background-color: #f6f6f6;
  border: 1px solid #dadce0;
}
.videoReport .vr_graphBoxWrap > div:first-child .barGraphWrap li .barGraph {
  width: 40rem;
}
.videoReport .vr_graphBoxWrap > div:first-child .barGraphWrap li .brg_cont {
  display: block;
  width: 8rem;
  margin-left: 2rem;
}
.videoReport .vr_graphBoxWrap > div:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.videoReport .tableSection {
  border-radius: 1rem 1rem 0 0;
}
.videoReport .tableSection table th > [class*=flexBox], .videoReport .tableSection table td > [class*=flexBox] {
  min-height: 7.6rem;
  padding: 0 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.videoReport .tableSection table tbody .trTotal td:nth-child(1) {
  padding-left: 0;
}

.vr_previewModal {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  z-index: 10000;
}
.vr_previewModal .btnMix-x-w {
  position: absolute;
  bottom: calc(100% + 2rem);
  right: -2.5rem;
  padding: 1.4rem 2rem 1.4rem 3rem;
  border-radius: 2.8rem;
}
.vr_previewModal .btnMix-x-w span {
  margin-right: 3rem;
  font-size: 1.8rem;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.vr_previewModal .btnMix-x-w:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.vr_previewModal .btnMix-x-w:hover span {
  font-size: 1.8rem;
  text-decoration: underline;
}
.vr_previewModal .flexBox-column {
  gap: 1.5rem;
}
.vr_previewModal .flexBox-column .btnIcon-x-w {
  width: 3rem;
  height: 3rem;
  margin: 0 7rem 0rem auto;
}
.vr_previewModal .flexBox-column .btnIcon-x-w:hover {
  background-color: transparent;
}
.vr_previewModal .flexBox-column .btnIcon-x-w::before, .vr_previewModal .flexBox-column .btnIcon-x-w::after {
  height: 2.5rem;
}
.vr_previewModal .flexBox-column .flexBox {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.vr_previewModal .flexBox-column .flexBox:nth-of-type(1) {
  gap: 3rem;
  margin-bottom: 1.5rem;
}
.vr_previewModal .flexBox-column .flexBox .vr_previewBox {
  max-width: 120rem;
  max-height: 60rem;
}
.vr_previewModal .flexBox-column .flexBox .vr_previewBox img, .vr_previewModal .flexBox-column .flexBox .vr_previewBox video {
  max-width: 120rem;
  max-height: 60rem;
}
.vr_previewModal .flexBox-column .btn-txt {
  width: 15rem;
  height: 4.7rem;
  margin: 0;
  background-color: #fff;
  border-radius: 0;
}
.vr_previewModal .flexBox-column .btn-txt:hover {
  background-color: #1a73e8;
  color: #fff;
}

.paymentActive > .flexBox:nth-of-type(1) {
  padding: 0 4rem 2rem 0;
  margin: 0 0 2rem;
  border-bottom: 1px solid #dadce0;
}
.paymentActive > .flexBox:nth-of-type(1) .pageTitle {
  margin: 0 0 0.2rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 2.2rem;
}
.paymentActive .tableSection table th > [class*=flexBox] {
  min-height: 8rem;
  padding: 0 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paymentActive .tableSection table td > [class*=flexBox] {
  min-height: 7.6rem;
  padding: 0 1.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*ga연동보고서 포스트백보고서 딥링크 관리 gaReport postbackReport deeplinkAssets*/
.gaReport .pageTitle, .postbackReport .pageTitle, .deeplinkAssets .pageTitle {
  margin: 0 0 0.2rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.gaReport > .flexBox:nth-of-type(1) button, .postbackReport > .flexBox:nth-of-type(1) button, .deeplinkAssets > .flexBox:nth-of-type(1) button {
  font-size: 1.2rem;
}
.gaReport > .flexBox:nth-of-type(1) .calendarBox, .gaReport > .flexBox:nth-of-type(1) > .btn-main, .postbackReport > .flexBox:nth-of-type(1) .calendarBox, .postbackReport > .flexBox:nth-of-type(1) > .btn-main, .deeplinkAssets > .flexBox:nth-of-type(1) .calendarBox, .deeplinkAssets > .flexBox:nth-of-type(1) > .btn-main {
  min-width: 17.4rem;
  height: 5rem;
  margin-left: auto;
  font-size: 1.4rem;
}
.gaReport .gr_infoBox, .gaReport .pr_infoBox, .gaReport .da_infoBox, .postbackReport .gr_infoBox, .postbackReport .pr_infoBox, .postbackReport .da_infoBox, .deeplinkAssets .gr_infoBox, .deeplinkAssets .pr_infoBox, .deeplinkAssets .da_infoBox {
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 1rem;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
  padding: 20rem 20rem 20rem 50rem;
  margin-right: 4rem;
  font-size: 1.2rem;
}
.gaReport .gr_infoBox .title, .gaReport .pr_infoBox .title, .gaReport .da_infoBox .title, .postbackReport .gr_infoBox .title, .postbackReport .pr_infoBox .title, .postbackReport .da_infoBox .title, .deeplinkAssets .gr_infoBox .title, .deeplinkAssets .pr_infoBox .title, .deeplinkAssets .da_infoBox .title {
  display: block;
  margin: 0 0 0.4rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 2.2rem;
}
.gaReport .gr_infoBox .txt-green, .gaReport .pr_infoBox .txt-green, .gaReport .da_infoBox .txt-green, .postbackReport .gr_infoBox .txt-green, .postbackReport .pr_infoBox .txt-green, .postbackReport .da_infoBox .txt-green, .deeplinkAssets .gr_infoBox .txt-green, .deeplinkAssets .pr_infoBox .txt-green, .deeplinkAssets .da_infoBox .txt-green {
  font-size: 1.4rem;
}
.gaReport .gr_infoBox .btn-line, .gaReport .gr_infoBox .btn-main, .gaReport .pr_infoBox .btn-line, .gaReport .pr_infoBox .btn-main, .gaReport .da_infoBox .btn-line, .gaReport .da_infoBox .btn-main, .postbackReport .gr_infoBox .btn-line, .postbackReport .gr_infoBox .btn-main, .postbackReport .pr_infoBox .btn-line, .postbackReport .pr_infoBox .btn-main, .postbackReport .da_infoBox .btn-line, .postbackReport .da_infoBox .btn-main, .deeplinkAssets .gr_infoBox .btn-line, .deeplinkAssets .gr_infoBox .btn-main, .deeplinkAssets .pr_infoBox .btn-line, .deeplinkAssets .pr_infoBox .btn-main, .deeplinkAssets .da_infoBox .btn-line, .deeplinkAssets .da_infoBox .btn-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 25rem;
  height: 5.3rem;
  margin-top: 4rem;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.gaReport .tableSection table th > [class*=flexBox], .postbackReport .tableSection table th > [class*=flexBox], .deeplinkAssets .tableSection table th > [class*=flexBox] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gaReport .tableSection table th:nth-last-child(-n+3) .infoHelp .ihBox, .postbackReport .tableSection table th:nth-last-child(-n+3) .infoHelp .ihBox, .deeplinkAssets .tableSection table th:nth-last-child(-n+3) .infoHelp .ihBox {
  left: auto;
  right: 0.5rem;
}
.gaReport .tableSection table th:nth-last-child(-n+3) .infoHelp .ihBox::before, .postbackReport .tableSection table th:nth-last-child(-n+3) .infoHelp .ihBox::before, .deeplinkAssets .tableSection table th:nth-last-child(-n+3) .infoHelp .ihBox::before {
  left: auto;
  right: 1rem;
}
.gaReport .tableSection table th:nth-last-child(-n+3) .infoHelp .ihBox::after, .postbackReport .tableSection table th:nth-last-child(-n+3) .infoHelp .ihBox::after, .deeplinkAssets .tableSection table th:nth-last-child(-n+3) .infoHelp .ihBox::after {
  left: auto;
  right: 1.1rem;
}
.gaReport .tableSection table td > [class*=flexBox], .postbackReport .tableSection table td > [class*=flexBox], .deeplinkAssets .tableSection table td > [class*=flexBox] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gaReport > div, .postbackReport > div, .deeplinkAssets > div, .conversionReport > div {
  min-width: 130rem;
}
.gaReport .pageTitle, .postbackReport .pageTitle, .deeplinkAssets .pageTitle, .conversionReport .pageTitle {
  font-size: 2.2rem;
}
.gaReport > .flexBox:nth-of-type(1), .postbackReport > .flexBox:nth-of-type(1), .deeplinkAssets > .flexBox:nth-of-type(1), .conversionReport > .flexBox:nth-of-type(1) {
  padding: 0 0rem 2rem 0;
  margin: 0 0 2rem;
  border-bottom: 1px solid #dadce0;
  font-size: 1.2rem;
}
.gaReport .calendarBox, .postbackReport .calendarBox, .deeplinkAssets .calendarBox, .conversionReport .calendarBox {
  margin-right: 4rem;
}
.gaReport .txt-gray5.txt-right, .postbackReport .txt-gray5.txt-right, .deeplinkAssets .txt-gray5.txt-right, .conversionReport .txt-gray5.txt-right {
  margin: 1rem 4rem 0 0;
  font-size: 1.2rem;
}
.gaReport .tableOptionBox-w .btn-round, .postbackReport .tableOptionBox-w .btn-round, .deeplinkAssets .tableOptionBox-w .btn-round, .conversionReport .tableOptionBox-w .btn-round {
  min-width: 10rem;
  height: 4rem;
  line-height: 1.5;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  vertical-align: middle;
}
.gaReport .tableOptionBox-w .btn-round i, .postbackReport .tableOptionBox-w .btn-round i, .deeplinkAssets .tableOptionBox-w .btn-round i, .conversionReport .tableOptionBox-w .btn-round i {
  margin-top: -2px;
  vertical-align: middle;
}
.gaReport .tableSection table th > [class*=flexBox], .postbackReport .tableSection table th > [class*=flexBox], .deeplinkAssets .tableSection table th > [class*=flexBox], .conversionReport .tableSection table th > [class*=flexBox] {
  min-height: 8rem;
  padding: 0 1.5rem;
}
.gaReport .tableSection table th .flexBox-column, .postbackReport .tableSection table th .flexBox-column, .deeplinkAssets .tableSection table th .flexBox-column, .conversionReport .tableSection table th .flexBox-column {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.gaReport .tableSection table td > [class*=flexBox], .postbackReport .tableSection table td > [class*=flexBox], .deeplinkAssets .tableSection table td > [class*=flexBox], .conversionReport .tableSection table td > [class*=flexBox] {
  min-height: 7.6rem;
  padding: 0 1.5rem;
}
.gaReport .tableSection table tbody .trTotal td > [class*=flexBox], .postbackReport .tableSection table tbody .trTotal td > [class*=flexBox], .deeplinkAssets .tableSection table tbody .trTotal td > [class*=flexBox], .conversionReport .tableSection table tbody .trTotal td > [class*=flexBox] {
  min-height: 8.9rem;
  padding: 0 1.5rem;
}

.crp_gapModal .flexBox-wrap, .crp_timeModal .flexBox-wrap {
  gap: 1rem;
  row-gap: 2rem;
  padding: 1.5rem;
}
.crp_gapModal .flexBox-wrap > li, .crp_timeModal .flexBox-wrap > li {
  width: calc(33% - 1rem);
}

.deeplinkAssets .tableSection table tbody td .btn-txt {
  text-decoration: underline;
}

#da_newModal {
  width: 17.4rem;
}

.gar_utmModal .modalContent {
  padding: 0.5rem 2.5rem;
}
.gar_utmModal .modalContent .contentSection, .gar_utmModal .modalContent .toggleSection {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.gar_utmModal .modalContent .contentSection .csTitle h4, .gar_utmModal .modalContent .toggleSection .csTitle h4 {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.gar_utmModal .modalContent .contentSection .csTitle .i-helpGray, .gar_utmModal .modalContent .toggleSection .csTitle .i-helpGray {
  margin: -2px 0 0 0.5rem;
}
.gar_utmModal .modalContent .contentSection .csTitle .txt-gray5, .gar_utmModal .modalContent .toggleSection .csTitle .txt-gray5 {
  font-size: 1.3rem;
}

.gar_guideModal .modalTitle {
  padding: 2.5rem;
}
.gar_guideModal .modalContent {
  padding: 3rem 6rem;
  border-bottom: 1px solid #dadce0;
}
.gar_guideModal .modalContent > p > span {
  display: block;
}
.gar_guideModal .modalContent > p > span:first-child {
  font-size: 3rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.gar_guideModal .modalContent > p > span.txt-gray {
  font-size: 2rem;
  color: #bbb8b8;
}
.gar_guideModal .modalContent > ol > li {
  margin-top: 5rem;
}
.gar_guideModal .modalContent > ol > li > p {
  font-size: 2rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.gar_guideModal .modalContent > ol > li > ol > li {
  margin: 1rem 0;
  font-size: 1.6rem;
  line-height: 1.5;
}

/*간편유닛관리 unitManage*/
.unitManage, .unitManageSmart {
  padding: 0 4rem 14rem 2rem;
}
.unitManage .pageTitle, .unitManageSmart .pageTitle {
  padding: 2rem 0 0;
  margin: 2rem 0 2rem;
  font-size: 2.2rem;
  border-top: 1px solid #dadce0;
}
.unitManage > div, .unitManage section, .unitManageSmart > div, .unitManageSmart section {
  min-width: 148rem;
}
.unitManage .um_summary, .unitManageSmart .um_summary {
  background-color: #fff;
  border: 1px solid #ecedee;
  border-radius: 1rem;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
  padding: 1.5rem;
}
.unitManage .um_summary ul, .unitManageSmart .um_summary ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1rem;
  white-space: initial;
}
.unitManage .um_summary li, .unitManageSmart .um_summary li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0rem;
  white-space: initial;
  width: 30rem;
  border: 1px solid #dadce0;
}
.unitManage .um_summary li span, .unitManageSmart .um_summary li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
  min-height: 4rem;
  padding: 0.5rem;
  word-break: break-all;
  font-size: 1.4rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.unitManage .um_summary li .ums_title, .unitManageSmart .um_summary li .ums_title {
  width: 14rem;
  background-color: #f6f6f6;
  border-right: 1px solid #dadce0;
}
.unitManage .um_summary + .txt-gray5, .unitManageSmart .um_summary + .txt-gray5 {
  margin-bottom: 1rem;
  font-size: 1.2rem;
}

.unitManage .contentSection, .unitManage .contentSection.focus {
  -webkit-box-shadow: 0 2px 5px 0 #e4e7e8;
          box-shadow: 0 2px 5px 0 #e4e7e8;
}
.unitManage .contentSection h4, .unitManage .contentSection.focus h4 {
  font-size: 1.6rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.unitManage .contentSection h4.um_title, .unitManage .contentSection.focus h4.um_title {
  font-size: 1.8rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.unitManage .um_step01 {
  background-color: #67c191;
}
.unitManage .um_step02 {
  background-color: #acd985;
}
.unitManage .um_step03 {
  background-color: #e3ecb7;
}
.unitManage .um_step04 {
  background-color: #f9d787;
}
.unitManage .um_step05 {
  background-color: #feb387;
}
.unitManage .um_step06 {
  background-color: #ffa4a4;
}
.unitManage .um_step07 {
  background-color: #fc8888;
}
.unitManage .um_nodata {
  background-color: #a79c9c;
}
.unitManage .txt-right {
  font-size: 1.3rem;
}
.unitManage .ihBox {
  max-width: 40rem;
}
.unitManage .ihBox > p {
  padding: 1rem 1.5rem;
  font-size: 1.2rem;
  text-align: left;
}
.unitManage .ihBox > p:nth-child(1) {
  font-size: 1.4rem;
}
.unitManage .ihBox > p:nth-child(2) {
  padding-top: 0;
}
.unitManage .ihBox.ihTail-bottom {
  top: calc(100% - 2rem);
}
.unitManage .ihBox.ihTail-top {
  bottom: calc(100% - 1rem);
  left: 0.5rem;
}
.unitManage .umBlock {
  position: relative;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.unitManage .umBlock.um_step03 {
  color: #9aa273;
}
.unitManage .umBlock.none {
  background-color: #fff;
  color: #757575;
}
.unitManage .umBlock.off {
  background-color: #ecedee;
  color: #757575;
}
.unitManage .umBlock.drag::after {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.5);
}
.unitManage .selectBox.round {
  padding: 1rem 2rem;
  margin-left: 2rem;
  font-size: 1.2rem;
}
.unitManage .selectBox.round.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.unitManage .btn-round.umBlock {
  border: none;
  font-size: 1.2rem;
}
.unitManage .btn-round.umBlock i {
  display: none;
}
.unitManage .btn-round.umBlock.active {
  padding-left: 1.5rem;
}
.unitManage .btn-round.umBlock.active i {
  position: relative;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin: -2px 1rem 0 0;
  border-radius: 50%;
  background-color: #fff;
  vertical-align: middle;
}
.unitManage .btn-round.umBlock.active i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
          transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
  content: " ";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  background-color: #1a73e8;
  -webkit-mask-image: url("../images/common/icon-chk-g.svg");
          mask-image: url("../images/common/icon-chk-g.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
}
.unitManage .btn-round.umBlock.um_step01.active {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #198b4e inset;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #198b4e inset;
}
.unitManage .btn-round.umBlock.um_step01.active i::before {
  background-color: #198b4e;
}
.unitManage .btn-round.umBlock.um_step02.active {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #74a44a inset;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #74a44a inset;
}
.unitManage .btn-round.umBlock.um_step02.active i::before {
  background-color: #74a44a;
}
.unitManage .btn-round.umBlock.um_step03.active {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #acb96d inset;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #acb96d inset;
}
.unitManage .btn-round.umBlock.um_step03.active i::before {
  background-color: #acb96d;
}
.unitManage .btn-round.umBlock.um_step04.active {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #be9f57 inset;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #be9f57 inset;
}
.unitManage .btn-round.umBlock.um_step04.active i::before {
  background-color: #be9f57;
}
.unitManage .btn-round.umBlock.um_step05.active {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #c47c52 inset;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #c47c52 inset;
}
.unitManage .btn-round.umBlock.um_step05.active i::before {
  background-color: #c47c52;
}
.unitManage .btn-round.umBlock.um_step06.active {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #d86a6a inset;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #d86a6a inset;
}
.unitManage .btn-round.umBlock.um_step06.active i::before {
  background-color: #d86a6a;
}
.unitManage .btn-round.umBlock.um_step07.active {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #d26767 inset;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #d26767 inset;
}
.unitManage .btn-round.umBlock.um_step07.active i::before {
  background-color: #d26767;
}
.unitManage .btn-round.umBlock.off.active {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #b7b7b7 inset;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 3px #b7b7b7 inset;
}
.unitManage .btn-round.umBlock.off.active i::before {
  background-color: #b7b7b7;
}
.unitManage .um_summaryWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 3rem;
  white-space: initial;
}
.unitManage .um_summaryWrap > div .um_summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  white-space: initial;
  width: 35rem;
  height: 100%;
  padding: 2.5rem;
}
.unitManage .um_summaryWrap > div .um_summary ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.unitManage .um_summaryWrap > div .um_summary li {
  width: 100%;
}
.unitManage .um_summaryWrap > div .um_summary li:not(:first-child) {
  margin-top: 1rem;
}
.unitManage .um_summaryWrap > div .um_summary li span {
  height: 6.8rem;
}
.unitManage .um_summaryWrap > div:nth-child(2) {
  background-color: #fff;
  border: 1px solid #ecedee;
  border-radius: 1rem;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
  padding: 2.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.unitManage .um_summaryWrap > div:nth-child(2) p.txt-right {
  margin-bottom: 1rem;
  font-size: 1.3rem;
}
.unitManage .um_summaryWrap + .flexBox {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 2rem 0;
}
.unitManage .um_summaryWrap + .flexBox .txt-gray5 {
  font-size: 1.4rem;
}
.unitManage .um_summaryWrap + .flexBox .optionSearchBox {
  padding: 1.8rem 2rem 1.8rem 4rem;
}
.unitManage .um_summaryWrap + .flexBox .optionSearchBox .toggle {
  margin: 0 4rem 0 1.5rem;
}
.unitManage .um_info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  white-space: initial;
}
.unitManage .um_info ul li {
  font-size: 1.2rem;
}
.unitManage .um_info ul li:not(:first-child) {
  padding-left: 1.5rem;
  border-left: 1px solid #dadce0;
}
.unitManage .um_infoWrap {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 2rem 0;
}
.unitManage .um_infoWrap h4 {
  font-size: 2.2rem;
}
.unitManage .um_infoWrap .um_info ul {
  margin-top: 1rem;
}
.unitManage .um_infoWrap .um_info ul li {
  font-size: 1.4rem;
}
.unitManage .um_infoWrap .right .optionSearchBox {
  padding: 1.8rem 2rem 1.8rem 4rem;
}
.unitManage .um_infoWrap .right .optionSearchBox .toggle {
  margin-left: 1.5rem;
}
.unitManage .um_infoWrap .right .optionSearchBox .chkToggle:not(:last-child) .toggle {
  margin-right: 4rem;
}
.unitManage .um_indexTable {
  text-align: center;
}
.unitManage .um_indexTable table {
  table-layout: fixed;
  margin: 1rem 0 0.7rem;
}
.unitManage .um_indexTable table th, .unitManage .um_indexTable table td {
  width: 14.2857142857%;
  border-right: 1px solid #dadce0;
}
.unitManage .um_indexTable table th {
  height: 5rem;
  line-height: 5rem;
  font-size: 1.3rem;
}
.unitManage .um_indexTable table td {
  padding: 2rem 0;
  font-size: 1.3rem;
  line-height: 1.5;
}
.unitManage .um_sectionTitle {
  padding: 1.2rem 1.6rem;
  background-color: #fff;
  border-radius: 0.4rem 0.4rem 0 0;
  border-bottom: 1px solid #dadce0;
  -webkit-box-shadow: 0 2px 5px 0 #e4e7e8;
          box-shadow: 0 2px 5px 0 #e4e7e8;
  font-size: 1.6rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.unitManage .um_sectionTitle + .tableOptionBox-w {
  border-radius: 0;
}
.unitManage .um_sectionTitle ~ .flexBox-stretch .tableSection.dataTable table {
  min-width: 0;
}
.unitManage .tableOptionBox-w {
  padding: 1.2rem 2.6rem;
  border-radius: 1rem 1rem 0 0;
  border-bottom: 1px solid #dadce0;
}
.unitManage .tableOptionBox-w .btn-round {
  width: 8.4rem;
  height: 4rem;
}
.unitManage .tableOptionBox-w .btn-round:not(.btn-bgblue) {
  color: #1a73e8;
}
.unitManage .tableOptionBox-w .um_indexWrap > button {
  margin-left: 1rem;
  font-size: 1.2rem;
}
.unitManage .tableOptionBox-w .um_indexWrap > button > i {
  width: 1.6rem;
  height: 1.6rem;
  margin: -3px 1rem 0 0rem;
}
.unitManage .tableOptionBox-w .um_indexWrap > button.off {
  position: relative;
  opacity: 0.5;
}
.unitManage .tableOptionBox-w .um_indexWrap > button.off::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: " ";
  display: inline-block;
  width: 100%;
  height: 1px;
  vertical-align: middle;
  background-color: #3c4049;
}
.unitManage .dataClassBox.nodataMode {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.unitManage .dataClassBox .noData {
  padding: 10rem 0;
  font-size: 1.4rem;
  text-align: center;
}
.unitManage .flexBox-stretch {
  gap: 0;
  padding-bottom: 4rem;
  background-color: #fff;
  border-radius: 0 0 1rem 1rem;
}
.unitManage .flexBox-stretch .scrollBox {
  width: 18rem;
  padding: 0 0.5rem 0 1rem;
  text-align: center;
  border-right: 1px solid #dadce0;
  border-bottom: 1px solid #dadce0;
}
.unitManage .flexBox-stretch .scrollBox > span {
  display: block;
  padding: 2rem 0;
  font-size: 1.6rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.unitManage .flexBox-stretch .scrollBox > ul li {
  margin: 0 0 0.5rem 0;
}
.unitManage .flexBox-stretch .scrollBox > ul li label {
  display: block;
  width: 100%;
  height: 4rem;
  line-height: 2;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.unitManage .tableSection.dataTable {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 100%;
  border-bottom: 1px solid #dadce0;
}
.unitManage .tableSection.dataTable table {
  table-layout: fixed;
}
.unitManage .tableSection.dataTable table th {
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.unitManage .tableSection.dataTable table th, .unitManage .tableSection.dataTable table td {
  width: 9.6rem;
  border-right: 3px solid #dadce0;
  border-bottom: 1px solid #dadce0;
}
.unitManage .tableSection.dataTable table th.infoHelp, .unitManage .tableSection.dataTable table td.infoHelp {
  display: table-cell;
}
.unitManage .tableSection.dataTable table th:nth-child(n+10):nth-last-child(-n+7).infoHelp .ihBox, .unitManage .tableSection.dataTable table td:nth-child(n+10):nth-last-child(-n+7).infoHelp .ihBox {
  left: auto;
  right: 0.5rem;
}
.unitManage .tableSection.dataTable table th:nth-child(n+10):nth-last-child(-n+7).infoHelp .ihBox::before, .unitManage .tableSection.dataTable table td:nth-child(n+10):nth-last-child(-n+7).infoHelp .ihBox::before {
  left: auto;
  right: 1rem;
}
.unitManage .tableSection.dataTable table th:nth-child(n+10):nth-last-child(-n+7).infoHelp .ihBox::after, .unitManage .tableSection.dataTable table td:nth-child(n+10):nth-last-child(-n+7).infoHelp .ihBox::after {
  left: auto;
  right: 1.1rem;
}
.unitManage .tableSection.dataTable table th > .flexBox-column, .unitManage .tableSection.dataTable table td > .flexBox-column {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 13.5rem;
}
.unitManage .tableSection.dataTable table th > .flexBox-column p, .unitManage .tableSection.dataTable table td > .flexBox-column p {
  font-size: 1.1rem;
}
.unitManage .tableSection.dataTable table th > .flexBox-column p.txt-ellipsis2, .unitManage .tableSection.dataTable table td > .flexBox-column p.txt-ellipsis2 {
  max-width: calc(100% - 0.5rem);
  padding: 0 0.5rem;
  font-size: 1.4rem;
}
.unitManage .tableSection.dataTable table thead th[class*=um_step] {
  padding: 1rem 0;
  color: #fff;
}
.unitManage .tableSection.dataTable table thead th > .umBlock {
  display: none;
  padding: 1rem 0 4rem;
}
.unitManage .tableSection.dataTable table thead th > .umBlock > p {
  font-size: 1rem;
  line-height: 1.1;
}
.unitManage .tableSection.dataTable table thead th > .flexBox-column {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 16rem;
}
.unitManage .tableSection.dataTable table thead th > .flexBox-column p {
  font-size: 1.1rem;
}
.unitManage .tableSection.dataTable table thead th.off > .flexBox-column {
  opacity: 0.5;
}
.unitManage .tableSection.dataTable table thead th.off[class*=um_step] {
  background-color: #ecedee;
  color: #757575;
}
.unitManage .tableSection.dataTable table tbody .umBlock {
  height: 5.9rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.unitManage .tableSection.dataTable .loadingWrap {
  background-color: #f6f6f6;
}
.unitManage .umEditBox:not(.viewMode) table tr:first-child th .txt-blue, .unitManage .umEditBox:not(.viewMode) table tr:first-child th .txt-green {
  color: #fff;
}
.unitManage .umEditBox.viewMode {
  overflow: visible;
}
.unitManage .umEditBox.viewMode table {
  max-width: 100%;
}
.unitManage .umEditBox.viewMode table th, .unitManage .umEditBox.viewMode table td {
  width: 3.3333333333%;
  min-width: 4.8rem;
}
.unitManage .umEditBox.viewMode table thead tr th > .flexBox-column {
  display: none;
}
.unitManage .umEditBox.viewMode table thead tr th > .umBlock {
  display: block;
}
.unitManage .umEditBox.viewMode table thead tr:first-child th {
  border-bottom: none;
}
.unitManage .um_summaryTable table th:not(:first-child), .unitManage .um_summaryTable table td:not(:first-child) {
  border-left: 1px solid #dadce0;
}
.unitManage .um_summaryTable table th .flexBox-center {
  height: 4.9rem;
}
.unitManage .um_summaryTable table td .flexBox-center {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  min-height: 14.7rem;
  padding: 0.8rem 1.2rem;
  text-align: center;
  font-size: 1.1rem;
}
.unitManage .um_summaryTable table td .flexBox-center > div > p:not(:first-child) {
  width: 6rem;
  padding: 0.3rem 0 0.3rem;
  margin: 0.4rem 0;
  background-color: #d9e3f3;
  border-radius: 1.2rem;
}
.unitManage .um_summaryTable table td .flexBox-center > div:nth-child(2) > p:not(:first-child) {
  background-color: #e1f3d9;
}
.unitManage .ums_manageWrap {
  position: relative;
  padding-top: 2rem;
  background-color: #f6f6f6;
  -webkit-box-shadow: 0 2px 5px 0 #e4e7e8;
          box-shadow: 0 2px 5px 0 #e4e7e8;
}
.unitManage .ums_manageWrap::after {
  content: " ";
  display: inline-block;
  width: 100%;
  height: 4rem;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 0 0 1rem 1rem;
}
.unitManage .ums_manageWrap .umsm_titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  min-height: 6rem;
  margin: 0rem 2rem 1rem;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 0.5rem;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
}
.unitManage .ums_manageWrap .umsm_titleWrap > span {
  display: block;
  width: 16.2rem;
  height: 3rem;
  border-right: 1px solid #bbb8b8;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 3rem;
  text-align: center;
}
.unitManage .ums_manageWrap .umsm_titleWrap .titleBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 8rem;
  text-align: center;
}
.unitManage .ums_manageWrap .umsm_titleWrap .titleBox > span, .unitManage .ums_manageWrap .umsm_titleWrap .titleBox .selectNow {
  max-width: calc(100% - 2rem);
  min-width: 5rem;
  color: #1a73e8;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  text-align: left;
  word-break: break-all;
  vertical-align: middle;
}
.unitManage .ums_manageWrap .umsm_titleWrap .titleBox .selectBox {
  max-width: calc(100% - 5rem);
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 1rem 0;
  border: none;
  font-size: 1.6rem;
}
.unitManage .ums_manageWrap .umsm_titleWrap .titleBox .selectBox::after {
  width: 1.6rem;
  height: 0.9rem;
  border: none;
  background-image: url(../images/common/icon-arrow-b.png);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.unitManage .ums_manageWrap .umsm_titleWrap .titleBox .selectBox.focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.unitManage .ums_manageWrap .umsm_titleWrap .titleBox .selectBox .selectOption {
  top: 80%;
  width: 25rem;
  font-size: 1.2rem;
}
.unitManage .ums_manageWrap .umsm_titleWrap .titleBox .selectBox .selectOption ul {
  max-height: 29rem;
}
.unitManage .ums_manageWrap .umsm_titleWrap .umsm_info {
  margin-right: 1rem;
  font-size: 1.2rem;
}
.unitManage .ums_manageWrap .umsm_titleWrap .umsm_info > span {
  display: inline-block;
  padding: 0 1.6rem;
}
.unitManage .ums_manageWrap .umsm_titleWrap .umsm_info > span:not(:first-child) {
  border-left: 1px solid #bbb8b8;
}
.unitManage .ums_manageWrap .ums_listWrap {
  padding: 0 2rem 2rem;
}
.unitManage .ums_manageWrap .ums_listWrap ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  white-space: initial;
  padding: 1rem 0;
  margin: 1rem 0;
  background-color: #e8f0fe;
  border: 1px solid #abc2ef;
  border-radius: 0.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.unitManage .ums_manageWrap .ums_listWrap ul li .title {
  width: 29rem;
  color: #1a73e8;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.25;
}
.unitManage .ums_manageWrap .ums_listWrap ul li .title span {
  display: inline-block;
  padding: 0 1rem;
  font-size: 1rem;
}
.unitManage .ums_manageWrap .ums_listWrap ul li .title span.txt-red {
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.unitManage .ums_manageWrap .ums_listWrap ul li .title span:noT(:nth-of-type(1)) {
  border-left: 1px solid #1a73e8;
}
.unitManage .ums_manageWrap .ums_listWrap ul li .umBlock {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 15.9rem;
  height: 4rem;
  margin: 0 1px;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  text-align: center;
}
.unitManage .ums_manageWrap .ums_listWrap ul li .umBlock.drag::after {
  border-radius: 0.4rem;
}
.unitManage .ums_manageWrap .ums_listWrap ul li .umBlock.off {
  background-color: #dddddd;
}
.unitManage .ums_manageWrap .ums_listWrap ul li.off {
  background-color: #ecedee;
  border-color: #dddddd;
}
.unitManage .ums_manageWrap .ums_listWrap ul li.off .title {
  color: #757575;
}
.unitManage .ums_manageWrap .ums_listWrap ul li.off .title span {
  opacity: 0.5;
}

.unitManageSmart .ums_Sectiontitle span:not(.txt-gray5) {
  font-size: 2rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.unitManageSmart .ums_Sectiontitle .txt-gray5 {
  margin: 0 1rem;
  font-size: 1.2rem;
}
.unitManageSmart .ums_Sectiontitle .infoHelp {
  margin-bottom: 0.3rem;
  margin-left: 1rem;
  vertical-align: text-bottom;
}
.unitManageSmart .ums_Sectiontitle .infoHelp .ihBox {
  width: 35rem;
}
.unitManageSmart .ums_Sectiontitle + .right.flexBox .btn-bgblue {
  padding: 1.6rem 2rem;
}
.unitManageSmart .ums_Sectiontitle + .right.flexBox .btn-round.btnMix-edit-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 4.8rem;
  padding: 1rem 2.5rem;
  font-size: 1.2rem;
}
.unitManageSmart .ums_Sectiontitle + .right.flexBox .btn-round.btnMix-edit-box:not(:hover) {
  border-color: #ecedee;
}
.unitManageSmart .ums_Sectiontitle + .right.flexBox .btn-round.btnMix-edit-box:not(:hover)::before {
  display: none;
}
.unitManageSmart .ums_Sectiontitle + .right.flexBox .lineBox {
  height: 4.8rem;
  padding: 0.5rem 2rem;
  border-radius: 2.4rem;
  background-color: #fff;
}
.unitManageSmart .ums_infocenter {
  position: absolute;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
          transform: translateX(calc(-50% + 0.5px)) translateY(calc(-50% + 0.5px));
  bottom: 1.1rem;
  width: 63rem;
  text-align: center;
}
.unitManageSmart .ums_detailWrap:not(.detailMode) .ums_detailOn {
  display: none;
}
.unitManageSmart .ums_detailWrap.detailMode .ums_detailOff {
  display: none;
}
.unitManageSmart .ums_editWrap:not(.editMode) .ums_editOn {
  display: none;
}
.unitManageSmart .ums_editWrap.editMode .ums_editOff {
  display: none;
}
.unitManageSmart .ums_graphWrap > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.unitManageSmart .ums_graphWrap > div .graphBox {
  height: 34rem;
  margin-top: 2rem;
}
.unitManageSmart .ums_dashbordWrap {
  font-size: 1.4rem;
}
.unitManageSmart .ums_dashbordWrap.whiteBox {
  padding: 1rem 2rem;
}
.unitManageSmart .ums_dashbordWrap .infoTxt {
  padding: 5rem 0;
  color: #2a2a2a;
  text-align: center;
}
.unitManageSmart .ums_dashbordWrap .um_summary {
  width: calc(100% - 33rem);
  padding: 0;
  margin: 2rem 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.unitManageSmart .ums_dashbordWrap .um_summary ul {
  width: 100%;
  gap: 2rem;
}
.unitManageSmart .ums_dashbordWrap .um_summary ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.unitManageSmart .ums_dashbordWrap .um_summary ul li span {
  height: 5.6rem;
  font-size: 1.6rem;
}
.unitManageSmart .ums_dashbordWrap .um_summary ul li .ums_title {
  width: 20rem;
  font-size: 1.4rem;
}
.unitManageSmart .ums_dashbordWrap .um_summary + .flexBox {
  margin-left: 1rem;
}
.unitManageSmart .ums_dashbordWrap .um_summary + .flexBox .inputBox {
  border-color: #cccccc;
}
.unitManageSmart .ums_dashbordWrap .um_summary + .flexBox button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.unitManageSmart .ums_dashbordWrap .tableSection.summaryTable {
  width: 100%;
}
.unitManageSmart .ums_dashbordWrap .tableSection.summaryTable table {
  width: 100%;
}
.unitManageSmart .ums_dashbordWrap .tableSection.summaryTable table th, .unitManageSmart .ums_dashbordWrap .tableSection.summaryTable table td {
  border-left: none;
  border-right: none;
}
.unitManageSmart .flexBox-stretch {
  gap: 2.5rem;
  font-size: 1.2rem;
}
.unitManageSmart .flexBox-stretch .ums_Sectiontitle {
  margin-bottom: 2rem;
}
.unitManageSmart .flexBox-stretch .ums_Sectiontitle ~ .whiteBox.m-t-25 {
  padding: 1rem 2rem;
}
.unitManageSmart .flexBox-stretch .ums_Sectiontitle ~ .whiteBox .wbTitle {
  margin: 0rem 0 2rem;
  line-height: 1;
}
.unitManageSmart .flexBox-stretch .ums_Sectiontitle ~ .whiteBox .flexBox {
  width: 100%;
  gap: 5rem;
}
.unitManageSmart .flexBox-stretch .ums_Sectiontitle ~ .whiteBox .flexBox > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.unitManageSmart .flexBox-stretch .ums_Sectiontitle ~ .whiteBox .flexBox > div table {
  width: 100%;
  table-layout: fixed;
}
.unitManageSmart .flexBox-stretch .ums_Sectiontitle ~ .whiteBox .flexBox > div table th {
  font-size: 1.3rem;
}
.unitManageSmart .flexBox-stretch .ums_Sectiontitle ~ .whiteBox .flexBox > div table td {
  font-size: 1.6rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.unitManageSmart .flexBox-stretch .ums_Sectiontitle ~ .whiteBox .flexBox-space {
  gap: 3rem;
  font-size: 1.3rem;
}
.unitManageSmart .flexBox-stretch .ums_Sectiontitle ~ .whiteBox .customStepBox {
  min-width: 76.8rem;
  width: calc(100% - 16rem);
}
.unitManageSmart .flexBox-stretch div.w500 table {
  margin: 0.1rem 0;
  font-size: 1.2rem;
}
.unitManageSmart .flexBox-stretch div.w500 table th, .unitManageSmart .flexBox-stretch div.w500 table td {
  height: 5.6rem;
  line-height: 1.5;
  vertical-align: middle;
}
.unitManageSmart .flexBox-stretch div.w500 table .yellow th, .unitManageSmart .flexBox-stretch div.w500 table .yellow td {
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.unitManageSmart .tableSection.summaryTable table {
  min-width: 43rem;
  border-collapse: collapse;
}
.unitManageSmart .tableSection.summaryTable table th {
  line-height: 5rem;
}
.unitManageSmart .tableSection.summaryTable table td {
  line-height: 5.8rem;
}
.unitManageSmart .tableSection.summaryTable table th, .unitManageSmart .tableSection.summaryTable table td {
  border: 1px solid #dadce0;
  text-align: center;
}
.unitManageSmart .tableSection.summaryTable table th .infoHelp, .unitManageSmart .tableSection.summaryTable table td .infoHelp {
  line-height: 1.25;
}
.unitManageSmart .tableSection.summaryTable table th .infoHelp .typeGray, .unitManageSmart .tableSection.summaryTable table td .infoHelp .typeGray {
  margin-top: -2px;
}
.unitManageSmart .tableSection.dataTable table th > [class*=flexBox] {
  min-height: 7.9rem;
  padding: 0 1rem;
}
.unitManageSmart .tableSection.dataTable table td > [class*=flexBox] {
  min-width: 9rem;
  min-height: 7.6rem;
  padding: 0.5rem 1rem;
}
.unitManageSmart .tableSection.dataTable table .flexBox-center {
  text-align: center;
}
.unitManageSmart .tableSection.dataTable table .inputBox, .unitManageSmart .tableSection.dataTable table .selectBox {
  width: 6.6rem;
  height: 3.2rem;
  padding: 0.5rem;
}
.unitManageSmart .tableSection.dataTable table .inputBox input {
  text-align: center;
}

.ums_editModal .modalTitle {
  padding-top: 2rem;
  border-bottom: none;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.ums_editModal .modalTitle ~ .modalContent.optionBox {
  padding: 1rem 2rem 1rem;
}
.ums_editModal .modalTitle ~ .modalContent.optionBox .flexBox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 5rem;
  font-size: 1.3rem;
}
.ums_editModal .modalTitle ~ .modalContent.optionBox .flexBox .optionTitle {
  width: 7rem;
  margin: 0;
}
.ums_editModal .modalTitle ~ .modalContent.optionBox .flexBox .inputBox {
  width: 16rem;
}
.ums_editModal .modalTitle ~ .modalBtnWrap {
  border-top: none;
}

/*성과관리 performanceManage*/
.performanceManage .pm_pageTitleBox .pageTitle {
  font-size: 2.2rem;
}
.performanceManage .pm_pageTitleBox + .flexBox-right {
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #dadce0;
}
.performanceManage .pm_graphBoxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 3rem;
  white-space: initial;
  height: 36rem;
  margin: 3rem 0;
  font-size: 1.4rem;
}
.performanceManage .pm_graphBoxWrap .selectBox {
  height: 4rem;
}
.performanceManage .pm_graphBoxWrap .pm_graphIndex {
  font-size: 1.1rem;
}
.performanceManage .pm_graphBoxWrap .pm_graphIndex b {
  font-size: 1.2rem;
}
.performanceManage .pm_graphBoxWrap > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.performanceManage .pm_graphBoxWrap > div > .flexBox button {
  margin-left: auto;
}
.performanceManage .pm_graphBoxWrap > div > p {
  margin: 2rem 0;
  font-size: 1.4rem;
  text-align: center;
}
.performanceManage .tabWrap .tabList-chk-r li span {
  min-width: 15rem;
  text-align: center;
}
.performanceManage .tableOptionBox .flexBox {
  padding: 0 0 2rem;
}
.performanceManage .tableOptionBox .flexBox .btn-main {
  height: 4.8rem;
}
.performanceManage .tableSection.dataTable table th > .flexBox {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 7.8rem;
}
.performanceManage .tableSection.dataTable table td {
  position: relative;
}
.performanceManage .tableSection.dataTable table td input[type=radio] + label:not(.radioRound):before {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0;
}
.performanceManage .tableSection.dataTable table td .i-tri-right {
  position: absolute;
  top: -1rem;
  right: 0.5rem;
}
.performanceManage .tableSection.dataTable table td > .flexBox {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 4rem;
  height: 7.6rem;
}

.performanceManage, .camBudgetDetail {
  padding-right: 2rem;
}
.performanceManage .whiteBox .pagingWrap, .camBudgetDetail .whiteBox .pagingWrap {
  padding: 2rem 0 0;
}

.performanceManage, .camBudgetDetail, .audienceReport {
  padding-bottom: 10rem;
}
.performanceManage .infoHelp > i.typeGray, .camBudgetDetail .infoHelp > i.typeGray, .audienceReport .infoHelp > i.typeGray {
  margin: -0.4rem 0 0 0.8rem;
}
.performanceManage .whiteBox .tableSection.dataTable, .camBudgetDetail .whiteBox .tableSection.dataTable, .audienceReport .whiteBox .tableSection.dataTable {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #dadce0;
}
.performanceManage .whiteBox .pagingWrap, .camBudgetDetail .whiteBox .pagingWrap, .audienceReport .whiteBox .pagingWrap {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.camBudgetDetail .pageTitle, .audienceReport .pageTitle {
  font-size: 2.2rem;
}
.camBudgetDetail .tableSection.dataTable table, .audienceReport .tableSection.dataTable table {
  table-layout: fixed;
}
.camBudgetDetail .tableSection.dataTable table th, .camBudgetDetail .tableSection.dataTable table td, .audienceReport .tableSection.dataTable table th, .audienceReport .tableSection.dataTable table td {
  border-right: 1px solid #dadce0;
}
.camBudgetDetail .tableSection.dataTable table th > [class*=flexBox], .camBudgetDetail .tableSection.dataTable table td > [class*=flexBox], .audienceReport .tableSection.dataTable table th > [class*=flexBox], .audienceReport .tableSection.dataTable table td > [class*=flexBox] {
  height: 100%;
  min-height: 4.6rem;
  white-space: nowrap;
}
.camBudgetDetail .tableSection.dataTable table tr.active .gray_e, .audienceReport .tableSection.dataTable table tr.active .gray_e {
  background-color: #e8f0fe;
}

.camBudgetDetail .cbd_gsWrap {
  margin: 2rem 0 3rem;
}
.camBudgetDetail .cbd_gsWrap .cbd_praphInfo {
  margin: 1rem 0;
  font-size: 2rem;
  font-family: "notokrB", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.camBudgetDetail .cbd_gsWrap .whiteBox {
  height: 34rem;
  font-size: 1.4rem;
}
.camBudgetDetail .cbd_gsWrap .whiteBox .wbTitle {
  margin-bottom: 1rem;
}
.camBudgetDetail .cbd_gsWrap .cbd_graphBoxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 2.5rem;
  white-space: initial;
  margin-bottom: 3rem;
}
.camBudgetDetail .cbd_gsWrap .cbd_graphBoxWrap > div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.camBudgetDetail .cbd_gsWrap .cbd_graphBoxWrap > div:nth-child(2) {
  width: 48rem;
}
.camBudgetDetail .cbd_gsWrap .cbd_graphBoxWrap > div:nth-child(2) .infoHelp .ihBox {
  left: auto;
  right: 2rem;
}
.camBudgetDetail .cbd_gsWrap .tableSection.summaryTable table {
  table-layout: fixed;
}
.camBudgetDetail .cbd_gsWrap .tableSection.summaryTable table th, .camBudgetDetail .cbd_gsWrap .tableSection.summaryTable table td {
  width: 50%;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #dadce0;
}
.camBudgetDetail .cbd_gsWrap .tableSection.summaryTable table th {
  height: 5rem;
}
.camBudgetDetail .cbd_gsWrap .tableSection.summaryTable table td {
  height: 7rem;
}
.camBudgetDetail .cbd_gsWrap .tableSection.summaryTable table:first-child {
  margin-top: 1.5rem;
}
.camBudgetDetail .cbd_gsWrap .tableSection.summaryTable table:not(:first-child) {
  border-top: none;
}
.camBudgetDetail .optionSearchBox input[type=checkbox] + label.chkToggle {
  gap: 2rem;
  margin: 0 1.5rem;
}
.camBudgetDetail .tableOptionBox .flexBox {
  padding: 0 0 2rem;
}
.camBudgetDetail .tableSection.dataTable table th:not(:first-child), .camBudgetDetail .tableSection.dataTable table td:not(:first-child) {
  min-width: 7.5rem;
}
.camBudgetDetail .tableSection.dataTable table th, .camBudgetDetail .tableSection.dataTable table td {
  vertical-align: middle;
}
.camBudgetDetail .tableSection.dataTable table th > [class*=flexBox], .camBudgetDetail .tableSection.dataTable table td > [class*=flexBox] {
  padding: 0 0.5rem;
}
.camBudgetDetail .tableSection.dataTable table thead > tr.stickyTr, .camBudgetDetail .tableSection.dataTable table tbody > tr.stickyTr {
  top: 9.5rem;
  background-color: #f6f8fc;
}
.camBudgetDetail .tableSection.dataTable table thead > tr.stickyTr::after, .camBudgetDetail .tableSection.dataTable table tbody > tr.stickyTr::after {
  position: absolute;
  top: 0px;
  left: 0;
  content: " ";
  display: inline-block;
  width: 12.5rem;
  height: 4.7rem;
  vertical-align: middle;
  background-color: #f6f8fc;
  border-bottom: 1px solid #dadce0;
}
.camBudgetDetail .tableSection.dataTable table thead > tr > th:nth-child(2).fixedCell.last, .camBudgetDetail .tableSection.dataTable table thead > tr > td:nth-child(2).fixedCell.last, .camBudgetDetail .tableSection.dataTable table tbody > tr > th:nth-child(2).fixedCell.last, .camBudgetDetail .tableSection.dataTable table tbody > tr > td:nth-child(2).fixedCell.last {
  left: 4.5rem;
}

.audienceReport .pageTitle ~ .calendarBox {
  margin: 0 3rem 0 auto;
}
.audienceReport .whiteBox {
  padding: 0;
  border-radius: 1rem 0 0 1rem;
}
.audienceReport .tableOptionBox .flexBox {
  padding: 1rem 2rem 1rem;
}
.audienceReport .tableSection.dataTable {
  width: auto;
  margin-left: 2rem;
}
.audienceReport .tableSection.dataTable table th .flexBox, .audienceReport .tableSection.dataTable table td .flexBox {
  padding-left: 1.5rem;
}
.audienceReport .tableSection.dataTable table thead {
  z-index: 3;
}
.audienceReport .tableSection.dataTable table thead > tr > th > [class*=flexBox], .audienceReport .tableSection.dataTable table tbody > tr > th > [class*=flexBox] {
  min-height: 8.9rem;
}
.audienceReport .tableSection.dataTable table thead > tr > td > [class*=flexBox], .audienceReport .tableSection.dataTable table tbody > tr > td > [class*=flexBox] {
  min-height: 7.6rem;
}
.audienceReport .tableSection.dataTable table thead > tr > th .ihBox, .audienceReport .tableSection.dataTable table thead > tr > td .ihBox, .audienceReport .tableSection.dataTable table tbody > tr > th .ihBox, .audienceReport .tableSection.dataTable table tbody > tr > td .ihBox {
  max-width: 43rem;
  white-space: normal;
  text-align: left;
}
.audienceReport .tableSection.dataTable table thead > tr > th .ihBox p, .audienceReport .tableSection.dataTable table thead > tr > td .ihBox p, .audienceReport .tableSection.dataTable table tbody > tr > th .ihBox p, .audienceReport .tableSection.dataTable table tbody > tr > td .ihBox p {
  padding: 1rem;
}
.audienceReport .tableSection.dataTable table thead > tr > th:nth-child(n+5):nth-last-child(-n+2) .infoHelp .ihBox, .audienceReport .tableSection.dataTable table thead > tr > td:nth-child(n+5):nth-last-child(-n+2) .infoHelp .ihBox, .audienceReport .tableSection.dataTable table tbody > tr > th:nth-child(n+5):nth-last-child(-n+2) .infoHelp .ihBox, .audienceReport .tableSection.dataTable table tbody > tr > td:nth-child(n+5):nth-last-child(-n+2) .infoHelp .ihBox {
  left: auto;
  right: 1rem;
}
.audienceReport .tableSection.dataTable table thead > tr.cRow table, .audienceReport .tableSection.dataTable table tbody > tr.cRow table {
  position: relative;
}
.audienceReport .tableSection.dataTable table thead > tr.cRow table tr:nth-child(1), .audienceReport .tableSection.dataTable table tbody > tr.cRow table tr:nth-child(1) {
  position: sticky;
  top: 9rem;
  z-index: 1;
  background-color: #f6f8fc;
}
.audienceReport .tableSection.dataTable table thead > tr.cRow table tr:nth-child(1) th > [class*=flexBox], .audienceReport .tableSection.dataTable table thead > tr.cRow table tr:nth-child(1) td > [class*=flexBox], .audienceReport .tableSection.dataTable table tbody > tr.cRow table tr:nth-child(1) th > [class*=flexBox], .audienceReport .tableSection.dataTable table tbody > tr.cRow table tr:nth-child(1) td > [class*=flexBox] {
  min-height: 4.4rem;
  gap: 0.25rem;
}

/*결제*/
/*결제 요약 paymentMain*/
.py_logo {
  display: block;
  width: 9.7rem;
  height: 3.2rem;
  background-image: url(../images/menu/payment/pay-card.png);
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}
.py_logo.bc {
  background-image: url("../images/menu/payment/pay-bc.png");
}
.py_logo.hana {
  background-image: url("../images/menu/payment/pay-hana.png");
}
.py_logo.hyundai {
  background-image: url("../images/menu/payment/pay-hyundai.png");
}
.py_logo.kb {
  background-image: url("../images/menu/payment/pay-kb.png");
}
.py_logo.lotte {
  background-image: url("../images/menu/payment/pay-lotte.png");
}
.py_logo.master {
  background-image: url("../images/menu/payment/pay-master.png");
}
.py_logo.nh {
  background-image: url("../images/menu/payment/pay-nh.png");
}
.py_logo.samsung {
  background-image: url("../images/menu/payment/pay-samsung.png");
}
.py_logo.shin {
  background-image: url("../images/menu/payment/pay-shin.png");
}
.py_logo.visa {
  background-image: url("../images/menu/payment/pay-visa.png");
}
.py_logo.woori {
  background-image: url("../images/menu/payment/pay-woori.png");
}

.py_card {
  width: 15.3rem;
  height: 9rem;
  padding: 1rem;
  background-color: #f6f6f6;
  border: 1px solid #dadce0;
  border-radius: 1rem;
}
.py_card .i-x {
  float: right;
}
.py_card .py_logo {
  margin: 1rem auto 0rem;
}
.py_card p {
  padding: 1rem;
  font-size: 1.2rem;
}

.paymentMain .pageTitle {
  font-size: 3.1rem;
}
.paymentMain .txt-right {
  margin-left: auto;
  font-size: 1.4rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  color: #2a2a2a;
}
.paymentMain .centerWrap {
  max-width: 102.6rem;
  margin: 5rem auto;
}
.paymentMain .centerWrap > .selectBox {
  width: 13.5rem;
  font-size: 1.4rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.paymentMain .centerWrap .py_summaryWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 2rem;
  white-space: initial;
  margin: 2rem 0;
}
.paymentMain .centerWrap .py_summaryWrap > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 0.8rem;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
  padding: 2.5rem;
  font-size: 1.2rem;
}
.paymentMain .centerWrap .py_summaryWrap > div .pys_title {
  font-size: 1.6rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.paymentMain .centerWrap .py_summaryWrap > div .pys_title + p {
  margin: 0.5rem 0;
  font-size: 2.4rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.paymentMain .centerWrap .py_summaryWrap > div .btn-main {
  width: 13.2rem;
  height: 5rem;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.paymentMain .centerWrap .py_payListWrap {
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 0.8rem;
  -webkit-box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
          box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth:not(:nth-of-type(1)) {
  border-top: 1px solid #dadce0;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth > div:not(.clDepthBox) {
  padding: 1rem 3rem;
  color: #2a2a2a;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth > div:not(.clDepthBox) > span {
  font-size: 1.6rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth > div:not(.clDepthBox) > .txt-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.8rem;
  white-space: initial;
  margin-right: 4.8rem;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth .clDepthBox {
  width: calc(100% - 6rem);
  padding: 3rem 0rem 1.4rem;
  margin: 0 3rem;
  font-size: 1.4rem;
  border-top: 1px solid #dadce0;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth .clDepthBox:hover {
  background-color: transparent;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth .clDepthBox .pyl_contents {
  max-width: 75.7rem;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth .clDepthBox .pyl_contents > .flexBox {
  padding: 0rem 0 2rem;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth .clDepthBox .pyl_contents .toggleBox {
  border-top: 1px solid #dadce0;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth .clDepthBox .pyl_contents .toggleBox .toggleTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
  padding: 1.6rem 0;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth .clDepthBox .pyl_contents .toggleBox .toggleTitle::after {
  display: none;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth .clDepthBox .pyl_contents .toggleBox .toggleContent > ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding-left: 2.8rem;
  line-height: 2;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth .clDepthBox .pyl_contents .toggleBox .toggleContent > ul + .flexBox {
  margin: 1.6rem 0;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth .clDepthBox .pyl_contents .toggleBox .lineBox-gray {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  white-space: initial;
  padding: 1.2rem 1.6rem;
  margin: 1.6rem 0;
  border: none;
}
.paymentMain .centerWrap .py_payListWrap .customList .clDepth .clDepthBox .pyl_contents .toggleBox hr {
  margin-top: 1.6rem;
  background-color: #dadce0;
}

.paymentSettle .pageTitle {
  font-size: 3.1rem;
}
.paymentSettle .centerWrap {
  width: 109rem;
  max-width: 102.6rem;
  margin: 0 auto 19.2rem;
}

.paymentSetting .pageTitle {
  font-size: 3.1rem;
}
.paymentSetting .centerWrap {
  max-width: 102.6rem;
  margin: 5.6rem auto;
}
.paymentSetting .py_stepTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  margin: 2rem 0;
  font-size: 1.8rem;
}
.paymentSetting .infoBox {
  padding: 1.4rem 1.8rem;
}
.paymentSetting .infoBox::before {
  margin-bottom: auto;
}
.paymentSetting .pyc_nodata {
  width: 100%;
  padding: 40px 0 50px;
  margin: 1rem 0;
  background-color: #f6f6f6;
  text-align: center;
}
.paymentSetting .pyc_nodata::before {
  content: " ";
  display: inline-block;
  width: 21.6rem;
  height: 16rem;
  vertical-align: middle;
  background-image: url(../images/menu/payment/pay-img01.png);
}
.paymentSetting .pyc_nodata p span {
  display: block;
  margin: 1.3rem 0 0.5rem;
  font-size: 22px;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.paymentSetting .pyc_nodata .btn-main {
  width: 16.4rem;
  height: 5rem;
  margin-top: 1rem;
}
.paymentSetting .tagOptionBox {
  margin-bottom: 1rem;
}
.paymentSetting .tableSection.summaryTable table th, .paymentSetting .tableSection.summaryTable table td {
  border-right: 1px solid #dadce0;
  font-weight: normal;
  font-size: 1.2rem;
  color: #5f6368;
}
.paymentSetting .tableSection.summaryTable table th > [class*=flexBox], .paymentSetting .tableSection.summaryTable table td > [class*=flexBox] {
  min-height: 6rem;
}
.paymentSetting .tableSection.summaryTable table th > [class*=flexBox].txt-left, .paymentSetting .tableSection.summaryTable table td > [class*=flexBox].txt-left {
  padding: 1.2rem 2rem;
}
.paymentSetting .tableSection.summaryTable .nodataTable {
  border-left: 1px solid #dadce0;
  border-right: 1px solid #dadce0;
}
.paymentSetting .pagingWrap {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #dadce0;
  border-top: none;
  border-radius: 0;
}

.paymentBalance .pageTitle {
  padding: 0 0 2rem;
  margin: 0rem 0 2rem;
  font-size: 2.2rem;
  border-bottom: 1px solid #dadce0;
}
.paymentBalance .contentSection {
  border-radius: 1rem;
}
.paymentBalance .contentSection .csTitle .txt-red {
  margin-left: 1rem;
  font-size: 1.2rem;
}
.paymentBalance .contentSection .borderTable table {
  table-layout: fixed;
  margin: 1rem 0;
  text-align: center;
}
.paymentBalance .contentSection .borderTable table th, .paymentBalance .contentSection .borderTable table td {
  width: 7.6923076923%;
  padding: 0.5rem 0;
  font-size: 1.2rem;
}
.paymentBalance .pb_daySection {
  margin-top: 3rem;
  border: none;
  border-radius: 1rem 0 0 1rem;
  -webkit-box-shadow: -2px 2px 5px 0 #e4e7e8;
          box-shadow: -2px 2px 5px 0 #e4e7e8;
}
.paymentBalance .pb_daySection.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.paymentBalance .pb_daySection .csContent {
  padding: 0;
}
.paymentBalance .pb_daySection .tableOptionBox {
  padding: 0rem 2rem 0 2.5rem;
}
.paymentBalance .pb_daySection .tableOptionBox .flexBox {
  padding: 0.5rem 0;
}
.paymentBalance .pb_daySection .tableSection table th > [class*=flexBox] {
  min-height: 8rem;
}
.paymentBalance .pb_daySection .tableSection table td > [class*=flexBox] {
  min-height: 7.6rem;
}

.paymentModal .modalTitle {
  padding: 2rem 2.5rem;
}
.paymentModal .modalContent {
  padding: 2rem 2.5rem;
  font-size: 1.2rem;
}
.paymentModal .modalContent hr {
  margin-top: 1rem;
  background-color: #dadce0;
}
.paymentModal .modalContent .inputBox {
  width: 12.8rem;
  height: 4.8rem;
}
.paymentModal .modalContent .btn-main {
  height: 4.8rem;
}
.paymentModal .modalContent .btn-bgwhite {
  height: 5.6rem;
  border: 1px solid #dadce0;
}
.paymentModal .modalContent .txt-gray5, .paymentModal .modalContent .txt-green {
  margin: 1rem 0 0 1rem;
}
.paymentModal .modalContent .lineBox {
  padding: 1rem 2.5rem;
  font-size: 1.3rem;
  border-color: #dadce0;
}
.paymentModal .modalContent .lineBox .btn-bgwhite {
  height: 4rem;
  margin-left: 4rem;
}
.paymentModal .modalContent .flexBox-wrap {
  gap: 1.5rem;
  padding: 2rem 2rem;
}
.paymentModal .modalContent .flexBox-wrap .btn-linegray {
  width: 14.9rem;
  height: 4.8rem;
  text-align: center;
  line-height: 1.8;
}
.paymentModal .modalContent .optionList li {
  display: block;
}
.paymentModal .modalContent .optionList li .inputBox {
  width: 100%;
}
.paymentModal .modalContent .pmm_tabList {
  gap: 1rem;
  margin: 1rem 0 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #dadce0;
}
.paymentModal .modalContent .pmm_tabList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 22rem;
  height: 6rem;
  border: 1px solid #dadce0;
  border-radius: 0.4rem;
  cursor: pointer;
}
.paymentModal .modalContent .pmm_tabList li::before {
  content: " ";
  display: inline-block;
  width: 5rem;
  height: 5rem;
  vertical-align: middle;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.paymentModal .modalContent .pmm_tabList li span {
  font-size: 1.4rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  color: #999999;
}
.paymentModal .modalContent .pmm_tabList li.on {
  border-color: #1a73e8;
}
.paymentModal .modalContent .pmm_tabList li.on span {
  color: #1a73e8;
}
.paymentModal .modalContent .pmm_tabList li.pmm_card::before {
  background-image: url("../images/menu/payment/pay-01.png");
}
.paymentModal .modalContent .pmm_tabList li.pmm_card.on::before {
  background-image: url("../images/menu/payment/pay-01-on.png");
}
.paymentModal .modalContent .pmm_tabList li.pmm_cash::before {
  background-image: url("../images/menu/payment/pay-02.png");
}
.paymentModal .modalContent .pmm_tabList li.pmm_cash.on::before {
  background-image: url("../images/menu/payment/pay-02-on.png");
}
.paymentModal .modalContent .pmm_tabList li.pmm_coupon::before {
  background-image: url("../images/menu/payment/pay-03.png");
}
.paymentModal .modalContent .pmm_tabList li.pmm_coupon.on::before {
  background-image: url("../images/menu/payment/pay-03-on.png");
}
.paymentModal .modalContent .pmm_tabList + .tabBoxWrap .optionTitle-m {
  display: block;
  margin: 1rem 0 1rem;
}
.paymentModal .modalContent .pmm_depositBox > .flexBox > .inputBox {
  width: 38rem;
}
.paymentModal .modalContent .pmm_depositBox > .flexBox .dataClassBox {
  width: 45%;
}
.paymentModal .modalContent .pmm_depositBox > .flexBox .dataClassBox .infoBox {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 5.7rem;
  margin: 0;
}
.paymentModal .modalContent .pmm_depositBox .txt-gray5 {
  font-size: 1.2rem;
}
.paymentModal .modalContent .pmm_depositBox .lineBox-gray {
  padding: 1.5rem;
}
.paymentModal .modalContent .pmm_depositList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #dadce0;
  border-radius: 0.4rem;
}
.paymentModal .modalContent .pmm_depositList li .inputBox, .paymentModal .modalContent .pmm_depositList li button {
  height: 4rem;
  vertical-align: middle;
}
.paymentModal .modalContent .pmm_depositList li label {
  width: 30rem;
  margin-left: 1rem;
}
.paymentModal .modalContent .pmm_depositList li button {
  width: 7.2rem;
  margin-left: 2.2rem;
}
.paymentModal .modalBtnWrap {
  border-top: 1px solid #dadce0;
}

.pmm_historyModal .modalContent, .dla_infoModal .modalContent {
  padding: 2.6rem;
}
.pmm_historyModal .modalContent > div, .dla_infoModal .modalContent > div {
  height: 100%;
  border: 1px solid #dadce0;
}
.pmm_historyModal .modalContent > div .tableSection.dataTable, .dla_infoModal .modalContent > div .tableSection.dataTable {
  height: 100%;
  max-height: calc(100% - 7.9rem);
  overflow: hidden;
  overflow-y: auto;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pmm_historyModal .modalContent > div .tableSection.dataTable table th > .flexBox, .dla_infoModal .modalContent > div .tableSection.dataTable table th > .flexBox {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 7.4rem;
}
.pmm_historyModal .modalContent > div .tableSection.dataTable table td, .dla_infoModal .modalContent > div .tableSection.dataTable table td {
  position: relative;
}
.pmm_historyModal .modalContent > div .tableSection.dataTable table td > .flexBox, .dla_infoModal .modalContent > div .tableSection.dataTable table td > .flexBox {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 4rem;
  height: 5.6rem;
}
.pmm_historyModal .modalContent > div .tableSection.dataTable table td > .flexBox .selectBox, .dla_infoModal .modalContent > div .tableSection.dataTable table td > .flexBox .selectBox {
  width: 18rem;
  height: 4.6rem;
}
.pmm_historyModal .modalContent > div .pagingWrap, .dla_infoModal .modalContent > div .pagingWrap {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-top: 1px solid #dadce0;
  border-radius: 0;
}

.py_autoPayModel {
  width: 65rem;
}
.py_autoPayModel .modalContent {
  padding: 2rem 2.5rem 2.5rem;
}
.py_autoPayModel .modalContent .optionTitle-m:not(:nth-of-type(1)) {
  margin: 2rem 0 1rem;
}
.py_autoPayModel .modalContent .inputBox, .py_autoPayModel .modalContent .selectBox {
  width: 25rem;
}
.py_autoPayModel .modalContent .lineBox {
  padding: 2rem 2.5rem;
}
.py_autoPayModel .modalContent .txt-gray5 {
  margin: 1rem 0 0;
  font-size: 1.2rem;
}
.py_autoPayModel .modalBtnWrap {
  border-top: 1px solid #dadce0;
}

.pointTransferModal {
  width: 93.3rem;
}
.pointTransferModal .modalTitle {
  padding: 2rem 2.5rem;
}
.pointTransferModal .modalContent {
  padding: 1.5rem 2rem 0rem;
  font-size: 1.4rem;
}
.pointTransferModal .modalContent .i-arrowBlue {
  -ms-flex-item-align: center;
      align-self: center;
}
.pointTransferModal .modalContent .txt-error {
  margin: 0;
}
.pointTransferModal .modalContent table th {
  width: 9rem;
  height: 6.7rem;
  padding: 0.5rem;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}
.pointTransferModal .modalContent table td {
  padding: 0.5rem;
  color: #5f6368;
  vertical-align: middle;
}
.pointTransferModal .modalContent table td .inputBox {
  width: 28rem;
}
.pointTransferModal .modalContent .flexBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.pointTransferModal .modalContent .flexBox > div {
  max-width: 45%;
}
.pointTransferModal .modalBtnWrap {
  padding: 0rem 2.5rem 1rem;
}

/*메뉴 관리 mSetting*/
.mSetting .pageTitle {
  font-size: 2.8rem;
}
.mSetting .ms_stepTitle {
  margin: 6rem 0 2.6rem;
  font-size: 1.6rem;
}
.mSetting .centerWrap {
  width: 109rem;
  max-width: 109rem;
  margin: 0 auto 19.2rem;
}
.mSetting .btn-linegray.w180 {
  color: #1a73e8;
  font-size: 1.6rem;
  font-family: "notokrR", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.mSetting .selectBox.w250.m-t-15 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mSetting .selectBox.w250.m-t-15 .optionTitle {
  margin-left: 1.6rem;
}
.mSetting .txt-gray5 {
  font-size: 1.2rem;
}
.mSetting [class*=txt-bg] {
  display: inline-block;
  padding: 0.2rem 1rem;
  margin-left: 2rem;
  font-size: 1.2rem;
}
.mSetting .subOptionBox.full .view {
  max-height: 22.35rem;
  overflow: hidden;
  overflow-y: auto;
}
.mSetting .subOptionBox.full .view .customList li {
  margin: 1.6rem 0;
}
.mSetting .subOptionBox.full .view .customList li:first-child {
  margin-top: 0;
}
.mSetting .subOptionBox.full .view .customList li:last-child {
  margin-bottom: 0;
}
.mSetting .subOptionBox.full .view .customList li .txtTag {
  margin-right: 1rem;
}
.mSetting .subOptionBox.full .edit .selectListBox .customList li div {
  width: calc(100% - 4.8rem);
  padding: 0;
  margin: 0 2.4rem;
  border-bottom: 1px dashed #d1dcff;
}
.mSetting .subOptionBox.full .edit .selectListBox .customList li div:hover {
  background-color: transparent;
}
.mSetting .subOptionBox.full .edit .selectListBox .customList li div .toggle {
  margin-right: 1rem;
}
.mSetting .subOptionBox .lineBox {
  padding: 1rem 2.5rem 1rem;
  margin: 1rem 0;
}
.mSetting .flexBox-space.flexBox-end .btn-txt {
  font-size: 1.2rem;
}
.mSetting .searchToggleBox .inputBox {
  height: 4.8rem;
}
.mSetting .searchToggleBox ~ .btn-txtline, .mSetting .searchToggleBox ~ .btn-txtlineRed {
  height: 4.8rem;
}
.mSetting .editBox .view b {
  display: inline-block;
  font-weight: normal;
  font-family: "notokrM", "Google Sans", "Roboto", Arial, sans-serif;
  font-weight: normal;
}
.mSetting .editBox .ms_surfaceSetList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  padding: 1rem 2rem;
  border-top: 1px solid #dadce0;
}
.mSetting .editBox .ms_surfaceSetList li .title {
  display: inline-block;
  width: 15rem;
}
.mSetting .editBox .ms_surfaceSetList li .txt-ellipsis {
  max-width: 50rem;
  width: auto;
}
.mSetting .ms_fileBoxWrap .flexBox-start {
  gap: 1.5rem;
  margin: 1.5rem 0 0 2rem;
}
.mSetting .ms_fileBoxWrap .cr_fbwDiv > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
      -ms-flex-direction: initial;
          flex-direction: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  white-space: initial;
  width: 14rem;
  height: 13rem;
}
.mSetting .ms_fileBoxWrap .cr_fbwDiv > p {
  margin: 1rem 0;
  text-align: center;
}
.mSetting .ms_gaBoxWrap p.txt-blue {
  margin-top: 1rem;
  font-size: 1.2rem;
}
.mSetting .ms_gaBoxWrap > .lineBox-gray {
  padding: 1rem 2.5rem;
}
.mSetting .ms_gaBoxWrap > .lineBox-gray .guideBox {
  display: none;
  margin-top: 1rem;
  padding: 1.8rem 0 1rem;
  border-top: 1px solid #dadce0;
}
.mSetting .ms_gaBoxWrap > .lineBox-gray .guideBox.toggle {
  display: block;
}
.mSetting .ms_gaBoxWrap > .lineBox-gray .guideBox .optionTitle {
  margin-right: 2rem;
  font-size: 1.4rem;
  color: #5f6368;
}
.mSetting .ms_gaBoxWrap > .lineBox-gray .guideBox .lineBox {
  padding: 1.5rem 2rem;
  margin: 1.2rem 0 2rem;
  background-color: #fff;
}
.mSetting .ms_gaBoxWrap > .lineBox-gray .guideBox .lineBox > div:not(.selectBox) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mSetting .ms_gaBoxWrap > .lineBox-gray .guideBox .lineBox .lineBox-gray {
  padding: 1.2rem 1.8rem;
  margin-top: 1rem;
  font-size: 1.4rem;
}
.mSetting .ms_gaBoxWrap > .lineBox-gray .guideBox > ol > li {
  font-size: 1.4rem;
  line-height: 1.5;
}
.mSetting .ms_gaBoxWrap > .lineBox-gray .guideBox > ol > li p.txt-gray5 {
  font-size: 1.4rem;
}

.mSetRegisterModal {
  width: 70rem;
}
.mSetRegisterModal .modalContent {
  padding: 2rem 2.5rem;
  font-size: 1.3rem;
}
.mSetRegisterModal .modalContent .inputBox.typeTxtarea {
  width: 100%;
  height: 13.5rem;
  padding: 1.5rem 2rem;
  margin: 1rem 0 1.5rem;
}
.mSetRegisterModal .modalContent .inputBox.typeTxtarea textarea {
  height: 100%;
  resize: none;
}
.mSetRegisterModal .modalBtnWrap {
  border-top: 1px solid #dadce0;
}

.aiModal, .aiBusinessModal {
  width: 160rem;
}
.aiModal .modalCloseBtn.btnIcon-x, .aiBusinessModal .modalCloseBtn.btnIcon-x {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.aiModal .modalContent, .aiBusinessModal .modalContent {
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
  border-radius: 0.8rem;
}

/*페이지별 여백,width 등 추가스타일*/
/*  mainSection 이하 콘텐츠 최소 min-width: 130rem;*/
/*  z-index 정리
    테이블 고정 행렬 : 1 단위
    before, after 등 내부요소 정렬 : 1 단위
    레이어팝업(옵션),infoHelp,colorpicker : 10 단위
    헤더 : 100 단위
    메뉴 nav : 100 단위
    datepicker : 1000
    loadingWrap : 1100
    dim : 9999
     dimWhite : 1 (모달 내부 append)
    모달팝업 : 10000
*//*# sourceMappingURL=common_style.css.map */

/* 모든 Highcharts 차트 영역, SVG, HTML 툴팁 다크모드 반전 방지 */
.highcharts-container,
.highcharts-container *,
.highcharts-tooltip,
.highcharts-tooltip-container,
.highcharts-tooltip-container *,
div[id*="highcharts-"] {
    color-scheme: light !important;
    forced-color-adjust: none !important;
}