@charset "utf-8";

/* ===================================================================
	PAGE: 공통 
=================================================================== */

/* ---------------------------
	check-group
--------------------------- */

.check-group > .checkbox + .checkbox {
	margin-left: 24px;
}

/* ---------------------------
	input guide-text 
--------------------------- */

.checkbox + .guide-text,
.radio + .guide-text {
	color: #828b9c;
}

/* ---------------------------
	buttons set
--------------------------- */
.button-wrap.align-right {
	font-size: 0;
	text-align: right;
}
.button-wrap.page-bottom {
	margin-top: 40px;
}
.button-wrap > button {
	vertical-align: middle;
}
.button-wrap > button + button {
	margin-left: 6px;
}

/* ===================================================================
	PAGE: 파트너 - 신규 캠페인 등록 (배너, 쿠폰, 알림)
=================================================================== */

.campaign-add-wrap {
	position: relative;
	padding-right: calc(465px + 32px);
}

/* 큰 박스 (box) */
.campaign-add-cont > div {
	margin-bottom: 40px;
}
.campaign-add-cont > div:last-child {
	margin-bottom: 0;
}

/* ---------------------------
	stepper
--------------------------- */

.stepper {
	position: relative;
}
.stepper-line {
	position: absolute;
	top: 6px;
	left: 0;
	width: 80%;
	height: 2px;
	background-color: #a9b5c1;
}
.stepper-active-line {
	position: absolute;
	top: 5px;
	left: 0;
	height: 4px;
	background-color: #4ed395;
}
.stepper-active-line.per-20 {
	width: 20%;
}
.stepper-active-line.per-40 {
	width: 40%;
}
.stepper-active-line.per-60 {
	width: 60%;
}
.stepper-active-line.per-80 {
	width: 80%;
}
.stepper-list li {
	position: relative;
	float: left;
	width: 20%;
	padding-top: 20px;
	font-size: 18px;
	font-weight: 700;
}
.stepper-list li::before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #a9b5c1;
	position: absolute;
	top: 0;
}
.stepper-list li:first-child {
	text-align: left;
}
.stepper-list li:first-child:before {
	left: 0;
	margin-left: 0;
}
.stepper-list li.active::before {
	background-color: #4ed395;
}

.step-total-2 .stepper-list li:nth-child(2):before,
.step-total-2 .stepper-list li:nth-child(3):before,
.step-total-2 .stepper-list li:nth-child(4):before {
	display: none;
}

.step-total-3 .stepper-list li:nth-child(2):before,
.step-total-3 .stepper-list li:nth-child(4):before {
	display: none;
}

/* ---------------------------
	form item
--------------------------- */

.form-item + .form-item {
	margin-top: 64px;
}
.form-item-tit {
	position: relative;
	margin-bottom: 24px;
}
.form-item-tit h4 {
	font-size: 18px;
	font-weight: 500;
}
.form-item-tit .required::before {
	content: '*';
	color: #f04452;
	display: inline-block;
	margin-right: 4px;
}
.form-item-tit .right-text {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	color: #667085;
}
.form-item-tit .right-text a {
	text-decoration: underline;
	padding-left: 24px;
	font-weight: 500;
	color: #3b414b;
	background: url(/assets/images/icon/ic_noti_line.png) no-repeat left center;
	background-size: 20px 20px;
}
.form-item-tit .sub-text {
	margin-top: 12px;
	font-size: 18px;
	color: #667085;
}
.form-item-tit .switch {
	margin-left: 16px;
}
/* 카드형 */
.form-item.card .form-item-tit {
	margin-bottom: 20px;
}
.form-item.card .info-list {
	margin-bottom: 24px;
	padding: 20px 26px;
	background-color: #fff;
}
.form-item.card .info-list li {
	position: relative;
	font-size: 18px;
	padding: 2px 0px 2px 20px;
}
.form-item.card .info-list li::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 14px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #242933;
}
.form-item.card .info-list li strong {
	color: #15a46e;
}
.form-item.card .label-text {
	font-size: 18px;
}

/* ---------------------------
	input-radio-박스형
--------------------------- */

.inp-radio-box-wrap {
	margin-bottom: 64px;
}
.inp-radio-box-wrap:after {
	content: '';
	display: block;
	clear: both;
}
.inp-radio-box {
	float: left;
	width: 31.2%;
	margin-right: 3.2%;
	text-align: center;
}
/* 3개일 때: 3번째만 mr 0 */
.inp-radio-box:nth-child(3) {
	margin-right: 0;
}

.inp-radio-box label {
	display: block;
	padding: 40px 24px;
	border-radius: 12px;
	border: 1px solid #d9dee7;
	font-size: 20px;
	font-weight: 500;
}
.inp-radio-box input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.inp-radio-box input:checked + label {
	border-color: #4ed395;
	outline: 1px solid #4ed395;
	background-color: #e7f9f0;
}
.inp-radio-box-wrap label p {
	margin-top: 16px;
	color: #667085;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.44;
}

/* ---------------------------
	input-text
--------------------------- */

.inp-text-wrap .inp-box {
	position: relative;
	display: inline-block;
}
.inp-text-wrap input {
	/* width: 100%; */
	padding-right: 42px;
}

/* input-text 값 지우기 */
.inp-text-wrap .btn-del-circle {
	display: none;
	position: absolute;
	right: 16px;
	top: 13px;
}
.inp-text-wrap.has-value .btn-del-circle {
	display: block;
}

/* input-text 카운터 */
.inp-text-wrap .inp-counter {
	display: block;
	margin-top: 8px;
	text-align: right;
}
.inp-text-wrap .inp-counter > em {
	color: #15a46e;
}

/* input-text 단위 */
.inp-text-wrap .inp-addon {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}

/* input-가이드텍스트 */
.inp-guide-text {
	margin-top: 4px;
	font-size: 14px;
}
.inp-guide-text.error {
	color: #cb1f1a;
}

/* 가로 나열 */
.inp-group .inp-text-wrap {
	display: inline-block;
	vertical-align: top;
}
.inp-group .inp-text-wrap + .inp-text-wrap {
	margin-left: 24px;
}

/* 라벨 */
.inp-text-wrap label {
	display: block;
	margin-bottom: 8px;
}

/* ---------------------------
	캠페인 유형 선택
--------------------------- */

/* 2개만 있을 때: 둘 다 50%로 */
.inp-radio-box-wrap.campaign-type .inp-radio-box:first-child:nth-last-child(2),
.inp-radio-box-wrap.campaign-type .inp-radio-box:first-child:nth-last-child(2) ~ .inp-radio-box {
	width: 48.4%;
}
/* 2개일 때: 마지막 mr 0 */
.inp-radio-box-wrap.campaign-type .inp-radio-box:first-child:nth-last-child(2) ~ .inp-radio-box {
	margin-right: 0;
}
/*  1개만 있을 때: 100% + mr 0 */
.inp-radio-box-wrap.campaign-type .inp-radio-box:first-child:nth-last-child(1) {
	float: none;
	width: 484px;
	margin: 0 auto;
}

.inp-radio-box-wrap.campaign-type label img {
	display: block;
	margin: 0 auto 16px;
	width: 90px;
	height: 90px;
}

/* ---------------------------
	배너-상품 선택 
--------------------------- */
.prd-list {
	margin-left: -16px;
	margin-top: -16px;
}
.prd-list > li {
	float: left;
	width: 312px;
	margin: 12px;
}
.prd-list > li label {
	display: block;
	margin-top: 12px;
	font-size: 16px;
}

/* 미리보기 */
.prd-preview {
	position: relative;
	overflow: hidden;
	width: 312px;
	height: 180px;
	border: 1px solid #d9dee7;
}
.prd-modal {
	position: absolute;
	bottom: 16px;
	left: 50%;
	width: 278px;
	margin-left: -139px;
}
.prd-modal .btn-close {
	display: block;
	margin-bottom: 2px;
	margin-left: auto;
	width: 12px;
	height: 12px;
	background: url(/assets/images/icon/ic_close_sm.png) no-repeat;
	background-size: 100% 100%;
}
.prd-modal-cont {
	position: relative;
	padding: 8px 16px;
	border-radius: 4px;
	background: #fff;
}
.prd-modal-cont > img {
	display: block;
	width: 100%;
	height: 70px;
	border-radius: 4px;
}
.prd-modal-cont > img + .prd-modal-text,
.prd-modal-text .prd-modal-text + img {
	margin-top: 6px;
}
.prd-modal-text .tit {
	display: block;
	font-size: 16px;
	font-weight: 500;
}
.prd-modal-text .sub {
	color: #828b9c;
	font-size: 13px;
}
/* type3 */
.prd-modal.full-width {
	width: 100%;
	bottom: 0;
	left: 0;
	margin-left: 0;
}
.prd-modal.full-width .prd-modal-cont {
	padding: 0;
}
.prd-modal.full-width .prd-modal-cont > img {
	height: 100px;
	border-radius: 4px 4px 0 0;
}
.prd-modal.full-width .prd-modal-text {
	padding: 2px 16px;
}
/* type4 */
.prd-modal.type4 .prd-modal-cont > img {
	height: 150px;
}
.prd-modal.type4 .prd-modal-text {
	z-index: 1;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.prd-modal.type4 .prd-modal-text .tit,
.prd-modal.type4 .prd-modal-text .sub {
	color: #fff;
}

/* 배너형  */
.prd-banner {
	position: relative;
	width: 270px;
	border-radius: 6px;
	background-color: #f4f6f9;
}
.prd-banner .icon-img {
	width: 36px;
	height: 36px;
}
.prd-banner-text .tit {
	font-size: 16px;
	font-weight: 500;
}
.prd-banner-text .sub {
	font-size: 13px;
	color: #828b9c;
}
.prd-banner.type1 {
	padding: 10px 76px 10px 16px;
}
.prd-banner.type1 .icon-img {
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -18px;
}
.prd-banner.type2 {
	padding: 10px 6px;
	text-align: center;
}
.prd-banner.type2 .icon-img {
	margin-bottom: 5px;
}
.prd-preview .prd-banner {
	margin-left: auto;
	margin-right: auto;
}
.prd-preview .prd-banner.type1 {
	margin-top: 56px;
}
.prd-preview .prd-banner.type2 {
	margin-top: 38px;
}

/* ---------------------------
	배너-광고캐시
--------------------------- */
/* 지불 방법 */
.inp-radio-box-wrap.cash label .sub-label {
	display: block;
	margin-bottom: 8px;
	text-align: center;
	color: #15a46e;
	font-size: 13px;
}

/* 노출 대상 */
.target-list > li {
	font-size: 16px;
}
.target-list > li + li {
	margin-top: 16px;
}
.target-list .radio {
	display: inline-block;
	min-width: 136px;
}
.target-list.label-auto .radio {
	min-width: auto;
}
.target-list.label-auto .radio + .guide-text {
	margin-left: 16px;
}

/* 노출 대상 - 커스텀 */
.target-custom {
	margin-top: 16px;
}
.option-group + .option-group {
	margin-top: 40px;
}
.option-title {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}
.option-select-all {
	margin-bottom: 16px;
}
.option-select-all + .option-list {
	padding-left: 28px;
}

.option-item + .option-item {
	margin-top: 16px;
}
.option-item > .inp-text-wrap {
	margin-top: 8px;
	margin-left: 28px;
}

/* 지역 선택 */
.option-list.region .option-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}
.option-list.region .checkbox {
	margin-right: 8px;
	flex-shrink: 0;
}
.option-list.region .checkbox + button {
	flex-shrink: 0;
}
.option-list.region .region-list {
	margin-left: 20px;
	margin-top: -4px;
}
.option-list.region .region-list > li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-right: 24px;
	margin: 4px 10px;
	font-size: 14px;
}
.option-list.region .region-list > li .btn-del-circle {
	position: absolute;
	right: 0;
	top: 2px;
}
/* 연령대 */
.option-list.age .checkbox {
	display: inline-block;
	min-width: 130px;
}
.option-list.age .checkbox + span {
	color: #828b9c;
}
/* 예상 인원 */
.target-custom .estimate-box {
	margin: 48px 0px 24px;
	padding: 10px 16px;
	background-color: #fff;
	text-align: center;
	font-size: 18px;
}
.target-custom .estimate-box strong {
	color: #15a46e;
}
/* 팁 */
.target-custom .tip-box {
	font-size: 18px;
	text-align: center;
}

/* ---------------------------
	배너 이미지
--------------------------- */

/* 파일 */
.inp-file-wrap input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.inp-file-wrap label {
	display: inline-block;
	width: 88px;
	height: 44px;
	line-height: 42px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #d9dee7;
	background: #fff;
}
.file-guide-text {
	display: inline-block;
	margin-left: 16px;
	font-size: 14px;
	color: #828b9c;
}
.inp-file-name {
	margin-top: 16px;
	display: inline-block;
	padding: 10px 16px;
	border-radius: 4px;
	background-color: #f4f6f9;
}
.card .inp-file-name {
	border: 1px solid #8de7b9;
	background-color: #e7f9f0;
}
.inp-file-name > span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
	text-decoration: underline;
	font-size: 16px;
	font-weight: 500;
	color: #007a4d;
}
.inp-file-name > button {
	display: inline-block;
	vertical-align: middle;
}
.file-guide-list {
	margin-top: 16px;
	color: #828b9c;
	font-size: 14px;
	line-height: 1.57;
	list-style-position: inside;
	list-style-type: disc;
}

/* 광고 이동 */
.link-options {
	margin-bottom: 16px;
}
.link-options .select {
	margin-right: 16px;
}

/* 배너-템플릿 선택  */
.tpl-list > li {
	float: left;
	width: 23.8%;
	margin-right: 1.6%;
	text-align: center;
}
.tpl-list > li:nth-child(4) {
	margin-right: 0;
}
.tpl-list > li img {
	display: block;
	margin: 0 auto;
}
.tpl-list > li label {
	display: inline-block;
	margin-top: 12px;
	font-size: 18px;
}
.tpl-list .checkmark {
	margin-top: -9px;
}

/* 광고 이미지 그림 */
.pic-options {
	font-size: 0;
}
.pic-options > div {
	display: inline-block;
	margin-right: 12px;
}
.pic-options input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.pic-options label {
	display: inline-block;
	width: 90px;
	height: 90px;
	padding: 20px;
	border-radius: 8px;
	border: 1px solid #d9dee7;
	background: #fff;
}
.pic-options input:checked + label {
	border-color: #4ed395;
	outline: 1px solid #4ed395;
}

/* ---------------------------
	배너-설정 확인
--------------------------- */

.review-table {
	table-layout: fixed;
	width: 100%;
	text-align: left;
	font-size: 18px;
	border-collapse: separate;
	border-spacing: 0 12px;
}
.review-table caption {
	text-align: left;
	font-size: 20px;
	font-weight: 500;
}
.review-table tr {
	height: 40px;
}
.review-table th {
	vertical-align: top;
	width: 268px;
	padding: 6px 0px;
	color: #4b5565;
	font-weight: 500;
	text-align: left;
}

.review-table td span {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	line-height: 38px;
	padding: 0px 16px;
	border-radius: 4px;
	border: 1px solid #e0e6f1;
	background: #fff;
}
.review-table td span + span {
	margin-left: 8px;
}
.review-table td span.icon {
	width: 90px;
	height: 90px;
	padding-top: 20px;
	text-align: center;
}
.review-table td span.icon img {
	width: 48px;
	height: 48px;
}

/* ---------------------------
	지역 검색 모달
--------------------------- */

.region-search .result-list {
	margin-top: 12px;
	font-size: 16px;
	max-height: 360px;
	overflow-y: auto;
}
.region-search .result-list > li {
	width: 50%;
	float: left;
	height: 40px;
	line-height: 40px;
}
.region-search .result-list .checkmark {
	-ms-transform: scale(0.9);
	-ms-transform-origin: center;

	transform: scale(0.9);
	transform-origin: center;
}

/* ---------------------------
	오프라인 확인 코드
--------------------------- */

.coupon-offline-check {
	margin-top: 24px;
	font-size: 18px;
	font-weight: 700;
}
.coupon-offline-check .offline-code {
	display: block;
	margin-top: 4px;
	line-height: 1.1;
	color: #4ed395;
	font-size: 36px;
	font-weight: 700;
}

/* ---------------------------
	쿠폰-쿠폰 선택 
--------------------------- */

.coupon-list-wrap {
	overflow: hidden;
	padding: 32px 32px 0px 32px;
	border-radius: 12px;
	background-color: #f4f6f9;
}
.coupon-list-wrap .row-item-wrap {
	padding-top: 1px;
}

.coupon-list-wrap .btn-add {
	margin-right: 20px;
}

.coupon-list-wrap .btn-more {
	width: 100px;
	height: 44px;
	margin-left: 40px;
	color: #828b9c;
	font-size: 14px;
	text-decoration: underline;
}

.coupon-list > li {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	width: 300px;
	padding: 24px;
	height: 318px;
	font-size: 16px;
	border-radius: 12px;
	border: 1px solid #d9dee7;
	background: #fff;
}
.coupon-list > li.selected {
	border-color: #4ed395;
	outline: 1px solid #4ed395;
}
.coupon-list > li + li {
	margin-left: 20px;
}

/* 미리보기 */
.coupon-preview .img {
	font-size: 0;
	margin-bottom: 24px;
}
.coupon-preview > p {
	margin-bottom: 2px;
	color: #3b414b;
	font-size: 18px;
	font-weight: 500;
}
.coupon-preview > em {
	color: #242933;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.1;
}
.coupon-info-list {
	margin-top: 16px;
}
.coupon-info-list li {
	color: #667085;
	font-size: 16px;
	font-weight: 400;
}
.coupon-info-list li + li {
	margin-top: 4px;
}

/* ---------------------------
	신규쿠폰 등록
--------------------------- */

/* wide */
.modal.wide {
	width: 1384px;
	height: 90%;
	overflow: hidden;
	padding: 0;
}
.modal.wide .modal-header {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	padding: 48px 40px 0px;
	background: #fff;
}
.modal.wide .modal-header .close-btn {
	top: 48px;
	right: 40px;
}
.modal.wide .modal-content {
	overflow-y: auto;
	position: absolute;
	top: 100px;
	right: 440px;
	left: 0px;
	bottom: 0px;
	margin: 0px;
}
/* 컨텐츠 */
.modal-coupon-cont {
	padding: 48px 40px;
	font-size: 16px;
}
.modal-coupon-cont > .button-wrap {
	margin-top: 64px;
}
/* 미리보기 */
.modal.wide .preview-wrap {
	position: absolute;
	right: 0;
	top: 100px;
	bottom: 0px;
	width: 440px;
	padding: 48px 40px;
	background-color: #f4f6f9;
}

/* 쿠폰 전체보기 */
.modal-coupon-list {
	margin: -9px;
}
.modal-coupon-list > li {
	cursor: pointer;
	float: left;
	width: 300px;
	margin: 10px;
	padding: 24px;
	border-radius: 12px;
	border: 1px solid #d9dee7;
	background: #fff;
}
.modal-coupon-list > li.selected {
	border-color: #4ed395;
	outline: 1px solid #4ed395;
}

/* ---------------------------
	미리보기
--------------------------- */

/* 왼쪽 영역이랑 같이 스크롤 */
.preview-wrap {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 465px;
}
/* 왼쪽 영역이랑 분리하여 고정 */
/* .page-content padding 값: 40 */
.preview-wrap.fixed {
	overflow: auto;
	/* pointer-events: none; */
	position: fixed;
	top: 0;
	bottom: 40px;
	right: 40px;
	width: 465px;
}

.preview-wrap > .tit {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 24px;
}

/* 배너 */
.preview-wrap .prd-preview {
	width: auto;
}

/* 쿠폰 */
.coupon-panel {
	margin-bottom: 48px;
	padding: 24px;
	border-radius: 12px;
	border: 1px solid #d9dee7;
	background: #fff;
}
.coupon-panel .coupon-preview {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #d9dee7;
}
.modal .coupon-panel .coupon-preview {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.coupon-panel .info-text {
	color: #667085;
	font-size: 14px;
	line-height: 1.57;
}
.coupon-panel .info-text .period {
	color: #15a46e;
	font-weight: 500;
}
.coupon-panel .info-text .tel {
	text-decoration: underline;
}

.preview-wrap .coupon-offline-check {
	font-size: 24px;
}
.preview-wrap .coupon-offline-check > p {
	font-size: 14px;
	font-weight: normal;
	margin: 8px 0px;
}
.preview-wrap .coupon-offline-check .offline-code {
	display: inline-block;
	vertical-align: middle;
	margin-top: 0;
}
.preview-wrap .coupon-offline-check .btn-edit {
	vertical-align: middle;
	font-size: 0;
	width: 24px;
	height: 24px;
	background: url(/assets/images/icon/ic_edit.png) no-repeat center;
	background-size: 24px 24px;
}

/* 알림 */
.alert-preview {
	padding: 16px 16px 16px 82px;
	border-radius: 12px;
	border: 1px solid #d9dee7;
	background: url(/assets/images/icon/ic_alarm.png) no-repeat left 20px center;
}
.alert-preview .tit {
	font-size: 16px;
	font-weight: 500;
}
.alert-preview .desc {
	color: #667085;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.69;
}

/* ---------------------------
	상세 페이지
--------------------------- */

/* 미리보기 */
.detail-preview-wrap {
	padding: 18px 32px;
}
.detail-preview-wrap > .tit {
	display: block;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 700;
}
/* 쿠폰 */
.detail-preview-wrap .coupon-preview-wrap {
	width: 300px;
	padding: 24px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
}

/* 예산 bar */
.budget-progress .budget-info {
	margin-bottom: 12px;
	color: #15a46e;
	font-size: 20px;
	font-weight: 700;
}
.budget-track {
	overflow: hidden;
	height: 64px;
	border-radius: 4px;
	background-color: #f4f6f9;
}
.budget-track .budget-bar {
	position: relative;
	overflow: hidden;
	height: 100%;
	border-radius: 4px;
	background: #f4f6f9;
}
.budget-track .fixed-gradient {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(90deg, #c7f2db 0%, #8de7b9 50%, #4ed395 100%);
}
.budget-scale {
	margin-top: 12px;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	font-weight: 500;
	color: #0f131c;
}

/* 캠페인 상태 배너 */
.status-banner {
	padding: 48px 40px;
	border-radius: 4px;
	border: 1px solid #f04452;
	background-color: #fff0f0;
	text-align: center;
}
.status-banner .tit {
	margin-bottom: 24px;
	color: #88131d;
	font-size: 24px;
	font-weight: 700;
}
.status-banner .reason {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: 500;
}
.status-banner .guide {
	font-size: 16px;
}

/* 정지 버튼 */
.btn-secondary.is-paused {
	background-color: #d63641;
}

/* 성과 리포트 */
/* 데이터 없음 */
.no-data {
	padding-top: 80px;
}
.no-data > p {
	color: #667085;
	text-align: center;
}
.no-data::before {
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 16px;
	background: url(/assets/images/icon/ic_empty.png) no-repeat center;
}

/* 수치 카드 */
.metric-list > .card {
	float: left;
	width: 24%;
}
.metric-list > .card + .card {
	margin-left: 1.33%;
}
.metric-label {
	font-size: 18px;
	font-weight: 500;
}
.metric-value {
	display: block;
	margin: 4px 0px 12px;
	color: #131416;
	font-size: 32px;
	font-weight: 700;
}
.metric-desc {
	color: #667085;
}

/* 타겟팅 */
.targeting-list > li {
	display: table;
	width: 100%;
	table-layout: auto;
}
.targeting-list > li + li {
	margin-top: 6px;
}
.targeting-list .tit,
.targeting-list .values {
	display: table-cell;
}
.targeting-list .tit {
	white-space: nowrap;
	padding-right: 14px;
	color: #667085;
}
.targeting-list .values {
	width: 100%;
	font-size: 0;
}
.targeting-list .values > span {
	display: inline-block;
	margin: 2px;
	padding: 4px 16px;
	font-size: 16px;
	border-radius: 4px;
	background: #f4f6f9;
}

/* ---------------------------
	인벤토리 운영 현황
--------------------------- */

table.inventory-status td:nth-child(4) {
	text-align: left;
}

.inventory-status-list > li {
	font-weight: 500;
}
.inventory-status-list > li + li {
	margin-top: 12px;
}
.inventory-status-list > li > a {
	display: block;
	margin-top: 8px;
	margin-left: 24px;
	font-size: 0;
	background: url(/assets/images/icon/ic_next_32.png) no-repeat center right 20px #fff;
}
.inventory-status-list > li > a > div {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}
.inventory-status-list .item-title {
	color: #0f131c;
	font-weight: 500;
}
.inventory-status-list .item-status {
	margin-left: 8px;
	margin-right: 20px;
}
.inventory-status-list .badge {
	padding: 0px 8px;
	font-size: 14px;
	font-weight: 400;
}
.inventory-status-list .item-meta > span {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 4px;
	background: #f4f6f9;
	font-weight: 400;
}

/* ---------------------------
	지면형 목록
--------------------------- */

.inventory-list-wrap {
	font-size: 0;
}

.inventory-list,
.inventory-list-wrap .btn-add {
	display: inline-block;
	vertical-align: middle;
}

.inventory-list {
	font-size: 0;
	margin: -10px;
}
.inventory-list > li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
}
.inventory-list > li:not(.add-item) {
	width: 332px;
	padding: 24px;
	border-radius: 12px;
	border: 1px solid #d9dee7;
	background: #fff;
	font-size: 16px;
}

.inventory-list .box-link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.inventory-list .inv-tit {
	font-weight: 500;
}
.inventory-list .inv-tit > a {
	z-index: 1;
	position: relative;
	display: inline-block;
	vertical-align: text-top;
	margin-left: 8px;
	font-size: 0;
	width: 20px;
	height: 20px;
	background: url(/assets/images/icon/ic_edit_20.png) center no-repeat;
}
.inventory-list .inv-preview {
	width: 100%;
	height: 120px;
	margin: 24px 0px;
	background-color: transparent;
	display: flex;
	align-items: center;
}
.inventory-list .inv-toggle {
	margin-bottom: 16px;
}
.inventory-list .inv-toggle .switch {
	margin-left: 8px;
	vertical-align: text-top;
}

.inventory-list .inv-meta > div + div {
	margin-top: 4px;
}
.inventory-list .inv-meta > button {
	position: relative;
	z-index: 1;
}
.inventory-list .inv-meta .text-primary {
	font-weight: 500;
}

/* ---------------------------
	지면형 등록 - 배너
--------------------------- */

.form-block + .form-block {
	margin-top: 48px;
}
.modal .form-block + .form-block {
	margin-top: 32px;
}
.form-block-title {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 500;
}
.form-block-title .sub-text {
	display: block;
	margin-top: 4px;
	color: #828b9c;
	font-weight: 400;
}
/* 규격 */
.inp-group.size input {
	width: 120px;
}

/* 단가 */
.option-list.pricing .inp-text-wrap input {
	width: 120px;
}
.option-list.pricing .checkbox + .guide-text {
	margin-left: 16px;
}

/* 설정 리스트 */
.setting-list li {
	position: relative;
	padding: 16px 24px;
	margin-bottom: 40px;
}
.setting-list li:after {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #d9dee7;
}
.setting-list .name {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 500;
}
.setting-list .btn-del-item {
	position: absolute;
	right: 0;
	top: 50%;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	border-radius: 50%;
	background: url(/assets/images/icon/ic_del.png) no-repeat center #d9dee7;
	background-size: 15px 15px;
	font-size: 0;
}
.setting-list-wrap .btn-add-item {
	width: 100%;
	padding: 16px 0;
	border-radius: 12px;
	border: 1px dashed #828b9c;
	font-size: 18px;
	font-weight: 500;
}
.setting-list-wrap .btn-add-item:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: top;
	margin-left: 16px;
	border-radius: 50%;
	background: url(/assets/images/icon/ic_add_16.png) no-repeat center #242933;
}

/* 노출 콘텐츠 설정 */
.option-panel {
	margin-top: 16px;
	padding: 20px 24px;
}
.option-panel .form-item-tit {
	margin-bottom: 12px;
}
.option-panel .form-item-tit h4 {
	font-size: 16px;
}
.option-panel .form-item + .form-item {
	margin-top: 24px;
}

/* ie9 fallback */
.inp-text-wrap.fill {
	display: table;
	width: 100%;
	table-layout: auto;
}
.inp-text-wrap.fill .inp-box,
.inp-text-wrap.fill .inp-addon,
.inp-text-wrap.fill .inp-action-btn {
	display: table-cell;
}
.inp-text-wrap.fill .inp-box {
	width: 100%; /* 남는 공간 전부 */
}
.inp-text-wrap.fill .inp-addon {
	white-space: nowrap; /* 체크박스 라벨 줄바꿈 방지 */
	margin-left: 0;
	padding-left: 16px; /* margin-left 대신 */
}
.inp-text-wrap.fill .inp-action-btn {
	white-space: nowrap;
	margin-left: 0;
	padding-left: 6px;
}
.inp-text-wrap.fill .inp-action-btn button {
	vertical-align: middle;
}

/* 좌표 설정 */
.inp-group.position input {
	width: 120px;
}
.inp-group.position .inp-text-wrap label {
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 500;
}

/* 글자 정렬 */
.align-text-radio .radio-btn {
	float: left;
}
.align-text-radio .radio-btn label {
	width: 44px;
	height: 44px;
	padding: 0;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center center;
}
.align-text-radio .radio-btn.left label {
	background-image: url(/assets/images/icon/ic_align_left.png);
}
.align-text-radio .radio-btn.center label {
	background-image: url(/assets/images/icon/ic_align_center.png);
}
.align-text-radio .radio-btn.right label {
	background-image: url(/assets/images/icon/ic_align_right.png);
}

/* 아이콘 리스트 */
.icon-list {
	font-size: 0;
	margin: 10px -10px -10px;
}
.icon-list li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 90px;
	height: 90px;
	margin: 10px;
	border-radius: 8px;
	border: 1px solid #d9dee7;
	background: #fff;
}
.icon-list li > img {
	display: block;
	margin: 20px auto 0px;
	width: 48px;
	height: 48px;
}
.icon-list li .btn-del {
	position: absolute;
	right: -6px;
	top: -6px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: url(/assets/images/icon/ic_close_20.png) no-repeat center #667085;
}

.banner-template {
	position: relative;
	width: 360px;
	height: 100px;
	border-radius: 12px;
	border: 1px solid #d9dee7;
	background: #fff;
}
.banner-template .icon-img {
	position: absolute;
	left: 284px;
	top: 22px;
	width: 56px;
	height: 56px;
}
.banner-template .tit {
	display: block;
	position: absolute;
	right: 0;
	left: 20px;
	top: 28px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.57;
}
.banner-template .sub {
	display: block;
	position: absolute;
	right: 0;
	left: 20px;
	top: 50px;
	color: #667085;
	font-size: 13px;
	line-height: 1.69;
}

/* ---------------------------
	지면형 등록 - 팝업
--------------------------- */
.radio-group > .radio + .radio {
	margin-left: 32px;
}

/* ---------------------------
	지면형 상세
--------------------------- */

.campaign-list-table td:nth-child(2) {
	text-align: left;
}

/* ---------------------------
	이벤트형 목록
--------------------------- */

.inventory-status-list.no-title > li > a {
	margin: 0;
}

/* ---------------------------
	이벤트형 등록
--------------------------- */

.invent-event-add-cont {
	max-width: 1000px;
	margin-bottom: 40px;
}

/* ---------------------------
	맞춤보고서
--------------------------- */

.report-create-wrap {
	padding-top: 32px;
}

/* 분석 타입 */
.inp-radio-box-wrap.report-type .inp-radio-box {
	width: 420px;
	margin-right: 0;
}
.inp-radio-box-wrap.report-type .inp-radio-box + .inp-radio-box {
	margin-left: 24px;
}

/* 기간 설정 */
.period-setting > .item + .item {
	margin-top: 12px;
}
.period-setting > .item label {
	display: inline-block;
	min-width: 130px;
}
.period-setting > .item .select {
	width: 240px;
}

/* 월 선택 */
.month-picker {
	position: relative;
	display: inline-block;
}
.btn-month-picker {
	width: 240px;
	height: 44px;
	padding: 0px 16px;
	border-radius: 4px;
	border: 1px solid #d9dee7;
	text-align: left;
	color: #67748e;
	background: url(/assets/images/icon/ic_cal.png) no-repeat center right 16px #fff;
}

.month-picker-panel {
	z-index: 1;
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 594px;
	margin-top: 10px;
	padding: 12px 24px 24px;
	border-radius: 4px;
	border: 1px solid #e0e6f1;
	background: #fff;
	box-shadow:
		0 20px 25px 0 rgba(0, 0, 0, 0.1),
		0 10px 10px 0 rgba(0, 0, 0, 0.04);
}
.month-picker-panel.open {
	display: block;
}
.month-picker-panel .col:nth-child(odd) {
	padding-right: 24px;
}
.month-picker-panel .col:nth-child(even) {
	padding-left: 24px;
}

.month-picker-panel .year-header {
	position: relative;
	text-align: center;
	height: 56px;
	line-height: 56px;
	font-size: 16px;
	font-weight: 700;
}
.month-picker-panel .year-header.left {
	padding-left: 52px;
}
.month-picker-panel .year-header.right {
	padding-right: 52px;
}
.month-picker-panel .year-header > button {
	position: absolute;
	display: inline-block;
	top: 50%;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	border: 1px solid #828b9c;
	border-radius: 50%;
	font-size: 0;
	background: url(/assets/images/icon/ic_arrow_left.png) no-repeat center #fff;
}
.month-picker-panel .year-header.left > button {
	left: 0;
}
.month-picker-panel .year-header.right > button {
	right: 0;
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.month-picker-panel .year-header > button:disabled {
	opacity: 0.5;
}

.month-list {
	position: relative;
	width: 248px;
	font-size: 0;
}
.month-list.left-border::before {
	content: '';
	display: block;
	position: absolute;
	top: 30px;
	bottom: 30px;
	left: -24px;
	width: 1px;
	background-color: #cdd1d5;
}
.month-list > button {
	display: inline-block;
	width: 44px;
	height: 44px;
	margin-right: 24px;
	font-weight: 500;
	border-radius: 50%;
	font-size: 16px;
}
.month-list > button:nth-child(4n) {
	margin-right: 0;
}
.month-list > button:hover {
	background-color: #e7f9f0;
}
.month-list > button.selected {
	color: #fff;
	background-color: #15a46e;
}
.month-picker-panel .btn-sm {
	font-size: 14px;
	font-weight: 500;
}

.selected-months {
	margin-left: 16px;
}

/* 검색 결과 */
.campaign-search .result-list-wrap {
	margin-top: 12px;
	border: 1px solid #d9dee7;
}

.campaign-search .result-list-header {
	position: relative;
	padding: 12px 20px;
	font-weight: 500;
}
.campaign-search .result-list-header .close-btn {
	position: absolute;
	top: 14px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url(/assets/images/icon/ic_close_line.png) no-repeat center;
	background-size: 16px 16px;
	font-size: 0;
}
.campaign-search .result-list > li {
	position: relative;
	padding: 12px 20px;
	border-top: 1px solid #d9dee7;
}
.campaign-search .result-list > li.selected {
	color: #a9b5c1;
	background-color: #f4f6f9;
}
.campaign-search .result-list > li button {
	position: absolute;
	width: 62px;
	padding: 0;
	right: 20px;
	top: 8px;
	font-size: 14px;
	line-height: 28px;
}
.campaign-search .result-list > li button:disabled {
	background-color: transparent;
}

.campaign-search .no-search-data {
	padding: 12px 20px;
	text-align: center;
	color: #667085;
	border-top: 1px solid #d9dee7;
}
.campaign-search .no-search-data::before {
	content: '';
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 6px;
	background: url(/assets/images/icon/ic_search_60.png) no-repeat center;
}

/* ---------------------------
	바우처 관리 
--------------------------- */

.table.voucher td:nth-child(5),
.table.voucher td:nth-child(6) {
	text-align: left;
}
.table.voucher .img-square {
	width: 48px;
	height: 48px;
}

/* ---------------------------
	바우처 등록
--------------------------- */

.target-list.store .radio {
	min-width: 184px;
}
.target-list.store .radio .label-text + button {
	vertical-align: middle;
	margin-left: 4px;
}
.target-list.store .radio-panel {
	margin-left: 22px;
	margin-top: 16px;
}

/* 업체 검색 팝업 */
.store-search .result-list-wrap {
	overflow-y: auto;
	height: 190px;
	padding: 16px;
	margin-top: 16px;
	border-radius: 8px;
	border: 1px solid #ccd3df;
}
.store-search .result-list > li {
	padding: 8px 0px;
	font-size: 14px;
	line-height: 1.57;
}

/* 미리보기 */
.coupon-preview .desc {
	display: block;
	margin-top: 8px;
	font-size: 16px;
	font-weight: 400;
}

/* ---------------------------
	시스템관리
--------------------------- */

/* 타겟팅 항목 */
.card.targeting-item {
	padding: 24px 32px;
}
.targeting-item {
	margin-bottom: 40px;
}
.targeting-item .form-item + .form-item {
	margin-top: 20px;
}
.targeting-item .form-item-tit {
	margin-bottom: 12px;
}

.targeting-item > .tit {
	position: relative;
	margin-bottom: 36px;
	font-size: 18px;
	font-weight: 700;
}
.targeting-item > .tit .btn-del-item {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	background-color: transparent;
}

/* 항목 추가 */
.targeting-item + .btn-add {
	width: 100%;
	font-size: 18px;
	font-weight: 500;
}

/* 옵션 */
.condition-list > li {
	position: relative;
	padding: 24px 84px 24px 32px;
	border-radius: 8px;
	background-color: #fff;
}
.condition-list > li + li {
	margin-top: 12px;
}
.condition-list > li .select {
	width: 140px;
	margin-bottom: 12px;
}
.condition-list > li .input-group .checkbox {
	display: inline-block;
	min-width: 112px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.condition-list > li .btn-del-item {
	position: absolute;
	right: 32px;
	top: 50%;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	border-radius: 50%;
	background: url(/assets/images/icon/ic_del.png) no-repeat center #d9dee7;
	background-size: 15px 15px;
	font-size: 0;
}
.condition-list > li .btn-del-item:disabled {
	opacity: 0.3;
}

/* 옵션 추가 */
.condition-list + .btn-add-item {
	width: 100%;
	margin-top: 20px;
	padding: 16px 0px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 500;
	background-color: #fff;
}
.condition-list + .btn-add-item:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: top;
	margin-left: 16px;
	border-radius: 50%;
	background: url(/assets/images/icon/ic_add_16.png) no-repeat center #242933;
	background-size: 14px 14px;
}
.condition-list + .btn-add-item:disabled:after {
	background-color: #c8d2e4;
}

/* 지역 선택 */
.region-select-list-wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
}
.region-select-list-wrap .btn {
	flex-shrink: 0;
}
.region-select-list-wrap .selection-list {
	flex-grow: 1;
	margin-left: 12px;
	padding-top: 2px;
}

/* 미리보기 */
.targeting-preview {
	padding: 24px 20px;
	border-radius: 12px;
	border: 1px solid #d9dee7;
}
.targeting-preview .checkbox + span {
	line-height: 1.5;
	color: #828b9c;
}
.targeting-preview .option-select-all .checkbox + span {
	margin-left: 8px;
}
.targeting-preview .option-list .checkbox + span {
	display: block;
	margin-top: 8px;
}

.option-list.border {
	position: relative;
}
.option-list.border::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 8px;
	bottom: 12px;
	width: 1px;
	background-color: #d9dee7;
}
.option-list.border .option-item:first-child::before {
	content: '';
	position: absolute;
	left: 6px;
	top: 8px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #d9dee7;
}
.option-list.border .option-item:last-child::before {
	content: '';
	position: absolute;
	left: 6px;
	bottom: 12px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #d9dee7;
}

/* 지역 선택 모달 */
.region-select-box {
	position: relative;
	height: 394px;
	padding-left: 238px;
	border-radius: 8px;
	border: 1px solid #d9dee7;
}

.region-tabs {
	overflow-y: auto;
	position: absolute;
	left: 0;
	top: 0;
	width: 238px;
	height: 100%;
	padding: 16px;
	border-right: 1px solid #d9dee7;
}
.region-tab {
	float: left;
	width: 50%;
	height: 40px;
	border-radius: 8px;
}
.region-tab.active {
	font-weight: 500;
	background-color: #ecf0f4;
}

.region-detail {
	overflow-y: auto;
	height: 100%;
	padding: 16px 24px;
}
.region-detail .input-group .checkbox {
	float: left;
	width: 25%;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* ===================================================================
	PAGE: 대시보드
=================================================================== */

/* 레이아웃 */
.dash-card {
	padding: 24px;
	border-radius: 12px;
	background: #f4f6f9;
}
.dash-card.h-md {
	height: 430px;
}

/* section */
.dash-sect > .tit {
	position: relative;
	margin-bottom: 12px;
}
.dash-sect > .tit h3 {
	color: #1e2124;
	font-size: 18px;
	font-weight: 500;
}
.dash-sect > .tit .link-more {
	position: absolute;
	right: 0;
	top: 2px;
	padding-right: 20px;
	color: #667085;
	background: url(/assets/images/icon/ic_next_16.png) no-repeat center right;
}
.dash-sect + .dash-sect-cols {
	margin-top: 24px;
}

.dash-sect-cols {
	display: flex;
}
.dash-sect-cols > .dash-sect {
	flex: 1 1 0%;
}
.dash-sect-cols.cols-2 > .dash-sect:first-child {
	margin-right: 16px;
}

/* 지표 리스트 */
.stats {
	display: flex;
	align-items: center;
	height: 122px;
	padding: 20px;
	border-radius: 12px;
	border: 1px solid #d9dee7;
	background-color: #fff;
}
.stat-item {
	position: relative;
	flex: 1 1 0%;
	padding: 0px 10px;
	text-align: center;
}
.stat-item:first-child {
	padding-left: 0;
}
.stat-item:last-child {
	padding-right: 0;
}
.stat-item:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 40px;
	margin-top: -20px;
	background-color: #d9dee7;
}
.stat-item:last-child:after {
	display: none;
}
.stat-item > a {
	display: block;
}
.stat-label {
	color: #667085;
	font-weight: 500;
}
.stat-value {
	display: block;
	margin-top: 8px;
	font-size: 24px;
	font-weight: 500;
}
.stat-value .unit {
	margin-left: 4px;
	font-size: 16px;
	color: #828b9c;
}
.stat-change {
	display: block;
	height: 22px;
	line-height: 22px;
	font-size: 13px;
}
.stat-change.up {
	color: #15a46e;
}
.stat-change.down {
	color: #f04452;
}

/* 링크 리스트 */
.dash-sect .links > a {
	display: block;
	padding: 12px 64px 12px 16px;
	border-radius: 8px;
	border: 1px solid #d9dee7;
	background: url(/assets/images/icon/ic_next_32.png) no-repeat #fff;
	background-position: center right 16px;
	background-size: 24px 24px;
}
.dash-sect .links > a + a {
	margin-top: 8px;
}

/* chart */
.dash-card .chart-summary {
	margin-bottom: 12px;
}
.dash-card .chart-value {
	display: inline-block;
	vertical-align: middle;
	color: #1e2124;
	font-size: 24px;
	font-weight: 700;
}
.chart-change {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	font-size: 14px;
}
.chart-change.up {
	color: #15a46e;
}
.chart-change.down {
	color: #f04452;
}

.chart-change:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 4px;
	width: 0;
	height: 0;
}
.chart-change.up:before {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #1fa36b;
}
.chart-change.down:before {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #f04452;
}

.dash-card .chart-area {
	padding: 20px;
	border-radius: 12px;
	border: 1px solid #d9dee7;
	background: #fff;
}

/* ===================================================================
	PAGE: 광고캐시 관리
=================================================================== */

.charge-summary {
	position: relative;
	margin-bottom: 40px;
}
.charge-summary.expiring {
	padding-right: 424px;
}
.charge-summary .summary-box,
.charge-summary .expiring-box {
	height: 176px;
}

/* 상단 요약 정보 */
.summary-box {
	display: flex;
	padding: 40px 72px;
	border-radius: 12px;
	border: 1px solid #d9dee7;
	background: #fff;
}
.summary-box .summary-item {
	position: relative;
	flex: 1 1 0%;
	padding: 0px 16px;
	text-align: center;
}
.summary-box .summary-item:first-child {
	padding-left: 0;
}
.summary-box .summary-item:last-child {
	padding-right: 0;
}
.summary-box .summary-item:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 40px;
	margin-top: -20px;
	background-color: #d9dee7;
}
.summary-box .summary-item:last-child:after {
	display: none;
}
.summary-box .summary-label {
	font-size: 18px;
}
.summary-box .summary-value {
	margin-top: 16px;
	font-size: 24px;
	font-weight: 700;
}

/* 만료 예정 */
.expiring-box {
	position: absolute;
	right: 0;
	top: 0;
	width: 400px;
	padding-top: 35px;
	border-radius: 12px;
	border: 1px solid #f04452;
	background: #fff;
	text-align: center;
}
.expiring-box .label {
	font-size: 18px;
	font-weight: 700;
	color: #d63641;
}
.expiring-box .value {
	margin: 8px 0px 16px;
	font-size: 24px;
	font-weight: 700;
}
.expiring-box .btn-text {
	color: #667085;
	font-size: 14px;
	font-weight: 400;
}

/* 테이블 */
.info-table.charge th .sub-text {
	font-weight: 400;
	color: #667085;
}
.info-table.charge th a {
	text-decoration: underline;
}
.info-table.charge .amount.up {
	color: #15a46e;
}
.info-table.charge .amount.down {
	color: #f04452;
}
.info-table.charge .balance {
	font-weight: 700;
}

/* 만료 예정 캐시 상세 내역 모달 */
.expiring-history > .period {
	font-size: 14px;
	font-weight: 500;
}
.expiring-history > .total {
	margin: 20px 0px 32px;
	font-size: 24px;
	font-weight: 700;
}
.expiring-list-wrap {
	overflow-y: auto;
	max-height: 218px;
}
.expiring-list > li {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #d9dee7;
	line-height: 26px;
	font-size: 14px;
	color: #667085;
}
.expiring-list > li:last-child {
	margin-bottom: 0;
}
.expiring-list > li .value {
	float: right;
	font-size: 18px;
	font-weight: 500;
	color: #242933;
}

/* ===================================================================
	PAGE: 업체회원 캠페인 관리
=================================================================== */

/* 목록 */
.table.campaign td:nth-child(4),
.table.campaign td:nth-child(5) {
	text-align: left;
}

.table.campaign-pending td:nth-child(3),
.table.campaign-pending td:nth-child(4) {
	text-align: left;
}

.table.campaign-del td:nth-child(3),
.table.campaign-del td:nth-child(4) {
	text-align: left;
}

/* 상세 */
.modal-form > .form-item + .form-item {
	margin-top: 20px;
}

/* ===================================================================
	PAGE: 업체회원별 광고캐시
=================================================================== */

/* 바우처 발급 내역 상세보기 */
.table.voucher-history td:nth-child(1) {
	text-align: left;
}

/* 캐시 사용 내역 상세보기 */
.table.cash-history td:nth-child(2) {
	text-align: left;
}

/* ===================================================================
	기타
=================================================================== */
.step-progress {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.step-progress .step {
	display: table-cell;
	position: relative;
	vertical-align: top;
}

/* line */
.step-progress .step:before,
.step-progress .step:after {
	content: '';
	position: absolute;
	top: 9px;
	width: 50%;
	height: 2px;
	background: #aeb8c5;
}

.step-progress .step:before {
	left: 0;
}

.step-progress .step:after {
	right: 0;
}

.step-progress .step.is-current:before,
.step-progress .step.is-complete:before,
.step-progress .step.is-complete:after {
	background: #44c78a;
	top: 7px;
	height: 5px;
}

/* dot 기본 */
.step-progress .step-dot {
	position: relative;
	z-index: 1;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	border: 1px solid #a9b5c1;
	border-radius: 50%;
	background: #d9dee7;
}

/* dot 서브 (라벨 없음) */
.step-progress .step.step-sub .step-dot {
	width: 14px;
	height: 14px;
	top: 3px;
	background: #a9b5c1;
	border: 2px solid #fff !important;
}
.step-progress .step.step-sub .step-dot:after {
	display: none !important;
}
.card .step.step-sub .step-dot {
	border-color: #f4f6f9 !important;
}

/* dot 진행 */
.step-progress .step.is-current .step-dot {
	border: 3px solid #4ed395;
	background: #fff;
}
.step-progress .step.is-current .step-dot:after {
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #4ed395;
}
/* step-sub */
.step-progress .step.step-sub.is-current .step-dot {
	background: #44c78a;
}

/* dot 완료 */
.step-progress .step.is-complete .step-dot {
	border-color: #44c78a;
	background: #44c78a;
}
.step-progress .step.is-complete .step-dot:after {
	content: '';
	position: absolute;
	left: 6px;
	top: 3px;
	width: 6px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* 라벨 */
.step-progress .step-label {
	margin-top: 8px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
	text-align: center;
}