@charset "UTF-8";

/* 편집 */
.make-btn.adswitch {
	--nd-make-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M7.03 8.08c.68.38 1.21.92 1.59 1.6.38.68.57 1.46.57 2.33s-.19 1.64-.57 2.32c-.38.68-.91 1.22-1.59 1.6s-1.45.58-2.31.58-1.63-.19-2.31-.58c-.68-.38-1.21-.92-1.59-1.6-.38-.68-.57-1.46-.57-2.32s.19-1.64.57-2.33c.38-.68.91-1.22 1.59-1.6.68-.38 1.45-.58 2.31-.58s1.63.19 2.31.58zm-.87 6.52c.41-.24.72-.58.94-1.03s.33-.97.33-1.58-.11-1.13-.33-1.58c-.22-.45-.53-.79-.94-1.03-.41-.24-.89-.36-1.44-.36s-1.03.12-1.44.36c-.41.24-.72.58-.94 1.03-.22.45-.33.97-.33 1.58s.11 1.13.33 1.58.53.79.94 1.03c.41.24.88.36 1.44.36s1.03-.12 1.44-.36zM16.37 9.1h-4.13v2.13h3.53v1.51h-3.53v3.66h-1.77V7.59h5.89V9.1zM23.74 9.1h-4.13v2.13h3.54v1.51h-3.54v3.66h-1.77V7.59h5.9V9.1z'/%3E%3C/svg%3E");
}

.make-btn.adswitch.on {
	--nd-make-btn-color: var(--nd-white);
	--nd-make-btn-bg: var(--nd-green);
	--nd-make-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M9.92 8.08c.68.38 1.21.92 1.59 1.6.38.68.57 1.46.57 2.33s-.19 1.64-.57 2.32c-.38.68-.91 1.22-1.59 1.6-.68.38-1.45.58-2.31.58s-1.63-.19-2.31-.58-1.21-.92-1.59-1.6c-.38-.68-.57-1.46-.57-2.32s.19-1.64.57-2.33c.38-.68.91-1.22 1.59-1.6.68-.38 1.45-.58 2.31-.58s1.63.19 2.31.58zm-.87 6.52c.41-.24.72-.58.94-1.03s.33-.97.33-1.58-.11-1.13-.33-1.58c-.22-.45-.53-.79-.94-1.03-.41-.24-.89-.36-1.44-.36s-1.03.12-1.44.36c-.41.24-.72.58-.94 1.03-.22.45-.33.97-.33 1.58s.11 1.13.33 1.58.53.79.94 1.03c.41.24.89.36 1.44.36s1.03-.12 1.44-.36zM20.86 16.41h-2l-3.73-5.87v5.87h-1.77V7.59h2l3.73 5.88V7.59h1.77v8.81z'/%3E%3C/svg%3E");
}

/* 예상수익 */
.grid-body.revenue .grid-snb .grid-view {
	display: flex;
	align-items: center;
	justify-content: center;
}

.grid-body.revenue .grid-snb .grid-comp {
	display: block;
}

@media screen and (min-width: 75em) {
	.grid-body.revenue .grid-snb {
		--nd-grid-snb-width: 32rem;
	}
}

.revenue-chart-btn-group {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 2.5rem;
}
.revenue-chart-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 64px;
	height: 64px;
	padding: 1rem;
	font-size: 2rem;
	line-height: 1;
	color: var(--nd-white);
	background-color: rgba(var(--nd-black-rgb), .5);
	border-radius: var(--nd-border-radius-pill);
	transition: background-color .15s ease-in-out;
}
.revenue-chart-btn:hover {
	background-color: var(--nd-black);
}
.revenue-chart-btn::before {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1;
	background-color: currentColor;
	mask-image: var(--revenue-chart-btn-icon);
	mask-size: cover;
}
.revenue-chart-btn-prev {
	--revenue-chart-btn-icon: url('/icon/ndcon/nav-arrow-left.svg');
}
.revenue-chart-btn-next {
	--revenue-chart-btn-icon: url('/icon/ndcon/nav-arrow-right.svg');
	margin-left: auto;
}

/* 미정산금액 */
.revenue-history {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin: 0 calc(-.5 * var(--nd-container-padding-x));
	padding: 0;
	list-style: none;
}

.revenue-history-item {
	flex: 0 0 auto;
	width: 33.333333%;
	max-width: 100%;
	padding-right: calc(.5 * var(--nd-container-padding-x));
	padding-left: calc(.5 * var(--nd-container-padding-x));
}

.revenue-history-item + .revenue-history-item {
	border-left: var(--nd-border-width) solid var(--nd-border-color);
}

.revenue-history-title {
	margin-bottom: .375rem;
	font-size: .8125rem;
	color: var(--nd-secondary);
}

.revenue-history-pay {
	overflow: hidden;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.revenue-history-pay small {
	font-size: .875rem;
	font-weight: 400;
	line-height: 22px;
	color: var(--nd-gray-dark);
}

.revenue-history-summary {
	font-size: .6875rem;
	font-weight: 400;
	color: var(--nd-red);
}

.revenue-history-summary.up {
	color: var(--nd-blue);
}

.revenue-paid {
	text-align: center;
}

.revenue-paid-title {
	margin-bottom: .25rem;
	font-weight: 700;
}

.revenue-paid-count {
	margin-bottom: 1rem;
	font-size: 3rem;
	font-weight: 900;
	line-height: 1.2;
}

.revenue-paid-summary {
	font-size: .875rem;
	color: var(--nd-secondary);
}

.revenue-paid-btn {
	margin-top: 2rem;
}

/* 예상수익 그래프 */
.revenue-info {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
	margin: 0;
	padding: 0;
	font-size: .8125rem;
	color: var(--nd-secondary);
	list-style: none;
}

.revenue-info-item.revenuing {
	--nd-revenue-info-color: var(--nd-teal);
	--nd-revenue-info-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1.5' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.revenue-info-item.viewing {
	--nd-revenue-info-color: var(--nd-primary);
	--nd-revenue-info-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000' stroke-width='1.5'%3E%3Crect x='16' y='3' width='5' height='18' rx='2' fill='%23000'/%3E%3Crect x='9.5' y='9' width='5' height='12' rx='2' fill='%23000'/%3E%3Crect x='3' y='16' width='5' height='5' rx='2' fill='%23000'/%3E%3C/svg%3E");
}

.revenue-info-item::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: .25em;
	line-height: 1;
	background-color: var(--nd-revenue-info-color, currentColor);
	mask-image: var(--nd-revenue-info-icon, unset);
	mask-size: cover;
	vertical-align: -.125em;
}

/* 광고목록(Modal) */
.text-breakword {
	word-break: break-word;
}

/* dashborad(new) */
.dashboard-container {
	--nd-dashboard-padding-x: 1.5rem;
	--nd-dashboard-padding-y: var(--nd-dashboard-padding-x);
	
	overflow-x: hidden;
	overflow-y: auto;
	padding: var(--nd-dashboard-padding-y) var(--nd-dashboard-padding-x);
}

.admmb .dashboard-container {
	--nd-dashboard-padding-x: 0;
	--nd-dashboard-padding-y: var(--nd-dashboard-padding-x);
	--nd-dashboard-bg: var(--nd-admmb-bg);
}

.dashboard-row {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: auto;
	column-gap: var(--nd-dashboard-padding-x);
	row-gap: var(--nd-dashboard-padding-y);
	align-items: start;
}

.admmb .dashboard-row {
	--nd-dashboard-padding-x: 1.5rem;
	--nd-dashboard-padding-y: var(--nd-dashboard-padding-x);
}

.dashboard-side,
.dashboard-body {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: auto;
	column-gap: var(--nd-dashboard-padding-x);
	row-gap: var(--nd-dashboard-padding-y);
}

.dashboard-side,
.dashboard-body {
	grid-column: span 5 / auto;
}

.dashboard-side > *,
.dashboard-body > * {
	grid-area: auto !important;
}

.dashboard-card.for-primary,
.dashboard-card.for-graph,
.dashboard-card.for-netads,
.dashboard-card.for-article {
	grid-column: span 12 / auto !important;
}

.dashboard-card.for-member,
.dashboard-card.for-table,
.dashboard-card.for-corp {
	grid-column: span 4 / auto !important;
}

.admmb .dashboard-card.for-member,
.admmb .dashboard-card.for-table,
.admmb .dashboard-card.for-corp {
	grid-column: span 12 / auto !important;
}

.dashboard-card.for-bbs,
.dashboard-card.for-event {
	grid-column: span 6 / auto !important;
}

.admmb .dashboard-card.for-bbs,
.admmb .dashboard-card.for-event {
	grid-column: span 12 / auto !important;
}


@media screen and (min-width: 90em) {
	.dashboard-card.for-article {
		grid-column: span 6 / auto !important;
	}

	.dashboard-card.for-bbs,
	.dashboard-card.for-event {
		grid-column: span 3 / auto !important;
	}
}

@media screen and (min-width: 100em) {
	.dashboard-side {
		justify-content: start;
		grid-column: span 1 / auto;
		position: sticky;
		z-index: 5;
		top: 0;
		left: 0;
	}
	
	.dashboard-card.for-member,
	.dashboard-card.for-table,
	.dashboard-card.for-corp {
		grid-column: span 12 / auto !important;
	}

	.dashboard-body {
		grid-column: span 4 / auto;
	}

	.dashboard-card.for-primary,
	.dashboard-card.for-graph {
		min-height: 492px;
	}	
}

/* network ads(광고분석) */
.dashboard-card.for-netads {
	min-height: 502px;
}

.dashboard-card.for-netads > .hstack {
	margin-bottom: 1rem;
}

.dashboard-card.for-netads .dashboard-title {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.dashboard-card.for-netads .nav {
	flex: 1 1 0;
	max-width: 100%;
	min-width: 0;
	margin-bottom: 0;
}

/* dashboard charts(기사통계) */
.dashboard-container .donut-chart {
  position: relative;
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}
.dashboard-container .donut-chart-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dashboard-container .donut-chart .dashboard-title {
  font-weight: 400;
  color: #adb5bd;
}
.dashboard-container .donut-chart .apexcharts-legend {
  flex-direction: column;
  left: auto !important;
  right: 0;
  line-height: 1.2;
}
.dashboard-container .donut-chart .apexcharts-legend-series {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ad tabs(넥스트페이퍼) */
.netads-row {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(1, 1fr);
	column-gap: calc(2 * var(--nd-dashboard-padding-x));
}

.admmb .netads-row {
	column-gap: 0;
	row-gap: 1rem;
}

.netads-column:not(.side) {
	grid-column: span 8 / auto;
}

.netads-column.side {
	display: flex;
	flex-direction: column;
	gap: var(--nd-dashboard-padding-y);
	grid-column: span 4 / auto;
}

.admmb .netads-column {
	grid-column: span 12 / auto !important;
}

@media screen and (min-width: 90em) {
	.netads-column:not(.side) {
		grid-column: span 9 / auto;
	}

	.netads-column.side {
		grid-column: span 3 / auto;
	}
}

.netads-notpaid {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	min-height: 250px;
}

.netads-notpaid-title {
	margin-bottom: .75rem;
	font-size: .875rem;
	font-weight: 700;
}

.netads-notpaid-money {
	font-family: "SUITE", sans-serif;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.2;
}

.netads-notpaid-summary {
	margin-top: .375rem;
	font-size: .8125rem;
	line-height: 1.3;
	color: var(--nd-secondary);
}

.netads-notpaid > .btn {
	margin-top: 1.5rem;
}

.netads-latest {
	flex: 0 0 auto;
	padding: calc(.5 * var(--nd-card-padding-y)) var(--nd-card-padding-x);
	background-color: var(--nd-dashboard-bg);
	border-radius: var(--nd-card-border-radius);
}

.netads-latest-title {
	margin-bottom: .5rem;
	font-size: .875rem;
	color: var(--nd-gray-700);
}

.netads-latest-money {
	font-family: "SUITE", sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.2;
}

.netads-latest-money > small {
	font-family: var(--nd-body-font-family);
	font-size: 1rem;
	font-weight: 400;
	color: var(--nd-gray-700);
}

.netads-latest-updown {
	margin-top: .25rem;
	font-family: "SUITE", sans-serif;
	font-size: .75rem;
	font-weight: 400;
	color: var(--nd-netads-latest-updown-color, var(--nd-red));
}

.netads-latest-updown.to-up {
	--nd-netads-latest-updown-color: var(--nd-blue);
}

.netads-select-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem;
	margin-bottom: 1rem;
}

.admmd .netads-select-group {
	flex-direction: column;
	align-items: stretch;
}

.netads-select-item {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.admin-wrap .netads-select-item + .netads-select-item {
	margin-left: auto;
}


/* box-skin */
.box-skin.youtube--tit > .header {position:relative}
.box-skin.youtube--tit > .header a,
.box-skin.youtube--tit > .header strong {padding-left:33px}
.box-skin.youtube--tit > .header a::before,
.box-skin.youtube--tit > .header strong::before {content:'\ec32';display:inline-block;font-size:31px;color:#f00;font-family:fontello;font-variant:normal;font-style:normal;font-weight:400;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;left:0;top:-3px}

/* 멀티기능성배너1 */
#rollBanner-1 {margin:0 -.5rem}
#rollBanner-1 .slick-slide {padding:.5rem !important}
#rollBanner-1 .columns {width:290px;padding-right:0 !important;padding-left:0 !important}
#rollBanner-1 .slick-slide .banner_box img {width:290px;height:120px}

/* 멀티기능성배너2 */
#rollBanner-2 {margin:0 -.5rem}
#rollBanner-2 .slick-slide {padding:.5rem !important}
#rollBanner-2 .columns {width:300px;padding-right:0 !important;padding-left:0 !important}
#rollBanner-2 .slick-slide .banner_box img {width:300px;height:120px}

/* 날씨 위젯 */
.weather-widget.small {padding:.45rem 0}
.weather-widget.small li {color:#fff}
.weather-widget.small u {color:#c0c0c0}
.weather-widget.small .meto {color:#c1efff !important}
/* median outlink */
#median-outlink {
  margin: 3.125rem auto;
  padding: 1.375rem;
  background-color: var(--nd-light, #f8f9fa);
  border: 1px solid rgba(var(--nd-black-rgb, 0, 0, 0), 0.05);
}
#median-outlink .no-bullet {
  padding: 0;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
#median-outlink .no-bullet li {
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.3;
  color: var(--nd-black, #000);
}
#median-outlink .no-bullet li + li {
  margin-top: 0.625rem;
}
#median-outlink .no-bullet li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: inherit;
  color: inherit;
}
/* AI icon */
.admin-toolkit .tools.ai-generation {
	background: conic-gradient(from 0deg, red, orange, yellow, green, blue, indigo, violet, red); /* linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet, red); */
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	background-size: 200% auto;
	animation: rainbow-animation 5s linear infinite;
}
.admin-toolkit .icon.type-ai {
	--nd-toolkit-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke-width='1' fill='none' xmlns='http://www.w3.org/2000/svg' color='%23000'%3E%3Cpath d='M8 15c4.875 0 7-2.051 7-7 0 4.949 2.11 7 7 7-4.89 0-7 2.11-7 7 0-4.89-2.125-7-7-7zM2 6.5c3.134 0 4.5-1.318 4.5-4.5 0 3.182 1.357 4.5 4.5 4.5-3.143 0-4.5 1.357-4.5 4.5 0-3.143-1.366-4.5-4.5-4.5z' stroke='%23000' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.admin-toolkit .icon.type-ai::before {
	background: conic-gradient(from 0deg, red, orange, yellow, green, blue, indigo, violet, red);
	background-size: 200% auto;	
	animation: rainbow-animation 5s linear infinite;
}
@keyframes rainbow-animation {
	0% {
		background-position: 0% 50%; /* Start position */
	}
	100% {
		background-position: 200% 50%; /* End position, creating a scrolling effect */
	}
}


/* ai badge for admin */
.table-badge-ai {
  --nd-table-badge-color: #fff;
  --nd-table-badge-bg: red;
  
  font-weight: 700;
  color: transparent;
  background: repeating-linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet, red);
  background-size: 400% 100%;	
  -webkit-background-clip: text;
  background-clip: text;
  animation: rainbow-badge-animation 5s linear infinite;
}
@keyframes rainbow-badge-animation {
  0% {
	background-position: 0% 0;
  }
  100% {
	background-position: 100% 0; /* Animate the background position */
  }
}