.coupon_wrap .tab_tit {
	margin: 40px 0 20px;
}

.coupon_wrap .tab_tit2 {
	border-top: 0;
}

.coupon_wrap .tab_tit .nav-item .nav-link.active {
	color: #000;
	border-color: #000;
}

/* coupon_list */
.coupon_list {
	border-top: 1px solid #e2e2e2;

	margin-top: 40px;
}

.coupon_list .list_area {
	padding: 40px 0;
	border-bottom: 1px solid #d9d9d9;
}

.coupon_list .tit_area {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.coupon_list .tit_area .tit {
	display: -webkit-box;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.25;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	word-wrap: break-word;
	flex: 1;
}

.coupon_list .tit_area .amount {
	padding-left: 10px;
	font-weight: 700;
	font-size: 20px;
	text-align: right;
	color: #8c53ff;
}

.coupon_list .used .amount {
	color: #b1b2b3;
}

.coupon_list .explain {
	margin-top: 3px;
	font-size: 16px;
	line-height: 2;
	color: #333;
}

.coupon_list .info {
	margin-top: 37px;
	font-size: 14px;
	line-height: 1.42;

	color: #787878;
}

.coupon_list .info p {
	white-space: nowrap;
	margin: 3px 0;
}

.coupon_list .info .desc {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.coupon_list .etc_area {
	margin-top: 20px;
	text-align: right;
}

.coupon_list .all_product {
	display: block;
	width: 100%;
	text-align: right;
}

.coupon_list .link_product {
	display: block;
	width: 100%;
	margin: 3px 0;
	line-height: inherit;
	text-decoration: underline;
	text-align: right;
	font-size: inherit;
	color: #000;
}

.coupon_list .day_area dt,
.coupon_list .day_area dd {
	font-size: 14px;
	font-weight: 400;
	color: #787878;
	line-height: 1.8rem;
}

.coupon_list .day_area dt {
	font-weight: 500;
	margin-right: 20px;
}

.coupon_list .day_area dl {
	display: flex;
	margin: 3px 0;
	align-items: center;
	justify-content: flex-start;
	align-content: flex-start;
}

.coupon_list .day_area {
	margin-top: 12px;
}

.coupon_contents .pagination {
	margin-top: 100px;
}

/* regist_coupon */
.regist_coupon {
	width: 100%;
	background-color: #f8f8f9;
	padding: 36px;
	margin-bottom: 40px;
}

.regist_coupon .tit {
	font-size: 20px;
	color: #000;
	font-weight: 500;
}

.regist_coupon .input_list {
	margin-top: 20px;
	position: relative;
}

.regist_coupon .btn_wrap {
	margin-bottom: 10px;
}

.regist_coupon .input_list input[type="text"] {
	font-size: 20px;
	outline: 0;
	border: 0;
	background-color: #fff;
	padding: 18px;
	font-weight: 500;
}

.regist_coupon .input_list input[type="text"]::placeholder {
	color: #b1b2b3;
	font-size: 16px;
	letter-spacing: -0.02rem;
	font-weight: 300;
}

.regist_coupon .input_list .btn_inquiry {
	border-radius: 10px;
	font-size: 16px;
	color: #fff;
	background-color: #333;
	/* border: 1px solid #8C53FF; */
	width: 116px;
	height: 40px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%);
}

.offline_coupon_wrap {
	display: flex;
	justify-content: space-around;
}

/* @media */
@media (min-width: 768px) {
	.coupon_wrap {
		margin-top: 0;
	}

	.offline_coupon_area .offline_area {
		margin-right: 0;
		margin-left: 0;
		padding: 30px 0;
		border-top: 4px solid #000;
		border-bottom: 4px solid #000;
		background: #fff;
	}

	.offline_coupon_area .btn_coupon_get {
		display: inline-block;
		background: #fff;
		border: 1px solid #959595;
		border-radius: 10px;
		color: #000;
		padding: 0.6rem 0.8rem;
		margin-left: auto;
	}

	.offline_coupon_area .btn_coupon_get span {
		padding-right: 16px;
		padding-left: 0;
		background: url("/content/images/icon/ico_coupon_get_b.png") no-repeat right center / 10px auto;
		vertical-align: middle;
	}

	.coupon_list .info {
		flex-direction: column;
	}
}

@media (max-width: 767px) {
	.coupon_list .tit_area {
		margin-bottom: 8px;
	}
	.coupon_list .tit_area .tit {
		font-size: 16px;
		line-height: normal;
	}

	.coupon_list .explain {
		font-size: 14px;
		line-height: 1.5;
		margin-top: 10px;
	}

	.coupon_list .info {
		font-size: 12px;
		line-height: 1.5;
	}

	.coupon_list .etc_area {
		margin-top: 10px;
	}

	.coupon_list .btn_coupon_get span {
		display: inline-block;
		padding-left: 20px;
		background: url(/content/images/icon/icon_down_w.png) no-repeat 0 50%;
		background-size: 15px auto;
	}

	.coupon_wrap .tab_tit2 {
		border-bottom: 0;
	}

	.coupon_contents .coupon_wrap .nav {
		border-bottom: 1px solid #d9d9d9;
	}

	.coupon_wrap .tab-content .nav {
		border-bottom: 0;
	}

	.coupon_contents .pagination {
		margin-top: 50px;
	}

	/* ============ 쿠폰 다운로드 ============ */

	.offline_coupon_area .offline_collapse {
		margin-left: 4%;
	}

	.offline_coupon_area .btn_coupon_get {
		margin-left: 4%;
	}

	.coupon_list .explain {
		font-size: 14px;
		margin-top: 0;
	}

	.coupon_list .info {
		font-size: 13px;
		margin-top: 16px;
	}

	.coupon_list .link_product,
	.coupon_list .info p {
		margin: 0;
		line-height: 1.5;
	}

	.coupon_list .day_area dt {
		width: auto;
		text-align: left;
		font-size: 13px;
		line-height: 1.25;
		margin: 0 10px 0 0;
	}

	.coupon_list .day_area dd {
		text-align: right;
		font-size: 13px;
		line-height: 1.25;
	}

	.coupon_wrap .tab_tit {
		margin-top: 20px;
	}

	/* regist_coupon */
	.regist_coupon {
		margin-bottom: 20px;
		padding: 20px;
	}

	.regist_coupon .tit {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.regist_coupon .input_list .btn_inquiry {
		font-size: 12px;
		height: 40px;
		right: 4px;
	}

	.regist_coupon .input_list input[type="text"] {
		font-size: 12px;
	}

	#ship_coupon .w1000 {
		width: calc(100% - 70px);
	}

	#ship_coupon .btn_m.box.btn_inquiry {
		max-width: 70px;
		height: 50px;
		font-size: 13px;
		border-radius: 6px;
	}

	.coupon_contents .info_dot p {
		font-size: 12px;
		color: #8f8f9b;
	}

	.coupon_wrap .offline_coupon_area .btn_coupon_get {
		padding: 7px;
	}

	.coupon_wrap .offline_coupon_area {
		margin-top: 20px;
	}

	.coupon_contents .coupon_wrap .search_form {
		margin-top: 20px;
	}

	.coupon_list {
		position: relative;
		border: 0;
		margin-top: 20px;
	}

	.coupon_list .list_area {
		padding: 20px 0;
		border-bottom: 1px solid #d9d9d9;
	}

	.coupon_list {
		position: relative;
	}

	.coupon_list .day_area dl {
		margin-bottom: 5px;
	}

	.coupon_list .day_area dl:last-child {
		margin-bottom: 0;
	}

	.search_form .custom-select.box {
		height: 50px;
		font-size: 14px;
	}

	.coupon_list .tit_area .amount {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.coupon_wrap {
		margin-top: 0;
	}

	.coupon_wrap .tab_tit {
		margin-top: 20px;
	}

	.regist_coupon {
		width: auto;
		margin: 0 -20px 26px;
	}

	.regist_coupon .input_list {
		margin-top: 5px;
	}

	.regist_coupon .input_list input[type="text"] {
		font-size: 14px;
		padding: 15px;
	}

	.regist_coupon .input_list input[type="text"]::placeholder {
		font-size: 14px;
	}

	.regist_coupon .input_list .btn_inquiry {
		font-size: 13px;
		width: 70px;
		height: 38px;
		right: 5px;
		border-radius: 5px;
	}

	.regist_coupon .search_form .w200 button {
		font-size: 13px;
		width: 70px;
		height: 38px;
		right: 5px;
		border-radius: 8px;
	}

	.coupon_wrap .tab_tit2 {
		margin: 0;
	}

	.coupon_wrap .tab_tit2 .nav-link span {
		font-size: 14px;
		display: block;
		padding: 12px 0;
	}

	.offline_coupon_area .offline_collapse {
		font-size: 14px;
		display: none;
	}

	.coupon_wrap .offline_coupon_area .btn_coupon_get {
		width: 100%;
		margin: 0;
	}

	.btn_coupon_get span {
		padding-left: 0;
	}

	.coupon_wrap .offline_coupon_area .btn_coupon_get span {
		background: url(/content/images/icon/ico_coupon_get_w.png) no-repeat calc(50% + 50px) center;
		background-size: 12px auto;
		display: block;
		font-weight: 300;
	}

	.coupon_wrap .offline_coupon_area .btn_coupon_get {
		width: 100%;
		background-color: #333;
		color: #fff;
		font-size: 13px;
		height: 40px;
		border-radius: 5px;
		border: 0;
	}

	.coupon_list .info .desc {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
	}

	.coupon_list::before {
		content: "";
		position: absolute;
		top: -6px;
		left: -20px;
		width: 100dvw;
		height: 6px;
		background-color: #f8f8f9;
	}

	.tab_tit2 .nav-link {
		line-height: unset;
	}
}