@charset "utf-8";


/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:1000px; height:100vh; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
/* -------- 메인 비주얼 :: 좌측메뉴 -------- */
.main-visual-menu-wrap {float:left; width:339px; height:100%; background-color:#fff; text-align:center; padding:77px 30px 14.9413vh; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-visual-menu-inner {position:relative; height:100%; padding-bottom:48px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-visual-menu-wrap .table-layout {height:calc(100% - 48px);}
/* 검색 */
.main-visual-search {/* margin-top:13.874vh; */}
/* 외국어 */
.main-lang-list{float:none; /*margin-top:45px;*/ margin-right:0; }
.main-lang-list ul {display:flex; justify-content:center;}
/* 메뉴 */
.main-visual-menu {margin-top:8.5454vh;}
.main-visual-menu .main-menu-1dep > li {margin-top:35px;}
.main-visual-menu .main-menu-1dep li:first-child {margin-top:0;}
.main-visual-menu .main-menu-1dep li h3 {font-size: 20px; letter-spacing: -0.0125em; font-weight:600; color: #2d2d2d; transition: all 0.4s; cursor: pointer;}
.main-visual-menu .main-menu-1dep li h3 span {display:inline-block; position:relative; padding-bottom:13px;}
.main-visual-menu .main-menu-1dep li h3 span:before {content:""; width:0; height: 3px; background-color:#a57c6b; display:block; position:absolute; bottom:0; left:50%; transition: all 0.4s; }
.main-visual-menu .main-menu-2dep {display:none; padding-top:9px;}
.main-visual-menu .main-menu-2dep li a {font-size: 17px; line-height:1.88; letter-spacing: -0.014705em; color: #2d2d2d;	}
/* open */
.main-visual-menu .main-menu-1dep li.open h3 ,
.main-visual-menu .main-menu-1dep li h3:hover {color: #a57c6b;}
.main-visual-menu .main-menu-1dep li.open h3 span:before,
.main-visual-menu .main-menu-1dep li h3:hover span:before {width:100%; left:0; }
/* 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:0; left:0;  width:100%; text-align:center; z-index:9; animation: upDown 1.5s ease-in-out infinite;}
.main-scroll-icon span{display:block; color:rgba(41,26,54,0.5); margin-top:12px; letter-spacing:-0.5px; }
@keyframes upDown {
	0% {
		/* opacity: 0.5; */
		transform:  translateY(-5px);
	}
	50% {
		/* opacity: 1; */
		transform: translateY(5px);
	}
	100% {
		/* opacity: 0.5; */
		transform:  translateY(-5px);
	}
}

/* -------- 메인 비주얼 ::  -------- */
.main-visual-con-wrap {position:relative; float:left; height:100%; width:calc(100% - 339px);}
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
    -webkit-transform: scale(1.05,1.05);
     transform: scale(1.05,1.05);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
	 font-family: 'MICEGothic Bold';
}
.main-visual-item .main-visual-txt-box{
	display:flex;
	height:100%;
}
.main-visual-item .main-visual-txt-inner {margin-top:180px; margin-left:195px;}

.main-visual-item .main-visual-txt-con .word {padding-right:5px;}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:70px; font-weight:600; letter-spacing:-0.0056023em; color:#2e2e2e; margin-bottom:18px; line-height:1; }
.main-visual-item .main-visual-txt-con .main-visual-txt2{position:relative; font-size:22px; color:#2e2e2e; margin-bottom:35px; font-weight:500; /*font-style:italic;*/ overflow:hidden;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 span {display:block; margin-bottom:-22px;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:16px; letter-spacing:0.13em; color:#606060;  line-height:1.875; }
.main-visual-item .main-visual-txt-con .main-visual-txt3 > span {display:block;}
.main-visual-item .main-visual-txt-con .main-visual-txt3 .first {color: #000; font-weight:600; opacity:0; display:inline-block; vertical-align:middle;}
.main-visual-item .main-visual-txt-con .main-visual-txt3 em {line-height:1.875; vertical-align:middle;}
.main-visual-item .main-visual-txt-con .main-visual-txt3 .word {vertical-align:middle;}

/* 메인 비주얼 :: active효과*/
.main-visual-item.active-item .main-visual-pc-img{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
.main-visual-item.active-item .main-visual-txt1.splitting .char { animation:2000ms 2000ms ease-in-out text-active-animantion02 forwards;}

.main-visual-item.active-item .main-visual-txt2 span {
	animation: 0.4s linear hiddenTxt forwards;
}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2 span { -webkit-animation-delay:4s; animation-delay:4s;}
.main-visual-item .main-visual-txt3.active .first {opacity:1; transition:opacity 0.4s ease-in-out; -webkit-transition-delay:2.2s; transition-delay:2.2s;}
.main-visual-item .main-visual-txt3.active .splitting .char {opacity:1; transition:opacity 0.4s ease-in-out;}

.main-visual-item:not(.active-item) .main-visual-txt3 .splitting .char {transition-delay:0s !important;}


/* 두번째 아이템 */
/* .main-visual-item.item02 .main-visual-txt-inner {margin-left:245px;} */
.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1  {color:#2e2e2e;}
.main-visual-item.item02 .main-visual-txt-con .main-visual-txt2 {color:#2e2e2e;}
.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1 {line-height:65px;}
.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1 span[data-word="For"] , 
.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1 span[data-word="For"] + .whitespace,
.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1 span[data-word="Your"] ,
.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1 span[data-word="Your"] + .whitespace ,
.main-visual-item.item02 .main-visual-txt-con .main-visual-txt1 span[data-word="Happiness"] {font-size:40px; }
.main-visual-item.item02.active-item .main-visual-txt1.splitting .char { animation:2000ms 2000ms ease-in-out text-active-animantion03 forwards;}
.main-visual-item.item02 .main-visual-txt-con .main-visual-txt3 {color: #ceb8af;}
.main-visual-item.item02 .main-visual-txt-con .main-visual-txt3 .first {color: #fff; }
.main-visual-item.item02 .main-visual-txt3.active .first {-webkit-transition-delay:4s; transition-delay:4s;}
.main-visual-item.item02.active-item .main-visual-txt-con .main-visual-txt2 span { -webkit-animation-delay:5.5s; animation-delay:5.5s;}

@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-active-animantion02{
  70%{
    color: #fff;
  }
  100%{
    color: #2e2e2e;
    opacity: 1;
  }
}
@keyframes text-active-animantion03{
  70%{
    color: #2e2e2e;
  }
  100%{
    color: #fff;
    opacity: 1;
  }
}

/* 메인 비주얼 :: 컨트롤 */
.main-visual-controls {position:absolute; bottom:84px; left:0; margin-left:-78.5px; z-index:99;}
.main-visual-controls .inner {display:flex; align-items:center;}
.main-visual-thumb {width:157px; cursor:pointer;}

/* 메인 비주얼 :: 화살표 */
.main-visual-controls .slick-arrow{	 width:56px; height:56px; background-color:#fff; border:0; cursor:pointer; z-index:9; font-size:28px; line-height:58px; color:#2d2d2d; border-radius:50%;}
.main-visual-controls .slick-arrow.slick-prev{margin-right:14px;}
.main-visual-controls .slick-arrow.slick-next{}

/* 메인 비주얼 :: 카운터 */
.main-visual-controls{position:absolute; bottom:55px; left:0; width:100%; z-index:11; font-size:14px; color:#8c8c8c; letter-spacing:-0.5px; }
.main-visual-controls .count-box {margin:0 24px;}
.main-visual-controls span,
.main-visual-controls .middle{display:inline-block; vertical-align:middle;}
.main-visual-controls .middle{margin:0 10px}
.main-visual-controls .cur-num {color: #fff;}


/* ******************  메인 컨텐츠 :: Product ********************** */
.main-product-con {padding:76px 0 94px;}
.main-product-con-inner {display:flex;padding:0 40px; max-width:1920px; margin:0 auto; }
/* 슬라이드 */
.main-product-slide-wrap {width:calc(100% - 420px); max-width:1400px; margin:0 auto;}
.main-product-con .slide-box {position:relative; padding:0 117px;  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.main-product-item .inner-box {display:flex; align-items:center; }
/* 텍스트 */
.main-product-item .txt-box {width:50%; padding-left:89px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-product-item .txt-box .store {font-size:18px; letter-spacing: -0.0138em; color: #2e2e2e; }
.main-product-item .txt-box .name {display:block; font-size:66px; letter-spacing: -0.03em; color: #2e2e2e; margin-top:14px;}
.main-product-item .txt-box .txt {font-size:20px; letter-spacing: -0.0125em; color: #7b7b7b; line-height:1.7; margin-top:40px; }
.main-product-item .txt-box .check-txt {display:inline-block; position:relative; padding-left:20px; font-size:16px; letter-spacing: -0.015625em; color: #7b7b7b; line-height:1.3; margin-top:30px; }
.main-product-item .txt-box .check-txt i {position:absolute; left:0; top:2px; }
.main-product-item .txt-box .more-btn {display:inline-block; width:194px; height:66px; color: #fff; font-size:14px;  background-color: #383532; border-radius:50px; margin-top:40px; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.26); text-align:center; margin-bottom:15px;}
.main-product-item .txt-box .more-btn > * {display:inline-block; vertical-align:top; line-height:66px;}
.main-product-item .txt-box .more-btn i {margin-left:30px;}
/* 이미지 */
.main-product-item .img-box {width:50%; padding:0 46px 0 76px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-product-item .img-box .img-wrap {position:relative; display:block; padding-top:100%; }
.main-product-item .img-box .img-wrap span {display:block; }
.main-product-item .img-box .img-wrap:before {content:""; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:url("../images/main/main_product_bg.png") center no-repeat; background-size:cover;}
.main-product-item .img-box .img-wrap img {opacity:0;}
/* active */
.main-product-item.active-item .img-box .img-wrap:before {animation:1s ease-in-out moveBg forwards;}
.main-product-item.active-item .img-box .img-wrap img {animation:0.5s 0.5s ease-in-out moveItem forwards;}
.main-product-item.active-item .txt-box .inner-box {}
/* 화살표 */
.main-product-slide .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); font-size:36px; color: #383532; z-index:1000;}
.main-product-slide .slick-arrow i {position:relative; transition:all 0.4s;}
.main-product-slide .slick-arrow.slick-prev {left:0;}
.main-product-slide .slick-arrow.slick-prev i {right:0;}
.main-product-slide .slick-arrow.slick-next {right:0; }
.main-product-slide .slick-arrow.slick-next i {left:0; }

@keyframes moveBg {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateX(-20%); 
		transform: translateX(-20%); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
}
@keyframes moveItem {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateX(20%); 
		transform: translateX(20%); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateX(0); 
		transform: translateX(0); 
	}
}

.fade-in-up{
	opacity:0;filter:Alpha(opacity=0); 
	-webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(20%);
}
.fade-in-down{
	opacity:0;filter:Alpha(opacity=0); 
	-webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -o-transform: translateY(-10%); transform: translateY(-15%);
}
.main-product-item.active-item .fade-in-up{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
	-webkit-transition:  all 0.5s ease 0.5s;
	transition:  all 0.5s ease-in-out 0.5s;
}
.main-product-item.active-item .fade-in-down{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
	-webkit-transition:  all 0.5s ease 0.5s;
	transition: all 0.5s ease-in-out 0.5s;
}

/* 양옆 아이템 */
.main-product-preview {width:210px; top:0; opacity:0; transition: opacity 0.4s ease-in-out; visibility:hidden;}
.main-product-preview.show {opacity:1; visibility:visible; cursor:pointer;}
.main-product-preview .img-wrap {position:relative; padding-top:168.57%;}
.main-product-preview .img-wrap span {display:block; position:absolute; top:59px; bottom:59px; left: 0; right:0;}
.main-product-preview dd {text-align:center; font-size:18px; letter-spacing: -0.25px;}
.main-product-preview .store { color: #2e2e2e;}
.main-product-preview .name {display:block; color: #8e8e8e; margin-top:10px; font-weight:400;}


/* ******************  메인 컨텐츠 :: QuickMenu  ********************** */
.main-quick-menu-item {width:50%; float:left; position:relative; overflow:hidden;}
.main-quick-menu-item .img-wrap {display:block; position:relative; padding-top:52%; background:70% no-repeat; background-size:cover;}
.main-quick-menu-item.data .img-wrap {background-image:url("../images/main/main_data_bg.jpg");}
.main-quick-menu-item.video .img-wrap {background-image:url("../images/main/main_video_bg.jpg");}
.main-quick-menu-item .txt-box {position:absolute; top:0; left:70px; right: 70px; bottom: 0; display:flex; align-items:center; color: #fff; z-index:9;}
.main-quick-menu-item .txt-box .tit {font-size: 40px; letter-spacing: -0.0125em; font-weight:500; margin-top:30px;}
.main-quick-menu-item .txt-box .txt {font-size: 18px; letter-spacing: -0.02777em; line-height:1.4; opacity:0.6; margin-top:30px;}
.main-quick-menu-item .txt-box .more {display:inline-block; font-size: 14px; margin-top:35px; border-bottom:2px solid #9c9a99; padding-bottom:5px;}
.main-quick-menu-item .txt-box .more i {margin-left:10px; vertical-align:bottom;}

/* ******************  메인 컨텐츠 :: News  ********************** */
#mainNewsCon {padding:100px 0 108px;}
.main-news-con .tit-box {position:relative; padding-right: 100px;}
.main-news-con .tit-box .tit {font-size:60px; letter-spacing: -0.04166em; color: #383532; }
.main-news-con .tit-box .more-btn {position:absolute; right:0; top:50%; margin-top:-9.5px; font-size:14px; color: #737373;  }
.main-news-con .tit-box .more-btn i {margin-left:10px;}
.main-news-list {border-top:1px solid #000; margin-top:25px;}
.main-news-list a {display:block; padding:35px 60px 35px 50px; border-bottom: 1px solid #ddd;color: #2f2f2f;  }
.main-news-list a .inner-box {position:relative;}
.main-news-list a .txt-box {width:50%;}
.main-news-list a .tit {font-size:22px; letter-spacing: -0.5px; font-weight:400; } 
.main-news-list a .txt {font-size:14.5px; letter-spacing: -0.5px; opacity:0.6; margin-top:20px;} 
.main-news-list a .date-box {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.main-news-list a .date {display:inline-block; vertical-align:sub; font-size:14px; letter-spacing: -0.5px; opacity:0.6; }
.main-news-list a .arrow {display:inline-block; width:43px; height:43px; font-size:26px; text-align:center; background-color:#eaeaea; border-radius:50%; margin-left:40px;}
.main-news-list a .arrow i {line-height:43px; vertical-align:top; color: #858585; margin-left:3px;}

/* ******************  메인 컨텐츠 :: Inquiry  ********************** */
#mainInquiryCon {padding:110px 0; background-size:cover !important;}
/* 타이틀 */
.main-inquiry-con .txt-box  {float:left; width:42.86%; padding-right:30px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-inquiry-con .txt-box .tit {font-size:48px; line-height:1.33; letter-spacing: -0.0266em; color: #383532;}
.main-inquiry-con .txt-box .tit span {display:block; font-size:18px; letter-spacing: 0.4em; color: #bfbfbf; margin-bottom:12px; }
.main-inquiry-con .txt-box .tit em {font-weight:300;}
.main-inquiry-con .agree-check-box {margin-top:57px;}
.main-inquiry-con .agree-check-box label{display:inline-block; vertical-align:middle; color:#818181; font-weight:300; display:inline-block; vertical-align:middle; font-size:16px; letter-spacing:-0.016em; line-height:1.4}
.main-inquiry-con .agree-check-box label a {position:relative; display:inline-block; color: #383532; }
.main-inquiry-con .agree-check-box label a:before {content:""; position:absolute; bottom:0; width:100%; height:1px; background-color: #383532; }
.main-inquiry-con .agree-check-box label .check-icon{display:inline-block; vertical-align:middle; font-size:20px; position:relative; margin-right:3px; color: #4f4f4f;}
.main-inquiry-con .agree-check-box input{display:none}
.main-inquiry-con .agree-check-box input:checked + label .check-icon:before {content:"\e92b";}
.main-inquiry-btn {display:inline-block; width:286px; height:63px; color: #fff; font-size:20px; font-weight:300; background-color: #383532; border-radius:50px; margin-top:40px; box-shadow:5px 5px 15px rgba(0, 0, 0, 0.26);}
.main-inquiry-btn.m-ver {display:none; }
/* 문의폼 */
.main-inquiry-con .form-box {float:left; width:57.14%;}
.main-inquiry-con .form-box .form-item {display:flex; margin:0 -8.5px; }
.main-inquiry-con .form-box .form-input-item {display:block; position:relative; width:calc(50% - 17px); height:59px; padding:0 25px; margin:8.5px; background-color:#fff; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-inquiry-con .form-box .form-input-item:before {content:""; width:100%; height:100%; left:0; top:0; position:absolute; border: 2px solid #535353; box-shadow:10px 10px 15px rgba(0, 0, 0, 0.1); z-index:0; opacity:0; transition:all 0.3s ease-in-out; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-inquiry-con .form-box .form-input-item label {position:absolute; left:25px; top:50%; transform:translateY(-50%); font-size:16px; line-height:1.3; color: #383532; font-weight:500; z-index:1;}
.main-inquiry-con .form-box .form-input-item label i {color: #b54729; font-style:normal;}
.main-inquiry-con .form-box .inquiry-input {display:block; position:relative; border:0; width:calc(100% - 100px); height:calc(100% - 4px); margin-top:2px; margin-left:100px; text-indent:10px; color: #383532; z-index:1;}
.main-inquiry-con .form-box .inquiry-input:focus {outline:0;}
.main-inquiry-con .form-box .form-item.textarea {display:block; margin:0;}
.main-inquiry-con .form-box .form-item.textarea label {top:15px; transform:none;}
.main-inquiry-con .form-box .form-item.textarea .form-input-item {width:100%; height:176px; margin:8.5px 0; padding: 50px 25px 15px;}
.main-inquiry-con .form-box .form-item.textarea .inquiry-input {width:100%; margin-left:0; text-indent:0;}
.main-inquiry-con .form-box .form-input-item.on:before {opacity:1;}



#mainRecommentProduct {background: #fafafa; padding: 100px 0; margin: 100px 0}
#mainRecommentProduct .tit-box {display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 40px;}
#mainRecommentProduct .tit-box h6 {font-size: 35px; font-weight: 700; color: #212121}

#meal_store_slider__wrap {width: 100%; overflow: hidden; box-sizing: border-box; padding: 10px}
.meal_store_slider {}
.meal_store_slider .swiper-slide {}
.meal_store_slider .swiper-slide .pics {transition: 0.3s;}
.meal_store_slider .swiper-slide .pics img {box-shadow: none;}
.meal_store_slider .swiper-slide .info {padding-top: 20px}
.meal_store_slider .swiper-slide .info p {font-size: 15px; color: #9a9a9a; margin: 10px 0}
.meal_store_slider .swiper-slide .info p.price {font-size: 21px; font-weight: 600; color: #161616}
.meal_store_slider .swiper-slide .info p.name {font-size: 25px; font-weight: 600; color: #161616}
.meal_store_slider .swiper-slide:hover .pics {box-shadow: 0 0 10px rgba(0,0,0,0.3);}

.meal_store_slider-pagination {margin-left: 20px;}
.meal_store_slider-pagination span {position: relative; border-radius: 5px; box-sizing: border-box; z-index: 1;  transition: all .3s; border: none; padding: 0; width: auto; margin-right: 5px;}
.meal_store_slider-pagination span::after {display: block; border: 1px solid #26479a; width: 70px; height: 40px; border-radius: 5px; font-size:16px; ; line-height: 40px; color: #26479a; text-align: center; white-space: nowrap; }
.meal_store_slider-pagination span:nth-of-type(1)::after {content: '4~5M';}
/*.meal_store_slider-pagination span:nth-of-type(2) {margin-left: -75px; }
.meal_store_slider-pagination span:nth-of-type(2)::after {content: '4~5M'; color: transparent; border-color: transparent;}*/
.meal_store_slider-pagination span:nth-of-type(2)::after {content: '5~6M';}
.meal_store_slider-pagination span:nth-of-type(3)::after {content: '7~8M';}
.meal_store_slider-pagination span:nth-of-type(4)::after {content: '8~9M';}
.meal_store_slider-pagination span:nth-of-type(5)::after {content: '10~12M';}
.meal_store_slider-pagination span:nth-of-type(6)::after {content: '13M ~';}
/*.meal_store_slider-pagination span:nth-of-type(7) {margin-left: -75px;}
.meal_store_slider-pagination span:nth-of-type(7)::after {content: '13M ~'; color: transparent; border-color: transparent; }
*/
.meal_store_slider-pagination span.swiper-pagination-bullet-active::after {color: #fff !important; background: #26479a !important;}


@media all and (max-width:980px){
    #mainRecommentProduct  {padding-top: 60px; padding-bottom: 40px; margin: 0 0 50px 0}
    #mainRecommentProduct .tit-box {display: block; margin-bottom: 20px;}
    #mainRecommentProduct .tit-box h6 {font-size:27px}
    .meal_store_slider-pagination {margin-left: 0; margin-top: 20px;}
    .meal_store_slider-pagination span::after {font-size: 14px; width: 60px;}

    
    #meal_store_slider__wrap {overflow:inherit}  
    .meal_store_slider {width: 75%}
    .meal_store_slider .swiper-slide .info{padding-top: 10px}
    .meal_store_slider .swiper-slide .info p {font-size: 13px; }
    .meal_store_slider .swiper-slide .info p.price {font-size: 15px;}
    .meal_store_slider .swiper-slide .info p.name {font-size: 18px;}
}

@media all and (max-width:640px){
	.meal_store_slider-pagination { display: inline-block; width: 100%; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; vertical-align: middle; -ms-overflow-style: none; height: 40px; overflow-y: hidden;}
    .meal_store_slider-pagination::-webkit-scrollbar {display:none;}
	
}