 

.pc_only {}
.mo_only {display:none!important;}



@media (max-width:768px) {
	.pc_only {display:none!important;}
	.mo_only {display:block!important;}
}

.viF {font-family: 'Vitro Inspire';!important}
.vcF {font-family: 'Vitro CORE';!important}

.LStitle {
	font-size:4.8rem;
	line-height:1.3;
	text-align:center;
}

.Ltitle {
    font-size: 6.2rem;
    line-height: 1.25;
    text-align: center;
	letter-spacing:-0.05em;
}

.Stitle {
	font-family:"Pretendard";
	font-size:3.2rem;
	letter-spacing:-0.025em;
	text-align:center;
	font-weight:600;
}

.underLine {
    position: relative;
    font-weight: 700;
    z-index: 1;
    color: #FFF;
}

.underLine::before {
    content: '';
  
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 100%;
    background: #800a0a;
    z-index: -1;
	transition:all 0.3s ease-in-out;
}
.aos-animate.underLine::before {
	width:105%;
}

@media (max-width:991px) {
	#hd #hd_inner {
		width: 100%;
		padding: 2.02vw;
	}


	.menuBtn {display: block;}
	
	.menuBtn {
		width:5.60vw;
		height:4.00vw;
		position:relative;
	}
	
	.menuBtn div {
		width:100%;
		height:0.39vw;
		background:#e70519;
		position:absolute;
	}
	
	.menuBtn div:nth-child(1) {top:0;}
	.menuBtn div:nth-child(2) {top:50%;}
	.menuBtn div:nth-child(3) {top:100%;}
	
	.menuBtn.active div:nth-child(1) {
		top: 0;
		transform-origin: top left;
		transform: rotate(45deg) translate(27%, -174%);
	}
	.menuBtn.active div:nth-child(2) {display:none;} 
	
	.menuBtn.active div:nth-child(3) {
		top: 0;
		transform-origin: top right;
		transform: rotate(-45deg) translate(-10%, 0%);
	}
	
	.mo_menu {
		height: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 50%;
		transition: all 0.3s ease-in-out;
		transform: translateX(-50%);
		width: 100vw;
	}
	.mo_menu.active {
		position: fixed;
		width: 100vw;
		height: 100vh;
		background: rgb(255 255 255 / 90%);
		z-index: -1;
		top: 0;
	}
	
	.mo_menuList {
		text-align: center;
		font-size: 6.77vw;
		line-height: 1;
		margin-top: 28.67vw;
	}
	.mo_menuList li {padding: 7.60vw 0; color: #000; font-weight:600;}
	.mo_menuList li:hover {color:#e70519;}
	.mo_menuList li.on {color:#e70519;}
}


@media (max-width:768px) {
	.LStitle {font-size:6.25vw;}
	.Ltitle {font-size: 7.29vw;}
	.Stitle {font-size: 3.65vw;}
}

.mainInner {
	width:100%;
	max-width:138rem;
	padding:0 2rem;
	margin:0 auto;
}
#main {
    width: 100%;
    height: 100vh;
    background: url(../img/mainBg.jpg) no-repeat center / cover;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
	overflow:hidden;
	position:relative;
}

video#mainVideo {
    position: absolute;
    width: auto;
    height: 100%;
}
#mainVideo::before {
	content:'';
	width:100%;
	height:100%;
	background:url(../img/mainVideoBg.png) no-repeat center / cover;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

#main::before {
    content: '';
    width: 110%;
    height: 110%;
    background: url(../img/mainVideoBg.png) no-repeat center / cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}



.mainCont {display: flex; flex-direction: column; align-items: center; z-index:1;}
.maintitle {color: #fff; font-size: 4.2rem; font-weight: 700; text-align: center; letter-spacing:-0.03em;}
.maintitle span {font-weight:800; color:#ff0000;}
.mainLogoT {width: 47rem; margin: 0 auto; margin-top: 3rem;}
.mainLogoT img {width:100%; height:auto;}
.mainLogo {
    width: 15rem;
    margin: 0 auto;
    margin-top: 6rem;
}
.mainLogo img {width:100%; height:auto;}
.mainImg {
    position: absolute;
    bottom: -5%;
    width: 38.54%;
    z-index: 1;
    max-width: 74rem;
}
.mainImg.mainImgLeft {left: 0%;}
.mainImg.mainImgRight {right: 0;}
.mainImg img {width:100%; height:auto;}
.rollingbox {width:100%; overflow:hidden;}
.MoslideWrap {height:8rem;}

img.Msmoke {
    position: absolute;
    bottom: 46%;
    left: 26%;
    width: 49%;
	    animation: smokeUp 3s ease-out infinite;

}



@media (max-width:768px) {
	#main {padding-top: 29.5573vw; padding-bottom: 61.5885vw; height: auto;}
	video#mainVideo {position: absolute; width: auto; height: 130%; left: -78%; top: 0;}

	#main .maintitle {font-size: 5.4688vw;}
	.mainLogoT {width: 66.15%; margin-top: 5.4688vw;}
	.mainLogo {display: none;}
	.mainImg {bottom: -4%; width: 52.54%;}
	.mainImg.mainImgRight {right: -12%;}
	.mainImg.mainImgLeft {left: -12%;}
	.MoslideWrap {height: 10.42vw;}
}
/* ================== // sec01 START ~  ================== */

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

#sec01 {
    background: url(../img/sec01_bg.jpg) no-repeat center / cover;
    padding: 14rem 0 20rem;
    display: flex;
    flex-direction: column;
    align-items: center;
	overflow:hidden;
	position:relative;
}

.sec01coin {height:auto; position:absolute;}
.sec01coin.sec01coin01 {width: 22.8rem; top: 5%; left: -2%;}
.sec01coin.sec01coin02 {width: 20.9rem; top: -5%; right: 1%;}
.sec01coin.sec01coin03 {width: 18.7rem; top: 36%; left: 16%;}
.sec01coin.sec01coin04 {width: 23rem; top: 26%; right: 16%;}
.sec01coin.sec01coin05 {width: 23rem; top: 57%; left: 41%;}
.sec01coin.sec01coin06 {width: 23rem; bottom: 2%; left: -2%;}
.sec01coin.sec01coin07 {width: 19.6rem; bottom: 2%; right: -2%;}
.sec01coin img {width:100%; height:auto;}
#sec01 .Ltitle {color:#ff1c30; font-weight:800;}

#sec01 .Stitle {margin-top:4rem; z-index:1;}
.salesCountBox {
    margin-top: 15rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.salesCountWrap {
    display: inline-flex;
    flex-direction: column;
    margin: 0 auto;
    z-index: 1;
}
.salesCount {
    font-family: 'GMarketSans';
    font-weight: 700;
    color: #e70519;
    font-size: 13.5rem;
    width: 96rem;
}
.salesCountBox span {
    font-size: 7rem;
    font-family: 'GMarketSans';
    font-weight: 700;
    color: #e70519;
    margin-bottom: 2rem;
}

.salesCountSTXT {
	font-size:1.8rem;
	letter-spacing:-0.05em;
	color:#626262;
	margin-top:1.7rem;
	text-align:right;
}
.sec01TableWrap {position:relative;}
.sec01Table {width: 100%; display: flex; margin-top: 25rem; justify-content: center;}
.sec01Table img {width: 92%; height: auto; margin: 0 auto;}


.sec01_tablePoint {
    width: 100%;
    height: auto;
    position: absolute;
    left: 8%;
    top: 7%;
    overflow: hidden;
    /* 처음엔 왼쪽에서 완전히 잘린 상태 */
    clip-path: inset(0 100% 0 0);
    transition: clip-path 1.8s ease-in-out;
    transition-delay: 0.5s;
}

.sec01_tablePoint.aos-animate {
    /* 오른쪽으로 펼쳐지면서 전부 보이게 */
    clip-path: inset(0 0 0 0);
}

.sec01_tablePoint img {
    width: 91%;
    height: auto;
    margin: 0 auto;
}


@media (max-width:768px) {
	#sec01 {padding: 19.53vw 0 10.16vw;}
	#sec01 .Stitle {margin-top: 5.86vw;}
	
	.sec01coin.sec01coin01 {width: 22.79vw; top: 2%; left: -8%;}
	.sec01coin.sec01coin02 {width: 20.96vw;}
	.sec01coin.sec01coin03 {width: 15.76vw; top: 21%; left: 12%;}
	.sec01coin.sec01coin04 {width: 20.96vw; top: 14%; right: 15%;}
	.sec01coin.sec01coin05 {width: 25.00vw; top: 47%; left: 42%;}
	.sec01coin.sec01coin06 {width: 16.54vw; bottom: 42%; }
	.sec01coin.sec01coin07 {width: 16.02vw; right:6%; bottom: 30%;}
	
	.sec01_tablePoint {left: 2%; top: 11%;}

	
	.salesCountBox {margin-top: 14.32vw;}
	.salesCount {font-size: 12.20vw; width: 95%;}
	.salesCountBox span {font-size: 6.41vw; margin-bottom: 0;}
	.salesCountSTXT {font-size: 3.5vw; margin-top: 3vw; text-align: center;}
	
	.sec01Table {margin-top: 13.93vw;}
}
/* ================== ~ sec01 END  // ================== */

/* ================== // sec02 START ~  ================== */
#sec02 {
    position: relative;
    background: #800a0a;
    padding: 17rem 0 20rem;
    overflow: hidden;
}

#sec02 .mainInner {
    display: flex;
    max-width: 144rem;
    align-items: flex-end;
    justify-content: space-between;
}



.sec02Top, .sec02Bottom {
	width: 100%;
	left:50%;
	position:absolute;
	transform:translateX(-50%);
}
.sec02Top {top:0;}
.sec02Bottom {bottom:0;}

.sec02Top img, .sec02Bottom img {
	width:100%;
	height:auto;
}

.sec02Left {}
.sec02Right {
    width: 52.57%;
    position: relative;
}

#sec02 .Ltitle {
	text-align:left;
	color:#fff; 
}
.sec02Kimchi {
	width:33.4rem;
	margin-top:2.5rem;
}

.sec02Kimchi img {width:100%; height:auto;}

.sec02List {
    margin-top: 7.5rem;
}

.sec02List li {
    color: #5b0006;
    font-size: 4rem;
    letter-spacing: -0.025em;
    font-weight: 700;
    width: 45rem;
    background: #FFF;
    border-radius: 6rem;
    padding: 4.3rem 4.3rem 3.2rem 4.3rem;
    text-align: center;
}

.sec02List li:first-child {
    position: relative;
    margin-bottom: 1.5rem;
}

.crownImg {
    width: 23.2rem;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 100%;
    transform: translate(41%,35%);
}

.crownImg img {
	width:100%;
	height:auto;
}

.sec02SlideImg {
	width:100%;
	height:auto;
}

.sec02SlideImg img {
	width:100%;
	height:auto;
}


img.sec02SlideBg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 130%;
    height: auto;
    transform: translate(-50%,-50%);
}


.sec02Right .slick-prev:before, .sec02Right  .slick-next:before {
	display:none;
}

.sec02Moslide.mo_only {
    display: flex!important;
}

.sec02MoSlide {
    width: 63.80vw;
    margin-top: 5.60vw;
}

.sec02MoSlide .slick-dots {display:none!important;}

.sec02MoSWrap {position:relative;}
@media (max-width:768px) {
	
	
	#sec02 {padding: 19.53vw 7.81vw 20.18vw;}
	#sec02 .mainInner {
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}
	
	#sec02 .Ltitle {text-align: center;}
	.sec02Kimchi {width: 32.81vw; margin: 0 auto; margin-top: 3.39vw;}

	.crownImg {width: 22.01vw;}
	.sec02List {margin-top: 11.46vw;}
	.sec02List li {font-size: 5.21vw; width: 100%; border-radius: 7.94vw; padding: 5.47vw 7.68vw;}
	.sec02Top, .sec02Bottom {height: 6.51vw;}
	.sec02Top img, .sec02Bottom img {width:auto; height:100%;}
}

/* ================== ~ sec02 END // ================== */
.stempImg.aos-animate {
    animation: stampBounceScale 0.75s ease-out forwards;
    -webkit-animation: stampBounceScale 0.75s ease-out forwards;
}

/* sec02 스탬프 효과*/
@keyframes stampBounce {
    0% { opacity: 0; transform: translate(-25%,-50%) scale(1.8); -webkit-transform: translate(-25%,-50%) scale(1.8); -moz-transform: translate(-25%,-50%) scale(1.8); -ms-transform: translate(-25%,-50%) scale(1.8); -o-transform: translate(-25%,-50%) scale(1.8);
    }
    30% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
    }
    50% {
        transform: translate(-50%,-50%) scale(0.95);
    }
    70% {
        transform: translate(-50%,-50%) scale(1.02);
    }
    85% {
        transform: translate(-50%,-50%) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
    }
}

/* sec02 스탬프 효과*/
@keyframes stampBounceScale {
    0% { opacity: 0; transform:translate(-50%,-50%) scale(1.8);
    }
    30% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
    }
    50% {
        transform:translate(-50%,-50%) scale(0.95);
    }
    70% {
        transform:translate(-50%,-50%) scale(1.02);
    }
    85% {
        transform: translate(-50%,-50%) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
    }
}
/* ================== // sec03 START ~  ================== */

#sec03 {
    background: url(../img/sec03_bg.jpg) no-repeat center / cover;
    padding: 12rem 0 15rem;
	position:relative;
	overflow:hidden;
}

.sec03ImgB {
	position:absolute;
	height:auto;
}

.sec03ImgB.sec03Img01 {
    left: -6.5%;
    top: 1%;
    width: 26.2%;
}

.sec03ImgB.sec03Img02 {
    right: -4%;
    top: -18%;
    width: 24%;
}


.sec03ImgB.sec03Img03 {
    left: -6%;
    bottom: 8%;
    width: 22%;
}

.sec03ImgB.sec03Img04 {
    right: 0;
    bottom: 0;
    width: 15.9%;
}

.sec03ImgB img {
	width:100%;
	height:auto;
}

#sec03 .mainInner {
    max-width: 124rem;
    z-index: 1;
    position: relative;
}

@font-face {
    font-family: 'Cafe24ShiningStar';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

#sec03 .Ltitle {color:#fff;}

#sec03 .Ltitle span {
    color: #ed0f0f;
    font-size: 9rem;
    font-family: 'Cafe24ShiningStar';
    margin-left: 2rem;
    line-height: 6.2rem;
	position: relative;
}

#sec03 .Ltitle span::before {
	content:'';
	width:100%;
	height:0.5rem;
	position:absolute;
	left:0;
	bottom:0;
	background:#ed0f0f;
}

#sec03 .Stitle {
	color:#fff;
	margin-top: 5rem;
}

.sec03ListG {
    display: flex;
	margin-top:10rem;
    justify-content: space-between;
}


.sec03ListG li {
	width:calc(100%/4 - 1.725rem);
	border:3px solid #ed0f0f;
	border-radius:4rem;
	background:#000000;
	padding:4.4rem 1.6rem 4rem;
	text-align:center;
	color:#FFF;
	font-family:"Pretendard";
}

.s03liInner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}


.s03liIcon {
	width:auto;
	height:13.8rem;
}

.sec03ListG li:nth-child(4) .s03liIcon {
	height:14.8rem;
}


.s03liIcon img {
	width:auto;
	height:100%;
}

.s03liStxt {
	margin-top:2.8rem;
	font-size:2.8rem;
	letter-spacing:-0.025em;
}
.s03liTxt {
    font-size: 3.5rem;
    letter-spacing: -0.025em;
    margin-top: 1rem;
}
.sec03ListG li:nth-child(4) .s03liTxt {
	margin-top:3.4rem;
}
.s03liTxt span {
	font-weight:800;
	color:#ed0f0f;
}
.s03liPriceBox {
	border-top:3px solid #ed0f0f;
	padding-top:3.7rem;
	margin-top:2rem;
	font-weight:800;
	
}
.s03liPrice {
	font-size:4.5rem;
	letter-spacing:-0.025em;
}

@media (max-width:768px) {
	#sec03{padding: 16.02vw 0 19.66vw;}
	#sec03 .mainInner {padding: 0 12.37vw;}
	
	#sec03 .Ltitle span {font-size: 10.15vw; margin-left: 4vw; line-height: 1;}
	#sec03 .Ltitle span::before {width: 117%; height: 0.78vw; left: -7%;}
	#sec03 .Stitle {margin-top: 5.47vw;}
	
	.sec03ImgB.sec03Img01 {left: -27.5%; top: 8%; width: 53.2%; z-index: 10;}
	.sec03ImgB.sec03Img02 {right: -7%; top: -4%; width: 38%;}
	.sec03ImgB.sec03Img03 {left: -7%; bottom: 2%; width: 31%; z-index: 10; transform: rotate(22deg);}
	.sec03ImgB.sec03Img04 {bottom: -1%; width: 32.9%; z-index: 10;}

	.sec03ListG {flex-wrap: wrap; margin: 0 auto; margin-top: 4.69vw; width: 100%;}
	.sec03ListG li {
		width: calc(100%/2 - 1.46vw);
		border: 0.39vw solid #ed0f0f;
		border-radius: 5.21vw;
		padding: 5.73vw 2.08vw 5.21vw;
		margin-top: 3.26vw;
	}
	
	.s03liIcon {width: 80%; height: auto; margin: 0 auto;}
	.s03liIcon img {width: 100%; height: auto;} 
	
	#sec03 li:nth-child(1) .s03liIcon {width: 13.93vw;}
	#sec03 li:nth-child(2) .s03liIcon {width: 18.36vw;}
	#sec03 li:nth-child(3) .s03liIcon {width:17.84vw;}
	#sec03 li:nth-child(4) .s03liIcon {width: 26.43vw; height:auto;}
	
	.s03liStxt {margin-top: 3.39vw; font-size: 3.65vw;}
	.s03liTxt {font-size: 4.43vw; margin-top: 1.5vw;}
	.s03liPriceBox {border-top: 0.39vw solid #ed0f0f; padding-top: 4.69vw; margin-top: 2.60vw;}
	.s03liPrice {font-size: 5.86vw;}
	.s03liPriceBox span	{font-size:4.17vw;}
}



@media (max-width:400px) {
	#sec03 .mainInner {padding: 0 2rem;}
}

/* ================== ~ sec03 END // ================== */
.rolling {
    overflow: hidden;
    width: 100%;
    margin-top: 3rem;
}

/* ================== // sec04 START ~  ================== */

#sec04 {
	padding:17rem 0 14.5rem;
	position:relative;
	background: url(../img/sec04_bg.jpg) no-repeat top/ cover;
}

#sec04 .sec04Img {
    width: 31.5%;
    position: absolute;
    left: -10%;
    bottom: 5%;
    z-index: 1;
}
#sec04 .sec04Img .smoke {
    position: absolute;
    bottom: 40%;
    width: 76%;
	animation: smokeUp 3s ease-out infinite;
}

@keyframes smokeUp {
  0% {
    transform: translateY(0) scale(1);
    opacity: 0;
  }
  50% {
    transform: translateY(-30px) scale(1);
    opacity: 0.6;
  }
  100% {
    transform: translateY(-60px) scale(1.1);
    opacity: 0;
  }
}


#sec04 .sec04Img img {
	width:100%;
	height:auto;
}

#sec04 .mainInner {
	max-width:162rem;
}
#sec04 .Ltitle {color:#fff;}
.sec04Cont {
	margin-top:8.6rem;
	background:#fff;
	border-radius:4rem;
	width:100%;
	padding:5.5rem 0;
}

.sec04ContInner {
    display: flex;
    justify-content: center;
    align-items: center;
}


.sec04ContLeft {
    width: 36.08%;
    margin-right: 5rem;
}

.sec04ContLeft img {
	width:100%;
	height:auto;
}


.sec04ContRight {
	width: 38.5%;
    height: 61.4rem;
}


.sec04Swiper {
	height:100%;
}
.sec04Swiper .swiper-slide {
    display: flex;
    justify-content: center;
}
.sec04ContRight img {
	width:auto;
	height:100%; 
}


@media (max-width:768px) {
	#sec04 {padding: 18.23vw 0 9.11vw;}
	#sec04 .mainInner {padding: 0 7.81vw;}
	.sec04Cont {margin-top: 8.20vw; border-radius: 5.21vw; padding: 7.16vw 0;}
	.sec04ContInner {display: flex; flex-direction: column; align-items: center;}
	.sec04ContLeft {width: 71.74vw; margin-right: 0rem;}
	.sec04ContRight {width: auto; height: 75.91vw; margin-top: 6.64vw;}
	#sec04 .sec04Img {width: 53.6%; left: -21%; bottom: 0%; z-index: 10;}
	#sec04 .rolling {overflow: hidden; width: 100%; margin-top: 5.21vw;}
	#sec04 .MoslideWrap {height: 8.98vw;}
}
/* ================== ~ sec04 END // ================== */


/* ================== // sec05 START ~  ================== */


#sec05 {padding:9rem 0 7rem; background:url(../img/sec05_bg.jpg) no-repeat top / cover; position:relative; overflow:hidden;}

#sec05::Before {
    content: '';
    width: 520rem;
    height: 520rem;
    background: #be0718;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 26%;
    transform: translateX(-50%);
}

#sec05 .mainInner {overflow:hidden;}
.sec05TB {display: flex; gap: 0; justify-content: space-between;}
.sec05TxtBox {
    padding: 4.7rem 0 4.5rem;
    border-radius: 4rem;
    background: rgb(231 5 25 / 30%);
    border: 4px solid #e70519;
    width: 31.4rem;
    text-align: center;
	z-index:10;
}
.sec05TxtBox:nth-child(1) { transform: rotate(-10deg) translateY(20%);}
.sec05TxtBox:nth-child(3) {transform: rotate(10deg) translateY(20%);}

.sec05Txt {color:#fff; font-size:3.6rem; letter-spacing:-0.025em; font-weight:800;}
.sec05Txt span {color:#ff0016;}
.sec05Cont {margin-top:13rem;}

#sec05 .slick-prev:before, #sec05 .slick-next:before {display:none;}
#sec05 .slick-list {position: relative; display: block; overflow: unset; margin: 0; padding: 0;}
#sec05 .slick-slide {position: relative; padding: 5rem 3rem 6rem; overflow: unset; margin: 0 1rem;}
.sc05Slide img {width:100%; height:auto;}
.sc05Slide img.on {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.sc05Slide img.on {opacity:0;}

#sec05 .slick-slide img.phone {display: block; transform: translateY(5.5rem);}
.sc05Slide .slick-center img.on {opacity:1; position: absolute; left: 50%; top: -15%; transform: translate(-50%, 16.667%) scale(1.5); z-index: 1;}

#sec05 .slick-slide.slick-center img.phone {transform:scale(1.2); transform-origin:center;}

.sc05Slide .slick-center img.zoomBox {transform:scale(0); transition:all 0.3s ease-in-out; transform-origin:center;}
.sc05Slide .slick-center img.zoomBox.on {left: 50%; top: 45%; transform:translate(-50%,-50%) scale(1.3)!important;}
.rolling.sec05 {margin-top:0;}

#sec05 .slick-slide {opacity:0.3;}
#sec05 .slick-slide.slick-center {opacity:1;}

.sc05Slide {display:none!important;}
.sc05Slide.active {display:block!important;}




@media (max-width:768px) {
	#sec05 {padding: 9.11vw 0 11.72vw;}
	#sec05 .mainInner {overflow:hidden; padding: 0 2.6vw}
	.sec05Txt {font-size: 3.7vw;}
	.sec05TxtBox {
		width: calc(100%/3 - 2vw);
		padding: 3.64vw 1vw 3vw;
		border-radius: 2.60vw;
		border: 0.52vw solid #e70519;
		word-break: keep-all;
	}
	.sec05TxtBox:nth-child(1) {transform: rotate(-10deg) translateY(28%);}
	.sec05TxtBox:nth-child(3) {transform: rotate(10deg) translateY(28%);}	
	
	.sec05Cont {margin: 0 auto; margin-top: 18.23vw; width: 90%;}
	
	#sec05::Before {width: 427.6vw; height: 677.08vw; top: 18%;}
	#sec05 .slick-slide img.phone {display: block; transform: translateY(10%);}
	#sec05 .slick-slide {position: relative; padding: 0.55% 0.2% 0.6%; overflow: unset; margin: 0 1rem;}
	.sc05Slide .slick-center img.zoomBox.on {left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.3)!important;}
}
/* ================== ~ sec05 END // ================== */



/* ================== // sec06 START ~  ================== */

#sec06 {
    background: #f2e9dd;
    height: 118rem;
    overflow: hidden;
}

#sec06 .mainInner {
    display: flex;
    max-width: 156rem;
    justify-content: space-between;
}

.sec06Left {
    padding: 22rem 0 24rem;
    width: 33.9%;
}

#sec06 .Ltitle {
	font-weight:800;
	text-align:left;
	margin-top:3.4rem;
	position:relative;
}
.sec06Stemp {
    position: absolute;
    right: 0%;
    bottom: -140%;
    width: 27rem;
}
#sec06 .Stitle {
    text-align: left;
    margin-top: 5rem;
    font-weight: 800;
}
.sec06Stemp img {
	width:100%; 
	height:auto; 
	
}

.sec06Stemp.aos-animate img {
	animation: stampBounceScale 0.75s ease-out forwards;
    -webkit-animation: stampBounceScale 0.75s ease-out forwards;
}


ul.sec06TagG {margin-top: 18rem;}
.sec06TagT {
    letter-spacing: -0.025em;
    color: #e70519;
    font-size: 2.8rem;
    font-family: "Pretendard";
    font-weight: 700;
    padding: 2.4rem 3.2rem;
    border: 3px solid #e70519;
    border-radius: 33.5rem;
    display: inline-block;
    line-height: 1;
	margin-top:2rem;
	margin-right:2rem;
}


.sec06Right {
    width: 56.58%;
    display: flex;
    gap: 3rem;
}

.reviewBox {
	width:calc(100%/3);
}
.reviewBox img {
	width:100%;
	height:auto;
}


@media (max-width:991px) and (min-width:769px) {
	.sec06TagT {font-size: 2rem; padding: 1.4rem 3.2rem;}
}

@keyframes stampBounceScale {
    0% { opacity: 0; transform: scale(1.8);
    }
    30% {
        opacity: 1;
        transform:scale(1);
    }
    50% {
        transform:scale(0.95);
    }
    70% {
        transform:scale(1.02);
    }
    85% {
        transform:scale(0.98);
    }
    100% {
        opacity: 1;
        transform:scale(1);
    }
}


#sec06 .center {width:49.09vw; overflow:unset;}
#sec06 .center img {width:100%; height:auto;}
#sec06 .center .slick-list {overflow:unset;}
#sec06 .center .slick-list .slick-slide {margin:0 0.65vw;}

#sec06 .slick-prev, #sec06 .slick-next {display:none!important;}

@media (max-width:768px) {
	#sec06 {height: auto; padding-bottom: 19.53vw;}
	#sec06 .mainInner {flex-direction: column; align-items: center;}
	
	.sec06Left {padding: 11.85vw 0 7.16vw; width: 100%;}
	.sec06Star {display: flex; justify-content: center; width: 26.56vw; margin: 0 auto;}
	.sec06Star img {width:100%; height:auto;}
	#sec06 .Ltitle {margin-top: 2.73vw; text-align: center; color: #6a0606;}
	#sec06 .Stitle {text-align: center; margin-top: 4vw;}
	.sec06Stemp {right: 2%; bottom: -85%; width: 27.64vw;}
		
	ul.sec06TagG {
		margin: 0 auto;
		margin-top: 7.16vw;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: row;
		width: 50.2vw;
	}
	.sec06TagT {
		font-size: 3.39vw;
		padding: 2.08vw 0.56vw;
		border: 0.39vw solid #e70519;
		border-radius: 33.5rem;
		border-radius: 6.03vw;
		margin-top: 0;
		margin: 0.98vw 0.65vw;
		width: 22.95vw;
		text-align: center;
	}
	.sec06Right {width: 100%; display: flex; gap: 3rem;}
}

/* ================== ~ sec06 END // ================== */

#secM {
    padding: 14rem 0;
	overflow:hidden;
    background: url(../img/secM_bg.jpg) no-repeat center / cover;
}

#secM .secMInner {
    width: 100%;
    max-width: 106rem;
    padding: 0 2rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.secMLeft {
	width:50%;
}

#secM .LStitle {
    color: #fff;
    position: relative;
    display: inline-block;
	z-index:1;
	padding-left:0.5rem;
	line-height:1.2;
}

#secM .LStitle::before {
    content: '';
    width: 104%;
    height: 100%;
    background: #0e3e2e;
    position: absolute;
    left: -2%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

#secM .Ltitle {
	color:#111111;
	letter-spacing:-0.02em;
	margin-top:3.2rem;
	text-align:left;
}
#secM .secMTxt {
	font-size:2rem;
	color:#111;
	letter-spacing:-0.02em;
	line-height:1.3;
	margin-top:3.3rem;
}

.secMRight {
    width: 36.27%;
	position:relative;
}


.secMSlide .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border:2px solid #0e3e2e;
}

.secMSlide .swiper-slide img {
	width:100%;
	height:auto;
}

.secMChick.secMChick02 {
    position: absolute;
    left: 0;
    bottom: -10%;
    z-index: 1;
    transform: translateX(-40%);
}

.secMChick.secMChick01 {
    position: absolute;
    right: 0;
    top: -8%;
    z-index: 1;
    transform: translateX(60%);
}

.secMChick.secMChick01 img {
	width:100%;
	height:auto;
}


.secMSlide .swiper-slide {
	transform-origin: right!important;
}

@media (max-width:768px) {
	
	#secM {
		padding: 19.47vw 0;
		background: url(../img/secM_bgMo.jpg) no-repeat center / cover;
	}
	#secM .secMInner {
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}
	
	.secMLeft {
		width: 100%;
		text-align: center;
	}
	
	#secM .LStitle::before {left:0;}
	
	#secM .Ltitle  {
		margin-top: 4vw;
		text-align: center;
	}
	
	#secM .secMTxt {
		font-size: 3.65vw;
		margin-top: 5.33vw;
	}
	
	.secMRight {
		width: 56.2%;
		margin-top: 14.13vw;
	}
	
	
	.secMChick.secMChick01 {
		width:24.27vw;
	}
	
	.secMChick.secMChick01 img {
		width:100%;
		height:auto;
	}
	
	
	.secMChick.secMChick02 {
		width:32.80vw;
	}
	
	
	.secMChick.secMChick02 img {
		width:100%;
		height:auto;
	}
	
}
/* ================== // sec07 START ~  ================== */

#sec07 {
	padding:17rem 0 8.5rem 0;
	/*background: url(../img/sec07_topBg.png) no-repeat top / contain;*/
	background:#740202;
	overflow:hidden;
	position:relative;
}

#sec07 .Ltitle {
	color:#fff;
	font-weight: 800;
	margin-top:6.1rem;
	line-height:1.25;
}

#sec07 .sec07TopBg {
	position:absolute;
	top:0;
	width:100%;
	height:auto;
}

#sec07 .sec07TopBg img {width:100%; height:auto;}

.sec07ToTbox {
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}


.sec07ArrowBox {
	padding:3rem 4rem 3rem 4.7rem;
	background:#000000;
	border-radius:1.5rem;
	border:2px solid #ff1c30;
	margin-top:7rem;
}
.sec07ATxtsaF {
    font-size: 3.6rem;
    letter-spacing: -0.025em;
    color: #fff;
    position: relative;
    line-height: 1;
    padding-right: 4rem;
}

.sec07ATxtsaF::before {
	content:'';
	width:2.4rem;
	height:2.4rem;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	background:url(../img/sec07_arrow.png) no-repeat center / contain;
}

.sec07Cont {
	width:100%;
	margin-top:7rem;
	padding:13rem 0;
	position:relative;
}
.sec07Cont::before {
    content: '';
    width: 267rem;
    border-radius: 50%;
    height: 100%;
    padding-bottom: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    background: #FFF;
    box-shadow: 0px 2.9rem 1.3rem rgb(59 11 16 / 21%);
}
.sec07ContImg {
	position:absolute;
	
}
.sec07ContImg01 {
    width: 40.59%;
    right: -9%;
    top: -9%;
}
.sec07ContImg02 {
    /*!width: 43.59%;*/
	width: 40.59%;
    left: -16%;
    top: 24%;
}
.sec07ContImg03 {
    width: 46.25%;
    bottom: -10%;
    right: -18%;
}


.sec07OrderList {
    width: 100%;
    max-width: 87rem;
    padding: 0 2rem;
    margin: 0 auto;
    
}

.sec07OrderList li {
	display:flex;
	position: relative;
}


.sec07Order {
	width:78.92%;

}

.orderImg {
	width:100%;
	height:auto;
}

.orderCircle {
	width:28.19%;
	height:auto;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	
	animation: sec02Ice01Ani 3s ease-in-out infinite;
    -webkit-animation: sec02Ice01Ani 3s ease-in-out infinite;
}

@keyframes sec02Ice01Ani {
	0% { transform: translateY(-50%);}
	50% {transform: translateY(-60%);}
	100% {transform: translateY(-50%);}
}


.sec07OrderList li:nth-child(2) {
	justify-content: flex-end;
	margin:5.5rem;
}

.sec07OrderList li:nth-child(2) .orderCircle {
	right:unset;
	left:0;
}

@media (max-width:768px) {
	#sec07 {padding: 19.53vw 0;}
	#sec07 .sec07TopBg img {width: 140%; height: auto;}
	.sec07ToTbox img {width: 62.26vw;}
	.sec07ArrowBox {padding: 4.91vw 5.21vw 3.91vw 6.12vw; border-radius: 1.95vw; border: 0.26vw solid #ff1c30; margin-top: 10.81vw;}
	.sec07ATxtsaF {font-size: 4.69vw; padding-right: 5.21vw;}
	.sec07ATxtsaF::before {width: 3.13vw; height: 3.13vw;}
	
	#sec07 .Ltitle {margin-top: 6.12vw;}
	.sec07Cont::before {width: 207rem; border-radius: 200%;}
	.sec07ContImg01 {width: 48.59%; right: -15%; top: -9%;}
	.sec07OrderList {width: 100%; padding: 0 12.37vw;}
	
	.sec07Order {width: 82.25%;}
	.sec07OrderList li:nth-child(2) {margin: 4.56vw 0;}
	
	.sec07Cont {width: 100%; margin-top: 4vw; padding: 20.83vw 0; position: relative;}		
	.sec07Cont::before {width: 250%; height: 93%; top:50%; transform: translateX(-50%) translateY(-50%);}
	.sec07ContImg02 {left: -16%; top: unset; bottom: -8%; z-index: 10;}
	.sec07ContImg03 {width: 48.25%; bottom: -10%; right: -22%;}
}
/* ================== ~ sec07 END // ================== */


/* ================== // sec08 START ~  ================== */
#sec08 {
    padding: 9.4rem 0 16rem;
    background: #740202;
    overflow: hidden;
}
#sec08 .Ltitle {
	font-weight: 800;
	color:#fff;
}

#sec08 .Ltitle span.small {
	font-size:5rem;
}

#sec08 .Ltitle span.graTxt {
    background: linear-gradient(120deg, #ffbabb 17%, #ff616f 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#sec08 .Stitle {
	margin-top:7.5rem;
	color:#fff;
	font-weight:600;
}
.sec08cont {
	width:100%;
	max-width:142rem;
	padding:0 2rem;
	margin:0 auto;
	margin-top:11rem;
	
}
.seesaw {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 2.5rem;
    border-bottom: 0.6rem  solid #FFF;
    transition: all 5s ease-in-out;
    transform-origin: center;
}


.aos-animate.seesaw {
	transition: all 5s ease-in-out;
	transition-delay: 0.5s;
    transform: rotate(-10deg) translateX(-1.5%);
}

.seesawCircle {
	border-radius:999%;
	background:red;
}

.seesawCircle.sCircle {
    width: 21.74%;
    height: 0;
    padding-bottom: 21.74%;
    background: #fff;
	position:relative;
}

.seesawCircle.sCircle::before {
    content: '월 매출 870만원';
    font-size: 3.2rem;
    letter-spacing: -0.01em;
    color: #fff;
    font-weight: 800;
    font-family: 'Aggravo';
    position: absolute;
    top: -40%;
    padding: 3rem 0 2.8rem;
    background: #ff1c30;
    border-radius: 1.5rem;
    width: 100%;
    text-align: center;
    border: 2px solid #FFF;
    line-height: 1;
    /* margin-bottom: 2rem; */
}


.seesawCircle:nth-child(3n).sCircle::before {
	content: '월 매출 3,100만원';
}

.seesawCircle.bCircle {
    width: 39.13%;
    height: 0;
    padding-bottom: 39.13%;
    background: #fff;
}

.seesawCircle img {width:100%; height:auto;}

.aos-animate.seesaw .seesawCircle img {
	transition: all 1s ease-in-out;
	transition-delay: 0.4s;
	transform: rotate(10deg);
}

.seesawBotm {
    width: 15.9rem;
    height: auto;
    margin: 0 auto;
}
.seesawBotm img {
	width:100%;
	height:auto;
}

@media (max-width:768px) {	
	#sec08 {padding: 0 0 19.53vw;}
	#sec08 .Ltitle span.small {font-size: 7.29vw;}
	#sec08 .Stitle {margin-top: 5.86vw; line-height: 1.35;}
	.sec08cont {padding: 0 5.21vw; margin-top: 13.02vw;}
	.seesaw {padding-bottom:2vw; border-bottom: 0.78vw solid #FFF;}
	.seesawCircle.sCircle::before {top: -45%; font-size: 2vw; padding: 2.47vw  0; border-radius: 1.95vw; border: 0.26vw solid #FFF;}
	.seesawCircle.bCircle {width: 41.22%; padding-bottom: 41.13%;}
	.seesawCircle.sCircle {width: 22.91%; padding-bottom: 22.74%;}
	.seesawBotm {width: 11.52vw;}
}
/* ================== ~ sec08 END // ================== */



/* ================== // sec0 START ~  ================== */
/* ================== ~ sec0 END // ================== */



/* ================== // sec09 START ~  ================== */
#sec09 {position:relative;}

.sec09BoxG {display:flex;}
.sec09BoxG li {width:calc(100%/5); position:relative; }
.sec09BoxG li::before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:0.15;
	background:#300000;
}

.sec09BoxG li img {width:100%;}

.sec09BoxT {
    width: 100%;
    height: 100%;
    background: #ff1c30;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 15rem;
}
.sec09BoxG li:hover .sec09BoxT {opacity:1;}
.sec09TBbox {
	color:#fff;
	text-align:center;
}
.sec09Title {
	line-height:1.2;
	font-size:3.6rem;
	font-weight:700;
	letter-spacing:-0.025em;
}
.sec09STxt {
	line-height:1.2;
	margin-top:4.6rem;
	font-size:2.8rem;
	letter-spacing:-0.025em;
}


.sec09Cricle {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 31.61%;
    max-width: 60.7rem;
}

.sec09Cricle img {
	width:100% ;
	animation: roll 14s linear infinite;
    -webkit-animation: roll 14s linear infinite;
}

@keyframes roll {
    0% {transform: rotate(0);}
    100% {transform:rotate(360deg);}
}

.sec09TxtBox {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:100%;
	text-align:center;
	color:#fff;
}

.sec09CTxt {
	font-size:3.6rem;
	letter-spacing:-0.025em;
}
.sec09CBTxt {
	margin-top:2rem;
	font-size:8rem;
	letter-spacing:-0.025em;
}

@media (max-width:1600px) and (min-width:769px) {
	.sec09BoxT {padding-bottom: 3.81vw;}
	.sec09STxt {margin-top: 1.4vw;}
}

@media (max-width:768px) {
	.sec09BoxG {display: flex; flex-direction: column; overflow: hidden;}
	.sec09BoxG li {width: 100%; height: 31.51vw;}
	.sec09BoxG li img {width:100%;}
	.sec09TBbox {text-align: center; display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: center;}
	.sec09BoxT {padding-bottom: 0; display: flex; justify-content: center; align-items: center;}
	.sec09Title {line-height: 1.2; font-size: 4.17vw;}
	.sec09STxt {line-height: 1.2; margin-top: 0; font-size: 3.39vw; letter-spacing: -0.025em; text-align: right;}
	.sec09Cricle {width: 45.52%; max-width: unset; top: 50%; transform: translate(-50%,-50%);}
	.sec09CTxt {font-size: 3.03vw; letter-spacing: -0.025em;}
	.sec09CBTxt {margin-top: 1.30vw; font-size: 6.25vw; letter-spacing: -0.025em;}
	.sec09TxtBox {margin-top:1vw;}	
	.sec09BoxG li:hover .sec09BoxT {padding: 0 5.47vw 0 3.91vw;}
	
	
	.sec09BoxG li.on  .sec09BoxT {opacity: 1;}
	.sec09BoxG li.on .sec09BoxT {padding: 0 5.47vw 0 3.91vw;}
	
}
/* ================== ~ sec09 END // ================== */

/* ================== // sec10 START ~  ================== */
#sec10 {padding:13rem 0 17rem; background:url(../img/sec10_bg.jpg) no-repeat top / cover; position:relative;overflow:hidden;}
.appGroup {max-width:23.3rem; margin:0 auto;}
.appGroup img {width:100%;}

#sec10 .Ltitle {margin-top:4.7rem; color:#6a0606;}
#sec10 .Stitle {margin-top:3.7rem; color:#1c1c1c; line-height:1.3;}
#sec10 .Stitle span {
    position: relative;
    z-index: 1;
    color: #FFF;
    margin-right: 0.5rem;
}
#sec10 .Stitle span::before {
    content: '';
    width: 106%;
    height: 100%;
    position: absolute;
    left: -2%;
    bottom: 0;
    background: #6a0606;
    z-index: -1;
}

.sec10Cont {
    margin-top: 9.2rem;
    display: flex;
    gap: 5.7rem;
}
.sec10CL, .sec10CR {width:50%; position:relative;}
.sec10CL img, .sec10CR img {width:100%; height:auto;}

.sec10TBox {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}


.sec10Title {
	font-weight:800;
	font-size:4.2rem;
	line-height:1.2;
	letter-spacing:-0.025em;
	text-align:center;
}
span.sec10Txt {font-weight:500;}

.sec10Count {
    background: #ff1c30;
    padding: 1.9rem 1.5rem 1.7rem 1.6rem;
    text-align: center;
    display: inline-flex;
    margin-top: 5.1rem;
    width: 70%;
    justify-content: center;
}
.sec10CountNum {
	letter-spacing:-0.025wm;
	color:#fff;
	font-weight:600;
	font-size:4.5rem;
}

.sec10CountNum span {
	font-size:7.2rem;
	font-weight:800;
}

.sec10Rider {
    width: 21.4rem;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
	
}
.sec10Rider img {width:100%; height:auto; }

.sec10Rider.aos-animate {
	animation: riding 5s linear infinite; /* linear로 부드럽게 */
}
@keyframes riding {
    0% {right:0; }
    100% {right:110%; } 
}

@media (max-width:768px) {
	#sec10 {padding: 19.53vw 0;}
	.appGroup {max-width: 29.04vw;}
	#sec10 .Ltitle {margin-top: 6.51vw;}
	#sec10 .Stitle {margin-top: 5.51vw;  font-size: 4.17vw;}
	
	.sec10Cont {margin-top: 9.77vw; gap: 6.51vw; flex-direction: column; padding: 0 11vw;}
	.sec10CL, .sec10CR {width: 100%;}
	.sec10Title {line-height: 1.3; font-size: 5.47vw;}
	
	.sec10CountNum {font-size: 6vw;}
	.sec10CountNum span {font-size: 7vw;}

	.sec10Count {padding: 2.78vw 1.95vw 2.21vw 2.08vw; margin-top: 5.51vw; width: 73%;}
	.sec10Rider {width: 19.53vw;}
}
/* ================== ~ sec10 END // ================== */



/* ================== // sec11 START ~  ================== */
#sec11 {
	padding:16rem 0;
	position:relative;
	background:url(../img/sec11_bg.jpg) no-repeat top / cover; 
}

#sec11 .mainInner {max-width:132rem;}

#sec11::before, #sec11::after {
	content:'';
	width:100%;
	height:5rem;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/sec11_label.jpg) no-repeat top / cover; 
}
#sec11::after {top:unset; bottom:0;}

#sec11 .Stitle {color:#fff;}
#sec11 .Ltitle {color:#fff; margin-top:3.7rem; line-height: 1;}

.sec11MeSlideBox {
    margin-top: 10.2rem;
    background: #fff;
    border: 5px solid #ff1c30;
    border-radius: 4rem;
    padding: 8rem 0 8.7rem;
    position: relative;
}
.menuTab {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3.2rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
}
.menuTab li {
	color:#fff;
	font-weight:500;
	font-size:2.8rem;
	letter-spacing:-0.01em;
	padding:2.3rem 0;
	width:18.5rem;
	background:#ff1c30;
	border-radius:1.5rem;
	text-align:center;
	cursor: pointer;
}

.sec11MeSlidInner {width:78.91%; margin:0 auto;}
.menuSlide {width:100%;}
.menuSlide .slick-slider {width:100%:}
.menuSlide .slick-list {width:100%;}
.menuSlide .slick-slide {margin: 0 3rem; padding: 3rem 0;}
.menuSlide .slick-list img {width:100%; height:auto; transition:all 0.3s ease-in-out;}

.menuSlide .slick-list img{border-radius:4rem; overflow:hidden;}

.menuSlide .slick-list .slick-center img {transform:scale(1.2);}

.menuSlide {display:none!important;}
.menuSlide.active {display:block!important;}


#sec11 .slick-prev, #sec11 .slick-next {
	background:red;
	width:6.2rem;
	height:6.2rem;
	border-radius:999%;
}
#sec11 .slick-prev::Before, #sec11 .slick-next::Before {display:none!important;}

#sec11 .slick-prev {
	left: 0;
    transform: translate(-100%, -50%);
	background:url(../img/sec11_arrowLeft.png) no-repeat top / contain;
}
#sec11 .slick-next {
	right: 0;
    transform: translate(100%, -50%);
	background:url(../img/sec11_arrowRight.png) no-repeat top / contain;
}


@media (max-width:768px) {
	#sec11 {padding: 19.53vw 0; overflow:hidden;}
	#sec11::before, #sec11::after {height:6.51vw;}
	#sec11 .Ltitle {margin-top: 4.04vw;}
	.menuTab {gap: 2.6vw; position: relative; top: unset; left: unset; transform: unset;}
	.menuTab li {font-size: 3.65vw; padding: 2.99vw 3.91vw; width: auto; border-radius: 1.95vw; word-break: keep-all;}
	.sec11MeSlideBox {margin-top: 6.25vw; background: unset; border: unset; border-radius: 0; padding: unset; position: relative;}
	.sec11MeSlidInner {width: 45.57vw; margin: 5.73vw auto 0;}
	.menuSlide .slick-list {overflow:unset;}
	.menuSlide .slick-list img {border-radius: 3.21vw; overflow: hidden;}
	.menuSlide .slick-slide {margin: 0 3.91vw; padding: 3.91vw 0;}
	#sec11 .slick-next {display:block!important;}
}
/* ================== ~ sec11 END // ================== */


/* ============ // sec12 START ~  ============ */

#sec12 {background:#fbf8f5; padding:14rem 0 7rem;}
#sec12 .Ltitle {margin-top:3.4rem; color:#ff1c30;}
#sec12 .mainInner {max-width:124rem;}
.setpList {margin-top: 8rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.setpList li {margin:1.2rem 0; width: calc((100% - (4rem * 3)) / 4);}
.setpList li img {width:100%; height:auto;}

@media (max-width:768px) {
	#sec12 {width: 100%; padding: 18.23vw 12.37vw;}
	#sec12 .mainInner {padding: 0;}
	#sec12 .Ltitle {margin-top: 3.6vw;}
	.setpList {margin-top: 5.86vw;}
	.setpList li {margin: 1.63vw 0; width: calc(100%/2 - 2.60vw);}
}
/* ============ ~ sec12 END // ============ */
#sec13 {background:#fbf8f5; padding:7rem 0 14rem; }
#sec13 .mainInner {max-width:124rem;}
#sec13 .Ltitle {margin-top:3.4rem; color:#ff1c30;}

.sec13Table {
	position:relative;
    border-radius: 4rem;
    overflow: hidden;
    margin-top: 7rem;
    box-shadow: 0px 9px 9px rgb(81 81 81 / 10%);
}

.sec13Table img {
	width:100%;
}
.sec13TableT {
    font-family: "Pretendard";
    font-size: 2.4rem;
    letter-spacing: -0.025em;
    color: rgb(28 28 28 / 70%);
    text-align: center;
    font-weight: 500;
    margin-top: 6.2rem;
	
}

.sec13Stemp {width:16.3rem; position:absolute;}
.sec13Stemp img {width:100%; height:auto;}

.sec13Stemp.sec13Stemp01 {left: 46.5%; top: 8.5%;}
.sec13Stemp.sec13Stemp02 {left: 46.5%; top: 33%;}

.sec13Stemp.aos-animate img {
    animation: stampBounceScale 0.75s ease-out forwards;
    -webkit-animation: stampBounceScale 0.75s ease-out forwards;
}

@media (max-width:768px) {
	#sec13 {padding: 7.16vw 0 22.66vw;}
	#sec13 .mainInner {padding: 0 3.91vw;}
	#sec13 .Ltitle {margin-top: 4.43vw;}
	.sec13Table {border-radius: 3.91vw; margin-top: 9.38vw;}
	.sec13Stemp {width: 16.48vw; position: absolute;}
	.sec13Stemp.sec13Stemp01 {left: 46.5%; top: 13.5%;}
	.sec13Stemp.sec13Stemp02 {left: 46.5%; top: 39%;}
	.sec13TableT {font-size: 3.13vw; color: rgb(28 28 28 / 70%); margin-top: 8.46vw; line-height: 1.58; font-weight: 600;}
}


/* ============ // sec13 START ~  ============ */
#sec14 {
	background:url(../img/sec14_bg.jpg) no-repeat center / cover;
	padding:14.8rem 0 19.4rem;
}

#sec14 .Ltitle {
	color:#fff;
}

#sec14 .mainInner {
    max-width: 121rem;
    margin: 7rem auto 0;
}

.searchBoxArea {
    display: flex;
    justify-content: center;
}
.searchBar {
    background: #FFF;
    border-radius: 36px;
    display: inline-block;
    padding: 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 53%;
    max-width: 64rem;
}

.searchIcon {
    width: 3.8rem;
    height: auto;
	margin:0 2rem;
}
.searchIcon img {
	width:100%;
	height:auto;
}

input.searchStore {
    padding: 0;
    font-size: 2rem;
    font-family: "Pretendard";
    font-weight: 500;
    background: none;
    border: none!important;
    line-height: 5.2rem;
    width: 100%!important;
}
.searchBtn {
    border: 0;
    background: #ff1c30!important;
    color: #fff;
    cursor: pointer;
    border-radius: 46px;
    padding: 2rem 3rem;
    font-family: "Pretendard";
    font-weight: 600;
    letter-spacing: -0.01em;
    font-size: 1.8rem;
	word-break:keep-all;
}

.storeListTable {
    background: none;
    margin-top: 7.4rem;
    border-top: 2px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.storeListTable table {
	width:100%;
	border-collapse: collapse;
}

.storeListTable thead th {
    color: #fff;
    font-weight: 600;
    font-size: 2.4rem;
    padding: 2.2rem;
    text-align: center;
    /* border-bottom: 1px solid #FFF; */
    border-bottom: 1px solid #FFF;
}

.storeListTable td {
    font-size: 2rem;
    color: #FFF;
    font-family: "pretendard";
    font-weight: 500;
    text-align: center;
    padding: 3.8rem 0;
    border-bottom: 1px solid #FFF;
	word-break:keep-all;
}


.pg_wrapBox {
    
    float: unset;
    margin-top: 0;
    display: flex;
    justify-content: center;
    margin-top: 6rem;
}


.pg_wrapBox .pg_page, .pg_wrapBox .pg_current {
    color: #666;
    font-size: 1.083em;
    height: 5rem;
    line-height: 4.5rem;
    padding: 0;
    min-width: 5rem;
    text-decoration: none;
    border-radius: 3px;
    border-radius: 999%;
    font-size: 2rem;
    font-family: "Pretendard";
    font-weight: 500;
	margin: 0 0.5rem;
}

.pg_wrapBox .pg_current {background: #ff1c30; border: none; color: #fff;}

.pg_wrapBox .pg_end {
    width: 2rem;
    text-indent: -999px;
    overflow: unset;
    background-image: url('../img/list_nextArrow.png');
    background-repeat: no-repeat;
	background-size: 0.9rem;
    background-color: unset;
	background-position: center;
    padding: 0;
    border: none;
    line-height: unset;
    min-width: unset;
}

.pg_wrapBox .pg_start {
    width: 2rem;
    text-indent: -999px;
    overflow: unset;
    background-image: url('../img/list_prevArrow.png');
    background-repeat: no-repeat;
	background-size: 0.99rem;
    background-color: unset;
	background-position: center;
    padding: 0;
    border: none;
    line-height: unset;
    min-width: unset;
}


@media (max-width:768px) {
	#sec14 {padding: 16.93vw 0; background: url(../img/sec14_bg.jpg) no-repeat center / cover;}
	#sec14 .mainInner {margin: 8.59vw auto 0;}
	.sec12TableInner {max-width: 121rem; margin: 9.38vw 0 0 0;}
	.searchBar {border-radius: 9.69vw; padding: 0.5rem; width: 100%; max-width: unset;}
	.searchIcon {width: 6.51vw; margin: 0 2.60vw;}
	.storeListTable {margin-top: 10.94vw; border-top: 0.26vw solid #FFF; border-bottom: 0.13vw solid #FFF;}
	.storeListTable thead th {font-size: 3.54vw; padding: 3.26vw 1rem;}
	.storeListTable td {font-size: 2.95vw; padding: 3.26vw 1rem; word-break: keep-all; line-height: 1.4;}
	.searchBtn {padding: 3.3vw 3.91vw; letter-spacing: -0.01em; font-size: 3.23vw;}
	input.searchStore {font-size: 3.65vw; line-height: 4.56vw;}
	.pg_wrapBox .pg_page, .pg_wrapBox .pg_current {
		line-height: 8.74vw;
		border-radius: 999%;
		font-size: 3.50vw;
		width: 8.74vw;
		height: 8.74vw;
		min-width: unset;
	}
	.pg_wrapBox {margin-top:9.51vw;}
	.pg_wrapBox .pg_start, .pg_wrapBox .pg_end {width: 1rem !important; margin: 0;}
}
/* ============ ~ sec13 END // ============ */





/* ================== // sec0 START ~  ================== */
/* ================== ~ sec0 END // ================== */
