@charset "utf-8";

/*
	Copyright(c) 2019 Onlinepowers
	http://www.onlinepowers.com
*/

/* ============ youtube iframe ============ */
.ytp-chrome-top-buttons,
.ytp-impression-link,
.ytp-chrome-top.ytp-show-cards-title {
	display: none !important;
}

/* ============ common ============ */

.main_contents {
	/* margin-top: 218px; */
}

.main_contents .item_list .list_area {
	padding: 0 0 0 30px;
}

.main_contents .section {
	margin-top: 60px;
}

.main_contents .section.review_section .container {
	position: relative;
	top: 0;
	left: 0;
}

.main_contents .best_section .main_tit {
	margin-top: 0;
	padding: 0;
	position: relative;
}

.main_contents .main_tit {
	position: relative;
	margin-bottom: 20px;
}

.main_contents .main_tit .tit {
	font-family: "Elice Digital Baeum";
	font-weight: 700;
	font-size: 40px;
	line-height: 1;
	color: #000;
	text-align: center;
	letter-spacing: -1.14px;
}

@media (max-width: 767px) {
	.contents.main_contents .main_tit .tit {
		padding: 0;
		font-size: 24px;
	}
}

@media (max-width: 480px) {
	.main_contents .main_tit .tit {
		font-size: 24px;
	}
}

.main_contents .delivery_section .main_tit .tit,
.main_contents .timedeal_section .main_tit .tit,
.main_contents .life_section .main_tit .tit {
	font-size: 0;
	line-height: 1;
	height: auto;
	padding: 0;
}

.main_contents .timedeal_section .main_tit .tit,
.main_contents .life_section .youtube_area .main_tit .tit {
	height: 40px;
}

.main_contents .main_tit .sub_tit {
	font-family: "Spoqa Han Sans Neo";
	font-size: 0.8rem;
	margin-top: 5px;
	text-align: center;
	font-weight: 400;
	color: #333;
	font-size: 20px;
	line-height: 1;
	margin: 10px 0 0;
}

.main_contents .main_tit .link_more {
	display: block;
	position: absolute;
	top: 50%;
	right: 0px;
	padding-right: 14px;
	font-size: 12px;
	line-height: 1;
	color: #656565;
	background: url(/content/images/icon/arrow_dark.png) no-repeat 100% 50%;
	background-size: 10px auto;
	font-weight: 300;
	transform: translateY(-50%);
}

.main_contents .life_section .main_tit .link_more {
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
}

/* --- main_item_list --- */
.main_item_list .list_area {
	position: relative;
	/* padding-right: 15px; */
	padding-bottom: 40px;
}

.main_item_list .txt_area {
	margin-top: 20px;
}

.main_item_list .txt_area a {
	display: block;
	height: 100%;
}

.main_item_list .brand {
	margin-bottom: 3px;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.main_item_list .title {
	display: -webkit-box;
	max-height: 4rem;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.main_item_list .price_area {
	display: flex;
	margin-top: 10px;
	font-size: 1.5rem;
	line-height: 2.4rem;
	align-items: center;
}

.main_item_list .price_area .before span,
.main_item_list .price_area .price span {
	font-size: 1.8rem;
}

.main_item_list .price_area .before {
	margin-right: 12px;
	color: #d5d5d5;
}

.main_item_list .price_area .before span {
	text-decoration: line-through;
}

.main_item_list .price_area .price {
	font-weight: 700;
	color: #333;
}

.main_item_list .hover_area {
	display: none;
}

/* ============ main_banner ============ */
.main_banner {
	text-align: center;
}

.main_slider {
	position: relative;
	margin-bottom: 35px;
}

.main_slider .swiper-wrapper {
	height: 250px;
}

.main_slider .swiper-slide {
	overflow: hidden;
}

.main_slider .swiper-slide img {
	position: absolute;
	top: 0;
	left: 50%;
	max-width: inherit;
	height: 100%;
	transform: translateX(-50%);
}

/* .main_slider .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 0.4rem;
    background: #fff;
    vertical-align: top;
    opacity: 1;
}

.main_slider .swiper-pagination-bullet-active {
    background: #fff;
    width: 48px;
    border-radius: 100px;
} */

.main_slider .swiper-slide .pc {
	display: block !important;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1920px;
	height: 100%;
}

/* ============ best_section ============ */
.best_section .main_tit .tit > span {
	position: relative;
	margin-left: 5px;
	font-size: 0;
}

.best_section .main_tit .tit > span::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -1px;
	width: 13px;
	height: 8px;
	background: url(/content/images/best_title_icon.png) no-repeat;
	background-size: 100% auto;
	background-position: right;
	display: none;
}

.best_section .best_category {
	margin-bottom: 30px;
}

.best_section .best_category ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: calc(100% - 40px);
	gap: 20px 15px;
}

.best_section .best_category ul > li {
	flex: none;
	text-align: center;
	cursor: pointer;
	max-width: 18%;
}

.best_section .best_category ul > li > img {
	margin-bottom: 10px;
	background: #fbfbfc;
	border-radius: 100%;
}

.best_section .best_category ul > li > p {
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

@media (max-width: 767px) {
	.best_section .best_category ul > li > p {
		font-size: 14px;
	}
}

.best_section .best_category ul > li.on > img {
	background: #f7eeff;
}

.best_section .best_tab .tab_area {
	display: none;
}

.best_section .best_tab .tab_area.on {
	display: block;
}

/* ============ delivery_section ============ */
.delivery_section .main_tit .tit > span {
	position: relative;
}

@media (min-width: 992px) {
	.main_contents .section {
		margin-top: 110px;
	}

	.main_contents .section.life_section {
		margin-top: 100px;
	}

	.main_contents .section.event_section {
		margin-top: 168px;
	}

	.main_contents .section.best_section {
		margin-top: 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.main_contents .section {
		margin-top: 60px;
	}

	.main_contents .section.best_section {
		margin-top: 0;
	}

	.main_contents .life_section .main_tit .link_more {
		top: 10px !important;
	}

	.main_contents .timedeal_section .main_tit .link_more {
		top: 70px !important;
	}

	.main_contents .new_section .main_tit .link_more {
		top: 70px !important;
	}

	.main_contents .review_section .main_tit .link_more {
		top: 70px !important;
	}

	.main_contents .event_section .main_tit .link_more {
		top: 70px !important;
	}
}

@media (max-width: 767px) {
	.main_contents .main_tit .link_more {
		font-weight: 400;
	}
}

@media (max-width: 480px) {
	.main_contents .best_section .main_tit .link_more {
		top: 80px !important;
	}

	.main_contents .delivery_section .main_tit .link_more {
		top: 70px !important;
	}

	.main_contents .event_section .main_tit .link_more {
		top: 75px !important;
		transform: none;
	}

	.main_contents .new_section .main_tit .link_more {
		top: 40px !important;
		transform: none;
	}

	.main_contents .timedeal_section .main_tit .link_more {
		top: 50px !important;
		transform: none;
	}

	.main_contents .main_tit .link_more {
		font-size: 12px;
		background: url(/content/images/arrow.png) no-repeat 100% 45%;
	}
}

.delivery_section .banner {
	width: 100%;
}

.delivery_section .banner .row {
	justify-content: space-between;
	flex: 1;
}

.delivery_section .banner .row > div {
	flex: 0.5;
}

.delivery_section .banner .row > div.banner_image {
	border-radius: 57px 57px 57px 0;
}

.delivery_section .delivery_list {
	border-top: 0;
	margin-top: 20px;
}

.delivery_section .delivery_list .list_area:last-of-type {
	border-bottom: 0;
}

.delivery_section .item_list .brand {
	padding-top: 0;
}

@media (max-width: 480px) {
	.delivery_section .item_list .brand {
		display: none;
	}
}

.delivery_section .banner_text {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.delivery_section .banner_text .main_inner .tit {
	font-family: "Elice Digital Baeum";
	text-align: left;
	line-height: 4.8rem;
	text-align: left;
	font-size: 40px;
	font-weight: bold;
}

.delivery_section .banner_text .main_inner .tit > span {
	color: #ff3939;
}

.delivery_section .banner_text .main_inner .tit > span::after {
	display: none;
}

.delivery_section .banner_text .main_inner .sub_tit {
	text-align: left;
	font-size: 24px;
	margin-top: 15px;
}

.delivery_section .banner_image > img {
	width: 100%;
}

/* ============ banner_section ============ */
/* 20231027 */
.banner_section {
	width: 100%;
	max-width: 100%;
	height: 200px;
	background: #fcf7ed url(/content/images/main/img_bg.png) no-repeat center / auto 100%;
	cursor: pointer;
}

.banner_section .container {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

.banner_section .banner_wrap {
	max-width: 1200px;
}

.banner_section .banner_img {
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 350px;
	height: auto;
}
.banner_section .banner_img {
	max-width: 100%;
}

.banner_section .main_copy {
	font-weight: 300;
	font-size: 14px;
}

.banner_section .main_copy > span {
	font-weight: 700;
}

.banner_section .main_copy > span:last-child {
	margin-left: 10px;
}

.banner_section .sub_copy {
	font-size: 8px;
	font-weight: 500;
	margin-bottom: 8px;
}

@media (min-width: 768px) {
	.banner_section .main_copy br {
		display: none;
	}
}

/* ============ life_section ============ */
.life_section .container {
	background: url(/content/images/life_section_bg.png) no-repeat;
	background-position: 35% 0;
	background-size: 80% auto;
	padding-top: 40px;
}

@media (max-width: 767px) {
	.life_section .container {
		background: url(/content/images/life_section_bg_m.png) no-repeat;
		background-position: center top;
		background-size: 100% auto;
	}
}

.life_section .youtube_area .main_tit {
	padding-bottom: 0;
}

.delivery_section .main_tit:first-child .tit > span,
.timedeal_section .main_tit:first-child .tit > span,
.life_section .youtube_area .main_tit:first-child .tit > span {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 37px;
	margin-left: 0;
	margin-bottom: 0;
	font-size: 0;
}

.delivery_section .main_tit:first-child .tit > span {
	background: url(/content/images/delivery_section_sm.png) no-repeat center;
	background-size: auto 100%;
	text-indent: unset;
}

.timedeal_section .main_tit:first-child .tit > span {
	background: url(/content/images/timedeal_section_sm.png) no-repeat center;
	background-size: auto 100%;
}

.life_section .youtube_area .main_tit:first-child .tit > span {
	background: url(/content/images/life_story_sm.png) no-repeat center;
	background-size: auto 100%;
}

@media (max-width: 480px) {
	.life_section .youtube_area .main_tit:first-child .tit > span {
		width: 100%;
		height: 100%;
	}

	.delivery_section .timedeal_section .main_tit .tit,
	.main_contents .timedeal_section .main_tit .tit,
	.main_contents .life_section .youtube_area .main_tit .tit {
		height: 22px;
	}

	.delivery_section .main_tit:first-child .tit > span,
	.timedeal_section .main_tit:first-child .tit > span,
	.life_section .youtube_area .main_tit:first-child .tit > span {
		height: 22px;
	}
}

.life_section .item_area {
	margin-top: 40px;
}

.life_section .item_area .main_tit {
	margin-bottom: 10px;
}

.life_section .item_area .main_tit .tit {
	font-size: 1.4rem;
	text-align: left;
}

.life_section .item_area .main_tit .tit > span {
	color: #695fbf;
}

.life_section .item_area .main_tit .sub_tit {
	text-align: left;
	font-size: 24px;
	line-height: 1;
	margin: 20px 0 0;
	letter-spacing: -0.72px;
	color: #1f1f1f;
	word-spacing: -1.72px;
}

.life_section .item_area .life_slider {
	display: flex;
	margin: 0 -15px;
	padding-left: 12px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

.life_section .item_area .life_slider .list_area {
	padding: 0 15px;
}

.life_section .item_area .life_slider .list_area .txt_area .title {
	white-space: normal;
}

.life_section .youtube_wrap {
	overflow: hidden;
}

.life_section .youtube_wrap .tab_panel {
	border-radius: 57px 57px 57px 0;
	overflow: hidden;
}

@media (max-width: 767px) {
}

.life_section .youtube_wrap .youtube_contents {
	display: none;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	border-radius: 57px 57px 57px 0;
}

.life_section .youtube_wrap .youtube_contents.on {
	display: block;
}

.life_section .youtube_wrap .youtube_contents iframe,
.life_section .youtube_wrap .youtube_contents object,
.life_section .youtube_wrap .youtube_contents embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 114px 114px 114px 0;
}

@media (max-width: 767px) {
	.life_section .youtube_wrap .youtube_contents iframe,
	.life_section .youtube_wrap .youtube_contents object,
	.life_section .youtube_wrap .youtube_contents embed {
		border-radius: 57px 57px 57px 0;
	}
}

/* Youtube Thumbnail Click --> Play CSS */
.life_section .youtube_wrap .youtube_contents a {
	display: table;
	width: 100%;
	height: 100%;
	position: absolute;
	table-layout: fixed;
	cursor: pointer;
	overflow: hidden;
}

.life_section .youtube_wrap .youtube_contents a img {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	border-radius: 114px 114px 114px 0;
	filter: brightness(0.7);
	/* 1~2초마다 한번씩 깜빡이며 border-radius + overflow:hidden으로 가려져있던 부분 나타나는 이상현상 방지용 */
}

.life_section .youtube_wrap .youtube_contents a:before {
	content: "";
	position: absolute;
	width: 100px;
	height: 100px;
	background: #695fbf url("/content/images/icon/ico_video_play.png") no-repeat 54% center;
	background-size: 32px 32px;
	left: 0;
	right: 0;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	opacity: 0.75;
}

.life_section .youtube_wrap .youtube_contents a:hover:before {
	opacity: 0.99;
}

@media (max-width: 767px) {
	.life_section .youtube_wrap .youtube_contents a:before {
		background: url(/content/images/icon/ico_video_play_m.png) no-repeat 54% center;
		background-size: 30px auto;
		opacity: 1;
	}

	.delivery_section .banner_text .main_inner .sub_tit {
		margin-top: 10px;
	}
}

.life_section .youtube_wrap .youtube_contents a:hover:before {
	opacity: 0.8;
}

/* Youtube Thumbnail Mouse Hover Effect */
.life_section .youtube_wrap .youtube_contents a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	border: 1px solid #695fbf;
	border-radius: 50%;
	z-index: 5;
	transform: translate(-50%, -50%) scale(1);
	opacity: 0;
}

.life_section .youtube_wrap .youtube_contents a:hover:after {
	animation: youtube_hover 1.2s ease infinite;
}

@keyframes youtube_hover {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1);
	}

	50% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.5);
	}

	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(2);
	}
}

.life_section .youtube_wrap .tab_menu {
	display: flex;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	margin-top: 20px;
}

.life_section .youtube_wrap .tab_menu > li {
	display: flex;
	align-items: center;
	padding-right: 60px;
	cursor: pointer;
}

.life_section .youtube_wrap .tab_menu > li > img {
	width: 40px;
	height: 40px;
}

.life_section .youtube_wrap .tab_menu > li > p {
	font-size: 14px;
	font-weight: 500;
	margin-left: 10px;
}

.life_section .youtube_wrap .tab_menu > li.on > p {
	color: #ff5555;
}

.life_section .btn_youtube {
	width: 90%;
	height: 55px;
	background: url(/content/images/mc_youtube_bg.png) no-repeat center;
	background-size: 100% auto;
	line-height: 62px;
	font-size: 14px;
	padding-left: 30px;
	margin: 25px auto 0;
	position: relative;
}

.life_section .btn_youtube span {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 16%;
	left: 30px;
	line-height: 1;
}

/* ============ rolling_banner_section ============ */
.rolling_banner_section {
	display: none;
}

/* ============ timedeal_section ============ */
.timedeal_section .main_tit {
	padding-bottom: 0;
	margin-bottom: 20px !important;
}

.timedeal_section .main_tit .tit > span {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 42px;
	margin-left: 5px;
	margin-bottom: 6px;
	background: url(/content/images/timedeal.png) no-repeat center;
	background-size: 100% auto;
	font-size: 0;
}

.timedeal_section .timedeal_slider {
	display: flex;
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 12px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

.timedeal_section .timedeal_slider .list_area {
	padding: 0 8px;
}

.timedeal_section .timedeal_slider .list_area .img_area {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background-color: #fbfbfc;
	border: 1px solid #f1f1f1;
}

.timedeal_section .timedeal_slider .list_area .txt_wrap {
	width: 280px;
}

.timedeal_section .timedeal_slider .list_area .txt_area .title {
	white-space: normal;
}

.timedeal_section .countdown .countDiv2,
.timedeal_section .countdown .countSeconds {
	display: none;
}

.timedeal_section span.timedeal_d {
	font-size: 18px;
}

.countDown__interval_cont_day .countDown__digit_cont {
	width: 13px;
}

.timedeal_section .countDown__digit_cont {
	/* font-size: 18px; */
	font-size: 20px;
	padding: 4px 5px;
	border-radius: 4px;
	margin-right: 4px;
}

.timedeal_counter.ty02 img {
	width: 32px;
	height: 32px;
}

/* ///////////////////////////////////////////////////////////////////////////
    타임딜  media query
////////////////////////////////////////////////////////////////////////// */
.countDown__interval_cont_hour:before {
	right: -6px;
}

.countDown__interval_cont_minute:before {
	right: -6px;
}

.featured_contents .txt {
	width: 100%;
	padding: 25px 20px;
	border-radius: 0 0 80px 0px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	border-top: none;
	box-sizing: border-box;
	overflow: hidden;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.timedeal_new {
		display: flex;
		flex-wrap: unset;
		flex-direction: row;
        height: auto;
        max-height: unset;
		overflow-x: scroll;
        overflow-y: visible;
		white-space: nowrap;
	}

	.timedeal_new .list_area {
		width: 100% !important;
		min-width: 340px;
	}

	.item_list.thumb .list_area:nth-child(odd) {
		padding-right: 8px;
	}

	.item_list.thumb .list_area:nth-child(even) {
		padding-left: 8px;
	}

	.item_list.thumb .list_area:nth-child(2n) {
		padding-right: 8px;
		padding-left: 8px;
	}

	.item_list.thumb .list_area:nth-child(2n + 1) {
		padding-right: 8px;
		padding-left: 8px;
	}

	.timedeal_counter.ty02 {
		width: 88%;
		height: 55px;
		margin: 0 auto;
		padding: 0 10px;
	}

	.timedeal_counter.ty02 img {
		width: 25px;
		height: 25px;
	}

	.timedeal_section span.timedeal_d {
		font-size: 15px;
		margin: 0 0 0 4px;
		font-weight: 500;
		text-align: right;
	}

	.countDown__interval_cont_day .countDown__digit_cont {
		width: 10px;
	}

	.timedeal_section .countDown__digit_cont {
		font-size: 15px;
		font-weight: 600;
	}

	.countDown__interval_cont_day {
		margin-right: 1px !important;
	}

	.countDown__interval_cont:nth-child(n + 1):not(:last-child) {
		margin-right: 8px;
	}

	.countDown__interval_basic_cont_description {
		margin-left: 0.4em;
	}

	.countDown__digit_cont:nth-child(n + 1):not(:last-child) {
		margin-right: 3px;
	}

	.countDown__interval_cont:nth-child(n + 1):not(:last-child) {
		margin-right: 6px;
	}

	.countDown__digit_new_placeholder {
		border-radius: 4px;
	}

	.countDown__interval_cont_hour:before {
		right: -7px;
	}

	.countDown__interval_cont_minute:before {
		right: -7px;
	}
}

@media (max-width: 767px) {
	.timedeal_new {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		flex-wrap: nowrap;
		flex-direction: row;
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.timedeal_counter.ty02 img {
		width: 25px;
		height: 25px;
	}

	.timedeal_section span.timedeal_d {
		font-size: 14px;
		margin: 0 0 0 1px;
		font-weight: 600;
	}

	.countDown__interval_cont_day {
		margin-right: 1px !important;
	}

	.timedeal_section .countDown__digit_cont {
		font-size: 14px;
		font-weight: 600;
	}

	.countDown__interval_cont_day .countDown__digit_cont {
		width: 10px;
	}

	.countDown__interval_basic_cont_description {
		margin-left: 0.4em;
	}

	.countDown__digit_cont:nth-child(n + 1):not(:last-child) {
		margin-right: 3px;
	}

	.timedeal_new .list_area {
		width: 100%;
		min-width: 340px;
	}

	.countDown__digit_new_placeholder {
		border-radius: 4px;
	}

	.countDown__interval_cont:nth-child(n + 1):not(:last-child) {
		margin-right: 6px;
	}

	.countDown__interval_cont_hour:before {
		right: -7px;
	}

	.countDown__interval_cont_minute:before {
		right: -7px;
	}

	ul.countdown li:first-child {
		margin-right: 10px;
	}

	ul.countdown li:first-child span {
		font-size: 14px;
	}

	ul.countdown li:first-child img {
		width: 22px;
		margin-right: 3px;
	}

	ul.countdown li span {
		font-size: 20px;
	}

	ul.countdown li.seperator {
		margin: 0 3px;
	}
}

@media (max-width: 480px) {
	.timedeal_new .list_area .img_area a {
		max-width: 272px;
		height: 272px;
		padding-bottom: 0;
	}

	.countDown__interval_cont_hour:before {
		transform: unset;
	}

	.timedeal_new.item_list.thumb .list_area {
		min-width: 290px;
	}

	.main_contents .countDown__interval_cont_day .countDown__digit_new_placeholder,
	.timedeal_section span.timedeal_d {
		font-size: 13px;
		font-weight: 400;
		line-height: 20px;
	}

	.main_contents .countDown__interval_cont_day .countDown__digit_cont:nth-child(n + 1):not(:last-child) {
		padding: 0;
		width: 8px !important;
	}

	.timedeal_section .countDown__digit_cont {
		font-size: 13px;
		padding: 3px 4px;
	}

	.countDown__interval_cont_day .countDown__digit_cont {
		width: 8px;
	}

	.countDown__interval_basic_cont_description {
		margin-left: 0.2em;
	}

	.countDown__digit_new_placeholder {
		border-radius: 4px;
	}

	.countDown__interval_cont_hour:before {
		font-size: 20px;
		margin-top: -14px;
		right: -5px;
	}

	.countDown__interval_cont_minute:before {
		font-size: 20px;
		margin-top: -14px;
		right: -5px;
	}
}

/* ============ new_section ============ */
.delivery_section .main_tit {
	padding: 0;
	margin: 30px 0 0;
}

.new_section .main_tit {
	padding-bottom: 0;
	margin-bottom: 0;
}

.new_section .main_tit .tit::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 3px;
	margin-bottom: 3px;
	background: url(/content/images/new_title_icon.png) no-repeat center;
	background-size: 100% auto;
}

.new_section .item_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -8px;
}

.new_section .item_list .list_area {
	width: 50%;
	padding: 0 8px;
}

/* ============ review_section ============ */
.main_contents .review_section .main_tit {
	margin-bottom: 0;
}

.review_section .main_tit .tit::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 3px;
	margin-bottom: 3px;
	background: url(/content/images/review_title_icon.png) no-repeat center;
	background-size: 100% auto;
}

.review_section .review_tit {
	font-size: 18px;
	line-height: 1.56;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 40px;
	letter-spacing: -0.1rem;
	word-spacing: -0.1rem;
}

.review_section .review_info {
	display: flex;
	justify-content: space-between;
	margin-bottom: 22px;
}

.review_section .review_info .star_area {
	margin-top: 0;
	width: auto;
}

.review_section .review_info .user_area {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.review_section .review_info .user_area .user_id,
.review_section .review_info .user_area .review_date {
	display: inline-block;
	font-size: 14px;
	color: #aeaeae;
	font-weight: 300;
	line-height: 1.5;
	position: relative;
}

.review_section .review_info .user_area .review_date {
	margin-left: 15px;
}

.review_section .review_info .user_area .user_id::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 14px;
	background: #dfdfdf;
	margin: 0 6px 0 6px;
	top: 50%;
	transform: translateY(-50%);
}

.review_section .review_detail,
.review_section .review_detail > * {
	font-size: 16px;
	line-height: 1.65;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-align: justify;
	letter-spacing: -0.1rem;
}

@media (max-width: 480px) {
	.review_section .review_detail > * {
		font-size: 13px;
		line-height: 1.5;
	}
}

.review_section .review_slider {
	margin: 0 0;
	padding-right: 50px;
}

.review_section .review_slider .swiper-slide {
	padding: 0 30px;
}

.review_section .navi {
	display: none;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	margin-top: 95px;
	position: absolute;
	z-index: 999;
}

.review_section .star_area .star_wrap span {
	margin-right: 3px;
	width: 20px;
	height: 20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

@media (max-width: 1199px) {
	.review_section .star_area .star_wrap span {
		margin-right: 0;
		width: 14px;
		height: 14px;
	}
}

.review_section .star_area .star_wrap span img {
	width: 100%;
	height: auto;
}

/* ============ event_section ============ */
.event_section .main_tit {
	padding-bottom: 0;
	margin-bottom: 0;
}

.event_section .list_area {
	margin-top: 15px;
	position: relative;
}

@media (max-width: 767px) {
	.event_section .list_area {
		margin: 0 0 30px !important;
	}
}

.review_section .review_slider {
	margin: 88px 0 0;
}

/* ======================================== ~ mobile ======================================== */
@media (max-width: 480px) {
	.rolling_banner {
		display: none;
	}

	.delivery_section .banner_text {
		margin: 20px 0 10px !important;
	}

	.banner_section .sub_copy {
		font-size: 11px;
		letter-spacing: -0.68px;
		margin-bottom: 2px;
	}

	.banner_section .main_copy {
		font-size: 16px;
		line-height: 1.1;
		margin-top: 6px;
	}

	.banner_section .main_copy > span:last-child {
		margin-left: 0px;
	}

	.review_section .review_tit {
		font-size: 16px;
		margin-bottom: 21px;
	}

	.review_section .review_info {
		margin-bottom: 12px;
	}

	.review_section .star_area .star_score {
		font-size: 9px;
		line-height: 1.8;
	}

	.review_section .star_area .star_wrap span img {
		width: 12px;
		height: 12px;
	}

	.review_section .review_info .user_area .user_id,
	.review_section .review_info .user_area .review_date {
		font-size: 12px;
	}

	.review_section .star_area .star_score {
		font-size: 12px;
		line-height: unset;
	}

	.review_section .main_tit .tit::after {
		margin-left: 3px;
		margin-bottom: -3px;
		width: 25px;
		height: 25px;
	}

	.review_section .review_slider .swiper-slide {
		padding: 0 10px;
	}

	.review_section .review_detail {
		font-size: 13px;
		line-height: 1.5;
	}

	.main_contents .main_tit {
		margin-bottom: 55px !important;
		display: block;
		width: 100%;
		height: auto;
		position: relative;
	}

	.main_contents .event_section .main_tit {
		margin-bottom: 60px !important;
	}

	.life_section .item_area .life_slider {
		margin-left: 0;
	}

	.life_section .main_tit {
		padding-left: 20px;
	}

	.timedeal_section .container {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 481px) {
	/* ============ main_banner ============ */
	.main_slider {
		margin-bottom: 60px;
	}

	.main_slider .swiper-wrapper {
		height: 400px;
	}

	.main_slider .swiper-slide .pc {
		display: block;
	}

	/* ============ best_section ============ */
	.best_section .item_list {
		margin: 0 -15px;
	}

	.best_section .item_list .list_area {
		padding: 0 15px;
	}

	/* ============ delivery_section ============ */
	.delivery_slider {
		padding-right: 50px;
		padding-top: 35px;
	}

	.delivery_slider .item_list.thumb {
		margin: 0 -8px;
	}

	.delivery_slider .item_list.thumb .list_area {
		padding: 0 8px;
	}

	/* ============ banner_section ============ */
	.banner_section {
		/* max-width: 1920px; */
		margin: 0 auto;
	}

	.banner_section .sub_copy {
		font-size: 12px;
	}

	/* ============ life_section ============ */
	.life_section .item_area .life_slider {
		flex-wrap: wrap;
		padding: 0;
		overflow-x: initial;
		white-space: normal;
	}

	.life_section .item_area .life_slider .list_area {
		width: 50%;
	}

	.life_section .item_area .life_slider .list_area .txt_wrap {
		width: 100%;
	}

	.life_section .btn_youtube {
		height: 75px;
		line-height: 82px;
		font-size: 16px;
	}

	/* ============ timedeal_section ============ */
	.timedeal_section .timedeal_slider .list_area .txt_wrap {
		width: 420px;
	}

	.main_contents .main_tit .sub_tit {
		margin-top: 20px;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.main_contents .main_tit {
		margin-bottom: 30px !important;
	}

	.item_list.thumb .txt_area {
		border-top: 1px solid #d9d9d9 !important;
	}

	.rolling_banner {
		display: none;
	}

	.banner_section .main_copy > span:last-child {
		margin-left: 0px;
	}

	.review_section .star_area .star_wrap span img {
		width: 14px;
		height: 14px;
	}

	.review_section .review_tit {
		margin-bottom: 21px;
	}

	.review_section .star_area .star_score {
		font-size: 12px;
		line-height: 1.8;
	}

	.review_section .review_info {
		margin-bottom: 12px;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.regular_slider .swiper-button-next.swiper-button-disabled,
	.swiper-button-prev.swiper-button-disabled {
		opacity: 0.35;
	}

	.regular_slider .navi .swiper-button-prev {
		top: 25px;
		left: 0px;
		width: 50px;
		height: 50px;
		background: url(/content/images/prev_arrow_b.png) no-repeat center center;
	}

	.regular_slider .navi .swiper-button-next {
		top: 25px;
		left: 50px;
		width: 50px;
		height: 50px;
		background: url(/content/images/next_arrow_b.png) no-repeat center center;
	}

	.regular_slider .navi .swiper-button-prev:after,
	.regular_slider .navi .swiper-button-next:after {
		display: none;
	}
}

@media (max-width: 767px) {
	.life_section .item_area .main_tit .tit {
		font-size: 20px;
		margin-bottom: 5px;
		letter-spacing: -1.14px;
		padding: 0 0 !important;
		margin: 40px 0 0 0;
	}

	.life_section .item_area .main_tit .sub_tit {
		font-size: 14px;
		margin-top: 0;
	}

	/* review slider 리뷰 슬라이더 */
	.review_section {
		padding: 50px 0;
	}

	.review_section .review_slider {
		margin: 0;
		padding: 0;
	}

	.review_section .swiper-pagination {
		margin: 0 auto;
		width: 100%;
		position: relative;
		margin-top: 22px;
	}

	.review_section .swiper-pagination .swiper-pagination-bullet {
		margin: 0 4px;
		width: 8px;
		height: 8px;
		background-color: #e8e8e8;
		border-radius: 100px;
	}

	.review_section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 48px;
		border-radius: 100px;
	}

	.review_section .swiper-pagination-bullet {
		opacity: 1;
	}

	.life_section .item_area .life_slider {
		padding: 0 5px;
	}

	.main_contents .section {
		margin: 0 0 35px;
	}

	.main_contents .review_section {
		margin: 0;
		padding: 0 0 60px;
	}

	.main_contents .section:last-child {
		margin: 0;
	}

	.best_section .best_category {
		margin-bottom: 40px;
	}

	.main_contents .delivery_section {
		margin-top: 0px;
	}

	.main_contents .section.life_section {
		margin-top: 64px;
	}

	.main_contents .section.life_section .container {
		padding: 0;
	}

	.main_contents .section.life_section .youtube_wrap .tab_panel {
		padding: 0 20px 0 20px;
	}

	.main_contents .section.life_section .youtube_wrap .tab_menu {
		padding-left: 20px;
	}

	.main_contents .section.life_section .btn_youtube {
		display: block;
	}

	.life_section .btn_youtube span {
        left: 18px;
		bottom: 32%;
	}

	.main_contents .section.life_section .main_tit {
		margin-bottom: 30px !important;
		padding-right: 20px;
	}

	.main_contents .section.life_section .main_tit.main_inner {
		padding: 0 20px !important;
	}

	.main_contents .section.life_section .main_tit .sub_tit {
		margin-top: 13px;
		font-size: 14px;
		letter-spacing: -0.72px;
		color: #333;
	}

	.delivery_section .banner_text .main_tit {
		margin-bottom: 0 !important;
	}

	.life_section .youtube_wrap .youtube_contents a img {
		border-radius: 57px 57px 57px 0;
	}

	/* ======================================== 스와이퍼 flex 클래스 변경========================================  */
	.delivery_section .swiper-wrapper {
		flex-direction: column;
		overflow: hidden;
		animation: all 1s;
	}

	.delivery_section .swiper-wrapper .swiper-slide {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		height: auto !important;
		padding: 30px 0;
		border-bottom: 1px solid #f1f1f1;
	}

	.delivery_section .swiper-wrapper .img_area {
		position: relative;
	}

	.delivery_section .swiper-wrapper .txt_wrap {
		padding-left: 30px;
	}

	.delivery_section .swiper-wrapper .txt_wrap .txt_area {
		padding: 0;
		width: 100%;
	}

	.delivery_section .navi {
		display: none;
	}

	.delivery_section .badge-wrap {
		position: absolute;
		bottom: 1rem;
		left: 0;
	}

	.delivery_section .star_area {
		display: none;
	}

	.timedeal_section .timedeal_slider .list_area {
		padding: 1rem 3rem;
	}

	/* 정기배송 스와이퍼 (모바일) */
	.delivery_section .item_list .title {
		font-size: 16px;
		line-height: normal;
	}

	.delivery_section .delivery_item_list .item_list .list_area {
		padding: 20px 0;
	}

	.delivery_section .delivery_item_list .item_list .list_area:first-child {
		padding: 0 0 20px;
	}

	.delivery_section .delivery_item_list .item_list .list_area:last-child {
		border-bottom: 0;
	}

	.delivery_section .item_list .list_area .row {
		width: 100%;
		justify-content: flex-start;
	}

	.delivery_section .item_list.basic_wide .txt_area {
		padding: 0;
		margin-left: 15px;
	}

	.delivery_section .item_list.basic_wide .user_count_area {
		margin-left: 15px;
	}

	.delivery_section .banner_text {
		margin: 40px 0 20px;
	}

	.delivery_section .banner .row {
		flex-direction: column;
	}

	.delivery_section .banner .row > div {
		flex: 1;
	}

	.delivery_section .banner_text {
		padding-left: 0;
	}

	.delivery_section .banner_text .main_inner {
		flex: 1;
	}

	.delivery_section .banner_text .main_inner .tit {
		font-size: 19px;
		line-height: 1.2;
		text-align: left;
	}

	.delivery_section .banner_text .main_inner .sub_tit {
		font-size: 14px;
		text-align: left;
		letter-spacing: -0.84px;
	}
}

@media (min-width: 991px) {
	.life_section .item_area .life_slider .list_area {
		margin-top: 80px;
	}
}

/* ======================================== tablet ======================================== */
@media (min-width: 768px) {
	.main_contents .banner_section {
		margin-top: 140px;
	}

	.main_contents .main_tit .tit {
		font-size: 32px;
		line-height: 42px;
	}

	.main_contents .main_tit .link_more {
		font-size: 14px;
		line-height: 24px;
	}

	.best_section .main_tit .tit > span::after {
		width: 19px;
		height: 10px;
	}

	/* --- main_item_list --- */
	.main_item_list .item_list {
		margin: 0 -15px;
	}

	.main_item_list .list_area {
		padding: 0 15px;
	}

	.main_item_list .hover_area {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(0, 0, 0, 0.5);
	}

	.main_item_list .hover_link {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
		width: 100%;
		height: calc(100% - 50px);
	}

	.main_item_list .hover_txt {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.main_item_list .hover_area .brand,
	.main_item_list .hover_area .title {
		color: #fff;
	}

	.main_item_list .hover_price {
		margin-top: 12px;
	}

	.main_item_list .hover_price .before {
		font-size: 1.2rem;
		line-height: 1.6rem;
		color: #d5d5d5;
	}

	.main_item_list .hover_price .before span {
		text-decoration: line-through;
	}

	.main_item_list .hover_price .price {
		font-size: 1.2rem;
		line-height: 2rem;
		color: #fff;
	}

	.main_item_list .hover_price .sale {
		margin-right: 4px;
	}

	.main_item_list .hover_price .sale span,
	.main_item_list .hover_price .after span {
		font-weight: 700;
		font-size: 1.4rem;
	}

	.main_item_list .hover_area .btn_wish {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 50px;
		height: 50px;
		background: url(/content/images/icon/icon_heart_off.png) no-repeat 50%;
		background-size: 30px;
	}

	.main_item_list .hover_area .btn_cart {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 50px;
		height: 50px;
		background: url(/content/images/icon/btn_cart_off.png) no-repeat 50%;
		background-size: 30px;
	}

	/* event */
	.main_item_list .list_area:hover .hover_area {
		display: block;
	}

	.main_item_list .hover_area .btn_wish.on {
		background: url(/content/images/icon/icon_heart_on.png) no-repeat 50%;
		background-size: 30px;
	}

	.main_item_list .hover_area .btn_cart.on {
		background: url(/content/images/icon/btn_cart_on.png) no-repeat 50%;
		background-size: 30px;
	}

	.main_slider .swiper-wrapper {
		height: 400px;
	}

	/* ============ best_section ============ */

	/* ============ delivery_section ============ */
	.delivery_section .banner {
		/* margin-bottom: 20px; */
		background: #f8f9ff;
		border-radius: 105px 0 105px 0;
	}

	.delivery_section .main_tit .tit > span::after {
		right: -45px;
		width: 45px;
		height: 60px;
		background-position: 100% 35%;
	}

	.delivery_section .banner_text {
		margin: 30px 0;
		padding-left: 30px;
	}

	.delivery_section .banner_text .main_tit .tit {
		line-height: 2.6rem;
	}

	.delivery_slider {
		padding-top: 35px;
	}

	.delivery_slider .navi .swiper-button-prev {
		top: 15px;
		left: 5px;
		width: 50px;
		height: 50px;
		background: url(/content/images/prev_arrow_b.png) no-repeat left center;
	}

	.delivery_slider .navi .swiper-button-next {
		top: 15px;
		left: 55px;
		width: 50px;
		height: 50px;
		background: url(/content/images/next_arrow_b.png) no-repeat left center;
	}

	/* ============  delivery_section ============ */

	.regular_slider .swiper-wrapper {
		margin-top: 50px;
		margin-left: -8px;
		position: relative;
	}

	/* ============ banner_section ============ */

	.banner_section .banner_wrap::after {
		top: -50px;
		width: 380px;
		height: 230px;
	}

	.banner_section .main_copy {
		font-size: 30px;
	}

	.banner_section .sub_copy {
		font-size: 20px;
	}

	/* ============ life_section ============ */
	.life_section {
		background-size: auto;
	}

	.life_section .youtube_area .main_tit .tit > span {
		width: 302px;
		height: 44px;
		margin: 0;
	}

	.life_section .youtube_wrap {
		justify-content: space-between;
	}

	.life_section .item_area {
		margin-top: 40px;
	}

	.life_section .item_area .main_tit {
		margin: 40px 0;
		padding: 0;
	}

	.life_section .item_area .main_tit .tit {
		font-size: 32px;
	}

	.life_section .item_area .life_slider .list_area:nth-of-type(1),
	.life_section .item_area .life_slider .list_area:nth-of-type(2) {
		margin-top: 0;
	}

	.life_section .youtube_wrap .tab_menu {
		margin-top: 30px;
	}

	.life_section .youtube_wrap .tab_menu > li {
		padding-right: 80px;
	}

	.life_section .youtube_wrap .tab_menu > li > img {
		width: 72px;
		height: 72px;
	}

	.life_section .btn_youtube {
		width: 100%;
		height: 104px;
		line-height: 114px;
		font-size: 20px;
		margin-top: 45px;
	}

	/* ============ timedeal_section ============ */
	.timedeal_section .main_tit .tit > span {
		width: 84px;
		margin-left: 9px;
		margin-bottom: 11px;
	}

	.timedeal_section .timedeal_slider {
		padding: 0;
		overflow-x: hidden;
	}

	.timedeal_section .timedeal_slider .list_area {
		width: 50%;
	}

	.timedeal_section .timedeal_slider .list_area:nth-of-type(1),
	.timedeal_section .timedeal_slider .list_area:nth-of-type(2) {
		margin-top: 0;
	}

	.timedeal_section .timedeal_slider .list_area .txt_wrap {
		width: 100%;
	}

	/* ============ new_section ============ */
	.new_section .main_tit .tit::after {
		width: 20px;
		height: 20px;
		margin-bottom: 6px;
	}

	/* ============ review_section ============ */
	.review_section .main_tit .tit::after {
		width: 30px;
		height: 20px;
	}

	.review_section .review_slider {
		margin: 0 0;
		padding-right: 0px;
	}

	.review_section .navi {
		display: block;
	}

	.review_section .navi .swiper-button-prev {
		top: 80%;
		left: 0px;
		transform: translateY(-80%);
		width: 40px;
		height: 50px;
		border-radius: 10px 0 0 10px;
		background: rgba(51, 51, 51, 0.3) url(/content/images/arrow_prev.png) no-repeat 17px center;
	}

	.review_section .navi .swiper-button-next {
		top: 80%;
		right: 34px;
		transform: translateY(-80%);
		width: 40px;
		height: 50px;
		border-radius: 0px 10px 10px 0px;
		background: rgba(51, 51, 51, 0.3) url(/content/images/arrow_next.png) no-repeat calc(100% - 17px) center;
	}

	.review_section .star_area .star_score {
		margin-left: 4px;
	}

	.review_section .navi .swiper-button-prev::after,
	.review_section .navi .swiper-button-next::after {
		display: none;
	}

	.review_section .star_area .star_score {
		font-size: 18px;
	}

	.review_section .review_info .user_area .user_id,
	.review_section .review_info .user_area .review_date {
		font-size: 14px;
	}

	/* ============ event_section ============ */
	.event_section .list_area {
		margin-top: 40px;
	}

	.event_section .list_area:nth-of-type(1),
	.event_section .list_area:nth-of-type(2) {
		margin-top: 0;
	}

	/* Main Rolling Banner */
	.rolling_banner {
		position: relative;
		width: 100%;
		height: 494px;
		background-color: #f7f6ff;
		overflow: hidden;
		transition: background-color 0.5s;
	}

	.rolling_banner:before {
		content: "";
		position: absolute;
		width: 660px;
		height: 453px;
		background: url("/content/images/rolling_bg.png") no-repeat center center;
		background-size: 100% auto;
		left: 0;
		bottom: 0;
		z-index: 1;
	}

	.rolling_banner .rolling_area {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.rolling_banner ul {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 100%;
		position: absolute;
	}

	.rolling_banner ul li {
		width: 400px;
		min-width: 370px;
		height: 100%;
		z-index: 3;
		display: flex;
		flex-direction: row;
		justify-content: center;
		padding: 50px 0;
		position: relative;
	}

	.rolling_banner ul li:nth-child(2n) {
		align-items: flex-end;
	}

	.rolling_banner ul li:nth-child(2n-1) {
		align-items: flex-start;
	}

	.rolling_banner ul li a {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
	}

	.rolling_banner ul li a .wrap_thumb {
		width: 197px;
		height: 197px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		z-index: 5;
		overflow: hidden;
		position: relative;
		left: -20px;
		transform-origin: center;
	}

	.rolling_banner ul li a .wrap_thumb img {
		max-width: 100%;
	}

	.rolling_banner ul li a .desc {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		position: relative;
		width: 192px;
		z-index: 6;
	}

	.rolling_banner ul li a .desc p {
		font-size: 16px;
		font-weight: bold;
		color: #1f1f1f;
		line-height: 1.5;
		letter-spacing: -0.78px;
		margin-bottom: 10px;
		position: relative;
		height: 50px;

		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
	}

	.rolling_banner ul li a:after {
		content: "";
		width: 4px;
		height: 4px;
		background-color: #8c53ff;
		border-radius: 50%;
		position: absolute;
		top: 24px;
		left: 184px;
		z-index: -1;
		transition: all 0.35s;
	}

	.rolling_banner ul li a .desc span {
		font-size: 14px;
		color: #8f8f9b;
		margin-bottom: 10px;

		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		display: -webkit-box;
		height: 34px;
	}

	.rolling_banner ul li a .desc button {
		margin-top: 10px;
		background: #c6bfff;
		color: #fff;
		font-size: 12px;
		padding: 6px 20px;
		border-radius: 100px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.rolling_banner ul li:hover a .desc button {
		background: #513185;
	}

	.rolling_banner ul li a .desc button img {
		width: 5px;
		margin-left: 8px;
	}

	/* Infinite Rolling Banner Animation */
	.rolling_banner ul.primary {
		animation: rolling_primary 42s linear infinite;
	}

	.rolling_banner ul.secondary {
		animation: rolling_secondary 42s linear infinite;
		left: 4000px;
		/* li 너비 400 * 아이템 갯수 */
	}

	@keyframes rolling_primary {
		from {
			left: 0px;
		}

		to {
			left: -4000px;
		}
	}

	@keyframes rolling_secondary {
		from {
			left: 4000px;
		}

		to {
			left: 0px;
		}
	}

	.rolling_banner:hover {
		background-color: #f0e8ff;
	}

	.rolling_banner:hover ul {
		animation-play-state: paused;
		-webkit-animation-play-state: paused;
	}

	.rolling_banner ul li:hover a .desc p {
		color: #fff;
		animation: expantion-desc 0.5s forwards;
	}

	.rolling_banner ul li:hover a:after {
		width: 250px;
		height: 250px;
		top: -40px;
		left: 134px;
		z-index: -1;
		animation: expantion 0.5s forwards;
	}

	.rolling_banner ul li:hover a .wrap_thumb {
		transition: all 0.35s;
		animation: shake 0.65s ease;
	}

	.rolling_banner ul li:hover a .desc span {
		color: #fff;
		animation: expantion-desc 0.5s forwards;
	}

	@keyframes shake {
		0% {
			transform: rotate(0deg);
		}

		10% {
			transform: rotate(2deg);
		}

		20% {
			transform: rotate(-2deg);
		}

		40% {
			transform: rotate(3deg);
		}

		60% {
			transform: rotate(-3deg);
		}

		70% {
			transform: rotate(2deg);
		}

		80% {
			transform: rotate(-2deg);
		}

		90% {
			transform: rotate(2deg);
		}

		100% {
			transform: rotate(0deg);
		}
	}

	@keyframes expantion {
		0% {
			width: 4px;
			height: 4px;
			border-radius: 50%;
			top: 20px;
			left: 184px;
		}

		100% {
			width: 264px;
			height: 264px;
			border-radius: 50%;
			top: -34px;
			left: 144px;
		}
	}

	@keyframes expantion-desc {
		0% {
			margin-left: 0px;
		}

		100% {
			margin-left: -10px;
		}
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.main_contents .main_tit {
		margin-bottom: 40px !important;
	}

	.delivery_section .banner_text {
		padding-left: 0;
	}

	.delivery_section .banner_text .main_inner .tit {
		font-size: 20px;
		line-height: 1.3;
	}

	.delivery_section .banner_text .main_inner .sub_tit {
		font-size: 20px;
	}

	.banner_section .container {
		padding: 0;
	}

	.life_section .btn_youtube {
		margin-top: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.life_section .item_area .life_slider {
		margin: 0 -8px;
	}
}

/* ======================================== pc ======================================== */
@media (min-width: 992px) {
	.main_contents .main_tit {
		box-sizing: border-box;
		margin: 0 0 42px !important;
		padding: 0 !important;
		position: relative;
	}

	.main_contents .main_tit .tit {
		font-size: 40px;
		min-height: unset;
		height: auto;
		line-height: 1;
	}

	.life_section .main_tit .sub_tit {
		margin-top: 20px;
		line-height: 1;
	}

	.main_contents .main_tit .link_more {
		font-size: 16px;
		line-height: 1;
	}

	.best_section .main_tit .tit > span::after {
		width: 25px;
		height: 16px;
		transform: scale(0.8) translate(0px, 1px);
	}

	/* ============ best_section ============ */
	.best_section .best_category {
		margin-bottom: 60px;
	}

	.best_section .best_category ul > li > img {
		margin-bottom: 10px;
		border-radius: 100%;
	}

	/* ============ regular delivery section ============ */
	.delivery_section .main_tit .tit > span::after {
		right: -55px;
		width: 55px;
		height: 60px;
		background-position: center;
	}

	.delivery_section .banner_text {
		padding-left: 50px;
	}

	.delivery_section .banner_text .main_tit .tit {
		line-height: 4.8rem;
	}

	.regular_slider .navi .swiper-button-prev {
		top: 25px;
		left: 0px;
		width: 50px;
		height: 50px;
		background: url(/content/images/prev_arrow_b.png) no-repeat center center;
	}

	.regular_slider .navi .swiper-button-next {
		top: 25px;
		left: 50px;
		width: 50px;
		height: 50px;
		background: url(/content/images/next_arrow_b.png) no-repeat center center;
	}

	.regular_slider .navi .swiper-button-prev::after {
		display: none;
	}

	.regular_slider .navi .swiper-button-next::after {
		display: none;
	}

	.regular_slider .swiper-button-next.swiper-button-disabled,
	.swiper-button-prev.swiper-button-disabled {
		opacity: 0.35;
	}

	/* ============ life_section ============ */

	.life_section .youtube_wrap .tab_panel {
		max-width: 893px;
		border-radius: 114px 114px 114px 0;
		overflow: hidden;
	}

	.life_section .item_area .life_slider .list_area {
		width: 25%;
		margin-bottom: 0;
	}

	.life_section .item_area .life_slider .list_area:nth-of-type(3),
	.life_section .item_area .life_slider .list_area:nth-of-type(4) {
		margin-top: 0;
	}

	.life_section .youtube_area {
		position: relative;
	}

	.life_section .youtube_wrap .tab_menu {
		white-space: normal;
		flex-wrap: wrap;
		padding-left: 0;
		padding-top: 45px;
		margin-top: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		width: 100%;
		max-width: 277px;
	}

	.life_section .youtube_wrap .tab_menu > li {
		padding: 10px 0;
		width: 100%;
	}

	.life_section .youtube_wrap .tab_menu > li > p {
		font-size: 18px;
		line-height: 1.33;
		letter-spacing: -0.54px;
	}

	.life_section .btn_youtube {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 277px;
		height: 60px;
		line-height: 70px;
		padding-left: 60px;
		background: url(/content/images/pc_youtube_bg.png) no-repeat center;
		background-size: 100% auto;
		font-size: 14px;
	}

	.life_section .youtube_wrap .youtube_contents {
		border-radius: 114px 114px 114px 0;
		box-sizing: border-box;
		max-width: 893px;
		max-height: 500px;
	}

	/* ============ timedeal_section ============ */
	.timedeal_section .main_tit .tit > span {
		width: 110px;
		margin-left: 10px;
		margin-bottom: 0;
	}

	/* ============ new_section ============ */
	.new_section .main_tit .tit::after {
		width: 30px;
		height: 30px;
		margin-bottom: 0;
		transform-origin: center center;
		transform: translateY(-20px);
	}

	.new_section .item_list {
		/* margin: 0 -15px; */
	}

	.new_section .item_list .list_area {
		width: 25%;
		padding: 0 15px;
		margin: 0;
	}

	/* ============ review_section ============ */
	.review_section .main_tit .tit::after {
		width: 40px;
		height: 30px;
	}

	/* ============ rolling_banner_section ============ */
	.rolling_banner_section {
		display: block;
		height: 494px;
		background: url(/content/images/rolling_banner_bg.png) no-repeat;
		background-size: cover;
	}

	.rolling_banner_section .item .item_intro .btn_more {
		margin-top: 20px;
		width: 67px;
		height: 26px;
		border-radius: 26px;
		background: #c6bfff;
		color: #fff;
		line-height: 24px;
		font-weight: 400;
	}

	.rolling_banner_section .item .item_intro .btn_more::after {
		content: "";
		display: inline-block;
		width: 5px;
		height: 9px;
		margin-left: 5px;
		background: url(/content/images/more.png) no-repeat center;
		background-size: 100% auto;
	}

	#scroller {
		width: 100%;
		height: 494px;
		overflow: hidden;
	}

	#scroller .item_wrap {
		position: relative;
		top: 0;
		display: flex;
		white-space: nowrap;
	}

	#scroller .item {
		position: relative;
		float: left;
		width: 474px;
		height: 494px;
		padding: 0 30px;
	}

	#scroller .item .image {
		position: absolute;
		left: 0;
		width: 70%;
		display: flex;
		align-items: center;
	}

	#scroller .item.top .image {
		top: 0;
	}

	#scroller .item.bottom .image {
		bottom: 0;
	}
}

@media (min-width: 991px) and (max-width: 1200px) {
	.life_section .btn_youtube {
		bottom: -60px;
	}
}

@media (min-width: 768px) and (max-width: 1200px) {
	.life_section .item_area {
		margin-top: 80px;
	}
}

@media (min-width: 1200px) {
	/* ============ main_banner ============ */
	.delivery_section .banner_text {
		margin: 80px 0;
		padding-left: 0px;
	}

	/* ============ banner_section ============ */

	.banner_section .banner_wrap::after {
		top: -90px;
		width: 483px;
		height: 322px;
	}

	.banner_section .main_copy {
		font-size: 40px;
	}

	.banner_section .sub_copy {
		font-size: 24px;
	}

	/* ============  delivery_section ============ */
	.regular_slider .item_list.basic .img_area {
		width: 340px;
		height: 340px;
	}

	/* ============ life_section ============ */
	.life_section .youtube_wrap .tab_menu {
		padding-top: 50px;
	}

	.life_section .btn_youtube {
		bottom: 0px;
	}

	/* ============ review_section ============ */
	.review_section .navi .swiper-button-prev {
		left: -10px;
	}

	.review_section .navi .swiper-button-next {
		right: -10px;
	}

	/* ============ timedeal_section ============ */
	.timedeal_section .timedeal_slider {
		margin: 0 -15px;
	}

	.timedeal_section .timedeal_slider .list_area {
		/* width: calc(100% / 3); */
		padding: 0 15px;
	}

	.timedeal_section .timedeal_slider .list_area:nth-of-type(3) {
		margin-top: 0;
	}
}

/* /////////////////////////////////////////////////////////////////////////////////////////////
    메인 - 정기배송 스와이퍼
/////////////////////////////////////////////////////////////////////////////////////////////*/
.delivery_section .item_list .list_area {
	width: 100%;
	margin: 0 0;
}

.delivery_section .regular_slider .swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.delivery_section .item_list .list_area .img_area {
	background-color: #fbfbfc;
	border: 1px solid #f1f1f1;
	border-radius: 20px;
	padding-bottom: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}

@media (max-width: 480px) {
	.regular_slider.pc {
		display: none !important;
	}

	.delivery_item_list.mobile {
		display: flex !important;
		padding-bottom: 15px;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
	}

	.main_contents .youtube_area + .item_area .main_tit {
		margin-bottom: 55px !important;
	}

	.delivery_section .item_list {
		margin: 0;
		padding: 30px 0 0;
	}

	.delivery_section .item_list:last-child {
		border-bottom: 0;
	}

	.delivery_section .item_list .right {
		width: calc(100% - 120px);
	}

	.delivery_section .item_list .list_area {
		display: flex;
		width: 100%;
		padding: 0;
	}

	.delivery_section .item_list .list_area:nth-child(odd) {
		padding-right: 0;
	}

	.delivery_section .item_list .list_area .img_area {
		width: 50%;
	}

	.delivery_section .item_list .list_area .txt_wrap {
		width: 50%;
	}

	.delivery_section .item_list .list_area .txt_wrap .txt_area {
		border-top: 0;
		margin-top: 0;
		padding-top: 0;
	}

	.delivery_section .item_list .list_area .txt_wrap .txt_area .brand {
		padding-top: 0;
		margin-top: 0;
	}

	.delivery_section .item_list .list_area .img_area {
		width: 106px;
		height: 106px;
		padding-bottom: 0;
		border-radius: 10px;
	}

	.delivery_section .item_list .list_area .txt_wrap {
		/* width: 50%; */
		width: calc(100% - 106px);
		padding-left: 30px;
	}

	.delivery_section .item_list .list_area .txt_wrap .txt_area {
		margin-top: 0;
		padding-top: 0;
	}

	.delivery_section .item_list .badge_area.ty02 {
		position: relative;
		left: unset;
		bottom: unset;
		margin-left: 15px;
		width: unset;
		height: unset;
	}

	.delivery_section .item_list .badge_area .badge_delivery {
		width: 85px;
		height: auto;
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		box-shadow: none;
		font-weight: 300;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.item_list .badge_area .badge_delivery > em {
		font-size: 0px;
		font-weight: 500;
	}

	.delivery_section .item_list .badge_area {
		bottom: 2px;
		width: 100%;
		/* height: 100%; */
		height: auto;
		overflow: hidden;
		flex-direction: column;
		top: unset;
		justify-content: flex-end;
	}

	.delivery_section .item_list .badge_area span {
		width: 46px;
		padding: 0.25em 0.39em;
		margin: 1px 0;
	}

	.delivery_section .btn_more {
		padding: 0;
		width: 150px;
		height: 40px;
		margin-top: 10px;
	}

	.delivery_section .delivery_item_list .item_list {
		overflow: hidden;
		padding: 0;
		margin-top: 20px;
	}

	.delivery_section .delivery_item_list .item_list.on {
		max-height: 100%;
		overflow: visible;
	}

	.delivery_item_list.mobile .btn_wrap {
		position: relative;
		width: 100%;
		justify-content: center;
		background: #fff;
		padding: 0;
		/* margin-top: 40px; */
		/* 221209 */
		margin: 25px auto 40px;
	}

	.delivery_item_list.mobile .btn_wrap button {
		margin: 0;
	}

	.main_contents .section.life_section {
		margin-top: 60px;
		background-size: 120% auto;
	}

	.life_section .item_area .life_slider {
		display: flex;
		flex-wrap: unset;
		flex-direction: row;
		overflow-x: scroll;
		white-space: nowrap;
		padding: 0 20px;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin-right: 0px;
		padding-right: 0;
	}

	.life_section .item_area .life_slider::-webkit-scrollbar {
		display: none;
	}

	.life_section .item_area .life_slider .list_area {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 30px;
		width: 135px;
		margin-right: 15px;
	}

	.life_section .item_area .life_slider .list_area:last-child {
		margin-right: 40px;
	}

	.life_section .life_slider .img_area {
		width: 135px;
		height: 135px;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.regular_slider.pc {
		display: none !important;
	}

	.delivery_item_list.mobile {
		display: block !important;
	}

	.item_list.thumb .txt_area {
		border-top: 0;
	}

	.delivery_section .item_list {
		margin: 0;
		width: 100% !important;
		padding: 20px 0 0;
	}

	.delivery_section .item_list .right {
		width: calc(100% - 214px);
	}

	.delivery_section .item_list:last-child {
		border-bottom: 0;
	}

	.delivery_section .item_list .list_area {
		display: flex;
		width: 100%;
		padding: 0;
	}

	.delivery_section .item_list .list_area:nth-child(odd) {
		padding-right: 0;
	}

	.delivery_section .item_list .list_area .img_area {
		width: 214px;
		height: 214px;
		padding-bottom: 0;
	}

	.delivery_section .item_list .list_area .txt_wrap {
		width: 50%;
		width: calc(100% - 214px);
		padding-left: 30px;
	}

	.delivery_section .item_list .list_area .txt_wrap .txt_area {
		margin-top: 0;
		padding-top: 0;
	}

	.delivery_section .item_list .brand {
		font-size: 16px;
	}

	.delivery_section .item_list.thumb .title {
		font-size: 16px;
		height: 48px;
	}

	.delivery_section .item_list .sale_area .sale,
	.delivery_section .item_list .sale_area .price {
		font-size: 16px;
	}

	.delivery_section .item_list .badge_area.ty02 {
		position: relative;
		left: unset;
		bottom: unset;
		margin-left: 15px;
	}

	.delivery_section .item_list .badge_area .badge_delivery {
		font-size: 13px;
		width: 110px;
		height: 32px;
		padding: 0;
		background: #fbfbfb;
		color: #ff3939;
	}

	.item_list .badge_area .badge_delivery > em {
		font-size: 0px;
	}

	.delivery_section .btn_more {
		padding: 12px 60px;
		width: unset;
		height: unset;
		margin-top: 10px;
	}

	.delivery_item_list.mobile .btn_wrap {
		position: relative;
		width: 100%;
		bottom: 40px;
		background: #fff;
		padding: 40px 0 0px 0;
		display: flex;
		justify-content: center;
	}

	.delivery_item_list.mobile .btn_wrap button {
		margin: 0;
		font-size: 14px;
		padding: 8px 60px;
	}

	.delivery_section .delivery_item_list .item_list {
		max-height: 748px;
		overflow: hidden;
	}

	.delivery_section .delivery_item_list .item_list.on {
		max-height: 100%;
		overflow: visible;
	}

	.life_section .item_list {
		width: auto;
	}

	.life_section .item_area .life_slider {
		display: flex;
		flex-wrap: unset;
		flex-direction: row;
		overflow-x: scroll;
		white-space: nowrap;
		padding: 0 20px;
		margin: 0;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.main_contents .section {
		padding-top: 0;
	}

	.life_section .item_area .life_slider::-webkit-scrollbar {
		display: none;
	}

	.life_section .item_area .life_slider .list_area {
		width: 135px;
		padding-left: 0;
		padding-right: 0;
		margin-right: 15px;
	}

	.life_section .item_area .life_slider .list_area:last-child {
		padding-right: 0;
	}

	.life_section .life_slider .img_area {
		width: 135px;
		height: 135px;
	}

	.main_contents .section.new_section,
	.main_contents .section.timedeal_section {
		margin-top: 20px;
	}

	.delivery_item_list.mobile .btn_wrap {
		margin-bottom: 20px !important;
	}

	.main_contents .section.life_section .main_tit.main_inner {
		margin-bottom: 20px !important;
		padding-bottom: 10px;
	}

	.main_contents .timedeal_section .main_tit {
		padding-top: 0;
	}

	.review_section .review_slider {
		margin: 40px 0 0 0;
	}

	.life_section .item_area {
		margin-top: 0px;
	}

	.countDown__digit_new_placeholder {
		height: 28px;
		width: 18px;
		padding-right: 1px;
	}

	.main_contents .countDown__interval_basic_cont:before {
		transform: translate(46px, 0);
		font-size: 20px;
	}

	.countDown__interval_cont:nth-child(n + 1):not(:last-child) {
		height: 28px;
	}

	.countDown__interval_cont_day .countDown__digit_cont:nth-child(n + 1):not(:last-child),
	.countDown__interval_cont_day .countDown__digit_new_placeholder {
		height: 28px;
		width: 10px !important;
		padding: 0;
	}
}

@media (min-width: 1200px) {
	.delivery_section .regular_slider::before {
		content: "";
		width: 100vw;
		height: 100%;
		background-color: #fff;
		position: absolute;
		top: 0;
		left: -100vw;
		z-index: 2;
	}

	.regular_slider .swiper-wrapper {
		margin-left: -30px;
	}
}

@media (min-width: 768px) {
	.item_list.thumb .txt_area {
		border-top: 0;
	}

	.delivery_section .item_list .list_area {
		display: block;
		padding-bottom: 10px;
	}

	.delivery_section .regular_slider {
		overflow: visible;
	}

	.delivery_section .regular_slider .navi {
		position: absolute;
		top: -54px;
	}

	.review_section .swiper-pagination {
		display: none;
	}
}

@media (max-width: 767px) {
	/* 모바일에서 여백 잡는 중  */
	.life_section .item_area .life_slider {
		margin-left: -20px;
		margin-right: 0;
		padding-left: 40px;
		/* 여백? */
		padding-right: 0px;
		/* 여백? */
		box-sizing: border-box;
		position: relative;
	}

	.life_section .item_area .life_slider::after {
		position: relative;
		top: 0;
		left: 0;
		content: "";
		width: 20px;
		height: 0;
		background-color: transparent;
		display: block;
		flex-shrink: 0;
		padding-bottom: 102%;
	}

	.life_section .item_area .life_slider .list_area:last-child {
		margin-right: 0px;
	}
}

/* //////////////////////////////////////////////////////////////////////////////////////
    타임딜new Timedeal new
////////////////////////////////////////////////////////////////////////////////////// */
.timedeal_new .list_area {
	width: calc(100% / 3);
}

.timedeal_new .img_area {
	background-color: #fbfbfc;
	border: 1px solid #f1f1f1;
}

@media (max-width: 480px) {
	.main_contents .main_tit .link_more {
		padding-right: 12px;
		background: url(/content/images/icon/arrow_dark.png) no-repeat 100% 53%;
		background-size: 10px auto;
	}

	.life_section .item_area .main_tit .link_more {
		top: 55px;
		transform: none;
	}

	.timedeal_section .main_tit .link_more {
		right: 20px;
	}

	.timedeal_section {
		padding: 0 0 30px;
	}

	.timedeal_counter {
		border-radius: 24px 24px 0 0;
	}

	.timedeal_counter.ty02 {
		height: 45px;
	}

	.timedeal_section .main_tit {
		margin-top: 0px;
		margin-bottom: 0 !important;
		padding-top: 0;
	}

	.timedeal_new.item_list.thumb {
		padding: 0 0 0 20px;
		margin: 0 0 0 -8px;
	}

	.timedeal_new.item_list.thumb::after {
		content: "";
		display: inline-block;
		width: 20px;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
		padding-bottom: 102%;
		background-color: transparent;
		flex-shrink: 0;
	}

	.timedeal_new.item_list.thumb .list_area:last-child {
		padding-right: 0px;
	}

	.life_section .youtube_wrap .tab_menu {
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* Firefox */
	}

	.banner_section {
		padding: 0;
	}

	.life_section .youtube_wrap .tab_menu::-webkit-scrollbar {
		display: none;
	}

	.new_section .item_list .list_area {
		padding: 0 15px;
	}

	.review_section {
		margin-top: 0;
		padding: 0 0 60px;
	}

	.review_section .main_tit {
		margin-bottom: 0 !important;
		padding-bottom: 10px;
	}

	.event_section .main_tit {
		padding-top: 0;
	}
}

.best_section .item_list .list_area {
	margin-bottom: 0;
}

.timedeal_section .list_area {
	margin: 0 0 0 !important;
}

@media (max-width: 767px) {
	.best_section .item_list .list_area {
		margin-bottom: 40px;
	}

	.event_section .main_tit {
		padding: 0;
	}
}

/*  //////////////////////////////////////////////////////////////////

20220721 수정

////////////////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////

모바일 화면

///////////////////////////////////////////////// */
@media (max-width: 480px) {
	/* main */

	.main_contents .main_tit div > .tit {
		font-size: 24px;
		line-height: 1;
		position: relative;
		letter-spacing: -1.2px;
		padding: 0 20px;
	}

	.main_contents .timedeal_section .main_tit .tit,
	.main_contents .youtube_area .main_tit .tit {
		overflow: hidden;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-wrap: nowrap;
		flex-direction: row;
		padding: 0;
		width: 100%;
		height: auto;
	}

	.life_section .youtube_area .main_tit .tit > span {
		margin-bottom: 0;
		width: 100%;
		height: auto;
	}

	.main_contents .main_tit .sub_tit {
		font-size: 14px;
		margin: 14px 0 0;
		line-height: 1;
		letter-spacing: -0.84px;
	}

	.best_section .main_tit .tit > span::after {
		transform: scale(0.8) translateX(7%);
	}

	.best_section .best_category ul > li > {
		width: 72px;
		height: 72px;
		box-sizing: border-box;
	}

	.best_section .best_category ul > li > img {
		margin: 0 0 10px;
	}

	.item_list .brand {
		font-size: 14px;
		line-height: normal;

		margin-bottom: 5px;
	}

	.item_list .price_area .before {
		margin-left: 4px;
		margin-top: 2px;
	}

	.price_area .price_discount {
		line-height: 1.2;
	}

	.regular_deli .price_area .price_discount {
		line-height: 1;
	}

	.star_area {
		margin-top: 7px;
	}

	.item_list .sale_area .sale,
	.item_list .sale_area .price {
		font-size: 16px;
		line-height: 1;
	}

	.life_section .youtube_wrap .tab_menu > li > p {
		font-size: 13px;
		font-weight: 400;
		margin-left: 6px;
	}

	.life_section .youtube_wrap .tab_menu > li > img {
		width: 32px;
		height: 32px;
	}

	.life_section .btn_youtube {
		width: calc(100% - 40px);
		height: 54px;
		background: url(/content/images/mc_youtube_bg.png) no-repeat center center;
		background-size: 100% auto;
		font-size: 12px;
		padding-left: 0;
		margin: 20px auto 0;
	}
}

@media (max-width: 480px) {
	.section.timedeal_section .main_tit > div {
		margin: 0 auto;
	}

	.featured_contents .txt {
		border-radius: 0 0 40px 0px;
		padding: 12px 12px 13px;
		max-height: 65px;
		box-sizing: border-box;
	}

	.life_section .item_area {
		margin-top: 28px;
	}

	.item_list.thumb .txt_area {
		margin-top: 5px;
	}

	.youtube_area + .item_area .main_tit {
		margin-top: 20px;
		padding: 0 20px;
	}

	.timedeal_section .main_tit .tit > span {
		display: inline-block;
		vertical-align: middle;
		width: 57px;
		height: 26px;
		margin-left: 5px;
		margin-bottom: 6px;
		background: url(/content/images/timedeal.png) no-repeat center;
		background-size: 100% auto;
		font-size: 0;
	}

	.main_contents .timedeal_section .main_tit .tit {
		margin-bottom: 55px;
		position: relative;
	}

	.star_area .star_wrap span img {
		width: 11px;
		height: 11px;
	}

	.item_list .btn_thumb_m a.btn_wish_m.on,
	.item_list .btn_thumb_m .wrap_btn_thumb_m a {
		width: 25px;
		height: 25px;
		margin-left: 10px;
		background-size: 100% auto;
	}

	.item_list .btn_thumb_m .wrap_btn_thumb_m {
		margin-top: 7.5px;
		height: auto;
	}

	.item_list.thumb .txt_area {
		margin-top: 7.5px;
		border-top: 1px solid #f1f1f1;
	}

	.featured_contents .txt {
		border-radius: 0 0 40px 0px;
		padding: 14px 10px;
		height: 64px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-content: flex-start;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
	}

	.review_section .review_slider {
		margin: 20px 0 0;
	}

	.main_contents .review_section .main_tit {
		padding-top: 20px;
	}

	.review_section .review_info .star_area {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		justify-content: flex-start;
		align-content: flex-end;
		flex-wrap: nowrap;
	}

	.review_section .swiper-pagination {
		transform: scale(0.8);
		margin: 30px auto 0;
	}

	.featured_contents .txt p {
		overflow: hidden;
		display: -webkit-box;
		margin-top: 0;
		color: #333;
		font-size: 14px;
		font-weight: 500;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		letter-spacing: -0.72px;
		line-height: 1;
	}

	.featured_contents .txt span {
		display: block;
		color: #8f8f9b;
		font-size: 12px;
		margin: 4px 0 0;
		font-weight: 300;
		letter-spacing: -0.6px;
		white-space: nowrap;
		width: 90%;
		text-overflow: ellipsis;
		overflow: hidden;
		line-height: 1;
	}

	.main_contents .main_tit .link_more {
		position: absolute;
		top: 50%;
		right: 0;
		line-height: 1;
		transform: translateY(-50%);
		width: 60px;
		height: 12px;
		line-height: 12px;
		padding-right: 8px;
	}

	.new_section .main_tit.main_inner {
		padding: 0;
		margin: 30px 0;
	}

	/* link more */

	.main_contents .section.life_section .youtube_area + .item_area p.sub_tit {
		margin: 10px 0 0 0;
	}

	.main_contents .main_tit > div {
		width: 100%;
		height: auto;
		position: relative;
	}
}

/* .featured_contents .event_label */
@media (min-width: 768px) {
	.featured_contents .event_label {
		top: unset;
		transform: unset;
		bottom: 93px;
	}

	.featured_contents .txt p {
		margin: 0;
	}

	.featured_contents .txt span {
		margin: 10px 0 0;
	}
}

@media (max-width: 767px) {
	.featured_contents .event_label {
		top: unset;
		transform: unset;
		bottom: 24%;
	}

	.featured_contents .row {
		margin: 0;
	}

	.featured_contents .txt p {
		margin: 0;
	}

	.featured_contents .txt span {
		margin: 5px 0 0;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.featured_contents .event_label {
		bottom: unset;
		top: 62%;
	}
}

@media (min-width: 481px) and (max-width: 991px) {
	.best_section .item_list .list_area {
		margin: 40px 0;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.featured_contents .txt {
		padding: 12px 15px;
	}
}

@media (max-width: 480px) {
	.featured_contents .event_label {
		top: unset;
		transform: unset;
		bottom: 22%;
	}

	.event_section .list_area {
		margin: 0;
		padding-bottom: 0;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.review_section .review_info .user_area .user_id,
	.review_section .review_info .user_area .review_date {
		font-size: 11px;
		line-height: 16px;
	}
}

.main_contents .main_tit > div {
	width: 100%;
	height: auto;
	position: relative;
}

.main_contents .best_section .main_tit > div {
	height: 48px;
	background: url(/content/images/best_section_sm_2.png) no-repeat center center;
	background-size: auto 100%;
}

@media (max-width: 767px) {
	.main_contents .best_section .main_tit > div {
		height: 27px;
	}
}

.best_section .main_tit .tit {
	font-size: 0 !important;
}

/* 메인 모바일 모달팝업 관련 css */
.modal-backdrop.fade {
	opacity: 0.8;
}

.modal-backdrop {
	z-index: 9999;
}
.modal-backdrop.main_bottom {
	/* z-index: 1031; */
	z-index: 1041;
}

@media (min-width: 992px) {
	.delivery_section .swiper-wrapper .item_list {
		width: 363px;
	}
}

.main_contents .modal.fade.modal_full.pop_rv_write.main_bottom.show {
	z-index: 1044 !important;
}

@media (min-width: 768px) {
	.modal.main_bottom,
	.modal.main_bottom.show,
	.modal-backdrop.main_bottom,
	.main_contents .modal.fade.modal_full.pop_rv_write.main_bottom,
	.main_contents .modal.fade.modal_full.pop_rv_write.main_bottom.show {
		display: none;
	}
}

/* 20230912 */
/* 20241021 */
.main_slider .swiper-controller {
	display: block;
	width: 56px;
	text-align: center;
}

.main_slider .swiper-button-next:after,
.main_slider .swiper-button-prev:after {
	font-size: 0;
}

.main_slider .swiper-controller .swiper-button-play,
.main_slider .swiper-controller .hide {
	display: none;
}

.main_slider .swiper-controller .hide ~ .swiper-button-play {
	display: inline-flex;
}

.main_slider .swiper-pagination,
.main_slider .swiper-controller,
.main_slider .swiper-button-play,
.main_slider .swiper-button-pause {
	background-color: #ffffff60;
	border-radius: 30px;
}

.main_slider .swiper-button-play,
.main_slider .swiper-button-pause {
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	cursor: pointer;
}

.main_slider .swiper-button-play,
.main_slider .swiper-button-pause {
	width: 26px;
}

.main_slider .swiper-button-next,
.main_slider .swiper-button-prev {
	position: relative;
	top: unset;
	left: unset;
	bottom: unset;
	right: unset;
	transform: unset;
	padding: unset;
	margin: unset;
	display: inline-block;
	width: 12px;
	height: 26px;
	background-size: 12px auto;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 4px;
}

.main_slider .swiper-pagination,
.main_slider .swiper-controller {
	width: 56px;
}
.main_slider .swiper-button-next,
.main_slider .swiper-button-prev,
.main_slider .swiper-pagination,
.main_slider .swiper-button-play,
.main_slider .swiper-button-pause {
	height: 26px;
}

.main_slider .swiper-button-pause {
	background-image: url("/content/images/icon/ico_main_pause.png");
}

.main_slider .swiper-button-play {
	background-image: url("/content/images/icon/ico_main_play.png");
}
.main_slider .swiper-controller .swiper-button-next {
	background-image: url("/content/images/icon/arr_R_12x12.png");
}
.main_slider .swiper-controller .swiper-button-prev {
	background-image: url("/content/images/icon/arr_L_12x12.png");
}

.main_slider .swiper-user-set {
	position: absolute;
	bottom: 20px;
	left: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: row;
	width: 100%;
	max-width: 1200px;
	transform: translate(-50%, 0%);
	text-align: right;
	z-index: 2;
	gap: 8px;
}

.main_slider .swiper-user-set > div {
	flex: none;
	position: relative;
	top: unset;
	left: unset;
	bottom: unset;
	right: unset;
}

.main_slider .swiper-pagination {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
}

@media (max-width: 767px) {
	.main_slider .swiper-user-set {
		right: 16px;
		bottom: 10px;
		transform: none;
		left: unset;
	}

	.main_slider .swiper-pagination,
	.main_slider .swiper-controller {
		width: 48px;
	}
	.main_slider .swiper-button-next,
	.main_slider .swiper-button-prev,
	.main_slider .swiper-pagination,
	.main_slider .swiper-button-play,
	.main_slider .swiper-button-pause {
		height: 20px;
	}

	.main_slider .swiper-button-play,
	.main_slider .swiper-button-pause {
		width: 20px;
	}
}

/* 20231027 */
/* 20250429 */
/* banner-section */
@media (max-width: 991px) {
	.banner_section {
		height: 70px;
		padding: 0 20px;
	}

	.banner_section .banner_img {
		width: 115px;
	}

	.banner_section .main_copy {
		font-size: 15px;
	}

	.main_contents .banner_section {
		margin-bottom: 70px;
	}
}

@media (max-width: 767px) {
    .banner_section .container {
        max-width: 300px;
    }
}

/* 20240904 */
@media (min-width: 480px) {
	.best_section .best_category ul {
		max-width: 700px;
		gap: 20px 32px;
	}

	.best_section .best_category ul > li > p {
		font-size: 16px;
	}
}

@media (min-width: 768px) {
	.best_section .best_category ul {
		gap: 20px 48px;
	}

	.best_section .best_category ul > li > p {
		font-size: 20px;
	}
}