.honbutton {
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	border: 1px solid transparent;
	position: relative;
	text-align: center;
	transition: opacity 0.3s;
}
.honbutton:hover {
	opacity: 0.8;
}
.honbutton::before {
	content: "";
	position: absolute;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	top: -1px;
	left: -1px;
	border-radius: 12px;
}
.honbutton span {
	border-radius: 12px;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	gap: 10px;
	position: relative;
	z-index: 1;
	height: 100%;
}
.honbutton img {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	object-fit: contain;
}
.honbutton--black {
	background-color: #303947;
}
.honbutton--black::before {
	background: linear-gradient(248.48deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
}
.honbutton--black span {
	background-color: #303947;
	color: #ffffff;
}
.honbutton--white {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}
.honbutton--white::before {
	background: linear-gradient(248.48deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
}
.honbutton--white span {
	background-color: #ffffff;
	color: #656565;
}


/* ----------------------------------- */
.main-honren {
overflow: hidden;
}
.honren__right {
	position: relative;
	min-width: 0;
}
.honren__right::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	background-color: #EFC6001A;
}
.honren__slider {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	column-gap: 16px;
	row-gap: 10px;
	color: #656565;
	justify-content: center;
}
.honren__slider .slick-list {
	order: 0;
	flex: 1 1 100%;
	margin-right: -19px;
}
.honren__slider .slick-arrow {
	position: relative;
	transform: none;
	top: auto;
	left: auto;
	height: 12px;
	width: 37px;
	flex: 0 0 37px;
	background: url("../image/honimages/sliderarrow.svg") 0 center / contain no-repeat;
	transition: all 0.3s;
}
.honren__slider .slick-prev {
	order: 1;
	align-self: center;
	transform: rotate(180deg);
}
.honren__slider .slick-next {
	order: 3;
	right: auto;
	align-self: center;
}
.honren__slider .slick-dots {
	order: 2;
	position: relative;
	transform: none;
	bottom: auto;
	left: auto;
	align-self: center;
	display: flex;
	flex-wrap: wrap;
	column-gap: 16px;
	row-gap: 5px;
	align-items: center;
}
.honren__slider .slick-dots li  {
	width: 8px;
	height: 8px;
	flex: 0 0 8px;
	transition: all 0.3s;
}
.honren__slider .slick-dots li:hover  {
	background-color: #EFC600;
}
.honren__slider .slick-dots li:not(:last-child) {
	margin: 0 0 0 0;
}
.honren__slider .slick-dots li.slick-active {
	width: 12px;
	height: 12px;
	flex: 0 0 12px;
}
.honren__slider .slick-dots .slick-active button {
	background-color: #EFC600;
}

.honren__slide {
	position: relative;
	overflow: hidden;
	margin-right: 20px;
}
.honren__slide img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.honren__slideit {
	border-radius: 12px;
	position: relative;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
	backdrop-filter: blur(35px);
	padding: 1px;
	display: flex;
	align-items: center;
}
.honren__slideit::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 12px;
	box-sizing: border-box;
	border: 1px solid rgb(255, 255, 255, 0.5);
}

.honren__slidetop {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 10px;
	justify-content: space-between;align-items: flex-start;
}
.honren__slidelive {
	display: flex;
	align-items: center;
	gap: 10px;
}
.honren__slidelive span {
	color: #ffffff;
	background-color: #FF0000;
	text-transform: uppercase;
	border-radius: 6px;
	font-weight: 900;
	padding: 3px 8px;
}
.honren__slidebottom {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
}
.honren__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.honren__top {
	color: #656565;
	box-shadow: 0px 0px 64px 0px #0000000D;
	border-radius: 12px;
	background-color: #ffffff;
}
.honren__top span {
	font-weight: 700;
}
.honren__item {
	display: flex;
	gap: 10px;
	color: #4E4E4E;
}
.honren__item::before {
	content: "";
	width: 12px;
	height: 12px;
	flex: 0 0 12px;
	background: url("../image/honimages/check.svg") no-repeat;
}
.honren__text {
	color: #4E4E4E;
}

/* ----------------------------------- */
.packsol {
	overflow: hidden;
}
.packsol__title {
	padding: 0;
	font-weight: 700;
	color: #212429;
}
.packsol__item {
	position: relative;
	border-radius: 24px;
	box-shadow: 12px 12px 20px 0px #D2D2D299,
					-12px -12px 20px 0px #FFFFFFCC, 
					1px 1px 0px 0px #FFFFFF8F inset;
	background: url("../image/honimages/packsol-bg.png") 0 0 / 100% 210px no-repeat #F4F4F4;
}
.packsol__itemicon {
	position: absolute;
	object-fit: contain;
}
.packsol__itemtop {
	font-weight: 700;
	color: #212429;
}
.packsol__list {
	margin-bottom: 20px;
}
.packsol__li {
	position: relative;
}
.packsol__li::before {
	content: "";
	border-radius: 50%;
	background-color: #4E4E4E;
	position: absolute;

}
.packsol__bottomcont::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 24px;
	box-sizing: border-box;
	border: 1px solid rgb(255, 255, 255, 0.5);
	z-index: 1;
}
.packsol__bottomcont {
	border-radius: 24px;
	box-shadow: 0px 0px 64px 0px #0000000D;
	position: relative;
	z-index: 1;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}
.packsol__bottomleft {
	position: relative;
	z-index: 1;
}
.packsol__bottomtitle {
	color: #212429;
	font-weight: 700;
}
.packsol__bottomtext {
	color: #383535;
}
.packsol__bottomimage {
	position: relative;
	z-index: 1;
}
.packsol__bottomimage img {
	object-fit: cover;
	border-radius: 16px;
	width: 100%;
}


/* ----------------------------------- */

.freedes {
	overflow: hidden;
}
.freedes__title {
	font-weight: 700;
	color: #212429;
}
.freedes__images {
	display: flex;
	flex-direction: column;
	gap: 0;
	max-width: 100%;
}
.freedes__image img {
	border-radius: 24px;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}
.freedes__image-1 {
}
.freedes__image-2 {
	margin-left: auto;
	margin-top: -110px;
}

/* ----------------------------------- */


@media (min-width: 767.98px) {
	.honbutton {
		font-size: 18px;
		line-height: 1;
	}
	.honren {
		padding-top: 18px;
		padding-bottom: 60px;
	}
	.honren__top {
		font-size: 16px;
		line-height: 1;
	}
	.honren__title {
		margin-bottom: 28px;
	}
	.honren__list {
		margin-bottom: 28px;
	}
	.honren__item + .honren__item {
		margin-top: 16px;
	}
	.honren__item {
		font-size: 18px;
		line-height: 1;
	}
	.honren__item::before {
		margin-top: 3px;
	}
	.honren__buttons {
		margin-bottom: 16px;
	}
	.honren__buttons .honbutton--black span {
		padding: 20px 13px;
	}
	.honren__buttons .honbutton--white span {
		padding: 23px 30px;
	}
	.honren__text {
		font-size: 18px;
		line-height: 122.222222%; /* 22/18 */
		max-width: 480px;
	}
	.honren__right::before {
		width: 483px;
		height: 483px;
		top: -24px;
		right: -160px;
	}
	.honren__slider {
		font-size: 16px;
		line-height: 112.5%; /* 18/16 */
	}
	.honren__slide {
		border-radius: 24px;
		padding: 20px;
	}
	.honren__slideit {
		padding: 11px 15px;
	}
	.honren__slidelive span {
		font-size: 18px;
		line-height: 122.222222%; /* 22/18 */
		padding: 3px 8px;
	}
	.packsol {
		padding-top: 38px;
		padding-bottom: 60px;
	}
	.packsol__top {
		margin-bottom: 38px;
	}
	.packsol__title {
		margin-bottom: 28px;
		font-size: 38px;
		line-height: 113.157895%; /* 43/38 */
	}
	.packsol__item {
		padding: 50px;
	}
	.packsol__itemicon {
		top: 30px;
		right: 30px;
		width: 130px;
		height: 130px;
	}
	.packsol__itemtop {
		margin-bottom: 63px;
		font-size: 20px;
		line-height: 120%; /* 24/20 */
	}
	.packsol__name {
		margin-bottom: 18px;
	}
	.packsol__price  {
		font-size: 22px;
		line-height: 109.090909%; /* 24/22 */
	}
	.packsol__price span {
		font-size: 32px;
	}
	.packsol__price sup {
		font-size: 14px;
	}
	.packsol__li {
		font-size: 18px;
		line-height: 133.333333%; /* 24/18 */
		padding-left: 28px;
	}
	.packsol__li::before {
		width: 2.5px;
		height: 2.5px;
		top: 11px;
		left: 12px;
	}
	.packsol__honbutton span {
		padding: 23px 31px;
	}
	.packsol__bottomcont {
		padding: 30px;
	}
	.packsol__bottomtitle {
		margin-bottom: 20px;
		font-size: 30px;
		line-height: 1;
	}
	.packsol__bottomtext {
		font-size: 18px;
		line-height: 122.222222%; /* 22/18 */
	}
	.freedes {
		padding: 40px 0;
	}
	.freedes__title {
		margin-bottom: 20px;
		font-size: 38px;
		line-height: 113.157895%; /* 43/38 */
	}
	.freedes__text {
		font-size: 18px;
		line-height: 122.222222%; /* 22/18 */
		margin-bottom: 18px;
	}
	.freedes__buttons {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
	}
	.freedes__honbutton.honbutton--black span{
		padding: 23px 31px;
	}
	.freedes__honbutton.honbutton--white span{
		padding: 20px 22px;
	}
}

@media (min-width: 991.98px) {
	.honren {
		padding-top: 57px;
		display: flex;
		gap: 30px;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: flex-start;
		max-width: 1218px;
	}
	.honren__content {
		flex: 1 1 auto;
		max-width: 533px;
	}
	.honren__right {
		flex: 0 0 500px;
	}
	.honren__top {
		margin-bottom: 20px;
		padding: 15px;
		font-size: 18px;
	}
	.honren__slidetop {
		margin-bottom: 56%;
	}
	.packsol__top {
		display: flex;
		gap: 30px;
	}
	.packsol__item {
		flex: 1 1 50%;
		display: flex;
		flex-direction: column;
	}
	.packsol__list {
		flex: 1 1 auto;
	}
	.packsol__honbutton {
		align-self: flex-start;
	}
	.packsol__top {
		position: relative;
		z-index: 1;
	}
	.packsol__bottom{
		position: relative;
	}
	.packsol__bottom::after {
		content: "";
		position: absolute;
		width: 275px;
		height: 275px;
		border-radius: 50%;
		box-sizing: border-box;
		border: 1px solid rgb(255, 255, 255, 0.5);
		top: -26px;
		right: -120px;
		background-color: #EFC6001A;
		backdrop-filter: blur(62px)
	}
	.packsol__bottomcont {
		display: flex;
		gap: 43px;
		align-items: center;
	}
	.packsol__bottomleft {
		flex: 0 0 400px;
	}
	.packsol__bottomimage {
		flex: 1 1 auto;
		margin-bottom: -60px;
	}
	.packsol__bottomimage img {
		width: 100%;
	}
	.freedes__body {
		display: flex;
		align-items: center;
		gap: 58px;
	}
	.freedes__content {
		flex: 0 0 450px;
	}
	.freedes__images {
		flex: 1 1 auto;
		position: relative;
	}
	.freedes__images::before {
		content: "";
		position: absolute;
		width: 272px;
		height: 272px;
		border-radius: 50%;
		background-color: #EFC6001A;
		top: 27px;
		right: 32px;
	}
	.freedes__image {
		position: relative;
		z-index: 1;
	}
}

@media (min-width: 1199.98px) {
	.honren {
		padding-top: 50px;
	}
	.honren__buttons {
		display: flex;
		gap: 10px;
	}
	.honren__right {
		flex: 0 0 594px;
	}
	.packsol__bottomleft {
		flex: 0 0 464px;
		margin-left: 40px;
	}
	.freedes__content {
		flex: 0 0 567px;
	}
}

@media (min-width: 1365.98px) {
	.honren {
		padding-top: 59px;
	}
}


/* ----------------------------------- */


@media (max-width: 1199.98px) {
	.honren__honbutton {
		width: 100%;
	}
	.honren__honbutton:not(:last-child) {
		margin-bottom: 10px;
	}
	.packsol__title {
		font-size: 30px;
	}
	.packsol__item {
		background-size: 100% 180px;
	}
	.freedes__title {
		font-size: 30px;
	}
}

@media (max-width: 991.98px) {
	.honren__right:not(:last-child) {
		margin-bottom: 20px;
	}
	.honren__top {
		margin-bottom: 20px;
		padding: 8px 15px;
	}
	.honren__buttons {
		width: 100%;
	}
	.honren__slidetop {
		margin-bottom: 60%;
	}
	.packsol__item:not(:last-child) {
		margin-bottom: 14px;
	}
	.packsol__honbutton {
		width: 100%;
	}
	.packsol__bottomleft {
		margin-bottom: 16px;
	}
	.freedes__content {
		margin-bottom: 20px;
	}
}

@media (max-width: 767.98px) {
	.honren {
		padding-bottom: 36px;
	}
	.honbutton {
		font-size: 14px;
		line-height: 128.571429%; /* 18/14 */
	}
	.honren__top {
		font-size: 12px;
		line-height: 150%; /* 18/12 */
	}
	.honren__title {
		margin-bottom: 14px;
	}
	.honren__list {
		margin-bottom: 14px;
	}
	.honren__item + .honren__item {
		margin-top: 10px;
	}
	.honren__item {
		font-size: 12px;
		line-height: 116.666667%; /* 14/12 */
		font-weight: 500;
	}
	.honren__buttons {
		margin-bottom: 10px;
	}
	.honren__buttons .honbutton--black span {
		padding: 14px;
	}
	.honren__buttons .honbutton--white span {
		padding: 17px;
	}
	.honren__text {
		font-size: 12px;
		line-height: 116.666667%; /* 14/12 */
	}
	.honren__right::before {
		width: 178px;
		height: 178px;
		top: -11px;
		right: -48px;
	}
	.honren__slider {
		font-size: 10px;
		line-height: 180%; /* 18/10 */
	}
	.honren__slide {
		border-radius: 20px;
		padding: 10px;
	}
	.honren__slideit {
		padding: 8px 12px;
	}
	.honren__slidelive span {
		font-size: 10px;
		line-height: 120%; /* 12/10 */
	}
	.honren__slidetop .honren__slideit {
		padding: 0;
		border-radius: 0;
		background: none;
		backdrop-filter: none;
	}
	.honren__slidetop .honren__slideit::before {
		display: none;
	}
	.honren__slidetop {
		border-radius: 12px;
		position: relative;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
		backdrop-filter: blur(35px);
		display: flex;
		align-items: center;
		padding: 8px 10px;
	}
	.honren__slidetop::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		border-radius: 12px;
		box-sizing: border-box;
		border: 1px solid rgb(255, 255, 255, 0.5);
	}
	.packsol {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.packsol__title {
		margin-bottom: 20px;
		font-size: 24px;
		line-height: 108.333333%; /* 26/24 */
	}
	.packsol__top {
		margin-bottom: 20px;
	}
	.packsol__item {
		padding: 20px;
	}
	.packsol__itemicon {
		top: 15px;
		right: 15px;
		width: 60px;
		height: 60px;
	}
	.packsol__itemtop {
		margin-bottom: 35px;
		font-size: 14px;
		line-height: 121.428571%; /* 17/14 */
	}
	.packsol__name {
		margin-bottom: 10px;
	}
	.packsol__price span {
		font-size: 22px;
	}
	.packsol__price sup {
		font-size: 10px;
	}
	.packsol__li {
		font-size: 12px;
		line-height: 116.666667%; /* 14/12 */
		padding-left: 18px;
	}
	.packsol__li::before {
		width: 1.5px;
		height: 1.5px;
		top: 8px;
		left: 8px;
	}
	.packsol__item {
		background-size: 100% 110px;
	}
	.packsol__honbutton span {
		padding: 17px;
	}
	.packsol__bottomcont {
		padding: 20px;
	}
	.packsol__bottomtitle {
		margin-bottom: 16px;
		font-size: 24px;
		line-height: 1;
	}
	.packsol__bottomtext {
		font-size: 12px;
		line-height: 116.666667%; /* 14/12 */
	}
	.freedes {
		padding: 20px 0;
	}
	.freedes__title {
		margin-bottom: 20px;
		font-size: 24px;
		line-height: 108.333333%; /* 26/24 */
	}
	.freedes__text {
		font-size: 12px;
		line-height: 125%; /* 15/12 */
		margin-bottom: 18px;
	}
	.freedes__buttons {
		display: flex;
		flex-direction: column;
		max-width: 220px;
		gap: 10px;
	}
	.freedes__honbutton.honbutton--black span{
		padding: 17px;
	}
	.freedes__honbutton.honbutton--white span{
		padding: 14px;
	}
}


@media (max-width: 575.98px) {
	.honren {
		padding-top: 49px;
	}
}


@media (max-width: 480.98px) {
	.honren {
		padding-top: 29px;
	}
	.freedes__image-1 {
		width: 100%;
	}
	.freedes__image-1 img{
		width: 100%;
	}
	.freedes__image-2 {
		display: none;
	}
}