/* ==========================================================================
   popup
    ========================================================================== */
.overlay,
.overlay-mypage {
  display: none;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 37, 40, 0.7);
}
.overlay.active,
.overlay-mypage.active {
  display: block;
}
.popup,
.popup-compare {
  display: none;
  z-index: 10;
  position: fixed;
  top: 0;
  right: 0;
  width: 68%;
  height: 100%;
  background-color: #fff;
}
.popup.active,
.edit-popup.active,
.popup-compare.active {
  display: block;
}
.popup .popup-header,
.popup-compare .popup-header {
	width: 100%;
	padding: 1.8rem 2.5rem;
	border-bottom: 1px solid #DFDFDF;
}
.popup .popup-header .btn-close-popup,
.popup-compare .popup-header .btn-close-popup {
	width: 2.4rem;
	height: 2.4rem;
	background: url("../images/icon/icon-close-popup.png") no-repeat center center /
	   100% 100%;
}
.popup .popup-main,
.popup-compare .popup-main {
  display: flex;
}
.popup .popup-main .popup-container {
  display: flex;
  width: 100%;
  overflow: hidden;
}
.event-wrap .popup-main .popup-container {
  display: block;
  width: 100%;
}
.event-wrap .popup-main .popup-group {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.popup .popup-title {
  padding: 2.3125vh 3.0525vh;
  font-size: 2.05vh;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.05rem;
  color: var(--color-font-default);
  border-bottom: 1px solid var(--color-border);
}
.popup .popup-container .popup-btn-box {
  height: 100%;
  border-right: 1px solid var(--color-border);
}
.popup .popup-btn-box button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 0.8vh;
  width: 6.5vh;
  height: 6.5vh;
  border-bottom: 1px solid var(--color-border);
  font-size: 1.3vh;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.03rem;
  color: var(--color-font-sub);
}
.popup .popup-main .btn-scroll img {
  display: block;
  width: 1.9vh;
  height: auto;
  margin: 0 auto;
}
.popup .btn-scroll span {
  display: block;
}
.popup .popup-content {
  width: 100%;
  max-height: 100vh;
  height: 100vh;
  overflow: hidden;
  overflow-y: auto;
}
.event-wrap .popup .popup-content {
  padding-bottom: 25vh;
}
.popup .popup-content::-webkit-scrollbar {
  width: 1vh;
  height: 1vh;
  border: 0.3rem solid #fff;
  border-radius: 99.9rem;
  background-color: var(--color-border);
}

.popup .popup-content .cotent-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.3vh 3.1vh 2.15vh 2.5vh;
  border-bottom: 1px solid var(--color-border);
  background-color: #fff;
  cursor: pointer;
}
.popup .popup-content .content-title {
  font-size: 1.5vh;
  font-weight: 600;
  line-height: 1.29;
  letter-spacing: -0.35px;
  color: var(--color-font-default);
}
.popup .popup-content .btn-show-content {
  width: 1.5vh;
  height: 0.9vh;
  background: url("../images/icon/icon-arrow-down.png") no-repeat center center /
    100% 100%;
  transform: rotate(-180deg);
  transition: transform 0.2s;
}
.popup .popup-content .btn-show-content.active {
  transform: rotate(0deg);
}
.popup .popup-content .content-group {
  max-height: 0;
  margin-top: -0.1rem;
  border-bottom: 1px solid var(--color-border);
  overflow: hidden;
}
.popup .popup-content .content-group.active {
  max-height: max-content;
  padding: 4.5vh 3vh 4.4vh;
}
.popup .ad-item {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 1.2vh;
}
.popup .ad-item ~ .ad-item {
	margin-top: 2.5vh;
}
.popup .img-box {
  flex-shrink: 0;
  width: 4.5vh;
  height: 4.5vh;
  background: no-repeat center center / 100% 100%;
}
.popup .img-box.facebook {
  background-image: url("../images/item/facebook.png");
}
.popup .img-box.google {
  background-image: url("../images/item/google.png");
}
.popup .img-box.kakao {
  background-image: url("../images/item/kakao.png");
}
.popup .img-box.carrot {
  background-image: url("../images/item/carrot.png");
}
.popup .img-box.tiktok {
  background-image: url("../images/item/tiktok.png");
}
.popup .img-box.toss {
  background-image: url("../images/item/toss.png");
}
.popup .img-box.naver {
  background-image: url("../images/item/naver-on.jpg");
}
.popup .img-box.namepr {
  background-image: url("../images/item/namepr-on.jpg");
}
.popup .img-box.torder {
  background-image: url("../images/item/torder-on.jpg");
}
.popup .img-box.cashdoc {
  background-image: url("../images/item/cashdoc-on.jpg");
}
.popup .img-box.sk {
  background-image: url("../images/item/sk-on.jpg");
}
.popup .info-container {
  width: 100%;
}
.popup .info-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 2vh;
}
.popup .advertiser-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}
.popup .title {
  flex-grow: 1;
  background-color: transparent;
  font-size: 1.6vh;
  line-height: 1.2;
  letter-spacing: -0.03rem;
  color: var(--color-font-sub);
  border: none;
}
.popup .advertiser {
  font-size: 1.5vh;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: -0.025rem;
  color: var(--color-font-lightgray);
}
.popup .status-box {
  display: inline-flex;
  align-items: center;
  column-gap: 1vh;
}
.popup .status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14.3vh;
  height: 3.4vh;
  margin-top: 1rem;
  font-size: 1.3vh;
  line-height: 1.2;
  letter-spacing: -0.3px;
  border-radius: 1rem;
  background-color: #fff;
  border: 1px solid;
}
.popup .status.normal {
  color: var(--color-font-lightgray);
  border-color: var(--color-font-lightgray);
}
.popup .status.positive {
  color: var(--color-green);
  border-color: var(--color-green);
}
.popup .status.lack {
  color: var(--color-yellow);
  border-color: var(--color-yellow);
}
.popup .status.high-result-price {
  color: var(--color-red);
  border-color: var(--color-red);
}
.popup .status.negative {
  color: var(--color-red);
  border-color: var(--color-red);
}
.popup .status-list {
  display: flex;
  align-items: center;
}
.popup .status-text {
  position: relative;
  padding-left: 1.78vh;
  font-size: 1.51vh;
  font-weight: 300;
  line-height: 1.64;
  letter-spacing: -0.028rem;
  text-align: left;
  color: var(--color-font-lightgray);
  white-space: nowrap;
}
.popup .status-text.on {
  color: var(--color-font-default);
}
.popup .status-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.32vh;
  height: 1.32vh;
  border-radius: 50%;
  background-color: var(--color-font-lightgray);
}
.popup .status-text.on::before {
  background-color: var(--color-green);
}
.popup .status-text + .status-text {
  margin-left: 1.42vh;
}
.popup .data-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  margin-top: 2.8vh;
  border: 1px solid var(--color-border);
  border-radius: 1rem;
}
.popup .data-container .data-group {
  padding: 1.3vh 2.9vh;
}
.popup .data-container .data-group:nth-child(2),
.popup .data-container .data-group:nth-child(5) {
  border: 1px solid var(--color-border);
  border-top: 0;
  border-bottom: 0;
}
.popup .data-container .data-group:nth-child(n + 4) {
  border-top: 1px solid var(--color-border);
}
.popup .data-container .data-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup .data-container .data-box + .data-box {
  margin-top: 0.8vh;
}
.popup .data-container .data-label {
  font-size: 1.5vh;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.035rem;
  color: var(--color-font-sub);
}
.popup .data-container .data-num {
  font-size: 1.5vh;
  line-height: 1.2;
  letter-spacing: -0.035rem;
  text-align: right;
  color: var(--color-font-default);
}
.popup .ai-automation {
  margin-top: 2.2vh;
}
.popup .ad-schedule {
  margin-top: 2.6vh;
}
.popup .ai-title,
.popup .ad-title {
  position: relative;
  margin-bottom: 0.9vh;
  padding-left: 1.5vh;
  font-size: 1.5vh;
  line-height: 1.29;
  letter-spacing: -0.35px;
  color: var(--color-green);
}
.popup .ai-title::before,
.popup .ad-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1vh;
  height: 1vh;
  border-radius: 50%;
  background-color: var(--color-green);
}

.popup .ai-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2.6vh;
  border: 1px solid var(--color-border);
  border-radius: 1rem;
}
.popup .ai-content .ai-group {
  padding: 1.3vh 2.9vh;
}
.popup .ai-content .ai-group:nth-child(2),
.popup .ai-content .ai-group:nth-child(5) {
  border: 1px solid var(--color-border);
  border-top: 0;
  border-bottom: 0;
}
.popup .ai-content .ai-group:nth-child(n + 4) {
  border-top: 1px solid var(--color-border);
}
.popup .ai-content .ai-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup .ai-content .ai-label {
  font-size: 1.5vh;
  line-height: 1.29;
  letter-spacing: -0.035rem;
  color: var(--color-font-sub);
}
.popup .ai-content .btn-ai {
  width: 1.7vh;
  height: 1.7vh;
  border: 1px solid var(--color-border);
  border-radius: 0.2rem;
  background: #fff no-repeat center center / 0.9vh 0.7vh;
}
.popup .ai-content .btn-ai.btn-up-budget {
  background-image: url("../images/icon/icon-arrow-up-small.png");
}
.popup .ai-content .btn-ai.btn-down-budget {
  background-image: url("../images/icon/icon-arrow-down-small.png");
}
.popup .ai-content .num-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.6vh;
}
.popup .ai-content .num-box .num {
  width: 100%;
  padding: 0.8vh 2.9vh 0.7vh 1.2vh;
  font-size: 1.3vh;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.03rem;
  color: var(--color-font-sub);
  border: none;
  outline: none;
  border-radius: 0.5rem;
  background-color: rgba(242, 243, 246, 0.5);
}
.popup .ai-content .num-box .num:focus {
  outline: 0.2rem solid var(--color-border);
}
.popup .ai-content .btn-edit-num {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 1.5vh;
  height: 0.5rem;
  background: url("../images/icon/icon-edit.png") no-repeat center center /
    contain;
}

.popup .popup-content .ad-content-list + .ad-content-list {
  margin-top: 3.7vh;
}
.popup .ad-content {
  padding-bottom: 9.3vh;
}
.popup .popup-content .ad-content-list .img-box {
  z-index: 1;
  position: relative;
  display: block;
  width: 4.5vh;
  height: 4.5vh;
  overflow: hidden;
  transform-origin: left top;
  transition: transform 0.1s;
}
.popup .popup-content .ad-content-list .img-box img {
	display: block;
	width: 100%;
	height: 100%;
}
.popup .popup-content .ad-content-list .img-box:hover {
  transform: scale(3.26);
}
.popup .link {
  margin-top: 0.5rem;
  width: max-content;
  position: relative;
  padding: 0.4rem 2.2vh 0.2rem 0.6rem;
  font-size: 1.3vh;
  line-height: 1.5;
  letter-spacing: -0.03rem;
  color: var(--color-blue);
  border-radius: 0.2rem;
  background-color: #f2f3f6;
}
.popup .link::after {
  content: "";
  position: absolute;
  width: 1.1vh;
  height: 1.1vh;
  top: 50%;
  right: 0.6rem;
  transform: translateY(-50%);
  background: url("../images/icon/icon-clip-blue.png") no-repeat center center /
    100% 100%;
}

.popup .popup-side-content {
  width: 35.7vh;
  padding: 2.6vh 1.9vh 4.4vh;
  border-left: 1px solid var(--color-border);
}

.popup .date-group {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 1.9vh;
  border-bottom: 1px solid var(--color-border);
}
.popup .today,
.popup-compare .today {
  font-size: 2vh;
  font-weight: 600;
  letter-spacing: -0.06rem;
  color: var(--color-font-default);
  cursor: pointer;
}
.popup .date-group .btn-box {
  display: flex;
  align-items: center;
  column-gap: 2rem;
  margin-left: 2rem;
}
.popup .date-group .btn-box .btn-date {
  display: block;
  width: 0.9rem;
  height: 1.5rem;
  background: no-repeat center center / 100% 100%;
}
.popup .date-group .btn-box .btn-prev-date {
  background-image: url("../images/icon/icon-prev.png");
}
.popup .date-group .btn-box .btn-next-date {
  background-image: url("../images/icon/icon-next.png");
}
.popup .btn-open-calendar,
.popup-compare .btn-open-calendar {
  width: 2.3vh;
  height: 2.3vh;
  background: url("../images/icon/icon-calendar.png") no-repeat center center /
    100% 100%;
}

.popup .popup-side-content .title {
  font-size: 1.85vh;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.05rem;
  color: var(--color-font-default);
}
.popup .popup-side-content .memo {
	height: 35%;
	 padding: 3.4rem 2rem 0;
}
.popup-notice .memo .memo-list {
  flex-grow: 1;
  max-height: 54.5vh;
  margin-top: 1.4rem;
  padding-left: 1.6rem;
  padding-right: 1rem;
  overflow: hidden;
  overflow-y: auto;
}
.popup .memo .memo-list::-webkit-scrollbar {
	width: 0.4rem;
	height: 0.4rem;
	border: 0.1rem solid #fff;
	border-radius: 99.9rem;
	background-color: #F7F7F7;
}
.popup .memo .memo-list::-webkit-scrollbar-thumb {
	width: 0.4rem;
	height: 0.4rem;
	border: 0.1rem solid #fff;
	border-radius: 99.9rem;
	background-color: #dfdfdf;
}
.popup .memo .memo-list::-webkit-scrollbar-track {
	width: 0.4rem;
	height: 0.4rem;
	border: 0.1rem solid #fff;
	border-radius: 99.9rem;
	background-color: #F7F7F7;
}
.popup .memo .memo-item {
  position: relative;
  padding-left: 1rem;
}
.popup .memo .memo-item + .memo-item {
  margin-top: 0.9rem;
}
.popup .memo .memo-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.2rem;
  height: 100%;
}
.popup .memo .memo-item.oper-team::before {
	background-color: var(--color-font-whitegray);
}
.popup .memo .memo-item.sales-team::before {
	background-color: var(--color-font-lightgray);
}
.popup .memo .user,
.popup .memo .date-time {
	font-size: 1.2rem;
	color: #aaa;
	font-family: var(--font-inter);
}
.popup .memo .memo-content {
	margin-top: 0.6rem;
	font-size: 1.2rem;
	color: #888;
}
.popup .memo .memo-box {
	margin-top: 4.7rem;
	padding: 1rem;
	border: 1px solid #dfdfdf;
	border-radius: 1rem;
	background-color: #fff;
}
.main-wrap .popup .memo .memo-box {
	margin-top: auto;
}
.popup .memo .memo-info {
	display: flex;
}
.popup .memo .memo-box .user {
	font-size: 1.2rem;
	color: #aaa;
	font-family: var(--font-inter);
}
.popup .memo .memo-box .radio-group {
	display: inline-block;
	margin-left: auto;
}
.popup .memo .memo-box .radio-box {
	display: inline-flex;
	align-items: center;
	column-gap: 0.5rem;
	justify-content: flex-end;
	cursor: pointer;
}
.popup .memo .memo-box .radio-box + .radio-box {
	margin-left: 0.5rem;
}
.popup .memo .memo-box .radio-box input {
	margin: 0;
	width: 1rem;
	height: 1rem;
	background: url(../images/icon/icon-check.png) no-repeat center center / 100% 100%;
	appearance: none;
}
.popup .memo .memo-box .radio-box input:checked {
	background-image: url(../images/icon/icon-check-on.png)
}
.popup .memo .memo-box textarea {
	width: 100%;
	margin-top: 0.6rem;
	font-size: 1.4rem;
	color: #666;
	resize: none;
	border: none;
	outline: none;
}
.popup.popup-notice .memo .memo-box {
	padding: 1.8rem 2.5rem;
	margin-left: -2.5rem;
	margin-right: -2.5rem;
	border-radius: 0;
}
.popup.popup-notice .memo .memo-box textarea::placeholder {
	font-size: 1.4rem;
	color: #666;
}
.popup .memo .memo-box textarea::-webkit-scrollbar {
	width: 0.4rem;
	height: 0.4rem;
	border: 0.1rem solid #fff;
	border-radius: 99.9rem;
	background-color: #F7F7F7;
}
.popup .memo .memo-box textarea::-webkit-scrollbar-thumb {
	width: 0.4rem;
	height: 0.4rem;
	border: 0.1rem solid #fff;
	border-radius: 99.9rem;
	background-color: #dfdfdf;
}
.popup .memo .memo-box textarea::-webkit-scrollbar-track {
	width: 0.4rem;
	height: 0.4rem;
	border: 0.1rem solid #fff;
	border-radius: 99.9rem;
	background-color: #F7F7F7;
}
.popup .memo .memo-box .btn-enter-memo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.6rem;
	height: 3rem;
	margin-top: 0.4rem;
	margin-left: auto;
	color: #fff;
	font-size: 1.2rem;
	border-radius: 0.6rem;
	background-color: #F36F21;
}
.popup.popup-notice .memo .memo-box .user {
	font-size: 1.4rem;
	font-weight: 500;
	color: #aaa;
}
.main-wrap .popup-notice .content span.notice-title {
	position: relative;
	padding-left: 1.5rem;
	font-size: 1.4rem;
	font-weight: 500;
	color: #1c1c1c;
}
.main-wrap .popup-notice .content span.notice-title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background-color: #F36F21;
}
.main-wrap .popup-notice .content span.detail-text {
	display: block;
	margin-top: 0.5rem;
	font-size: 1.4rem;
	color: #666;
}
.popup-notice .container,
.popup-notice .manage-info-group,
.main-wrap .popup-notice .content {
	height: 100%;
}
.main-wrap .popup-notice .memo {
	display: flex;
    flex-direction: column;
    height: calc(100% - 6rem - 5.9rem);
}
.main-wrap .popup-notice .btn-box {
	margin-left: auto;
	margin-top: 1.5rem;
	text-align: right;
}
.popup .history {
  margin-top: 2.7vh;
}
.event-wrap .history {
  margin-top: 0;
}
.event-wrap.edit .history {
  display: none;
}
.popup .history .history-list {
  max-height: 16.7vh;
  margin-top: 1.85vh;
  padding-left: 0.6rem;
  overflow: hidden;
  overflow-y: auto;
}
.popup .history .history-list::-webkit-scrollbar {
  width: 1vh;
  height: 1vh;
  border: 0.36rem solid #fff;
  border-radius: 99.9rem;
  background-color: var(--color-border);
}
.popup .history .history-item {
  position: relative;
  padding-left: 1.5rem;
}
.popup .history .history-item + .history-item {
  margin-top: 0.9rem;
}
.popup .history .history-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1vh;
  height: 1vh;
  background: url("../images/icon/icon-pointer.png") no-repeat center center /
    100% 100%;
}
.popup .history .history-item .line {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0.3rem;
  width: 0.2rem;
  height: 100%;
  background-color: var(--color-border);
}
.popup .history .history-item ~ .history-item .line {
  top: -50%;
  height: 150%;
}
.popup .history .category,
.popup .history .history-content {
  font-size: 1.5vh;
  line-height: 1.29;
  letter-spacing: -0.35px;
  color: var(--color-font-default);
}
.popup .history .history-content {
  margin-bottom: 0.7rem;
}
.popup .history .user,
.popup .history .date-time {
  font-size: 1.4vh;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.03rem;
  color: rgba(73, 71, 78, 0.5);
}
.popup .history .date-time {
  margin-left: 0.8rem;
}

/* ========================================================================== 
        popup - right-container 
            ========================================================================== */
.db-wrap .wrap .popup .popup-main {
  height: calc(100% - 4.3vh - 5.7vh);
}
.db-wrap .wrap .popup .db-list select {
  padding: 0.37vh 2.271vh 0.417vh 0.926vh;
  border-radius: 0.4rem;
  border: 1px solid #e2e6ed;
  outline: none;
  appearance: none;
  background: #fff url(../images/icon/icon-select-arrow.png) no-repeat right
    1.1rem center / auto 0.4rem;
}
.wrap.ad-wrap .popup {
  width: max-content;
}
.db-wrap .wrap .popup {
  width: 45%;
}
.popup .right-container {
  width: 100%;
  padding: 0 0;
  max-height: 100vh;
  border-left: 1px solid var(--color-border);
}
body.half-wrap .wrap .main-section .right-container {
  display: block;
}
.popup .right-container .db-content {
  height: 100%;
}
.popup .right-container .db-list {
  padding: 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.popup .right-container .db-list .db-item {
  height: 100%;
  padding: 0;
}
.popup .right-container .db-list .db-item:hover {
  background: transparent;
}
.popup .right-container .db-list .info-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.popup .right-container .db-list .customer-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  width: 100%;
  padding: 1.04vh 1.852vh 1.852vh;
  border-bottom: 1px solid var(--color-border);
}
.popup .right-container .db-list .title {
  flex-shrink: 0;
  display: block;
  width: 50%;
  font-size: 1.506vh;
  line-height: 1.77;
  letter-spacing: -0.033rem;
  color: var(--color-font-default);
}
.popup .right-container .counsel-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup .right-container .counselor {
  flex-shrink: 0;
  margin-right: 1.293vh;
  font-size: 1.41vh;
  font-weight: 300;
  line-height: 1.92;
  letter-spacing: -0.3px;
  color: var(--color-font-sub);
}
.popup .right-container .info-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.5rem;
  width: 100%;
  padding: 2.222vh 1.852vh 2.315vh;
  border-bottom: 1px solid var(--color-border);
}
.popup .right-container .db-list .info-group {
  width: 57%;
  flex-shrink: 0;
  flex-direction: column;
  row-gap: 0.7rem;
  margin-top: 0;
  align-items: flex-start;
}
.popup .right-container .info-detail .info-box {
  display: flex;
  align-items: center;
  column-gap: 1.1rem;
}
.popup .right-container .info-detail .info-box + .info-box {
  margin-top: 0.5rem;
}
.wrap.half-wrap
  .popup
  .right-container
  .info-detail
  .info-box.info-box:nth-last-child(1) {
  display: flex;
  align-items: flex-start;
  margin-left: 0;
}
.popup .right-container .db-list .info-box .personal-info,
.popup .right-container .db-list .info-box .input-info {
  flex-shrink: 0;
  padding: 0.3rem 0.9rem;
  font-size: 1.406vh;
  color: var(--color-font-default);
  font-weight: 600;
  line-height: 1.77;
  letter-spacing: -0.33px;
  border-radius: 5px;
  background-color: #f5f6f8;
}
.wrap.half-wrap .popup .right-container .db-list .info-box .personal-info {
  display: block;
}
.popup .right-container .db-list .per-info-box,
.popup .right-container .db-list .input-info-box {
  min-width: 17.5vh;
}
.popup .right-container .db-list .info-box span {
  font-size: 1.506vh;
  line-height: 1.77;
  letter-spacing: -0.033rem;
  color: var(--color-font-default);
}
.popup .right-container .db-list .info-box span + span {
  position: relative;
  padding-left: 0.5rem;
}
.popup .right-container .db-list .info-box span + span::before {
  content: "·";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.popup .right-container .db-list .status-group {
  flex-shrink: 0;
}
.popup .right-container .db-list .status-box {
  display: flex;
  margin-bottom: 0.6rem;
}
.popup .right-container .db-list .status-text {
  padding-left: 1.293vh;
  font-size: 1.316vh;
  line-height: 1.2;
  letter-spacing: -0.028rem;
  color: var(--color-font-default);
}
.popup .right-container .db-list .status-text::before {
  width: 0.83vh;
  height: 0.83vh;
}
.popup .right-container .db-list .counsel-date {
  align-self: flex-end;
  font-size: 1.31vh;
  line-height: 1.92;
  color: var(--color-font-sub);
}
.popup .right-container .db-list select {
  margin-left: 1.57vh;
  margin-top: 0;
  font-size: 1.31vh;
  font-weight: 300;
  line-height: 1.92;
  letter-spacing: -0.03rem;
  color: var(--color-font-default);
}
.popup .right-container .counsel-note {
  flex-grow: 1;
  position: relative;
  width: 100%;
  height: calc(100% - 20%);
  padding: 1.75vh 1.018vh 0 1.93vh;
}
.popup .right-container .counsel-content {
  padding: 0 0.926vh 0 0;
  height: calc(100% - 12.5vh);
  overflow-y: auto;
}
.popup .right-container .counsel-content::-webkit-scrollbar {
  width: 1vh;
  height: 1vh;
  border: 0.1rem solid #fff;
  border-radius: 99.9rem;
  background-color: var(--color-border);
}
.popup .right-container .thumbnail {
  max-width: 33.45vh;
  height: 100%;
  border-radius: 1rem;
  border: 1px solid #ddd;
  overflow: hidden;
}
.popup .right-container .landing {
  width: auto;
  height: 89%;
}
.popup .right-container .landing iframe {
  width: 100%;
  height: 100%;
}
/* .popup .right-container .landing img {
  display: block;
  width: 100%;
  height: auto;
} */
.popup .right-container .customer-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.5rem 1.4rem 1.2rem;
  background-color: #fff;
}
.popup .right-container .customer-box .customer {
  font-size: 1.31vh;
  line-height: 1.42;
  letter-spacing: -0.03rem;
  color: var(--color-font-default);
}
.popup .right-container .customer-box .number {
  display: block;
}
.popup .right-container .customer-box a {
  display: block;
  padding: 0.5rem 2.7rem 0.4rem 1rem;
  font-size: 1.316vh;
  line-height: 1.55;
  letter-spacing: -0.028rem;
  color: var(--color-font-sub);
  border-radius: 0.5rem;
  border: 1px solid #ddd;
  background: #f2f3f6 url("../images/icon/icon-clip.png") no-repeat right 0.8rem
    center / 1.216vh 1.216vh;
}
.popup .right-container .note-group {
  margin-top: 4.45rem;
  text-align: right;
}
.popup .right-container .note-group .note-box + .note-box {
  margin-top: 1.5rem;
}
.popup .right-container .note-group .date {
  font-size: 1.31vh;
  line-height: 1.92;
  color: var(--color-font-sub);
}
.popup .right-container .note-group .text {
  display: inline-block;
  margin-left: 1.5rem;
  padding: 1.016vh 2.22vh 1.016vh;
  font-size: 1.496vh;
  line-height: 1.64;
  letter-spacing: -0.035rem;
  color: var(--color-font-default);
  border-radius: 0.4rem;
  background-color: #f5f6f8;
}
.popup .right-container .note-group .result {
  display: block;
  font-weight: 700;
}
.popup .right-container form {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 11.4vh;
  border-top: 1px solid var(--color-border);
}
.popup .right-container form .input-box {
  position: relative;
  height: 100%;
}
.popup .right-container form textarea {
  width: calc(100% - 1.07vh);
  height: calc(100% - 1.81vh - 6.27vh);
  padding: 1.81vh 2.03vh 3.27vh 1.93vh;
  font-size: 1.496vh;
  border: none;
  outline: none;
  resize: none;
  box-sizing: border-box;
}
.popup .right-container form textarea::placeholder {
	color: #888;
	font-weight: 500;
}
.popup .right-container form textarea::-webkit-scrollbar {
  width: 1vh;
  height: 1vh;
  border: 0.36rem solid #fff;
  border-radius: 99.9rem;
  background-color: var(--color-border);
}
.popup .right-container .db-list form select {
  padding-right: 2.77vh;
  background-position: right 0.7rem center;
  font-size: 1.496vh;
}
.popup .right-container .db-list .form-bottom {
  position: absolute;
  bottom: 1.81vh;
  right: 1.31vh;
  text-align: right;
}
.popup .right-container .db-list .form-bottom .btn-submit {
  margin-left: 0.8rem;
  padding: 0.83vh 2.77vh 0.83vh 2.68vh;
  font-size: 1.496vh;
  font-weight: 300;
  line-height: 1.43;
  letter-spacing: -0.035rem;
  color: #fff;
  border-radius: 0.2rem;
  background-color: var(--color-green);
}

/* S: .counsel-select */
.popup .counsel-select {
  flex-shrink: 0;
  position: relative;
}
.popup .select-selected {
  padding: 0.55vh 4.07vh 0.37vh 0.74vh;
  font-size: 1.31vh;
  color: var(--color-font-default);
  font-weight: 300;
  line-height: 1.92;
  letter-spacing: -0.03rem;
  border: 1px solid #e2e6ed;
  border-radius: 0.37vh;
  background: url("../images/icon/icon-arrow-down-small.png") no-repeat right
    1.4rem center / 0.9rem 0.5rem;
}
.popup .select-items {
  z-index: 99;
  position: absolute;
  width: 100%;
  border: 1px solid #e2e6ed;
  border-top: none;
  background-color: #fff;
}
.popup .select-hide {
  display: none;
}
.popup .option-item {
  position: relative;
  padding: 0.55vh 4.07vh 0.37vh 0.74vh;
  font-size: 1.31vh;
  font-weight: 300;
  line-height: 1.64;
  letter-spacing: -0.028rem;
  border-radius: 0.4rem;
  color: var(--color-font-default);
  white-space: nowrap;
  cursor: pointer;
}
.popup .option-item .dot,
.popup .dot {
  display: inline-block;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  margin-right: 0.6rem;
  background-color: var(--color-font-default);
}
.popup .option-item .wait.dot,
.popup .wait.dot {
  background-color: var(--color-font-default);
}
.popup .option-item .counsel.dot,
.popup .counsel.dot {
  background-color: var(--color-green);
}
.popup .option-item .finish.dot,
.popup .finish.dot {
  background-color: var(--color-font-lightgray);
}
/* E: .counsel-select */

/* ========================================================================== 
  popup - manage-wrap
========================================================================== */
.manage-wrap .popup,
.main-wrap .popup {
  width: 39%;
  max-width: 74rem;
}
.manage-wrap .popup .popup-header,
.main-wrap .popup .popup-header {
  padding: 1.7rem 2.5rem;
}
.manage-wrap .popup .manage-info-group .title,
.main-wrap .popup .manage-info-group .title {
	display: block;
	width: 100%;
	padding: 1.8rem 2.5rem 1.7rem;
	font-size: 2rem;
	font-weight: 600;
	color: #666;
	border-bottom: 1px solid #dfdfdf;
	background-color: #fff;
}
.manage-wrap .popup .content,
.main-wrap .popup .content {
  padding: 3.4rem 2.5rem;
}
.main-wrap .popup.popup-notice .content {
	padding: 3.9rem 2.5rem;
}
.manage-wrap .popup .content .sub-title,
.main-wrap .popup .content .sub-title {
  font-size: 1.495vh;
  line-height: 1.29;
  letter-spacing: -0.035rem;
  color: var(--color-font-default);
}
.manage-wrap .popup .content > .sub-title {
  display: inline-block;
  margin-bottom: 2.035vh;
}
/*
.main-wrap
  .popup:not(.regist-popup):not(.edit-popup):not(.regist-popup)
  .content
  form {
  margin-top: 2.035vh;
}
.main-wrap .popup:not(.regist-popup):not(.edit-popup):not(.regist-popup).popup-notice .content form {
	margin-top: 1.035vh;
}
*/
.event-wrap .popup-content .valid-content .content-group {
  border-bottom: 0;
}
.manage-wrap .popup .content form > div + div,
.manage-wrap .popup .content > div + div,
.main-wrap .popup .content form > div + div,
.event-wrap .popup form .content-group > div:not(.edit-box) + div,
.event-wrap .popup.is-edit form .content-group > div + div {
  margin-top: 2rem;
}
.main-wrap .popup .content form > div + div.btn-box {
	margin-top: 4.6rem;
}
.manage-wrap .popup .content label,
.manage-wrap .popup .content span,
.main-wrap .popup .content label,
.main-wrap .popup .content span,
.event-wrap .popup .content-group label,
.event-wrap .popup .content-group span {
  font-size: 1.4rem;
  font-weight: 500;
  color: #666;
  line-height: 1.21;
}
.main-wrap .popup .content span.date-time {
	display: block;
	margin-top: 0.5rem;
	font-size: 1.1rem;
	color: #aaa;
	font-weight: 500;
}
.main-wrap .popup.popup-notice .content .memo-item span.notice-status {
	color: #006298;
}
.main-wrap .popup.popup-notice .content .memo-item .notice-status.complete {
	color: #F36F21;
}
.manage-wrap .popup .content .label-box,
.main-wrap .popup .content .label-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  width: calc(100% - 1.6vh);
}
.manage-wrap .popup .content .helper-text {
  display: inline-block;
  margin-left: auto;
  text-align: right;
  font-size: 1.125vh;
  line-height: 1.8;
  letter-spacing: -0.025rem;
  color: var(--color-font-sub);
}
.event-wrap .popup form .content-group .value-box {
  display: flex;
  align-items: center;
  column-gap: 0.555vh;
  margin-top: 1.11vh;
}
.event-wrap .popup form .content-group .value-box select {
  flex-shrink: 0;
  width: calc(50% - 0.3rem);
}
.event-wrap .popup form .content-group .value-box input {
  display: block;
  width: calc(50% - 0.3rem);
  margin-top: 1.11vh;
  padding: 1.2025vh 1.3875vh 1.295vh;
  font-size: 1.4025vh;
  color: var(--color-font-sub);
  line-height: 1.38;
  letter-spacing: -0.033rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-border);
  outline: none;
}
.event-wrap .popup form .content-group .range-bar {
  width: 1.2rem;
  height: 0.2rem;
  background-color: var(--color-border);
}
.event-wrap .popup form .content-group .value-box + .btn-add {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.8rem;
  margin-left: auto;
  padding: 0.6rem 2rem;
  font-size: 1.2175vh;
  letter-spacing: -0.028rem;
  border-radius: 0.5rem;
  border: 1px solid #F36F21;
  color: #F36F21;
}
.manage-wrap .popup .content form select,
.event-wrap .popup form .content-group select {
  display: block;
  width: 100%;
  margin-top: 1.11vh;
  padding: 1.2025vh 3.33vh 1.295vh 1.3875vh;
  font-size: 1.4025vh;
  color: var(--color-font-sub);
  line-height: 1.38;
  letter-spacing: -0.033rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-border);
  outline: none;
  background: #fff url("../images/icon/icon-arrow-down.png") no-repeat right
    2.22vh center / 1.1vh 0.55vh;
  appearance: none;
}
.manage-wrap .popup .input-box input,
.manage-wrap .popup .teaxarea-box textarea,
.main-wrap .popup .input-box input,
.event-wrap .popup .input-box input,
.event-wrap .popup .textarea-box textarea {
  display: block;
  width: 100%;
  margin-top: 0.8rem;
  padding: 1.5rem 1.6rem 1.4rem;
  font-size: 1.3rem;
  font-weight: 500;
  color: #888;
  border-radius: 0.5rem;
  border: 1px solid #DFDFDF;
  outline: none;
  background-color: #fff;
  box-sizing: border-box;
  resize: none;
}
.main-wrap .popup:not(.popup-notice) .input-box input {
	color: #1c1c1c;
}
.manage-info-group .input-box input:hover,
.manage-info-group .input-box input:active,
.manage-info-group .input-box input:focus {
  outline: none;
  background-color: transparent;
}
.manage-info-group .input-box #newPassword:-webkit-autofill,
.manage-info-group .input-box #newPassword:-webkit-autofill:hover,
.manage-info-group .input-box #newPassword:-webkit-autofill:focus,
.manage-info-group .input-box #newPassword:-webkit-autofill:active {
	-webkit-text-fill-color: #111;
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	-webkit-box-shadow: 0 0 0 500px #fff inset !important;
}
.manage-info-group .input-box #newPassword:autofill,
.manage-info-group .input-box #newPassword:autofill:hover,
.manage-info-group .input-box #newPassword:autofill:focus,
.manage-info-group .input-box #newPassword:autofill:active {
	-webkit-text-fill-color: #111;
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	-webkit-box-shadow: 0 0 0 500px #fff inset !important;
}
.event-wrap .popup .input-box input:disabled {
  background-color: var(--color-border);
}
.manage-wrap .agency-group .top-box {
  display: flex;
  align-items: center;
  column-gap: 0.92vh;
  justify-content: space-between;
}
.manage-wrap .search-agency-create {
  position: relative;
}
.manage-wrap .search-agency {
  position: relative;
  display: block;
}
.manage-wrap .agency-group .agency-select {
  z-index: 1;
  position: absolute;
  top: calc(100% - 1px);
  width: 100%;
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 0.46vh;
  border: 1px solid var(--color-border);
  font-weight: 400;
  font-size: 1.2vh;
  overflow: hidden;
  overflow-y: auto;
  max-height: 14.3375vh;
}
.manage-wrap .agency-group .agency-select::-webkit-scrollbar {
  width: 1vh;
  height: 1vh;
  border: 0.3rem solid #fff;
  border-radius: 99.9rem;
  background-color: var(--color-border);
}

.manage-wrap .agency-group .agency-select li {
  padding: 1vh 0.8rem;
  cursor: pointer;
  background-color: #fff;
}
.manage-wrap .agency-group .agency-select li:hover {
  background-color: #f1f1f1;
}
.event-wrap .popup .input-box #keyword,
.event-wrap .popup .input-box #description {
  padding-bottom: 7.5vh;
  /* height: 13.6rem; */
}
.manage-wrap .popup .input-box .create-date + input {
  background-color: var(--color-border);
}
.manage-wrap .popup .teaxarea-box textarea {
  height: 7.4vh;
}
.manage-wrap .popup .content form .radio-group,
.manage-wrap .popup .content form .base-input-group,
.event-wrap .popup form .content-group .radio-group:not(.check-group),
.event-wrap .popup form .content-group .base-input-group {
  display: flex;
  align-items: center;
  column-gap: 0.555vh;
  margin-top: 1.11vh;
}
.manage-wrap .popup .content form span.status,
.event-wrap .popup form .content-group span.status,
.event-wrap .popup form .content-group span.title {
  display: inline;
  margin-top: 0;
  width: auto;
  height: auto;
  font-size: 1.4025vh;
  line-height: 1;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid;
  border: none;
}
.event-wrap .popup form .content-group span.status,
.event-wrap .popup form .content-group span.title {
  display: flex;
  justify-content: space-between;
}
.event-wrap .popup form .content-group span .helper-text {
  font-size: 1.125vh;
  line-height: 1.8;
  letter-spacing: -0.025rem;
  color: var(--color-font-sub);
}

.manage-wrap .popup .content form .radio-box,
.manage-wrap .popup .content form .base-input-box,
.event-wrap .popup form .content-group .radio-box,
.event-wrap .popup form .content-group .base-input-box {
  width: 50%;
}
.manage-wrap .popup .content form .radio-box label,
.manage-wrap .popup .content form .base-input-box label,
.event-wrap .popup form .content-group .radio-box:not(.check-box) label,
.event-wrap .popup form .content-group .base-input-box label {
  display: block;
  width: 100%;
  padding: 1.2025vh 0 1.275vh;
  border-radius: 0.5rem;
  border: 1px solid var(--color-border);
  background-color: #fff;
  text-align: center;
  font-size: 1.4025vh;
  letter-spacing: -0.33px;
  color: var(--color-font-sub);
}
.manage-wrap .popup .content form .radio-box input,
.manage-wrap .popup .content form .base-input-box input,
.event-wrap .popup form .content-group .radio-box input,
.event-wrap .popup form .content-group .base-input-box input {
  display: none;
}
.event-wrap .popup form .content-group .dup-period-box .radio-box input {
  display: inline-block;
}
.manage-wrap .popup .content form .radio-box input:checked + label,
.manage-wrap .popup .content form .base-input-box input:checked + label,
.event-wrap
  .popup
  form
  .content-group
  .radio-box:not(.check-box)
  input:checked
  + label,
.event-wrap .popup form .content-group .base-input-box input:checked + label {
  font-size: 1.4025vh;
  color: var(--color-font-default);
  border-radius: 0.5rem;
  border: solid 1px var(--color-green);
  background-color: #ebffef;
}
.manage-wrap .popup .check-group,
.event-wrap .popup .check-group,
.event-wrap .popup .dup-period-box .radio-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 1.85vh;
  margin-top: 1.11vh;
  padding: 2.22vh 3.15vh;
  font-size: 1.2025vh;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: -0.033rem;
  color: var(--color-font-default);
  border-radius: 0.5rem;
  border: 0.1rem solid #e2e4e7;
  background-color: #fff;
}
.main-wrap .popup .content .check-group {
  display: flex;
  align-items: center;
  column-gap: 0.8rem;
  font-size: 1.3rem;
  line-height: 1.23;
  color: #666;
}
.main-wrap .popup .content .check-group label {
  font-weight: 400;
}
.manage-wrap .popup .check-group .check-box,
.event-wrap .popup .check-group .check-box,
.event-wrap .popup .dup-period-box .radio-group .radio-box {
  width: 25%;
}
.manage-wrap .popup .check-group .check-box input,
.main-wrap .popup .check-group .check-box input,
.event-wrap .popup .check-group .check-box input,
.event-wrap .popup .dup-period-box .radio-group .radio-box input {
  margin: 0;
  margin-right: 0.1rem;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icon/icon-check.png") no-repeat center center /
    100% 100%;
  appearance: none;
}
.main-wrap .popup.popup-notice .content input + label,
.main-wrap .popup .check-group .check-box input + label {
	position: relative;
	top: -1px;
	color: #888;
}
.manage-wrap .popup .check-group .check-box input:checked,
.main-wrap .popup .check-group .check-box input:checked,
.event-wrap .popup .check-group .check-box input:checked {
  background-image: url("../images/icon/icon-check-on.png");
}
.main-wrap .popup.popup-notice .content input:checked + label,
.main-wrap .popup .check-group .check-box input:checked + label {
	color: #666;
}
.manage-wrap .popup .auth-detail {
  font-size: 1.2025vh;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: -0.033rem;
  color: var(--color-font-default);
}
.manage-wrap .popup .auth-detail .sub-title {
  margin-left: 0.925vh;
  color: var(--color-font-sub);
}
.manage-wrap .popup .created-date-box input {
  font-size: 1.4025vh;
  letter-spacing: -0.033rem;
  color: var(--color-font-sub);
  background-color: #f8f9fa;
}
.manage-wrap .popup .content form > div.btn-box,
.main-wrap .popup .content form > div.btn-box,
.event-wrap .popup .popup-content form > div.btn-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 0.6rem;
}
.event-wrap .popup .popup-content form > div.btn-box {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 0.6rem;
}
.manage-wrap .popup .content .btn-box button,
.main-wrap .popup .content .btn-box button,
.event-wrap .popup .popup-content .btn-box button {
	padding: 0.9rem 3.7rem 1rem;
	font-size: 1.4rem;
	font-weight: 600;
	color: #666;
	border-radius: 0.4rem;
}
.manage-wrap .popup .content .btn-box button.btn-cancel,
.manage-wrap .popup .content .btn-box button.btn-delete,
.main-wrap .popup .content .btn-box button.btn-cancel,
.main-wrap .popup .content .btn-box button.btn-delete {
	border-radius: 0.4rem;
	border: 1px solid #666;
	background-color: #fff;
}
}
.popup-notice .btn-box button {
	padding: 0.9rem 3.7rem 1rem;
	font-size: 1.4rem;
	font-weight: 600;
	color: #666;
}
.main-wrap .popup .content .btn-box button.btn-delete {
  color: #da3f5c;
  border-color: #da3f5c;
}
.manage-wrap .popup .content .btn-box button.btn-edit,
.manage-wrap .popup .content .btn-box button.btn-regist,
.manage-wrap .popup .content .btn-box button.btn-create,
.main-wrap .popup .content .btn-box button.btn-edit,
.main-wrap .popup .content .btn-box button.btn-regist,
.main-wrap .popup .content .btn-box button.btn-create,
.main-wrap .popup .content .btn-box button.btn-enroll,
.event-wrap .popup .popup-content .btn-box button.btn-create {
	color: #fff;
	border: 0.1rem solid #F36F21;
	background-color: #F36F21;
}
.event-wrap .popup.is-edit .popup-content .btn-box button.btn-create {
  display: none;
}

.event-wrap .popup form .content-group .landing-category-box .value-box,
.event-wrap .popup form .content-group .link-use-box .value-box {
  display: none;
  margin-top: 0;
}

.event-wrap
  .popup
  form
  .content-group
  .landing-category-box.active
  .biz-form-box
  .value-box,
.event-wrap
  .popup
  form
  .content-group
  .link-box.active
  .link-use-box
  .value-box {
  display: flex;
}

.event-wrap .popup .landing-address-box .check-group {
  padding: 0;
  border: none;
}
.event-wrap .popup .landing-address-box .check-group input {
  display: inline-block;
  padding: 0;
  font-size: 1.4025vh;
  letter-spacing: -0.033rem;
  color: var(--color-font-sub);
  margin-right: 0.5rem;
  width: 1.0175vh;
  height: 1.0175vh;
  background: url(../images/icon/icon-check.png) no-repeat center center / 100%
    100%;
  appearance: none;
}
.event-wrap .edit-box {
  display: none;
}
.event-wrap .popup.is-edit .edit-box {
  display: block;
}
.event-wrap .popup .popup-content .btn-box button {
  color: var(--color-font-default);
  border: 1px solid var(--color-font-default);
  border-radius: 0.5rem;
}
.event-wrap .popup .popup-content .btn-box button.btn-delete {
  border-color: var(--color-red);
  color: var(--color-red);
}
.event-wrap .popup .popup-content .btn-box button.btn-edit {
  border-color: var(--color-green);
  color: #fff;
  background-color: var(--color-green);
}
.event-preview.popup-event-preview {
  margin-top: 1.5vh;
}
.event-preview.popup-event-preview .preview-img-box {
  width: 100%;
  max-height: 50vh;
  padding-right: 0.5vh;
  overflow: hidden;
  overflow-y: auto;
}
.event-preview.popup-event-preview .preview-img-box::-webkit-scrollbar {
  width: 1vh;
  height: 1vh;
  border: 0.3rem solid #f2f3f6;
  border-radius: 99.9rem;
  background-color: var(--color-border);
}
.event-preview.popup-event-preview .preview-img-box img {
  display: block;
  width: 100%;
}

/* S: .authority-wrap */
.authority-wrap.manage-wrap
  .popup:not(.regist-popup):not(.edit-popup):not(.regist-popup)
  .content
  form {
  margin-top: 0;
}
.authority-wrap .popup {
  width: 44%;
}
.authority-wrap .info-popup .input-group {
  padding-bottom: 2.76vh;
}
.authority-wrap .info-popup .input-group + .input-group {
  padding-top: 3.6vh;
  border-top: 1px solid var(--color-border);
}
.authority-wrap .info-popup .label-box,
.authority-wrap .info-popup .input-box,
.authority-wrap .info-popup .value-list {
  display: flex;
  align-items: center;
  column-gap: 0.69vh;
}
.authority-wrap .info-popup .input-box:nth-of-type(odd),
.authority-wrap .info-popup .value-list:nth-of-type(odd) {
  background-color: #f8f9fa;
}
.authority-wrap .info-popup .label-box {
  margin-top: 0.92vh;
  padding: 1.29vh 2.76vh;
}
.authority-wrap .info-popup .label-box .label {
  width: calc((100% - 2.76vh) / 5);
  font-size: 1.21vh;
  font-weight: 300;
  line-height: 1.64;
  text-align: center;
  letter-spacing: -0.026vh;
  color: var(--color-font-sub);
}
.authority-wrap .info-popup .value-box {
  /* height: 11.9991vh; */
  /* max-height: 13.616vh; */
  max-height: 10.5vh;
  overflow: hidden;
  overflow-y: auto;
}
.authority-wrap .info-popup .advertiser-group .value-box {
	max-height: 20.5vh;
}
.authority-wrap .info-popup .value-box::-webkit-scrollbar {
  width: 1vh;
  height: 1vh;
  border: 0.3rem solid #fff;
  border-radius: 99.9rem;
  background-color: var(--color-border);
}
.authority-wrap .info-popup .input-box,
.authority-wrap .info-popup .value-list {
  padding: 2.3vh 2.76vh;
}
.authority-wrap .info-popup .input-box input,
.authority-wrap .info-popup .input-group:nth-child(2) .value-list > *,
.authority-wrap .info-popup .input-group:nth-last-child(1) .value-list > * {
  width: calc((100% - 2.76vh) / 5);
  margin: 0;
  padding: 0;
  font-size: 1.39vh;
  line-height: 1.38;
  letter-spacing: -0.03vh;
  color: var(--color-font-sub);
  text-align: center;
  background-color: transparent;
  border: none;
  outline: none;
}
.authority-wrap .info-popup .btn-box {
  margin-top: 2.21vh;
  text-align: right;
}
.authority-wrap .info-popup .btn-box .btn-delete {
  padding: 0.83vh 3.03vh;
  border: 1px solid var(--color-font-default);
}
.authority-wrap .info-popup .input-group:nth-child(2) .label,
.authority-wrap .info-popup .input-group:nth-child(2) .value-list > * {
  width: 100%;
  min-width: calc((55% - 3.45vh) / 4);
  height: auto;
  letter-spacing: -0.03vh;
  color: var(--color-font-sub);
  text-align: center;
}
.authority-wrap .info-popup .input-group:nth-child(3) .label,
.authority-wrap .info-popup .input-group:nth-child(3) .value-list > * {
  width: 100%;
  min-width: calc((95% - 3.45vh) / 4);
  letter-spacing: -0.03vh;
  color: var(--color-font-sub);
  text-align: center;
}
.authority-wrap .info-popup .input-group:nth-last-child(1) .value-list > * {
  line-height: 1.38;
  letter-spacing: -0.03vh;
  color: var(--color-font-sub);
  text-align: center;
}
.authority-wrap .info-popup .input-group:nth-child(2) .category {
  width: 5%;
}
.authority-wrap .info-popup .input-group:nth-child(2) .ad-name {
  width: 40%;
}
.authority-wrap .info-popup .input-group:nth-child(3) .category {
  width: 7%;
  min-width: 7%;
}
.authority-wrap .info-popup .input-group:nth-child(3) .ad-id {
  width: 40%;
}
.authority-wrap .info-popup .input-group .popup-status {
  position: relative;
  padding-left: 1.52vh;
  font-size: 1.19vh;
  font-weight: 300;
  line-height: 1.64;
  letter-spacing: -0.024vh;
  text-align: center;
  color: var(--color-font-lightgray);
  white-space: nowrap;
}
.authority-wrap .info-popup .input-group .popup-status .status {
  color: var(--color-font-lightgray);
}
.authority-wrap .info-popup .input-group .popup-status.on .status {
  color: var(--color-font-sub);
}
.authority-wrap .info-popup .input-group .popup-status::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.04vh;
  height: 1.04vh;
  border-radius: 50%;
  background-color: var(--color-font-lightgray);
}
.authority-wrap .info-popup .input-group .popup-status.on::before {
  background-color: var(--color-green);
}
.authority-wrap .info-popup .input-group .btn-exception {
  width: 5.52vh;
  height: 2.21vh;
  border-radius: 0.5rem;
  border: 1px solid var(--color-red);
  font-size: 1.21vh;
  letter-spacing: -0.026vh;
  text-align: center;
  color: rgba(226, 100, 111, 0.9);
}
.authority-wrap .input-group .top-box {
  display: flex;
  align-items: center;
  column-gap: 0.92vh;
  justify-content: space-between;
}
.authority-wrap .input-group .search-box input {
  padding: 1.01vh 1.19vh 1.01vh 3.13vh;
  font-size: 1.2vh;
  border-radius: 0.46vh;
  border: 1px solid var(--color-border);
  background: url("../images/icon/icon-search.png") no-repeat left 1.19vh center /
    1.1vh auto;
  outline: none;
}
.authority-wrap .search-advertiser,
.authority-wrap .search-user,
.authority-wrap .search-agency,
.authority-wrap .search-user-name {
  position: relative;
  display: block;
}
.authority-wrap .advertiser-select,
.authority-wrap .user-select,
.authority-wrap .agency-select,
.authority-wrap .user-name-select {
  z-index: 1;
  position: absolute;
  top: calc(100% - 1px);
  width: 100%;
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 0.46vh;
  border: 1px solid var(--color-border);
  font-weight: 400;
  font-size: 1.2vh;
  overflow: hidden;
  overflow-y: auto;
  max-height: 14.3375vh;
}
.authority-wrap .advertiser-select::-webkit-scrollbar,
.authority-wrap .user-select::-webkit-scrollbar,
.authority-wrap .agency-select::-webkit-scrollbar,
.authority-wrap .user-name-select::-webkit-scrollbar {
  width: 1vh;
  height: 1vh;
  border: 0.3rem solid #fff;
  border-radius: 99.9rem;
  background-color: var(--color-border);
}

.authority-wrap .advertiser-select li,
.authority-wrap .user-select li,
.authority-wrap .agency-select li,
.authority-wrap .user-name-select li {
  padding: 0.8rem;
  cursor: pointer;
  background-color: #fff;
}
.authority-wrap .advertiser-select li:hover,
.authority-wrap .user-select li:hover,
.authority-wrap .agency-select li:hover,
.authority-wrap .user-name-select li:hover {
  background-color: #f1f1f1;
}
/* E: .authority-wrap */

/* S: .event-wrap 검색 */
.event-wrap .input-group .top-box {
  display: flex;
  align-items: center;
  column-gap: 0.92vh;
  justify-content: space-between;
}
.event-wrap .input-group .search-box input {
  padding: 1.01vh 1.19vh 1.01vh 3.13vh;
  font-size: 1.2vh;
  border-radius: 0.46vh;
  border: 1px solid var(--color-border);
  background: url("../images/icon/icon-search.png") no-repeat left 1.19vh center /
    1.1vh auto;
  outline: none;
}
.event-wrap .search-agency-media,
.event-wrap .search-agency-create-media,
.event-wrap .search-agency-create {
  position: relative;
  display: block;
}
.event-wrap .select-box {
  z-index: 1;
  position: absolute;
  top: calc(100% - 1px);
  width: 100%;
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 0.46vh;
  border: 1px solid var(--color-border);
  font-weight: 400;
  font-size: 1.2vh;
  overflow: hidden;
  overflow-y: auto;
  max-height: 14.3375vh;
}
.event-wrap .select-box::-webkit-scrollbar {
  width: 1vh;
  height: 1vh;
  border: 0.3rem solid #fff;
  border-radius: 99.9rem;
  background-color: var(--color-border);
}

.event-wrap .select-box li {
  padding: 1.6rem 0.8rem;
  cursor: pointer;
  background-color: #fff;
}
.event-wrap .select-box li:hover {
  background-color: #f1f1f1;
}

/* E: .event-wrap 검색 */

/* ========================================================================== 
    popup - mypage
  ========================================================================== */
.mypage-wrap .popup .input-box .file-input {
  display: none;
}
.mypage-wrap .profile-group {
  position: relative;
}
.mypage-wrap .profile-box {
  width: 10.4525vh;
  height: 10.4525vh;
  margin: 2.8rem auto 0;
}
.mypage-wrap .profile-img {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 1.5rem;
	border: 2px solid var(--color-border);
	background: no-repeat center center / cover;
	cursor: pointer;
	overflow: hidden;
}
.mypage-wrap .profile-img.no-image {
	background-color: #3f00b2;
}
.mypage-wrap .profile-img img {
	display: block;
	width: 100%;
	height: auto;
}
.mypage-wrap .profile-img::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%);
  width: 1.6rem;
  height: 0.4rem;
  background: url("../images/icon/icon-edit.png") no-repeat center center / 100%
    100%;
}
.mypage-wrap .input-box .btn-box {
  display: none;
  z-index: 1;
  position: absolute;
  top: calc(100% - 1rem);
  left: calc(50% + 5.65rem);
  transform: translateX(-50%);
  flex-direction: column;
  padding: 1.6rem 0.9rem;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #e2e4e7;
  background-color: #fff;
}
.mypage-wrap .input-box .btn-box.active {
  display: flex;
}
.mypage-wrap .popup .content .input-box .btn-box button,
.mypage-wrap .popup .content .input-box .btn-box label {
  padding: 0 1.1rem 0 2.9rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.014rem;
  color: var(--color-font-default);
  background: no-repeat left 0.9rem center / 1.2rem 1.2rem;
}
.mypage-wrap .popup .content .input-box .btn-box .border {
  display: block;
  width: 100%;
  height: 1px;
  margin: 1.1rem 0;
  background-color: var(--color-border);
}
.mypage-wrap .popup .content .input-box .btn-box .btn-set-img {
  background-image: url("../images/icon/icon-image.png");
}
.mypage-wrap .popup .content .input-box .btn-box .btn-delete-img {
  background-image: url("../images/icon/icon-delete.png");
}
.mypage-wrap .popup .content form .helper-text {
  display: none;
  position: relative;
  padding-left: 1.2rem;
  font-size: 1.125vh;
  line-height: 1.8;
  letter-spacing: -0.025rem;
  color: var(--color-font-sub);
}
.mypage-wrap .popup .content form .helper-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: var(--color-red);
}

/* ========================================================================== 
	popup - main-wrap
========================================================================== */
.main-wrap .popup .icon-box {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  column-gap: 7.45rem;
  row-gap: 1.8rem;
  margin-top: 0.8rem;
  padding: 2.6rem 4.6rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-border);
  background-color: #fff;
}
.main-wrap .popup .btn-icon {
	width: 6rem;
  height: 6rem;
  background: no-repeat center center;
  background-size: 100%;
  margin: 0 auto;
}
.main-wrap .popup .btn-icon.active {
  border-radius: 1rem;
  background-color: #f2f3f6;
}
.main-wrap .popup .icon-notice {
  background-image: url("../images/icon/icon-notice.png");
}
.main-wrap .popup .icon-link {
  background-image: url("../images/icon/icon-link.png");
}
.main-wrap .popup .icon-analyze {
  background-image: url("../images/icon/icon-analyze.png");
}
.main-wrap .popup .icon-ad-request {
  background-image: url("../images/icon/icon-ad-request.png");
}
.main-wrap .popup .icon-groupware {
  background-image: url("../images/icon/icon-groupware.png");
}
.main-wrap .popup .icon-produce-request {
  background-image: url("../images/icon/icon-produce-request.png"); 
}
.main-wrap .popup .icon-note {
  background-image: url("../images/icon/icon-note.png");
}
.main-wrap .popup .icon-finance-request {
  background-image: url("../images/icon/icon-finance-request.png");
}
.main-wrap .popup .icon-folder {
  background-image: url("../images/icon/icon-folder.png");
}
.main-wrap .popup .icon-chart {
  background-image: url("../images/icon/icon-chart.png");
}

/* S: .popup-compare */
.popup-compare .compare-popup-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-border);
}
.popup-compare .compare-popup-top .popup-title {
  padding: 2.2rem 4.1rem 2.3rem;
  font-size: 2rem;
  color: var(--color-font-default);
  font-weight: 700;
}
.popup-compare .date-group {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 4rem;
  padding: 2.2rem 4.1rem 2.3rem;
  border-left: 1px solid var(--color-border);
}
.popup-compare .sorting-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 4.1rem;
  padding: 2.71vh 0 1.9rem;
  border-bottom: 1px solid var(--color-border);
}
.popup-compare .sorting-group .sorting-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 0.75rem;
  column-gap: 1.97vh;
  width: calc((100% - 1.97vh) / 3);
}
.popup-compare .sorting-group .btn-box {
  display: flex;
  align-items: center;
  column-gap: 1.97vh;
}
.popup-compare .sorting-group .label {
  flex-shrink: 0;
  position: relative;
  padding-left: 4.86vh;
  font-size: 1.52vh;
  line-height: 1.2;
  letter-spacing: -0.25px;
  color: var(--color-font-sub);
}
.popup-compare .sorting-group .label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2.86vh;
  transform: translateY(-50%);
  width: 1.42vh;
  height: 1.42vh;
  background: no-repeat center center / 100% 100%;
}
.popup-compare .sorting-group .media-indicators::before {
  background-image: url("../images/icon/icon-label-media.png");
}
.popup-compare .sorting-group .performance-indicators::before {
  background-image: url("../images/icon/icon-label-performance.png");
}
.popup-compare .sorting-group .budget-indicators::before {
  background-image: url("../images/icon/icon-label-budget.png");
}
.popup-compare .sorting-group button {
  flex-shrink: 0;
  position: relative;
  width: max-content;
  min-width: 20%;
  font-size: 1.61vh;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.28px;
  color: var(--color-font-lightgray);
  padding-right: 1.13vh;
  text-align: right;
}
.popup-compare .sorting-group button::before,
.popup-compare .sorting-group button::after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.47vh;
  height: 0.47vh;
  background: no-repeat center center / 100% 100%;
}
.popup-compare .sorting-group button::before {
  background-image: url("../images/icon/icon-asc.png");
}
.popup-compare .sorting-group button::after {
  background-image: url("../images/icon/icon-desc.png");
}
.popup-compare .sorting-group button.asc::before {
  display: block;
}
.popup-compare .sorting-group button.desc::after {
  display: block;
}
.popup-compare .calendar-box {
	position: relative;
}
.popup-compare .ad-list {
  margin-right: 1vh;
  padding-top: 1.04vh;
  padding-right: 0.76vh;
  padding-left: 3.7925vh;
  max-height: 72vh;
  overflow-y: auto;
}
.popup-compare .ad-list::-webkit-scrollbar {
  width: 1vh;
  height: 1vh;
  border: 0.1rem solid #fff;
  border-radius: 99.9rem;
  background-color: var(--color-border);
}
.popup-compare .ad-list::-webkit-scrollbar-thumb {
  width: 1vh;
  height: 1vh;
  border-radius: 99.9rem;
  background-color: var(--color-font-lightgray);
}
.popup-compare .ad-list::-webkit-scrollbar-track {
  width: 1vh;
  height: 1vh;
  border-radius: 99.9rem;
  background-color: var(--color-border);
}
.popup-compare .ad-list .ad-item {
  display: flex;
  flex-direction: column;
}
.popup-compare .ad-list .ad-item.active .set,
.popup-compare .ad-list .ad-item.active .ad {
  display: flex;
}
.popup-compare .ad-list .ad-item .set,
.popup-compare .ad-list .ad-item .ad {
  display: none;
}
.popup-compare .ad-list .ad-item .ad:nth-last-of-type(1) {
  border-bottom: 1px solid var(--color-border);
}
.popup-compare .ad-list .ad-item + .ad-item {
  margin-top: 1.32vh;
}
.popup-compare .ad-list .ad-item > div {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 1.32vh;
  padding: 2.52vh 2.13vh;
  border-radius: 1.4vh;
}
.popup-compare .ad-list .ad-item > div.campaign {
  background-color: #f8f9fa;
  cursor: pointer;
}
.popup-compare .ad-list .ad-item > div .img-box {
  border: 1px solid var(--color-border);
  border-radius: 0.4rem;
  overflow: hidden;
}
.popup-compare .ad-list .img-box {
  flex-shrink: 0;
  width: 4.65vh;
  height: 4.65vh;
  background: no-repeat center center / 100% 100%;
}
.popup-compare .ad-list .img-box.facebook {
  background-image: url("../images/item/facebook.png");
}
.popup-compare .ad-list .img-box.google {
  background-image: url("../images/item/google.png");
}
.popup-compare .ad-list .img-box.kakao {
  background-image: url("../images/item/kakao.png");
}
.popup-compare .ad-list .img-box.tiktok {
  background-image: url("../images/item/tiktok.png");
}
.popup-compare .ad-list .img-box.carrot {
  background-image: url("../images/item/carrot.png");
}
.popup-compare .ad-list .img-box.toss {
  background-image: url("../images/item/toss.png");
}
.popup-compare .ad-list .img-box.namepr {
  background-image: url("../images/item/namepr-on.jpg");
}
.popup-compare .ad-list .img-box.naver {
  background-image: url("../images/item/naver-on.jpg");
}
.popup-compare .ad-list .img-box.kakaoBiz {
  background-image: url("../images/item/kakaoBiz-on.jpg");
}
.popup-compare .ad-list .info-container {
  width: 100%;
}
.popup-compare .ad-list .info-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 2.24vh;
}
.popup-compare .ad-list .advertiser-group {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.popup-compare .ad-list .title {
  flex-grow: 1;
  background-color: transparent;
  font-size: 1.5vh;
  line-height: 1.5;
  letter-spacing: -0.03rem;
  color: var(--color-font-sub);
  border: none;
  pointer-events: none;
}
.popup-compare .ad-list .advertiser {
  margin-left: 2.04vh;
  font-size: 1.42vh;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: -0.025rem;
  color: var(--color-font-lightgray);
}
.popup-compare .ad-list .status-box {
  display: inline-flex;
  align-items: center;
  column-gap: 1.13vh;
}
.popup-compare .ad-list .status-box .status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.73vh;
  height: 1.8rem;
  font-size: 1.32vh;
  line-height: 1.2;
  letter-spacing: -0.025rem;
  border-radius: 0.4rem;
  background-color: #fff;
  border: 1px solid;
}
.popup-compare .ad-list .status-box .status.normal {
  color: var(--color-font-lightgray);
  border-color: var(--color-font-lightgray);
}
.popup-compare .ad-list .status-box .status.positive {
  color: var(--color-green);
  border-color: var(--color-green);
}
.popup-compare .ad-list .status-box .status.lack {
  color: var(--color-yellow);
  border-color: var(--color-yellow);
}
.popup-compare .ad-list .status-box .status.high-result-price {
  color: var(--color-red);
  border-color: var(--color-red);
}
.popup-compare .ad-list .status-box .status.negative {
  color: var(--color-red);
  border-color: var(--color-red);
}
.popup-compare .ad-list .status-list {
  display: flex;
  align-items: center;
}
.popup-compare .ad-list .status-text {
  position: relative;
  padding-left: 1.78vh;
  font-size: 1.41vh;
  font-weight: 300;
  line-height: 1.64;
  letter-spacing: -0.028rem;
  text-align: left;
  color: var(--color-font-lightgray);
  white-space: nowrap;
}
.popup-compare .ad-list .status-text.on {
  color: var(--color-font-default);
}
.popup-compare .ad-list .status-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.22vh;
  height: 1.22vh;
  border-radius: 50%;
  background-color: var(--color-font-lightgray);
}
.popup-compare .ad-list .status-text.on::before {
  background-color: var(--color-green);
}
.popup-compare .ad-list .status-text.notice.on::before,
.popup-compare .ad-list .status-text.memo.on::before {
  background-color: var(--color-red);
}
.popup-compare .ad-list .status-text + .status-text {
  margin-left: 1.32vh;
}
.popup-compare .ad-list .indicators {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.22vh;
  column-gap: 2.5rem;
}
.popup-compare .ad-list .indicators-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  column-gap: 1.32vh;
  row-gap: 0.75rem;
  /* align-items: center; */
  width: calc((100% - 1.32vh - 1.32vh) / 3);
}
.popup-compare .ad-list .label-indicators {
  flex-shrink: 0;
  position: relative;
  padding-left: 1.68vh;
  font-size: 1.32vh;
  line-height: 1.2;
  letter-spacing: -0.025rem;
  color: var(--color-font-sub);
}
.popup-compare .ad-list .label-indicators::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.22vh;
  height: 1.22vh;
  border-radius: 50%;
  background-color: var(--color-font-lightgray);
}
.popup-compare .ad-list .indicators-box .num-box {
  flex-grow: 1;
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.popup-compare .ad-list .indicators-box .num {
  display: inline-block;
  width: max-content;
  min-width: 20%;
  font-size: 1.5vh;
  line-height: 1.2;
  text-align: center;
  letter-spacing: -0.3px;
  color: var(--color-font-primary);
  overflow: hidden;
}
.popup-compare .date-group .btn-box {
  display: flex;
  align-items: center;
  column-gap: 2rem;
  margin-left: 2rem;
}
.popup-compare .date-group .btn-box .btn-date {
  display: block;
  width: 0.9rem;
  height: 1.5rem;
  background: no-repeat center center / 100% 100%;
}
.popup-compare .date-group .btn-box .btn-prev-date {
  background-image: url("../images/icon/icon-prev.png");
}
.popup-compare .date-group .btn-box .btn-next-date {
  background-image: url("../images/icon/icon-next.png");
}
/* E: .popup-compare */

/* S: .layer-popup */
.layer-popup {
  display: none;
  z-index: 20;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 37, 40, 0.7);
}
.layer-popup.active {
  display: block;
}
.layer-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 27rem;
  padding: 2rem 4.1rem;
  text-align: right;
  border-radius: 1.2rem;
  background-color: #fff;
}
.layer-text {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  color: #666;
  font-weight: 500;
  text-align: center;
}
.btn-layer-confirm {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 6.4rem;
	height: 3rem;
	margin-left: auto;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	border-radius: 0.6rem;
	background-color: #F36F21;
}
/* E: .layer-popup */

.overlay-target {
	z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(33, 37, 40, 0.7);
	display: none;
}
.set-target-popup {
	z-index: 999;
	position: fixed; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%);
	min-width: 40.2rem;
	padding: 4rem;
	border-radius: 1.2rem;
	background-color: #fff;
	display: none;
}
.set-target-popup .popup-title {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
}
.set-target-popup .input-box {
	position: relative;
	margin-top: 1.6rem;
	padding:  0.8rem 0.8rem 0.8rem 3.2rem;
	border-bottom: 1px solid #ededed;
}
.set-target-popup .input-box::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.8rem;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url("../images/icon/icon-search.png") no-repeat center center /
	100% 100%;
}
.set-target-popup .input-box input,
.set-target-popup .input-box input::placeholder {
	width: 100%;
	padding: 0;
	font-size: 1.4rem;
	color: #aaa;
	border: none;
	outline: none;
}
.set-target-popup .input-box input {
	color: #1c1c1c;
}
.set-target-popup .input-box input:hover,
.set-target-popup .input-box input:active,
.set-target-popup .input-box input:focus {
	outline: none;
	background-color: transparent;
}
.set-target-popup .input-box input::placeholder {
	font-size: 100%;
	font-weight: 600;
	color: #c1c3cb;
}
.set-target-popup .media-total {
	position: relative;
	margin-top: 2rem;
}
.set-target-popup .media-total.active::before {
	display: block;
}
.set-target-popup .media-total::before {
	display: none;
	content: "";
	z-index: 1;
	position: absolute;
	top: 2.7rem;
	left: 0;
	width: calc(100% - 0.8rem);
	height: 3.7rem;
	background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
	pointer-events: none;
}
.set-target-popup .advertiser-list {
	position: relative;
	min-height: 25.2rem;
	max-height: 25.2rem;
	margin-top: 0.8rem;
	padding-right: 0.8rem;
	overflow-y: auto;
}
.set-target-popup .advertiser-list:hover::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0.4rem;
	height: 100%;
	background: transparent;
}
.set-target-popup .advertiser-list::-webkit-scrollbar {
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 99.9rem;
	/* visibility: hidden; */
}
.set-target-popup .advertiser-list::-webkit-scrollbar-thumb {
	width: 0.4rem; /* 0.6rem으로 설정 */
	height: 0.4rem;
	border-radius: 99.9rem;
	/* visibility: hidden; */
	background-color: #DFDFDF;
}
.set-target-popup .advertiser-list:hover::-webkit-scrollbar-thumb {
	visibility: visible;
}
.set-target-popup .advertiser-list::-webkit-scrollbar-track {
	border-radius: 99.9rem;
	background-color: #F7F7F7;
	/* visibility: hidden; */
}
.set-target-popup .advertiser-list:hover::-webkit-scrollbar-track {
	visibility: visible;
}
.set-target-popup li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 4.4rem;
	padding-right: 0.8rem;
	border-radius: 0.6rem;
	cursor: pointer;
}
.set-target-popup li:not(.media-item).active {
	background-color: #FFF6ED;
}
.set-target-popup li:not(.media-item).total {	
	margin-bottom: 0.4rem;
	margin-right: 2rem;
}
.set-target-popup li:not(.media-item) + li:not(.media-item) {
	margin-top: 0.6rem;
}
.set-target-popup li:not(.media-item).today {
	cursor: auto;
}
.set-target-popup li:not(.media-item) .pin {
	position: absolute;
	top: 1.2rem;
	left: 0.8rem;
	width: 1.8rem;
	height: 1.8rem;
	background: url("../images/icon/icon-pin-gray.png") no-repeat center center / 100%
		100%;
}
.set-target-popup li:not(.media-item) .pin.active {
	background-image: url("../images/icon/icon-pin-on.png");
}
/*.set-target-popup li:not(.media-item).active {
	background-color: #1b1b1b;
	color: #fff;
	font-weight: 700;
}*/
.set-target-popup li:not(.media-item).total::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.375rem;
	transform: translateY(-50%);
	width: 1.05rem;
	height: 1.05rem;
	border-radius: 50%;
	background-color: #f36f21;
}
.set-target-popup li:not(.media-item).total::before,
.set-target-popup li:not(.media-item).active::before,
.set-target-popup li:not(.media-item).on::before {
/*  box-shadow: 0 0 0.7vh 0 rgba(84, 213, 151, 0.67);*/
	background-color: #f36f21;
}
.set-target-popup li:not(.media-item) .name {
	flex-grow: 1;
	width: 23.6rem;
	font-size: 1.4rem;
	font-weight: 500;
	color: #666;
	line-height: 1.2857;
	text-transform: uppercase;
	padding: 1.2rem 0.8rem 1.2rem 3.8rem;
}
.set-target-popup li:not(.media-item).active .name {
	color: #666;
}
.set-target-popup .advertiser-list .count-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 6.6rem;
	padding: 0.2rem 0.8rem;
	color: #aaa;
	font-weight: 500;
	border-radius: 0.3rem;
	text-align: center;
	background-color: #f7f7f7;
	line-height: 1.33;
}
.set-target-popup li:not(.media-item) .count-box.active  {
	background-color: #F68C41;
}
.set-target-popup .num {
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: #aaa;
}
.set-target-popup li:not(.media-item) .count-box.active .num,
.set-target-popup li:not(.media-item) .count-box.active .slash,
.set-target-popup li:not(.media-item) .count-box.active .ad-total {
	color: #fff;
}
.set-target-popup .slash {
	display: inline-block;
	margin: 0 0.25rem;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: #aaa;
}
.set-target-popup .ad-total {
	display: inline-block;
	min-width: 1.658rem;
	text-align: right;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: #aaa;
}
.set-target-popup .media-group {
	margin-top: 2.9rem;
}
.set-target-popup .media-group .header-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.8rem;
	padding: 1.2rem 2rem 1.2rem 0.8rem;
	background-color: #F7F7F7;
	border-radius: 0.5rem 0.5rem 0 0;
	color: #666;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: -0.28px;
}
.set-target-popup .media-group .control-box {
	display: flex;
	align-items: center;
	column-gap: 0.4rem;
}
.set-target-popup .media-group .toggle-set {
	flex-shrink: 0;
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	width: 2.7rem;
	height: 1.5rem;
	margin: 0;
	border: 0.2rem solid #aaa;
	background-color: #aaa;
	border-radius: 999px;
	appearance: none;
	cursor: pointer;
}
.set-target-popup .media-group .toggle-set::before {
	content: "";
	position: absolute;
	left: 0;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	transform: scale(0.8);
	background-color: #fff;
	transition: left 0.25s linear;
}
.set-target-popup .media-group .toggle-set:checked {
	border-color: #F36F21;
	background-color: #F36F21;
}
.set-target-popup .media-group .toggle-set:checked::before {
	left: 0.85em;
}
.set-target-popup .media-group .count-category {
	display: flex;
	column-gap: 0.8rem;
}
.set-target-popup .media-group .count-db,
.set-target-popup .media-group .count-target {
	width: 6rem;
	line-height: 1.215;
	text-align: center;
}
.set-target-popup .media-group .media-list {
	padding: 0 0.8rem;
}
.set-target-popup .media-group .media-item {
		height: auto;
	padding: 1.2rem 0.8rem 1.2rem 0;
	cursor: default;
}
.set-target-popup .media-group .media-item + .media-item {
	margin-top: 0.6rem;
}
.set-target-popup .media-group .media-item .name {
	width: 50%;
	color: #666;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: -0.28px;
}
.set-target-popup .media-item .count-box {
	display: flex;
	align-items: center;
	column-gap: 0.8rem;
}
.set-target-popup .media-item .count-box .count-db {
	height: 100%;
	padding-top: 0.2rem;
	font-size: 1.2rem;
	color: #aaa;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: 0.5px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #DFDFDF;
	background-color: #F6F6F6;
}
.set-target-popup .media-item .count-box .count-target {
	flex-shrink: 0;
	border-radius: 3px;
	border: 1px solid #DFDFDF;
	overflow: hidden;
}
.set-target-popup .media-item .count-box .count-target input {
	width: 6rem;
	padding-top: 0.2rem;
	font-size: 1.2rem;
	color: #1C1C1C;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: 0.5px;
	border: none;
	outline: none;
	background: #FFF;
	text-align: center;
	box-sizing: border-box;
}
.set-target-popup .media-item .count-box .count-target input:read-only {
	color: #aaa;
	border-color: #dfdfdf;
	background-color: #F6F6F6;
}
.set-target-popup .media-list {
  position: relative;
  max-height: 26rem;
  margin-top: 0.8rem;
  padding-right: 0.8rem;
  overflow-y: auto;
}
.set-target-popup .media-list::-webkit-scrollbar {
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 99.9rem;
}
.set-target-popup .media-list::-webkit-scrollbar-thumb {
	width: 0.4rem; /* 0.6rem으로 설정 */
	height: 0.4rem;
	border-radius: 99.9rem;
	background-color: #DFDFDF;
}
.set-target-popup .media-list::-webkit-scrollbar-track {
border-radius: 99.9rem;
background-color: #F7F7F7;
}
.set-target-popup .btn-box {
	display: flex;
	justify-content: flex-end;
	column-gap: 0.8rem;
	margin-top: 2rem;
}
.set-target-popup .btn-box button {
	padding: 0.9rem 3.7rem 1rem;
	font-size: 1.4rem;
	font-weight: 600;
	color: #666;
	border-radius: 0.4rem;
	border: 1px solid #666;
	background-color: #fff;
}
.set-target-popup .btn-box .btn-save {
	color: #fff;
	border: 0.1rem solid #F36F21;
	background-color: #F36F21;
}