@charset "utf-8";

/* 메인용으로 헤더 별도 설정 */
#header {position:relative; top:0; left:0; width:100%; z-index:1000; max-width:720px;}
#header.fixed_top {top:-100px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
body.includeTopBanner #header.fixed_top {top: -160px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}

#main_visual{position:relative; z-index:10; width:100%; height:732px; margin-top:178px;}
body.includeTopBanner #main_visual {/*margin-top: 238px;*/margin-top: 0;}
#main_visual img {width:100%; height:732px;}
#main_visual .bx-wrapper .bx-pager {bottom:47px;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a {background:#fff; opacity:0.4; width:14px; height:14px;	margin:0 10px; -webkit-border-radius:50%; border-radius:50%;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff; opacity:1;}

#main_visual .swiper-container-horizontal>.swiper-pagination {
    bottom: 47px;
}
#main_visual .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
	margin:0 10px;
    background: #fff;
    opacity: .4;
}
#main_visual .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

#promotion {height:1237px; background:url('../images/main/promotion_bg.jpg') no-repeat;}
#promotion h2 {padding:45px 0 54px; text-align:center;}
#promotion .slider_wrap {width:670px; margin:0 auto;}
#promotion .bx-controls-direction {position:absolute; top:912px; width:100%;}
#promotion .bx-controls-direction a {top:24px; width:14px; height:29px; margin:0;}
#promotion .bx-wrapper .bx-prev {left:50%; margin-left:-120px; background:url('../images/main/btn_prev.png');}
#promotion .bx-wrapper .bx-next {right:50%; margin-right:-120px; background:url('../images/main/btn_next.png');}
#promotion .page {position: relative; z-index: 1; width:670px; height:77px; margin:-5px auto 0; border-top:1px solid #c1c1c1; text-align:center; font-size:22px; line-height:77px; background:#fff;}
#promotion .page em {display:inline-block; padding:0 20px; font-size:30px; color:#6e6e6e;}

#hotdeal {margin-top: 60px;}
#hotdeal li+li {margin-top:7px;}

#tv {position:relative;}
#tv h2 {text-align:center;}
#tv .movie {position:relative; overflow:hidden; width:100%; height:371px;}
#tv .movie img {width:100%; vertical-align:top;}
#tv .movie .btn_movie_play {position:relative; z-index:10;}
#tv .movie video {position:absolute; top:0; left:0%; width:100%;}

#tv .movie.v2 {
	height: 0;
	padding-bottom: 51.46%;
}
#tv .main_tv_cover {
	width: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
}
#tv iframe {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	left: 0;
	right: 0;
}

#best .cont {overflow:hidden;}
#best .cont img {float:left;}

#space {overflow:hidden; text-align:center;}
#space .slider_wrap {position:relative;}
#space .img_wrap {position:relative; padding-bottom:56.32%;}
#space .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
#space .bx-wrapper .bx-prev {width:44px; height:44px; left:0; margin-top:-22px; background:url('../images/main/btn_prev02.png') no-repeat;}
#space .bx-wrapper .bx-next {width:44px; height:44px; right:0; margin-top:-22px; background:url('../images/main/btn_next02.png') no-repeat;}

#space .swiper-slide .txt {
	display: none;
}
#space .swiper-button-next,
#space .swiper-button-prev {
	width: 44px;
	height: 44px;
	margin-top: -22px;
	background-size: 44px 44px;
	background-repeat: no-repeat;
}
#space .swiper-button-prev {
	left: 0;
	background-image: url('../images/main/btn_prev02.png');
}
#space .swiper-button-next {
	right: 0;
	background-image: url('../images/main/btn_next02.png');
}

#issue {overflow:hidden;}
#issue .slider_wrap {height:702px; margin:0 -273px; padding-top:80px; background:url('../images/main/issue_bg.jpg');}
#issue > h2 {height: 137px; line-height: 137px; text-align: center;}
#issue > h2 img {vertical-align: middle;}

#real * {
	font-family: 'Noto Sans KR', '돋음', sans-serif;
}
#real .cont {
	overflow:hidden;
	margin-bottom: 56px;
}
#real li {
	position: relative;
	float: left;
	width: 33.333%;
	margin-bottom: 40px;
}
#real li img {
	width: 100%;
}
#real li p {
	position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    margin: 0 auto;
    background: #fff;
    width: 212px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
	font-weight: 400;
    letter-spacing: -1px;
    text-align: center;
}

/* PPEUM TV 221208 */
#ppeumTv {
	position: relative;
}
#ppeumTv h2 {
    padding: 62px 0 45px;
	text-align: center;
}
ppeumTv .videoPlayBox {
	display: none;
}
#ppeumTv .thumWrapper {
    position: relative;
    margin: 0 auto;
}
#ppeumTv .thumWrapper:not(.normal) {
    margin-left: 26px;
}
#ppeumTv .swiper-container {
	margin: 0 auto;
}
#ppeumTv .swiper-slide {
	width: 300px;
    margin: 0 16px 0 0;
}
#ppeumTv .swiper-slide:first-child {
	margin-left: 20px;
}
#ppeumTv .thumWrapper.normal .swiper-wrapper {
    display: block;
    text-align: center;
}
#ppeumTv .thumWrapper.normal .swiper-slide {
    display: inline-block;
    vertical-align: top;
}
#ppeumTv .thumBox {
    position: relative;
    width: 100%;
    height: 170px;
    overflow: hidden;
}
#ppeumTv .swiper-slide.play .thumBox::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
}
#ppeumTv .swiper-slide p {
    font-size: 21px;
    color: #010101;
    line-height: 1.6;
    padding: 19px 18px 0;
    padding-left: 0;
    letter-spacing: -2px;
}

#ppeumTv .thumBox img {
	width: 100%;
    margin-top: -28px;
}
#ppeumTv .thumWrapper .swiper-button-prev,
#ppeumTv .thumWrapper .swiper-button-next {
	display: none;
}
.videoPlayBox {
    position: relative;
    background: #3e3e3e;
    padding: 0;
    overflow: hidden;
    height: 0;
}
.videoPlayBox.active {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 720px;
    height: 100%;
    padding: 70px 0;
    margin: 0 auto;
    background: rgba(0,0,0,0.8);
    z-index: 1100;
}
.videoPlayBox .tv_close {
    position: absolute;
    top: -100px;
    right: -20px;
    width: 100px;
    height: 100px;
    background-color: transparent;
    background-image: url("/include/common/img/main/m/ico_tv_close.png");
    background-size: 58px 58px;
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    outline: 0;
    color: transparent;
    font-size: 0;
}
.videoPlayBox .vWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 672px;
    height: 379px;
    margin: 0 auto;
    transform: translate(-50%, -50%);
}
.videoPlayBox iframe {
    display: block;
	position: absolute;
    top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
}

#openPopup {
    position: absolute;
    top: 238px;
    left: 137px;
    z-index: 100;
}
#openPopup .bg {
    position: absolute;
    width: 420px;
    height: 237px;
	top: 10px;
    left: 10px;
}
#openPopup .bg video {
	width: 100%;
	height: 100%;
}

#popup .swiper-pagination-bullet {
	background: #fff;
    width: 16px;
    height: 16px;
}
#popup .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
#popup.multi .popupInner {
	width: 525px;
	height: 890px;
	margin-top: 28px;
}
#popup.multi .swiper-wrapper {
	padding-bottom: 40px;
}
@media screen and (max-height: 1100px) {
	#popup.multi .popupInner {
		width: 430px;
		height: 697px;
	}
}
@media screen and (min-height: 1400px) {
	#popup.multi .popupInner {
		width: 59.167%;
		height: 0;
		padding-bottom: 102%;
		margin-top: 28px;
	}
}
@media screen and (max-height: 748px) {
	#popup.multi .popupInner {
		width: 247px;
		height: 440px;
	}
	#popup .btn_close {
		top: -50px;
		width: 35px;
	}
}

/* 메인에서만 헤더 고정 해제 */
body {
	height: 100vh;
}
body.includeTopBanner #header.fixed_top {
    top: -250px;
	transition: all 0s ease;
    -webkit-transition: all 0s ease;
}

#main {
	min-height: 100vh;
	background: #fcedfe;
	/*padding-bottom: 166px;*/
}
#main_visual .swiper-pagination {
  left: auto;
  right: 32px;
  bottom: 32px !important;
  width: auto;
  height: 48px;
  line-height: 43px;
  padding: 0 26px;
  border-radius: 24px;
  background-color: rgba(0,0,0,0.5);
  font-family: 'Jost';
  font-size: 20px;
  font-weight: normal;
  color: #ccd0d1;
}
#main_visual .swiper-pagination span {
  position: relative;
  top: 2px;
  font-family: 'Jost';
  font-size: 22px;
  font-weight: normal;
  color: #fff;
}

.searchWord {
	position: relative;
    width: 100%;
    margin: 0 auto;
}
.searchWord em {
  display: none;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #2a2a2a;
}
.searchWrap {
  position: relative;
  width: 100%;
  height: 80px;
  background-color: #fff;
}
.searchWrap::before {
    content: '실시간 검색';
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    border-radius: 8px;
    background-color: #757d86;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 32px;
    transform: translateY(-50%);
}
.searchMore {
    position: absolute;
    right: 12px;
    top: 0;
    width: 170px;
    height: 79px;
    font-family: 'Noto Sans KR';
    font-size: 22px;
    font-weight: 500;
    color: #c0c6cc;
    background-color: #fff;
    z-index: 2;
}
.searchMore::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -18px;
    width: 40px;
    height: 40px;
    background-image: url("/include/common/img/main/m/ico_more.png");
    background-size: 37px auto;
    background-position: 50%;
    background-repeat: no-repeat;
}
.searchWrap .swiper-container {
    top: 21px;
    margin-left: 95px;
    width: calc(100% - 332px);
    height: 40px;
    left: 74px;
}
.searchWrap .swiper-slide {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  color: #4e4e4e;
  padding-left: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchWrap .swiper-slide::before {
	content: attr(data-idx);
    position: absolute;
    left: 0;
    top: 1px;
	display: inline-block;
	font-family: 'Jost';
    font-size: 26px;
    font-weight: 500;
    color: #2a2a2a;
}

.mainMenu {
	position: relative;
	width: 720px;
	background: #e876dd;
	height: 88px;
    line-height: 88px;
}
.mainMenu.fixed {
    position: fixed;
    top: 0;
    z-index: 10;
}
.mainMenu .swiper-slide {
  width: auto;
  line-height: 88px;
  padding: 0 11px;
  margin-right: 27px;
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  color: #ffbcf9;
}
.mainMenu .swiper-slide:first-child {
  margin-left: 43px;
}
.mainMenu .swiper-slide.active {
  color: #fff;
}

/* Tab Menu */
.menuTab {
    background: #fff;
    height: 332px;
    line-height: 1.0;
	border-top: 1px solid #DE1F16;
	border-bottom: 1px solid #DE1F16;
	overflow: hidden;
}

.menuTab .swiper-slide {
    float: left;
    display: inline-table;
    width: 25%;
	height: 110px;
	line-height: 1.0;
    vertical-align: top;
    padding: 0 10px;
    margin: 0;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: -1px;
    text-align: center;
    color: #DE1F16;
    box-sizing: border-box;
	border-right: 1px solid #DE1F16;
}
.menuTab.col9 .swiper-slide {
	height: 80px;
	font-size: 20px;
}
.menuTab.col9 .swiper-slide.w100 {
	width: 100%;
	height: 60px;
}
.menuTab .swiper-slide span {
    display: table-cell;
    vertical-align: middle;
	line-height: 1.2;
	font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.menuTab .swiper-slide.w100 span em {
	font-weight: bold;
}
.menuTab .swiper-slide.active {
	background: #DE1F16;
}
.menuTab .swiper-slide.active span {
	color: #fff;
}

.menuTab .swiper-slide:first-child {
  margin-left: 0;
}
/*.menuTab .swiper-slide:nth-child(4n) {*/
/*    border-right: 0;*/
/*}*/
.menuTab .swiper-slide:nth-child(-n+6) {
    border-bottom: 1px solid #DE1F16;
}

.menuTab.col9 .swiper-slide:nth-child(4n) {
    border-right: 1px solid #DE1F16;
}
.menuTab.col9 .swiper-slide:nth-child(5n) {
	border-bottom: 1px solid #DE1F16;
}
.menuTab.col9 .swiper-slide:first-child,
.menuTab.col9 .swiper-slide:nth-child(5n),
.menuTab.col9 .swiper-slide:nth-child(9n) {
	border-right: 0;
}
.menuTab .swiper-slide:nth-child(1),
.menuTab .swiper-slide:nth-child(2) {
	width: 50%;
}
.mainContentWrap {
    position: relative;
    overflow: hidden;
}
.mainSection {
    width: calc(100% - 64px);
	/*margin: 110px auto 0;*/
	margin: 60px auto 110px;
}
.mainSection.ver2.active {
    padding-top: 86px;
}

.mainContentWrap > .mainSection:last-child {
	margin-bottom: 0;
}
/*.mainContentWrap > .mainSection.active {
	margin-top: 140px;
}*/
/*.mainContentWrap > .mainSection:first-child.active {
	margin-top: 90px;
}*/
/*.mainContentWrap > .mainSection:first-child.active {
	margin-top: 90px;
}*/
.mainSection.searchWordRanking {
	margin-top: 120px;
	margin-bottom: 0;
	padding-bottom: 166px;
}
/*.mainMenu:not(.fixed) ~ .mainContentWrap .mainSection:first-child {
	margin-top: 65px;
}*/

.prdName {    
  display: block;
  margin: 23px auto 18px;
  font-size: 28px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  color: #4e4e4e;
  letter-spacing: -1px;

  /*white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;  */
}
.hotDeal .prdName {
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
}
.sale {
  font-family: 'Jost';
  font-size: 34px;
  font-weight: 500;
  font-style: normal;
  color: #e876dd;
  letter-spacing: -1px;
  margin-right: 11px;
}
.discountedPrice {
  font-family: 'Jost';
  font-size: 34px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: -1px;
  color: #2a2a2a;
}
.price {
  position: relative;
  display: inline-block;
  font-family: 'Jost';
  font-size: 26px;
  font-weight: 300;
  font-style: normal;
  color: #b9b9b9;
  letter-spacing: -1px;
  padding-right: 2px;
}
.price::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
	width: 100%;
    height: 1px;
    background: #b9b9b9;
}
.sectionTitle {
  font-size: 48px;
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  letter-spacing: -1.2px;
  color: #2a2a2a;
  padding-top: 20px;
  margin-bottom: 15px;
}
.sectionTitle.ver2 {
    height: 80px;
    line-height: 80px;
    border-radius: 40px;
    background-color: #000;
    font-size: 34px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: -1px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    padding: 0;
	margin-top: 43px;
}
.mainContentWrap > .mainSection:first-child.active .sectionTitle {
	padding-top: 50px;
}
.menuTab ~ .mainContentWrap > .mainSection:first-child.active .sectionTitle {
    padding-top: 240px;
}
.sectionSubTitle {
  display: block;
  font-size: 30px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  letter-spacing: -2px;
  color: #4e4e4e;
  margin-bottom: 44px;
}

/*.menuTab ~ .mainContentWrap > .mainSection .sectionSubTitle {*/
/*    margin-bottom: 0;*/
/*}*/

.priceSection {
    overflow: hidden;
	margin-bottom: 60px;
}
.priceSection > h3 {
  height: 80px;
  line-height: 80px;
  border-radius: 40px;
  background-color: #f9a3f1;
  font-size: 42px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.promotion01 ul {
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
}

.promotion01 li {
    padding-bottom: 67px;
}
.promotion01 li .priceBox {
    position: absolute;
    bottom: 0;
    left: 0;
}
.promotion01 .priceSection + .priceSection > h3 {
  background-color: #dda3f9;
}
.promotion01 .priceSection + .priceSection + .priceSection > h3 {
  background-color: #d97ed1;
}
.promotion01 .prdName {
    font-size: 24px;
}
.promotion01 .sale,
.promotion01 .discountedPrice {
    font-size: 26px;
}
.promotion01 .price {
    font-size: 20px;
    letter-spacing: 0;
}

.promotion02 .swiper-container {
    margin-left: -32px;
    margin-right: -32px;
}
.promotion02 .swiper-slide {
	width: 440px;
	margin-right: 16px;
}
.promotion02 .swiper-slide:first-child {
	margin-left: 32px;
}
.promotion02 .thumb {
	width: 100%;
}

.promotion02 .prdName {
	width: 380px;
	margin-left: 0;
}


/* 리스트형 플러스딜 */
.promotion02.listType1 {
	width: 100%;
}
.promotion02.listType1 .sectionTitle,
.promotion02.listType1 .sectionSubTitle {
	margin-left: 32px;
	margin-right: 32px;
}
.promotion02.listType1 .banner {
    width: 100%;
    margin-bottom: 45px;
}
.promotion02.listType1 .swiper-container {
    margin-left: 32px;
    margin-right: 32px;
}
.promotion02.listType1 .swiper-wrapper,
.promotion02.listType1 .swiper-slide {
	display: block;
}
.promotion02.listType1 .swiper-slide {
	width: 100%;
	margin-left: 0 !important;
	margin-right: 0;
    margin-bottom: 24px;
	overflow: hidden;
}
.promotion02.listType1 .swiper-slide:last-child {
	margin-bottom: 0;
}
.promotion02.listType1 .thumb {
    float: left;
    width: 208px;
    margin: 0 32px 0 0;
}
.promotion02.listType1 .prdName {
    width: 100%;
    margin-left: 0;
}

.priceSection ul {
    overflow: hidden;
    margin-bottom: 30px;
}
.priceSection li {
	position: relative;
	float:left;
	width: 208px;
	margin-left: 16px;
	margin-top: 40px;

}
.priceSection li:nth-child(3n+1) {
	margin-left: 0;
	clear: both;
}
.priceSection li img {
	width: 100%;
}

.brandWeek,
.brandWeek .banner,
.etc {
  width: 100%;
}
.brandWeek .sectionTitle,
.brandWeek .sectionSubTitle,
.brandWeek .desc,
.brandWeek .brandBox,
.etc .sectionTitle,
.etc .sectionSubTitle,
.etc .desc,
.etc .brandBox {
	width: calc(100% - 64px);
	margin-left: auto;
	margin-right: auto;
}
.brandWeek .desc,
.etc .desc {
  font-size: 28px;
  font-weight: 500;
  color: #4e4e4e;
  margin: 37px auto 45px;
}

.brandWeek .prdBox,
.etc .prdBox {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
}
.brandWeek .thumb,
.etc .thumb {
  float: left;
  width: 208px;
  /*height: 272px;*/
  margin: 0 32px 0 0;
}

.brandWeek .swiper-container {
	margin-bottom: 48px;
	padding-right: 32px;
}
.brandWeek .swiper-slide {
  width: auto;
  height: 64px;
  line-height: 60px;
  padding: 0 32px;
  border-radius: 32px;
  border: solid 2px #e876dd;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
  color: #e876dd;
  margin-left: 16px;
}
.brandWeek .swiper-slide.active {
	background: #e876dd;
	color: #fff;
}
.brandWeek .swiper-slide:first-child {
	margin-left: 32px;
}
/*.brandWeek .prdBox {
	counter-increment: num;
}
.brandWeek .prdBox::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 41px;
    background: #000;
    content: counter(num);
    color: rgba(255,255,255,0.8);
    font-family: 'Jost';
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0;
	z-index: 1;
}
.brandWeek .thumb {
	position: relative;
    float: left;
    width: 208px;
    margin: 0 32px 0 0;
}
.brandWeek .thumb img {
	width: 100%;
}
.brandWeek .sticker {
    left: auto;
    right: 0;
}*/

/** 2023-08-18  주요지점 브랜드위크 지점별로 카테고리 노출되는 개수 다름 **/
.brandBox.cate01 .prdBox:not(:nth-of-type(-n+3)) {
	/*display: none;*/
}
.brandBox.cate02 .prdBox:not(:nth-of-type(n+4):nth-of-type(-n+9)) {
	display: none;
}
.brandBox.cate03 .prdBox:not(:nth-of-type(n+10):nth-of-type(-n+14)) {
	display: none;
}

/* 제주점 별도 */
.brandBox.ppeum31.cate01 .prdBox:not(:nth-of-type(-n+3)) {
	/*display: none;*/
}
.brandBox.ppeum31.cate02 .prdBox:not(:nth-of-type(n+4):nth-of-type(-n+8)) {
	display: none;
}
.brandBox.ppeum31.cate03 .prdBox:not(:nth-of-type(n+9):nth-of-type(-n+13)) {
	display: none;
}

.synergyPrd {
    border-top: 2px solid #fff;
    margin-top: 48px;
    overflow: hidden;
}
.synergyPrd > h3 {
  margin: 45px auto;
  font-size: 38px;
  font-weight: bold;
  letter-spacing: -0.96px;
  color: #000;
}

.prdBox,
.priceSection li,
.promotion02 .swiper-slide {
    cursor: pointer;
}

.hotDeal .price,
.searchBox .price {
  margin-left: 12px;
}

.hotDeal .prdBox {
    position: relative;
    overflow: hidden;
    margin-bottom: 45px;
}
.hotDeal .thumb {
  float: none;
  width: 100%;
}
.hotDeal .thumb img {
  width: 100%;
}
.hotDeal.leftThumbs .swiper-container {
	margin-left: -32px;
	margin-right: -32px;
	margin-bottom: 48px;
	padding-right: 32px;
}
.hotDeal.leftThumbs .swiper-slide {
  width: auto;
  height: 64px;
  line-height: 60px;
  padding: 0 32px;
  border-radius: 32px;
  border: solid 2px #e876dd;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
  color: #e876dd;
  margin-left: 16px;
}
.hotDeal.leftThumbs .swiper-slide.active {
	background: #e876dd;
	color: #fff;
}
.hotDeal.leftThumbs .swiper-slide:first-child {
	margin-left: 32px;
}
.hotDeal.leftThumbs .prdBox {
	counter-increment: num;
}
/** 2023-07-24 지점별로 카테고리 노출되는 개수 다름 **/
/*신논현, 명동*/
.hotDeal.leftThumbs.ppeum1 .cate01 .prdBox:not(:nth-child(-n+4)),
.hotDeal.leftThumbs.ppeum16 .cate01 .prdBox:not(:nth-child(-n+4)){
	display: none;
}
.hotDeal.leftThumbs.ppeum1 .cate02 .prdBox:not(:nth-child(n+5):nth-child(-n+8)),
.hotDeal.leftThumbs.ppeum16 .cate02 .prdBox:not(:nth-child(n+5):nth-child(-n+8)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum1 .cate03 .prdBox:not(:nth-child(n+9):nth-child(-n+11)),
.hotDeal.leftThumbs.ppeum16 .cate03 .prdBox:not(:nth-child(n+9):nth-child(-n+11)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum1 .cate04 .prdBox:not(:nth-child(n+12):nth-child(-n+14)),
.hotDeal.leftThumbs.ppeum16 .cate04 .prdBox:not(:nth-child(n+12):nth-child(-n+14)) {
	display: none;
}

/*강남*/
.hotDeal.leftThumbs.ppeum9 .cate01 .prdBox:not(:nth-child(-n+3)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum9 .cate02 .prdBox:not(:nth-child(n+4):nth-child(-n+6)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum9 .cate03 .prdBox:not(:nth-child(n+7):nth-child(-n+10)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum9 .cate04 .prdBox:not(:nth-child(n+11):nth-child(-n+14)) {
	display: none;
}

/*노원*/
.hotDeal.leftThumbs.ppeum22 .cate01 .prdBox:not(:nth-child(-n+4)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum22 .cate02 .prdBox:not(:nth-child(n+5):nth-child(-n+7)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum22 .cate03 .prdBox:not(:nth-child(n+8):nth-child(-n+11)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum22 .cate04 .prdBox:not(:nth-child(n+12):nth-child(-n+14)) {
	display: none;
}

/*대전*/
.hotDeal.leftThumbs.ppeum28 .cate01 .prdBox:not(:nth-child(-n+3)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum28 .cate02 .prdBox:not(:nth-child(n+4):nth-child(-n+6)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum28 .cate03 .prdBox:not(:nth-child(n+7):nth-child(-n+9)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum28 .cate04 .prdBox:not(:nth-child(n+10):nth-child(-n+13)) {
	display: none;
}

/*대구1*/
.hotDeal.leftThumbs.ppeum21 .cate01 .prdBox:not(:nth-child(-n+3)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum21 .cate02 .prdBox:not(:nth-child(n+4):nth-child(-n+6)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum21 .cate03 .prdBox:not(:nth-child(n+7):nth-child(-n+10)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum21 .cate04 .prdBox:not(:nth-child(n+11):nth-child(-n+13)) {
	display: none;
}

/*대구2, 제주*/
.hotDeal.leftThumbs.ppeum26 .cate01 .prdBox:not(:nth-child(-n+3)),
.hotDeal.leftThumbs.ppeum31 .cate01 .prdBox:not(:nth-child(-n+3)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum26 .cate02 .prdBox:not(:nth-child(n+4):nth-child(-n+7)),
.hotDeal.leftThumbs.ppeum31 .cate02 .prdBox:not(:nth-child(n+4):nth-child(-n+7)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum26 .cate03 .prdBox:not(:nth-child(n+8):nth-child(-n+11)),
.hotDeal.leftThumbs.ppeum31 .cate03 .prdBox:not(:nth-child(n+8):nth-child(-n+11)) {
	display: none;
}
.hotDeal.leftThumbs.ppeum26 .cate04 .prdBox:not(:nth-child(n+12):nth-child(-n+14)),
.hotDeal.leftThumbs.ppeum31 .cate04 .prdBox:not(:nth-child(n+12):nth-child(-n+14)) {
	display: none;
}

.hotDeal.leftThumbs .prdBox::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 41px;
    background: #000;
    content: counter(num);
    color: rgba(255,255,255,0.8);
    font-family: 'Jost';
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0;
	z-index: 1;
}
.hotDeal.leftThumbs .thumb {
	position: relative;
    float: left;
    width: 208px;
    margin: 0 32px 0 0;
}
.hotDeal.leftThumbs .thumb img {
	width: 100%;
}
.hotDeal.leftThumbs .sticker {
    left: auto;
    right: 0;
}


.week5 .thumb {
    margin-left: -32px;
    margin-right: -32px;
	margin-bottom: -5px;
}
.week5 .thumb img {
	width: 100%;
}

.week5 ul {
	padding-top: 28px;
    margin-left: -32px;
    margin-right: -32px;
	background-color: #fff;
}
.week5 li {
    position: relative;
    border-bottom: 1px solid #efefef;
    width: calc(100% - 72px);
    margin: 0 auto;
    overflow: hidden;
    padding: 7px 0 20px;
}
.week5 li:last-child {
	border-bottom: 0;
	padding-bottom: 50px;
}
.week5 li small {
    font-size: 22px;
}
.week5 .priceBox {
	float: right;
    display: inline-block;
	position: relative;
    top: 20px;
}
.week5 li .prdName {
	display: inline-block;
    font-size: 28px;
    letter-spacing: -1px;
}
.week5 li .sale {
    font-size: 34px;
    margin-right: 8px;
}
.week5 li .discountedPrice {
    font-size: 34px;
}
.week5 li .price {
    float: right;
    position: relative;
    top: -4px;
    font-size: 24px;
	letter-spacing: 0;
}
.searchBox {
  overflow: hidden;
  padding: 48px 0;
  background-color: #fff;
}
.searchBox li {
    position: relative;
    margin-bottom: 24px;
    padding-right: 25px;
    overflow: hidden;
    counter-increment: num;
}
.searchBox li .prdName {
    position: relative;
    padding-left: 112px;
}
.searchBox li .prdName::before {
    position: absolute;
    left: 0;
    top: 50%;
    font-family: 'Jost';
    font-size: 34px;
    font-weight: 500;
    width: 116px;
    content: counter(num);
    color: #2a2a2a;
    text-align: center;
    z-index: 2;
    transform: translateY(-50%);
    margin-top: 1px;
}
.searchBox li .sale {
    margin-left: 112px;
}

.allView {
    display: block;
    width: 240px;
    height: 72px;
    line-height: 72px;
    padding: 0 0 0 10px;
    margin: 20px auto 0;
    border-radius: 36px;
    background-color: #f2b1ec;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}
.promotion01 .allView {
	margin-top: -50px
}
.allView:focus,
.allView:active,
.allView:hover {
	color: #fff;
}
.allView::after {
	content: '';
	display: inline-block;
	position: relative;
    top: 9px;
    margin-left: 14px;
	width: 40px;
	height: 40px;
    background-image: url("/include/common/m/img/ico_more_right.png");
    background-size: 40px auto;
    background-position: 50%;
    background-repeat: no-repeat;
}

.sticker {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  padding: 3px 16px 4px;
  background-color: #ff6a71;
  overflow: hidden;
}

/* Rolling Popup */
.rollingPop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 720px;
    /* height: 100vh; */
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1001;
    cursor: pointer;
    margin: 0;
	overflow: hidden;
	-webkit-overflow-scrolling: auto;
}
.rollingPop .popContent {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 30px 30px 0 0;
}
.rollingPop .popContent .swiper-container {
    margin-bottom: -6px;
}
.rollingPop .popContent .swiper-slide img {
	width: 100%;
}
.rollingPop .swiper-pagination {
  display: none;
}
.rollingPop .swiper-pagination.swiper-pagination-fraction {
  display: block;
  left: auto;
  right: 32px;
  bottom: auto;
  top: 32px;
  width: auto;
  height: 48px;
  line-height: 43px;
  padding: 0 26px;
  border-radius: 24px;
  background-color: rgba(0,0,0,0.5);
  font-family: 'Jost';
  font-size: 20px;
  font-weight: normal;
  color: #ccd0d1;
}
.rollingPop .swiper-pagination span {
  position: relative;
  top: 2px;
  font-family: 'Jost';
  font-size: 22px;
  font-weight: normal;
  color: #ccd0d1;
}
.rollingPop .swiper-pagination span.swiper-pagination-current {
  color: #fff;
}
.rollingPop .popBottom {
	position: relative;
	width: 100%;
	height: 128px;
	line-height: 128px;
	background: #fff;
	font-family: 'Noto Sans KR';
	font-size: 24px;
	font-weight: 400;
	color: #848484;
	padding: 0 32px;
	box-sizing: border-box;
}
.rollingPop .popBottom input {
    position: absolute;
    opacity: 0;
}
.rollingPop .popBottom label {
    display: inline-block;
    height: inherit;
}
.rollingPop .rollingPopClose {
    position: absolute;
    right: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    height: inherit;
    padding: 0 30px;
    background: transparent;
}

/* 감사제용 스타일 */
.gratitude .mainMenu {
    background: #f39808;
}
.gratitude .mainMenu .swiper-slide:not(.active) {
    color: #fdd79c;
}
.gratitude .mainMenu .swiper-slide.new::before {
    content: 'NEW';
    position: absolute;
    top: 8px;
    width: 50px;
    height: 21px;
    line-height: 21px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: #000;
    text-align: center;
    border-radius: 15px;
}
.gratitude .priceSection > h3 {
    background-color: #f39808 !important;
}
.gratitude .allView {
	background-color: #ccd0d1;
}
.gratitude .promotion01 .sale,
.gratitude .hotDeal .sale {
    color: #f39808;
}

/* 감사제용 핑크 스타일 */
.gratitude.pink .mainMenu {
    background: #e876dd;
}
.gratitude.pink .mainMenu .swiper-slide:not(.active) {
    color: #ffbcf9;
}
.gratitude.pink .priceSection > h3 {
    background-color: #f9a3f1 !important;
}
.gratitude.pink .allView {
	background-color: #e876dd;
}
.gratitude.pink .promotion01 .sale,
.gratitude.pink .hotDeal .sale {
    color: #e876dd;
}

/* 블루 스타일 */
#main.blue {
    background: #fff;
}
.blue .mainMenu {
    background: #3386FB;
}
.blue .mainMenu .swiper-slide:not(.active) {
    color: rgba(255,255,255,0.7);
}
.blue .priceSection > h3 {
    background-color: #3386FB !important;
}
.blue .allView {
	background-color: #3386FB;
}
.blue .mainSection.searchWordRanking {
    width: 100%;
    padding: 32px 32px 166px;
    background: #fcedfe;
}

/*	감사제  */
.gratitudeSection .priceSection > h3.gratitudeTitle,
.gratitudeSection .priceSection + .priceSection > h3.gratitudeTitle {
	background: #DE1F16
}
.gratitudeSection .sale {
	color: #DE1F16
}
/*.gratitudeSection .mainMenu.menuTab.fixed + .mainContentWrap .priceSection:first-of-type {*/
/*  padding-top: 330px;*/
/*}*/
#main.gratitudeSection.main {
  background: #fff
}
.gratitudeSection .promotion01 .allView {
  background-color: #DE1F16
}