.textEff {overflow:hidden;}
section {}
@font-face {
  font-family: 'Wonchuri';
  src: url('/STATIC/fonts/high1_Wonchuri_Title_B.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Paperlogy';
  src: url('/STATIC/fonts/Paperlogy-8ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

.mainInner {width:100%; max-width:124rem; padding:0 2rem; margin:0 auto;}
.BTitle {font-family: 'Wonchuri', sans-serif; position:relative; color:#444444; font-size:7rem; letter-spacing:-0.05em; line-height:1.14;}
.BSTitle {font-family: 'Wonchuri', sans-serif; font-size:5rem; line-height:1.2; letter-spacing:-0.05em; text-align:center;}
.STitle { font-size: 2.2rem; line-height: 1.7; color: #444444;}

.mint {color: #00c4b5;}


@media (max-width:1600px) and (max-width:769px) {
	
} 

@media (max-width:768px) {
	.BTitle {font-size:9.11vw; text-align:center;}
	.STitle {font-size: 4.56vw; line-height: 1.4; text-align: center;}
	.underLine {padding: 0.07vw 1vw;}
	.BTXT {font-size: 5.47vw; line-height: 1.19; text-align: center;}
}



/*:::::::: =============== // mainV START ~ ===============:::::::: */
.mainV {width:100%; height:100vh; position:relative; overflow:hidden;}
.IntroTop {
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00c4b5;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: flex-end;
	padding-bottom: 3rem;
}

.IntroBotm {
    width: 100%;
    height: 51%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #00c4b5;
    z-index: 5;
    padding-top: 3rem;
}

.mainBotmBg {
    position: absolute;
    left: 51%;
    top: 25%;
    transform: translate(-50%,-50%);
    width: 90%;
    z-index: -1;
}

.IntroTInner {text-align: center;}
.introBoxTxt {
    font-family: 'Wonchuri', sans-serif;
    font-size: 6.8rem;
    letter-spacing: -0.025em;
    color: #fffbe0;
    display: inline-block;
	position:relative;
	overflow:unset;
}

.IntroTopT {
    display: flex;
    justify-content: center;
    align-items: center;
}

.introBoxTxt::before {
    content: '';
    width: 21rem;
    height: 8rem;
    background: url(/STATIC/shabu/mainTBox.png) no-repeat center / cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.introBoxTxt01 {
    font-family: 'Wonchuri', sans-serif;
    font-size: 8rem;
    letter-spacing: -0.025em;
    color: #fffbe0;
    padding-left: 4rem;
}


.introBTxt {
    font-family: 'Wonchuri', sans-serif;
    font-size: 8rem;
    letter-spacing: -0.025em;
    color: #fffbe0;
    text-align: center;
	
	animation: stampBounceScale 0.75s ease-out forwards;
	-webkit-animation: stampBounceScale 0.75s ease-out forwards;
	transition-timing-function: ease-out;
	animation-delay: 0.8s;
	opacity:0;
}

.introBTxt.introBTxt02 {animation-delay: 1s;}

@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);}
}

.IntroTop {
	animation: IntroUp 1.8s ease-out forwards;
	-webkit-animation: IntroUp 1.8s ease-out forwards;
	animation-delay: 2s;
}

.IntroBotm {
	animation: IntroDown 1.8s ease-out forwards;
	-webkit-animation: IntroDown 1.8s ease-out forwards;
	animation-delay: 2s;
}

@keyframes IntroUp {
    0% {top: 0%;}
    100% {top: -51%;}
}

@keyframes IntroDown {
    0% {bottom: 0%;}
    100% {bottom: -51%;}
}

.mainVBg {width:100%; height:100%; position:relative;}
.mainVBg img.mainVBgImg {
    width: auto;
    height: 120%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


.mainTBox {
    position: absolute;
    left: 36%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

/*img.mainModel {
    position: absolute;
    z-index: 1;
    width: 35%;
    right: 13%;
    bottom: -32%;
}*/

.mainModelBox {
    width: 100%;
    margin: 0 auto;
    max-width: 144rem;
    position: relative;
    bottom: 0;
    height: 100%;
}


img.mainModel {
    position: absolute;
    z-index: 1;
    width: 47.5REM;
    right: 7.5%;
    /* TOP: 24%; */
    bottom: -20%;
}


.mainV .BTitle {
    color: #fff;
    font-size: 7rem;
    text-align: center;
}

video#mainVideo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: 140%;
}
.mainVBg::before {
    content: '';
    width: 120%;
    height: 120%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 40%);
    z-index: 1;
}
.mainNeon {
    width: 69rem;
    position: relative;
    margin-top: 0.9rem;
}

.mainNeon img.mainTitleNeon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.mainNeon img {width:100%; height:auto;}
.mainNeon img.mainTitleNeon {position:absolute; left:50%; top:50%; transform:transition(-50%,-50%);}

@property --fill-percent {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%;
}

.introTxt {
	margin-top:1.2rem;
	
  font-family: 'Wonchuri', sans-serif;
  font-size: 8rem;
  letter-spacing: -0.025em;
  display: inline-block;

  --fill-percent: 0%;
  --base-color: #fffbe0;
  --fill-color: #00c4b5;

  background:
    linear-gradient(
      to bottom,
      var(--fill-color) 0%,
      var(--fill-color) var(--fill-percent),
      transparent var(--fill-percent),
      transparent 100%
    ),
    linear-gradient(var(--base-color), var(--base-color));

  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #fffbe0;

  animation: textFillDown 1.5s ease-out forwards;
  animation-delay: 0.5s;
}

@keyframes textFillDown {
  from {
    --fill-percent: 0%;
  }
  to {
    --fill-percent: 100%;
  }
}




@media (max-width:768px) {
	.mainV .BTitle {font-size: 9.11vw;}
	.introBoxTxt {font-size:8.85vw;}
	.introBoxTxt::before {width: 26.56vw; height: 10.16vw;}
	.introBoxTxt01 {font-size: 10.42vw; padding-left: 6.51vw;}
	.introTxt {margin-top: 1.56vw; font-size: 10.42vw;}
	.IntroTop {padding-bottom:3.91vw;}
	.IntroBotm {padding-top: 3.91vw;}
	.introBTxt {font-size: 10.42vw;}
	.mainBotmBg {top: 55%; width: 93%;}
	video#mainVideo {width: auto; height: 110%;}
	
	img.mainModel {
		position: relative;
		z-index: 1;
		width: 80%;
		right: unset;
		TOP: unset;
		margin: 0 auto;
		bottom: -42%;
		left: 50%;
		transform: translateX(-50%);
	}

	.mainTBox {
		position: absolute;
		left: 50%;
		top: 28%;
		transform: translate(-50%,-50%);
		z-index: 1;
	}

}
/*:::::::: =============== ~ mainV END // ===============:::::::: */

/*:::::::: =============== Common CSS  ===============:::::::: */


.underLine {position: relative; font-weight: 600; z-index: 1; color: #FFF; padding: 0.5rem;}
.underLine::before {
    content: '';
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #00c4b5;
    color: #fff;
    z-index: -1;
	transition:all 0.8s ease-in-out;
}
.BTXT {font-size:4rem; letter-spacing:-0.02em; line-height:1.5; color:#000636; font-weight:700;}


@media (max-width:768px) {
	.BSTitle {font-size:6.51vw;}
	.underLine {padding:0;}
}

/*:::::::: =============== sec02 START ~ ===============:::::::: */
#sec02 {
    position: relative;
    overflow: hidden;
    padding-top: 15rem;
    background: #1d1c1c;
    padding-bottom: 25.6rem;
}
.sec02BotmBg { z-index: 1; width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}
.sec02BotmBg img {width: 100%; height: auto;}

.sec02Model {
    max-width: 49rem;
    width: 27.6%;
    position: absolute;
    left: 25%;
    bottom: 0;
    transform: translateX(-50%);
}
.sec02Model img {width: 100%; height: auto;}

.sec02Food {
    max-width: 89rem;
    position: absolute;
    bottom: -10%;
    left: 52%;
    transform: translateX(-50%);
    width: 44.79%;
    z-index: 1;
}
.sec02Food img {width: 100%; height: auto;}

#sec02 .mainInner {max-width:171rem; position:relative;}
#sec02 .logo {width:22.5rem;}
#sec02 .BTitleTxt {color: #fff; margin-left: 1rem; font-family: 'Wonchuri', sans-serif;}
#sec02 .BTitle {display: flex; margin-top: 2.5rem; align-items: center; justify-content: center;}
#sec02 .BSTitle {font-family: "Pretendard"; font-size: 3rem; font-weight: 600;}
.shabuLogo {width: 36.7rem; margin: 2.5rem auto 0;}
.shabuLogo img {width:100%; height:auto;}

.sec02Cont {margin-top:9.4rem;}
.sec02One {
    position: relative;
    width: 27.4rem;
    margin: 0 auto;
    z-index: 1;
}
.sec02One img.oneImgA {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%,-50%);
}
.sec02One img.oneImg.oneImg01 {
    position: relative;
    left: unset;
    top: unset;
    width: 100%;
    height: auto;
}
.sec02Right {
    right: 2%;
    position: absolute;
    top: 30%;
}
#sec02 p.STitle {
    font-size: 5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #FFF;
    font-family: "Pretendard";
    text-align: left;
}
p.sec02Txt {
    font-size: 2rem;
    letter-spacing: -0.05em;
    font-family: "Pretendard";
    line-height: 1.6;
    color: #e5e5e5;
    font-weight: 300;
    margin-top: 6.3rem;
}

#sec02 .BTitleTxt img {width: 22.5rem;}
span.tline {
    text-decoration-line: underline;
    text-decoration-color: #FFF;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.4rem;
}

.sec02One.aos-animate img {
	animation: fadeOpa 0.75s ease-out forwards;
    -webkit-animation: fadeOpa 0.75s ease-out forwards;
    transition-timing-function: ease-out;
}

.sec02One img {opacity:0;}
.sec02One.aos-animate img.oneImg01 {animation-delay:0.2s;}
.sec02One.aos-animate img.oneImg02 {animation-delay:0.3s;}
.sec02One.aos-animate img.oneImg03 {animation-delay:0.4s;}
.sec02One.aos-animate img.oneImg04 {animation-delay:0.5s;}
.sec02One.aos-animate img.oneImg05 {animation-delay:0.6s;}

@keyframes fadeOpa {
    0% { opacity: 0;}
    100% {opacity: 1;}
}



@media (max-width:768px) {
	
	#sec02 {padding-top: 16.93vw; padding-bottom: 36.33vw;}
	.mainNeon {width: 72.14vw; margin-top: 0.95vw;}
	.sec02Model {max-width: 69.40vw; width: 100%; position: relative; left: unset; bottom: unset; transform: unset; margin: 7.42vw auto 0;}
	#sec02 .BSTitle {font-size: 4.17vw;}
	#sec02 .BTitleTxt {margin-left: 1.13vw; font-size: 7.81vw;}
	#sec02 .BTitleTxt img {width: 26.04vw;}
	.sec02Right {right: unset; position: unset;  top: unset;}
	#sec02 p.STitle {font-size: 7.81vw; text-align: center;}
	p.sec02Txt {font-size: 3.91vw; line-height: 1.6; margin-top: 12.11vw; text-align: center;}
	.sec02Cont {margin-top:0;}
	.sec02One {width: 49.09vw; margin: 13.54vw 30% 0 auto;}
	.sec02Food {max-width: unset; position: absolute; bottom: -2%; left: 50%; transform: translateX(-50%); width: 110%;}
	#sec02 .BTitle img {width: 26.04vw; margin-bottom:1.13vw;}
	#sec02 .BTitle {margin-top: 5.99vw;}
	.shabuLogo {width: 48.18vw; margin: 3.26vw auto 0;}
	span.tline {text-decoration-thickness: 0.13vw; text-underline-offset: 1vw;}
	#sec02 .BSTitle {font-size: 4.17vw;}
}
/*:::::::: =============== ~ sec02 END // ===============:::::::: */


/*:::::::: =============== sec03 START ~ ===============:::::::: */
#sec03 {padding:18.8rem 0 14.4rem; background:#00b0a3; position:relative; overflow:hidden;}

.sec03Line {
    width: 1px;
    top: 0;
    height: 100%;
    position: absolute;
    left: 25%;
	z-index:0;
    background: rgb(255 255 255 / 50%);
}

.sec03Line.sec03Line02 {left:50%;}
.sec03Line.sec03Line03 {left:75%;}

#sec03 .mainInner {width:100%; max-width:129rem; margin:0 auto; z-index:1;}
.sec03TBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.sec03CircleCBox {display: flex; width: 70%; justify-content: space-between; position: absolute; top: 5%;}
.whtieCircle, .yellowCircle {width: 20rem; height: 20rem; display: flex; justify-content: center; align-items: center; border: 1px solid #FFF; border-radius: 50%;}
.yellowCircle {background:#ffefb4;}
.yellowCircle .whtieCT {color: #00c4b5; z-index: 1;}
#sec03 .BTitle {margin-top: 3rem; text-align: center; color: #FFF;}
#sec03 .BSTitle {font-family: "Pretendard"; font-size: 3rem; display: inline-block;}
#sec03 .BSTitle.underLine::before {width:100%; background:#cf0101;}
.sec03Img {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
}
.sec03Img.sec03Img01 {}
.sec03Img.sec03Img02 {top:50%;}
.sec03Img.sec03Img03 {left:unset; right:0; top:10%;}
.sec03Img.sec03Img04 {left:unset; right:0; top:unset;bottom:0;}

.whtieCT {
    color: #fff;
    font-size: 2rem;
    letter-spacing: -0.025em;
    line-height: 1.45;
    text-align: center;
    font-weight: 700;
}

#sec03 .sec03Cont {margin-top: 8rem; width: 100%; position:relative; display: flex;}
.sec03CLeft, .sec03CRight {width:50%; position:relative;}
.sec03CTitle {
    color: #fff;
    font-weight: 600;
    font-size: 3.3rem;
    letter-spacing: -0.05em;
    padding: 4.4rem 0;
    text-align: center;
    font-family: 'Wonchuri', sans-serif;
    border-radius: 18rem 0 0 0;
    overflow: hidden;
    background: #545454;
}
.sec03CRight .sec03CTitle {background:#00c4b5; border-radius: 0 18rem 0 0;}

.sec03CLeft {}
.sec03CRight {}
.sec03List {height: 28rem; overflow: hidden; background:#545454;}
.sec03CRight .sec03List {background:#00c4b5;}

#sec03 .sec03ListRSlide {height: 7rem; overflow: unset;}
.sec03ListRSlide p {font-size: 2.2rem; letter-spacing: -0.05em; color: #b7b7b7; text-align: center; line-height: 7rem;}
.sec03ListRSlide .swiper-slide {border-top: 1px solid hsl(0deg 0% 100% / 50%);}
#sec03 .swiper-slide-active p {color:#fff;}
#sec03 .sec03CRight .swiper-slide-active p {color: #00c4b5; font-weight: 600;}
.listTopBox {
    width: 100%;
    height: 7rem;
    background: rgb(255 255 255 / 20%);
    border: 1px solid #00c4b5;
    z-index: 1;
    position: absolute;
    top: 12rem;
    transform: scale(1);
    width: 100%;
}

.liTopRightBox {
    left: unset;
    right: 0;
    background: #FFF;
    box-shadow: 0px 0px 30px #ffefb4;
}
.sec03CRight .sec03ListRSlide p {color:#a0fff8;}


.sec03CLeft .mintArrow {position: absolute; left: 5%; top: 50%; transform: translateY(-50%);}
.sec03CRight .mintArrow {position: absolute; right: 5%; top: 50%; transform: translateY(-50%);}

/* sec05 */
@keyframes S05flash {
    0% {opacity: 0.2;}
    20% {opacity: 1;}
    40% {opacity: 0.2;}
    60% {opacity: 1;}
    80% {opacity: 0.2;}
    100% {opacity: 1;}
}
[data-aos="S05flash"] {opacity: 0;}

[data-aos="S05flash"].aos-animate {
    animation-name: S05flash;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}



.circlePulse {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.circlePulse::before, .circlePulse::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110%;
    height: 110%;
    border-radius: 50%;
    background: rgba(167, 226, 200, 0.45);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.8;
    z-index: 0;
    animation: pulseRing 2.8s ease-out infinite;
}
.circlePulse::after {
  animation-delay: 1.4s;
}

.circleInner {
  position: relative;
  z-index: 2;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: #f4e7ad;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #00b8b0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

@keyframes pulseRing {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.55;
  }
  70% {
    opacity: 0.2;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.6);
    opacity: 0;
  }
}





@media (max-width:768px) {
	#sec03 {padding: 18.23vw 0 28.26vw;}
	#sec03::before {content: ''; width: 100%; height: 100%; z-index: 2; position: absolute; left: 0; top: 0;}
	#sec03 .BSTitle {font-size: 4.69vw; font-weight: 400;}
	#sec03 .BTitle {margin-top: 3.91vw;}
	
	.sec03Img {position: absolute; left: 0; top: 0; width: 50%;}
	.sec03Img.sec03Img02 {top: 60%; left: unset; right: 0;}	
	.sec03Img.sec03Img03 {left: 0; right: unset; top: 30.5%;}
	
	.sec03CircleCBox {position: relative; top: unset; align-items: center; width: 90%; margin-top: 7.55vw;}
	.whtieCircle, .yellowCircle {width: 36.06vw; height: 36.06vw; border: 0.13vw solid #FFF;}
	.whtieCT {font-size: 3.91vw;}
	
	#sec03 .sec03Cont {margin-top: 7.81vw; flex-direction: column;}
	.sec03CLeft, .sec03CRight {width: 100%;}
	.sec03CRight {border-radius: 0 0 23.44vw 0; overflow: hidden;}
	.sec03CTitle {border-radius: 23.44vw 0 0 0;}
	.sec03CRight .sec03CTitle {border-radius: 0;}
	.sec03CTitle {font-weight: 600; font-size: 5.99vw; padding: 6.25vw 0;}
	.sec03List {height: 44.27vw;}
	#sec03 .sec03ListRSlide {height: 11.07vw; overflow: unset;}
	.sec03ListRSlide p {font-size: 3.65vw; line-height: 11.07vw;}
	.listTopBox {width: 100%; height: 11.07vw; border: 0.13vw solid #00c4b5; top: 18.4vw; width: 100%; transform: scale(1);}
	.sec03CLeft .mintArrow, .sec03CRight .mintArrow {width: 3.65vw; right: unset; left: 5%;}
}
/*:::::::: =============== ~ sec03 END // ===============:::::::: */


/*:::::::: =============== sec04 START ~ ===============:::::::: */
#sec04 {overflow:hidden;}
.sec04TBox {padding:13.7rem 0 6rem; background:#fffcf5;}
.sec04TBox .STitle {text-align: center; font-size: 3.2rem; letter-spacing: -0.05em; font-weight: 700;}
.sec04TBox .BTitle {text-align:center; margin-top:2.1rem;}
.sec04TBox .sTxt {text-align:center; color:#0a0407; font-size:2.2rem; margin-top:4rem; line-height:1.7; font-weight:600;}
.sec04Cont {width:100%; padding:7rem 2rem; background:url(/STATIC/shabu/sec04_bg.jpg) no-repeat center / cover;}
.sec04CInner {
    width: 100%;
    max-width: 140rem;
    margin: 0 auto;
}
.sec04CTBox {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sec04MC {
	width:11.6rem;
	height:11.6rem;
	background:#00c4b5;
	border-radius:50%;
	position:relative;
}
.sec04MCTxt {
    font-size: 2.1rem;
    font-weight: 800;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.sec04CTitle {
    font-weight: 800;
    color: #fff;
    font-size: 10rem;
    letter-spacing: -0.05em;
    margin-left: 1rem;
    text-shadow: 0px 0px 4rem #00c4b5;
}

.sec04CBox {
    margin-top: 7rem;
    border: 1px solid #00c4b5;
    padding: 5.7rem 0 8.4rem;
    border-radius: 30rem;
    box-shadow: 0px 0px 40px rgb(0 196 181 / 70%);
    background: rgb(0 0 0 / 10%);
	position:relative;
}

.sec04stemp {
    width: 28.3rem;
    margin-left: 10rem;
}


.sec04stemp.aos-animate {
	animation: stampBounceScale 0.75s ease-out forwards;
    -webkit-animation: stampBounceScale 0.75s ease-out forwards;
    transition-timing-function: ease-out;
}

.sec04CBox::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 30rem;
    border: 1px solid #00c4b5;
    /* box-shadow: 0px 0px 40px rgb(0 196 181 / 70%); */
    position: absolute;
    left: 142%;
    top: 0;
    transform: translateX(-50%);
}

.sec04CBox::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 30rem;
    border: 1px solid #00c4b5;
    /* box-shadow: 0px 0px 40px rgb(0 196 181 / 70%); */
    position: absolute;
    left: -41%;
    top: 0;
    transform: translateX(-50%);
}
.secCBTitle {
    color: #fff;
    margin-top: 5.7rem0;
    font-size: 4rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: -0.05em;
    text-align: center;
}
.secCBTImgC {display: flex; justify-content: space-between; width: 75.54%; margin: 5.7rem auto 0;}
.secCBTImgCLeft {width: 53.03%;}
.secCBTImgCRight {width: 40.53%;}
.secCBTImgC img {width:100%; height:auto;}

@media (max-width:768px) {
	.sec04TBox {padding: 18.62vw 0 7.81vw;}
	.sec04TBox .BTitle {text-align: center; margin-top: 2.60vw;}
	.sec04TBox .sTxt {font-size: 4.17vw; margin-top: 4.95vw; line-height: 1.3;}
	
	.sec04TBox .STitle {font-size: 4.17vw;}
	
	.sec04Cont {padding: 16.93vw 3.91vw 18.23vw; background: url(/STATIC/shabu/sec04_bg.jpg) no-repeat center / cover;}
	.sec04CTBox {display: flex; justify-content: center; flex-direction: row; align-items: center; flex-wrap: wrap;}
	.sec04CBox::before, .sec04CBox::after {display:none;}
	.sec04MC {width: 15.1vw; height: 15.1vw;}
	.sec04MCTxt {font-size: 2.73vw;}
	.sec04CTitle {font-size: 13.02vw; margin-left: 1.82vw;}
	.sec04CTitle {font-size: 13.02vw;}
	.sec04stemp {width: 36.46vw; margin-left: 0; margin-top: 6.51vw;}
	.sec04CBox {margin-top: 12.97vw; border: 0.13vw solid #00c4b5; padding: 16.67vw 0 25.13vw; border-radius: 45.90vw;}
	.secCBTitle {font-size: 5.21vw;}
	.secCBTImgC {justify-content: space-between; width: 100%; margin: 10.29vw  auto 0; flex-direction: column; align-items: center;}
	.secCBTImgCLeft {width:75.52%;}
	.secCBTImgCRight {width: 57.29%; margin-top: 10.42vw;}
}
/*:::::::: =============== ~ sec04 END // ===============:::::::: */


/*:::::::: =============== sec05 START ~ ===============:::::::: */
#sec05 {background: #1d1c1c; padding-top: 27.7rem; overflow: hidden;}
#sec05 .mainInner {max-width: 165rem; padding: 0 2rem;}
.sec05TBox {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}

.sec05Left .sec05BTitle { transform: translateX(23%);}
.sec05BTitle {font-family: 'Wonchuri', sans-serif; font-size:10rem; letter-spacing:-0.05em; margin-top:4rem;}
.sec05Right .sec05BTitle {-webkit-text-stroke: 1px #00c4b5; color: transparent;}

#sec05 .BTitle {color: #FFF; text-align: center;}
#sec05 .STitle {text-align:center; color:#fff; margin-top:4rem;}
.sec05Cont {width: 100%; max-width: 120rem; display: flex; justify-content: center; margin: 8.5rem auto 16rem; padding-bottom: 0; position:relative;}
.sec05Center {position:relative;;}
/*.sec05Center img {
    position: absolute;
    width: 180%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
} */
.sec05Center .clockSvgWrap {
    position: relative;
    width: 47.2rem;
    /* max-width: 100%; */
    margin: 0 auto;
    line-height: 0;
    position: absolute;
    left: 50%;
    top: -35%;
    transform: translateX(-50%);
    z-index: 1;
}
.sec05Center .clockSvg{
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.sec05Center .aos-animate .clockFillImg{
	filter:
		brightness(0)
		saturate(100%)
		invert(74%)
		sepia(68%)
		saturate(1542%)
		hue-rotate(128deg)
		brightness(98%)
		contrast(101%);
}

/* 모바일 */
@media (max-width: 768px){
	.sec05Center .clockSvgWrap {
		width: 76.06vw;
		top: -45%;
	}
}




.sec05Left {
    position: absolute;
    left: 0;
}
.sec05Right {
    position: absolute;
    right: 0;
}

.sec05CBowl {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 0;
}
.sec05CBowl img {width:100%; height:auto;}

.mintCircle {
    background: #00c4b5;
    border-radius: 50%;
    display: inline-block;
    flex-direction: column;
    align-content: center;
    align-items: center;
    width: 25.9rem;
    height: 25.9rem;
    position: relative;
}
.sec05CCont {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}

.sec05CInner {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 67.17%;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.sec05CLeft, .sec05CRight {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	position:relative;
}

.sec05CLeft::before {
    content: '';
    width: 1px;
    height: 14rem;
    background: #fff;
    right: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.mintCTitle {color:#ffffff; font-size:2.2rem; letter-spacing:-0.025em;}

.mintCountNum {
    color: #fff;
    font-weight: 800;
    font-size: 2.2rem;
    letter-spacing: -0.05em;
    margin-top: 2.2rem;
}
.mintCountNum span {
	font-size:8.5rem;
	color:#ffefb4;
}

.blackCircle {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: inline-block;
    flex-direction: column;
    align-content: center;
    align-items: center;
    width: 12.4rem;
    height: 12.4rem;
    position: absolute;
    left: 0%;
    top: 0%;
    transform: translate(-50%,-50%);
    z-index: -1;
}

.blackCircle .blackCTitle {font-size:1.5rem; font-weight:500;}
.blackCircle .mintCountNum {font-size:1.5rem; margin-top:1.2rem;}
.blackCircle .mintCountNum span {font-size:3.5rem; color:#fff;}


.sec05ImgFlow {position:relative;}
.sec05ImgFlow .MoslideWrap {height: 34rem;}
.sec05ImgFlow img {height:100%;}
 
img.bowlBotm {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
@media (max-width:768px) {
	#sec05 {padding-top: 32.55vw;}	
	#sec05 .STitle {margin-top: 6.07vw;}
	
	.sec05Center img {width:140%;}
	.sec05CInner {position: relative; left: unset; top: unset; transform: unset; width: auto; height: auto; flex-direction: column;}
	
	.sec05BTitle {display:none;}
	.sec05CLeft, .sec05CRight {width: 100%;}
	.sec05CLeft::before {display:none;}
	.sec05CRight {margin-top: 17.32vw;}
	
	.sec05Cont {padding-top: 15%; padding-bottom: 9.11vw; margin: 0;}
	.mintCircle {background: rgb(0 196 181 / 80%); width: 43.88vw; height: 43.88vw;}
	
	.mintCTitle {font-size: 3.65vw; letter-spacing: -0.025em;}
	.mintCountNum {font-size: 3.91vw; margin-top: 2.65vw;}
	.mintCountNum span {font-size: 14.32vw;}
	
	.blackCircle {background: rgba(0, 0, 0, 0.5); width: 26.04vw; height: 26.04vw;}
	.blackCircle .mintCTitle {font-size: 3.13vw;}
	.blackCircle .mintCountNum {font-size: 3.13vw; margin-top: 1.30vw;}
	.blackCircle .mintCountNum span {font-size: 7.16vw;}
	
	.sec05CBowl {position: absolute; width: 140%; height: auto; z-index: 0; top: 0;}
	img.bowlBotm {left: 50%; top: 140%; width: 130%;}
	
	.sec05TextFlow .MoslideWrap {height: 8.72vw; margin: 31.25vw 0 9.90vw;}
	.sec05ImgFlow .MoslideWrap {height: 44.27vw;}
}
/*:::::::: =============== ~ sec05 END // ===============:::::::: */


/*:::::::: =============== sec06 START ~ ===============:::::::: */
#sec06 {background:#f9f5ea; padding:13rem 0 0; position:relative; overflow:hidden;}
.sec06TBox {display: flex; align-items: center; justify-content: center; margin-bottom: 8.5rem; z-index: 1; position: relative;}
.sec06TBox img {margin: 0 4.8rem 0 5.2rem; width: 20.1rem;}
.sec06DBox {color: #444; text-align: center; font-size: 4rem; letter-spacing: -0.05em; line-height: 2; border-top: 1px solid #00c4b5;}
.sec06Ibox {position:absolute;}
.sec06Ibox img {width:100%; height:auto;}
.sec06Ibox.sec06Ibox01 {width:21.7rem; top:0; left:10%;}
.sec06Ibox.sec06Ibox02 {width:24.5rem; bottom:8rem; left:0%;}
.sec06Ibox.sec06Ibox03 {width:26rem; bottom:16rem; right:0%;}
@media (max-width:768px) {
	#sec06 {background: #f9f5ea; padding: 30.73vw 0 0;}
	.sec06TBox {margin-bottom: 10.42vw; z-index: 1; position: relative; flex-direction: column;}
	.sec06TBox img {margin: 5.08vw 0 6.51vw; width: 26.04vw;}
	.sec06Ibox.sec06Ibox01 {width: 23.83%; max-width: 23.83vw; left: 0; }
	.sec06Ibox.sec06Ibox02 {width: 27.34%; bottom: unset; max-width: 27.34vw; top: 37%;}
	.sec06Ibox.sec06Ibox03 {width: 29.95%; bottom: unset; top: 0; max-width: 29.95vw;}
	.sec06DBox {font-size: 4.43vw; border-top: 0.13vw solid #00c4b5;}
}
/*:::::::: =============== ~ sec06 END // ===============:::::::: */


/*:::::::: =============== sec07 START ~ ===============:::::::: */
#sec07 {padding-top:18rem;  position:relative; background:url(/STATIC/shabu/sec07_bg.jpg) no-repeat center / cover;}
#sec07 .BTitle {color:#fff;}
#sec07 .BTitle.underLine::before {width:100%;}
.sec07Table {width:100%;}
.sec07TBox {display: flex; flex-direction: column; align-items: flex-start; position: absolute; top: 18%;}
#sec07 .mainInner {max-width: 124rem; position:relative;}
.sec07TG {position: relative;}
#sec07 .centerArrow {display: flex; justify-content: center; align-items: flex-end; position: relative;}
#sec07 .centerArrowImg {width:32.4rem; z-index:1; position:relative;}
#sec07 .centerArrowImg img {width:100%; height:auto;}
#sec07 img.arrowShadow {position: absolute; left: 0; top: -8%;}
#sec07 img.arrowShadow.aos-animate {  animation: arrowUp 1.2s ease-in-out infinite alternate;}
@keyframes arrowUp {
    0% {opacity: 0.3; top:0;}
    100% {opacity: 1; top:-8%;}
}

#sec07 img.sec07_table {left: 0; position: absolute; transform: translateX(-37%); width: 92.5rem;}
.s07arrowBox {z-index: 2; display: inline-flex; flex-direction: column; align-items: center; align-content: center; position: absolute; left: 50%; transform: translateX(-50%); top: 18%;}
.s07arrowBoxT {font-weight:700; font-size:2.2rem; letter-spacing:-0.05em; padding:0.8rem 1.8rem; border:1px solid #fff; border-radius:1.9rem;}
.peopleIcon {width: 11.6rem; height: auto; margin: 1.2rem 0 2.1rem;}
.peopleIcon img {transform: unset; width: 100%; height: auto;}
.neonPercent {font-size: 5rem; letter-spacing: -0.05em; color: #ffedb3; font-weight: 900; text-shadow: 0 0px 44px rgb(255 239 180 / 50%);}
.neonPercent span {font-size:9rem;}

@media (min-width:769px) {
	.sec07Model {position: absolute; right: 0; bottom: 0; width: 40rem; height: auto;}
	.sec07Model img {width:100%; height:auto;}
	p.neonYear {font-size: 2rem; font-weight: 600; position: absolute; bottom: -45%;}
}
@media (max-width:768px) {
	#sec07 {overflow: hidden; padding-top: 15.89vw; background: url(/STATIC/shabu/sec07_bgMo.jpg) no-repeat center / cover;}
	#sec07 .mainInner {padding: 0;}
	#sec07 img.sec07_table {left: 0; bottom:0; transform: unset; width: 100%;}
    .sec07TBox {display: flex; flex-direction: column; align-items: center; position: relative; top: unset;}
	#sec07 .centerArrow {padding-bottom: 13%;}
	#sec07 .centerArrowImg {width: 41.54vw; z-index: 1; position: relative; margin-top: 6.51vw;}
	.s07arrowBoxT {font-size: 2.86vw; padding: 1.17vw 2.60vw; border: 0.13vw solid #fff; border-radius: 2.47vw;}
	.peopleIcon {width: 15.23vw; height: auto; margin: 1.56vw 0 2.99vw;}
	.neonPercent span {font-size: 11.72vw;}
	.neonPercent {font-size: 6.51vw; text-shadow: 0 0px 30px rgb(255 214 62 / 70%);}
	.s07arrowBox {top: 16.93vw;}
	.neonYear {margin-top: 2.51vw; font-size: 3.91vw; font-weight:600;}
	.sec07Model {width: 78.52%; margin: 0 auto;}
	.sec07Model img {width:100%; height:auto;}
	
	.wing_wrap .wing_lines.top:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1.56vw;
		background: #00b1a3;
	}
	.wing_wrap .wing_lines:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 12px;
		background: #00b1a3;
	}
}
/*:::::::: =============== ~ sec07 END // ===============:::::::: */

/*:::::::: =============== sec08 START ~ ===============:::::::: */
#sec08 {padding:0; background:#e1e1e1;position:relative;}
#sec08 .STitle {position: absolute; width: 34%;}
.sec08Top {height: 400vh; position: relative;}
.sec08TBox {height: 100vh; display: flex; align-items: center; justify-content: space-between; z-index: 1; position: sticky; top: 0;}
.sec08TopCBox {position: relative; width: 61.2rem; height: 31.9rem;}
.sec08TopCImg {opacity:0; width:100%;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; transition:all 0.5s ease-in-out;}
.sec08TopCImg.active {opacity:1;}
.sec08TopCImg img {width:100%; height:auto;}
.sec08Shop {
    position: sticky;
    left: 50%;
    z-index: 0;
    height: auto;
    bottom: 0;
	width:40%;
    max-width: 62REM;
    display: flex;
	z-index:10;
    justify-content: center;
    align-items: flex-end;
    transform: translateX(-50%);
}
.sec08Shop img {width:100%; height:auto;}
.sec08Botm {padding-bottom: 6rem;}
.sec08ImgLeft {position: absolute; left: 10%; bottom: 5%; z-index:5;}
.sec08Limg.sec08Limg01 {width: 24rem; transform: translateX(50%) translateY(18%);}
.sec08Limg.sec08Limg02 {width: 24rem;}
.sec08Limg.sec08Limg03 {width: 32rem; transform: translateX(30%) translateY(-15%);}
.sec08ImgLeft .sec08Limg img {width:100%; height:auto;}
.sec08ImgRight {position: absolute; right: 10%; bottom: 5%; z-index:5;}
.sec08Rimg.sec08Rimg01 {width: 24rem; transform: translateY(18%);}
.sec08Rimg.sec08Rimg02 {width: 24rem; transform: translateX(50%);}
.sec08Rimg.sec08Rimg03 {width: 32rem; transform: translateX(-30%) translateY(-15%);}
.sec08ImgRight .sec08Rimg img {width:100%; height:auto;}
.sec08Botm .BTitle {text-align:center;}
@media (max-width: 768px) {}


.wave-itemGroup {
    position: absolute;
    width: 100%;
    height: 80%;
    overflow: hidden;
}


.wave-item {position: absolute; border: 1px solid #00c4b5; transition: border-color .3s; border-radius: 7.3125rem; animation: condition-box-wave 2s infinite linear; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.wave-item:nth-child(2) {animation-delay: .5s}
.wave-item:nth-child(3) {animation-delay: 1s}
.wave-item:nth-child(4) {animation-delay: 1.5s}
@keyframes condition-box-wave {
    0% {
        opacity: 1;
        width: 30.625rem;
        height: 14.625rem;
        border-radius: 7.3125rem
    }

    100% {
        opacity: 0;
        width: 80.625rem;
        height: 64.625rem;
        border-radius: 32.3125rem
    }
}

@media (max-width:991px) and (min-width:769px) {
	.sec08TBox {
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        position: sticky;
        top: 0;
        flex-direction: column;
    }
	.sec08TopCenter {
		position: relative;
		width: 100%;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.sec08TopCBox {width: 85VW; height: 27VH;}
    .sec08TopLeft {margin-bottom: 10.51vw;}
    .sec08TopRight {margin-top: 10.51vw;}
	.sec08TopRight .BTitle {text-align:center;}
	
	#sec08 .sec08TopRight .STitle {position: relative; width: 100%; margin-top:2vw;}
	.sec08ImgLeft {bottom: 1%; z-index: 0;}
	.sec08ImgRight {bottom: 1%; z-index: 0;}
}
@media (max-width:768px) {
	#sec08 .mainInner {padding:0;}
    #sec08 .STitle {
        position: absolute;
        width: 100%;
        left: 0;
        margin-top: 4.56vw;
    }

    .sec08TBox {
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        position: sticky;
        top: 0;
        flex-direction: column;
    }
	.sec08TopCenter {
		position: relative;
		width: 100%;
		height: auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.sec08TopCBox {width: 85VW; height: 27VH;}
    .sec08TopLeft {margin-bottom: 10.51vw;}
    .sec08TopRight {margin-top: 10.51vw;}

    .sec08Botm {
        padding-bottom: 7.81vw;
        z-index: 1;
        position: relative;
    }
    .sec08Shop {
        position: relative;
        left: unset;
        width: 85%;
        display: flex;
        transform: translateX(0%);
        margin: 0 auto;
        z-index: 5;
    }
    
    .sec08lefttMo {
        position: absolute;
        left:0;
        bottom:0;
        z-index: 0;
        width: 25.52vw;
    }
    .sec08rightMo {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0;
        width: 25.52vw;
    }

}
/*:::::::: =============== ~ sec08 END // ===============:::::::: */


/*:::::::: =============== sec09 START ~ ===============:::::::: */
#sec09 {position: relative;}
#sec09 .BTitle {color:#222;}
.sec09Inner {position: relative;}
#sec09 .sec09Cont li {display:flex; position:sticky; top:0; background:#f9f5ea;}
#sec09 .sec09Cont li:nth-child(2n) {background:#fffcf5;}
#sec09 .left {width:50%; position:relative;}
#sec09 .left img {width:100%; height:auto;}
#sec09 .right {width: 50%; position: relative; display: flex; justify-content: center; align-items: center;}

.logoBoxWrap {margin-top: 2.2rem; padding-top: 2.6rem; border-top: 1px solid #95908c;}
.logoBox {display: inline-flex; padding: 2rem 3rem; background: #ece9df; border-radius: 2rem; justify-content: center; align-items: center;}
#sec09 .right .logoBox img {width: 15.7rem; opacity: 1; margin-right: 2.3rem;}

.logoBoxT {font-size:1.8rem; line-height:1.44; letter-spacing:-0.05em; color:#444;}
.rInner {padding-left: 10%;}
.rInner .STitle {line-height:1.5; margin-top:4rem;}
.logoBoxTxt {color:#222222; font-size:2.4rem; font-weight:700;}
.logoBoxBTxt {font-size:7rem; font-weight:800; letter-spacing:-0.025em; margin-top:1.5rem;} 
#sec09 .sec09Cont li:nth-child(2) .rInner .STitle {margin-top:3rem;}
.sec09Stemp {position: absolute; width: 2px; position: absolute; left: 50%; transform: translateX(-50%); height: 100%; z-index: 1; padding:7rem 0;}
.sec09Stemp img {
    width: 20.9vw;
    max-width: 44rem;
    height: auto;
    transform: translateX(-50%);
    position: sticky;
    top: 20%;
}
@media (max-width:768px) {

    .sec09MoTop {
        background: #00c4b5;
        padding: 8.45vw 0 7.81vw;
        display: flex!important;
        flex-direction: column;
        align-items: center;
    }
    .sec09MoTop .BTitle {color:#fff;}
    .sec09topMoLogo {width:46.88vw; margin:5.47vw auto 0;}


	#sec09 .sec09Cont li {display: flex; position: relative;   top: unset; background: #f9f5ea; flex-direction: column;}
    #sec09 .sec09Cont li:nth-child(2n) {background:unset;}

	#sec09 .left, #sec09 .right {width:100%;}
	.rInner {width: 100%; padding-left: 0; padding: 7.55vw 5.21vw 10.42vw 5.21vw;}
	ul.sec09Cont {padding: 3.91vw 3.91vw 0; background: #f9f5ea;}
	#sec09 .BTitle {text-align: left;}
	.rInner .STitle {line-height: 1.31; margin-top: 7.81vw; text-align: left;}
	.sec09Stemp {display:none;}
	.logoBox {padding: 3.91vw 5.21vw; border-radius: 1.30vw;}
	#sec09 .right .logoBox img {width: 29.04vw; margin-right: 4.43vw;}
	.logoBoxT {font-size: 3.26vw; line-height: 1.4;}
	.logoBoxTxt {font-size: 4.17vw;}
	.logoBoxWrap {margin-top: 5.21vw; padding-top: 5.21vw; border-top: 0.13vw solid #95908c;}
	#sec09 .sec09Cont li:nth-child(2) .rInner {padding-bottom:17.32vw;}
	#sec09 .sec09Cont li:nth-child(2) .rInner .STitle {margin-top: 4.95vw;}
	
	#sec09 .sec09Cont li:nth-child(3) .rInner .STitle {margin-top:5.21vw;}
	.logoBoxBTxt {font-size: 9.11vw; margin-top: 2.60vw;}
}
/*:::::::: =============== ~ sec09 END // ===============:::::::: */


/*:::::::: =============== sec10 START ~ ===============:::::::: */
#sec10 {background:#1d1c1c; padding:13rem 0 10rem; position:relative; overflow:hidden;}
#sec10 .mainInner {max-width:156rem;}
#sec10 .STitle {margin-top: 4rem; text-align: center; color: #fff;}
#sec10 .underLine::before {width:100%;}

.sec10Cont {display:flex; margin-top:8.4rem; }
.sec10CBox {width: calc(100%/4); text-align: center; padding: 7.2rem 0 4.6rem; border: 1px solid #f8f8f8; box-sizing: border-box; transition:all 0.5s ease-in-out;}
.sec10CBox:nth-child(1) {background:url(/STATIC/shabu/sec10_cont01.jpg) no-repeat center / cover;}
.sec10CBox:nth-child(2) {background:url(/STATIC/shabu/sec10_cont02.jpg) no-repeat center / cover;}
.sec10CBox:nth-child(3) {background:url(/STATIC/shabu/sec10_cont03.jpg) no-repeat center / cover;}
.sec10CBox:nth-child(4) {background:url(/STATIC/shabu/sec10_cont04.jpg) no-repeat center / cover;}

#sec10 .CTitle {color: #fff; font-size: 5rem; letter-spacing: -0.025em; font-weight: 700;}
#sec10 .CTxt {color:#fff; font-size:2rem; letter-spacing:-0.05em; line-height:1.8; margin-top:3.4rem;} 
.sec10Stemp {width: 20.9rem; margin: 3.9rem auto 0; opacity:0;}
.sec10Stemp img {width:100%; height:auto;}

.sec10CBox:hover {z-index: 1; border: 1px solid #00c4b5; box-shadow: 0 2px 33px rgb(0 177 163 / 50%);}
.sec10CBox:hover .sec10Stemp {opacity:1;}
.sec10Bg {position: absolute; left: 50%; transform: translateX(-50%); top: 5%;}
.sec10Bg01 {width: 25rem; transform: translateX(-210%);}
.sec10Bg02 {width: 35.8rem; transform: translateX(60%);}
.sec10Bg img {width:100%; height:auto;}

@media (max-width:768px) {
	#sec10 {padding:15.63vw 0 17.44vw;}
    #sec10 .mainInner {position:relative; z-index: 1;}
    .sec10Bg01 {width: 32.55vw; transform: unset; left: -2%; top: -0.1%; z-index: -1;}
    .sec10Bg02 {width: 46.74vw; top: -0.5%; transform: unset; right: -13%; letter-spacing: unset; left: unset; z-index: -1;}
	#sec10 .mainInner {PADDING: 0 9.11vw;}
	#sec10 .BSTitle {font-size: 7.81vw;}
	#sec10 .STitle {margin-top: 7.81vw; font-size: 4.17vw; letter-spacing: -0.05em;}
	.sec10Cont {margin-top: 19.27vw; flex-direction: column;}
	.sec10CBox {width: 100%; padding: 11.33vw 0 13.02vw; border: 1px solid #f8f8f8; margin-bottom: 5.21vw;}
	#sec10 .CTitle {font-size:10.42vw;}
	#sec10 .CTxt {font-size: 4.17vw; line-height: 1.4; margin-top: 7.81vw;}
	.sec10Stemp {width: 43.49vw; margin: 13.80vw auto 0; opacity: 0;}
}

.wing_wrap {position: absolute; width: 100%; top: 0;}
.wing_wrap .wing_lines {position: absolute;left: 0;width: 100%;height: 60px;bottom:-48px;top:auto;}
.wing_wrap .wing_lines:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 12px;background:#00b1a3;}
.wing_wrap .wing_lines .wing_line {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 12px;background: #00b1a3;}
.wing_wrap .wing_lines.top {position: absolute;left: 0;width: 100%;height: 60px;bottom:auto;top:0;}
.wing_wrap .wing_lines.top:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 12px;background: #00b1a3;}

#sec10 .wing_wrap {top: unset; bottom: 5%; transform: scale(-1);}
#sec10 .wing_wrap .wing_lines.top {top: unset; bottom: 0;}

@media (max-width:768px) {
	#sec10 .wing_wrap {
    top: unset;
    bottom: 8vw;
    transform: scale(-1);}
}
/*:::::::: =============== ~ sec10 END // ===============:::::::: */

/*:::::::: =============== sec11 START ~ ===============:::::::: */
#sec11 {background: #00b1a3; padding: 14rem 0 17.8rem; position: relative; overflow:hidden;}
#sec11 .BTitle {color:#fff;}
.sec11SideL {position:absolute; width: 25rem;}
.sec11SideL01 {left: 22%; top: -2%;}
.sec11SideL02 {left: 8%; top: 30%;}
.sec11SideL03 {left: 6.5%; bottom: 9%;}
.sec11SideR01 {right: 13%; top: 14%;}
.sec11SideR02 {right: 4%; top: 42%;}
.sec11SideR03 {bottom: 5%; right: 9%;}

#sec11 .mainInner {max-width: 113rem; text-align: center;}
#sec11 .STitle {margin-top:4rem; color:#fff;}
.sec11ContWrap {margin-top:10.3rem;; display: flex; justify-content: space-between; position:relative; z-index: 1;}
.sec11CC {width: 36.7%; z-index: 1;}
.sec11CC img {width: 100%; height: auto; z-index: 1;}
.sec11ContWrap .sec11CCricle03 {width: 36.7%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 0;}

.sec11Model {width:43.8rem;position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:1;}
.sec11Model img {width:100%; height:auto;}

.sec11SideL01, .sec11SideR03 {
	animation: sec011Ice01Ani 3.2s ease-in-out infinite;
	-webkit-animation: sec011Ice01Ani 3s ease-in-out infinite;
}

.sec11SideL02, .sec11SideR01 {
	animation: sec011Ice02Ani 3.5s ease-in-out infinite;
	-webkit-animation: sec011Ice02Ani 3.5s ease-in-out infinite;
}

.sec11SideL03, .sec11SideR02 {
	animation: sec011Ice03Ani 3.5s ease-in-out infinite;
	-webkit-animation: sec011Ice03Ani 3.5s ease-in-out infinite;
}

@keyframes sec011Ice01Ani {
	0% { transform: translateY(0);}
	50% {transform: translateY(-5%);}
	100% {transform: translateY(0);}
}

@keyframes sec011Ice02Ani {
	0% { transform: translateY(0);}
	50% {transform: translateY(-3%);}
	100% {transform: translateY(0);}
}

@keyframes sec011Ice03Ani {
	0% { transform: translateY(0);}
	50% {transform: translateY(-6%);}
	100% {transform: translateY(0);}
}



@media (max-width:768px) {
    #sec11 {padding: 16.54vw 0 3.52vw;}
    .moFoodFlow.mo_only {display: flex!important; height: 40.76vw; position: absolute; bottom: 29%; z-index: 0;}
    .sec11ContWrap {
        width:54.95%;
        max-width:52.08vw;
        margin-top: 10.3rem;
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 1;
        flex-direction: column;
        align-content: center;
        align-items: center;
        margin: 0 auto;
    }
    .sec11CC {width: 100%; z-index: 1;}
    .sec11CC.sec11CCricle01 {transform: translateY(13.02vw);}
    .sec11CC.sec11CCricle02 {transform: translateY(-13.02vw);}
    .sec11ContWrap .sec11CCricle03 {width: 100%; position: relative; left: unset; top: unset; transform: unset; z-index: 0;}
}
/*:::::::: =============== ~ sec11 END // ===============:::::::: */

/*:::::::: =============== sec12 START ~ ===============:::::::: */
#sec12 {background: #fffdfa; padding: 13rem 0; position: relative; overflow:hidden;}
#sec12 .mainInner {max-width: 157rem; display: flex; align-items: flex-start; z-index: 1; position: relative; justify-content: space-between;}
.sec12Left {width: 37%; height: 100%;}
#sec12 .BSTitle {text-align:left;}
.sec12RBox {width:calc(50% - 2rem); overflow:hidden;}
.sec12RCBox01 {
    padding: 6rem 4.7rem;
    background: #f9f5ea;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sec12Txt {color:#444; font-size:2rem; line-height:1.7; margin-top:7.5rem;}
.sec12RCBox01 img {width: 100%; margin-top: 8.4rem; transform: scale(1.35); transform-origin: center center;}
.sec12Txt .underLine::before {width: 100%; background: #00c4b5;}
.sec12RCBox:nth-child(2) {margin-top:5rem;}
.sec12RCBox02 {padding:6rem 5rem; background:#00c4b5; }
.sec12RCBox02Img {margin-top: 4.2rem; display: flex; justify-content: center;}
.sec12RCBox02 img {width:19.5rem; }
.sec12Right {width: 60%; display: flex; justify-content: space-between; align-items: flex-start;}
.sec12RBox02 {margin-top:14rem;}
.sec12RBox02 .sec12RCBox02 img {width:14rem;}
.sec12RCBox04Img {margin-top: 5.2rem; display: flex; align-items: center; justify-content: center;}
.sec12RCBox04Img img {width: 23.9rem; transform: unset; margin-top: 0;}
#sec12 .BTitle {margin-top: 14rem; padding: 0 0 0 ;}

.sec12Model {
    margin-top: 6rem;
    width: 50.5rem;
    position: absolute;
    bottom: -13rem;
}

.sec12Model img {width:100%;}
.sec12_modelBg {position: absolute; left: -2%; top: 33%; z-index: 0; max-width: 100rem; width: 100%;}
@media (max-width:768px) {
	#sec12 {padding: 18.23vw 0 16.15vw;}
	#sec12 .BTitle {margin-top: 0; padding: 0;}
	#sec12 .BSTitle { text-align: left; width: 100%;}
	#sec12 .mainInner {flex-direction: column;}
	.sec12Left {width: 100%; height: auto;}
	.sec12Right {width: 100%;}
	.sec12Model {max-width: 66.54vw; margin: 6.51vw auto 0; position:relative; bottom:unset;}
	.sec12_modelBg {left: -7%; top: 23%; width: 113%; transform: rotate(4deg);} 
	#sec12 .sec14Slider {margin-top:0;}
	.sec14Slider-dots {gap: 5.21vw; margin-top: 5.21vw;}
    .sec12RBox {width: 100%; overflow: hidden;}
.sec12Txt {
    font-size: 2.73vw;
    margin-top: 0;
    width: 100%;
}

	.sec12RCBox02Img {margin-top: 0;}
	.sec12RCBox02 img {width: 25.39vw;}
	
	.sec12RCBox02 {
		padding: 7.81vw 6.51vw;
		height: 59.90vw;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		overflow: hidden;
	}

	.sec12RCBox01 {
		padding: 7.81vw 6.51vw;
		width: 100%;
		height: 59.90vw;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		overflow: hidden;
	}
	.sec12RCBox01 img {margin-top: 0;}
	.sec12RCBox04Img {margin-top:0; width: 31.12vw;}
	
	.sec12Right {
		width: 100%;
		margin: 0 auto;
	}


	.sec12Slider-wrap {
		position: relative;
		overflow: unset;
		width: 100%;
		width: 65.62vw;
		margin: 0 auto;
	}
	.sec12Slider {display: flex; width: 100%;}
	.sec12Slider .Slider {
		flex: 0 0 100%;
		width: 100%;
		padding: 0 2.86vw;
	}
	.sec12Slider img {display: block; max-width: 100%; height: auto;}
	
	.sec12Slider-dots {
		display: flex;
		justify-content: center;
		gap: 5.47vw;
		margin-top: 5.47vw;
	}

	.sec12Slider-dot {
		width: 2.60vw;
		height: 2.60vw;
		border-radius: 50%;
		border: none;
		background: #ccc;
		padding: 0;
		cursor: pointer;
	}

	.sec12Slider-dot.active {
		background: #00c4b5;
	}



}
/*:::::::: =============== ~ sec12 END // ===============:::::::: */


/*:::::::: =============== sec13 START ~ ===============:::::::: */
#sec13 {background:#f9f5ea; padding:14.5rem 0 12rem 0; overflow:hidden;}
#sec13 .mainInner {max-width: 154rem;}
#sec13 .STitle {margin-top:4.3rem;}

ul.tab.tab_round {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.9rem;
    margin-top: 4rem;
}

ul.tab.tab_round li {
    font-size: 2.4rem;
    padding: 2rem 2rem;
    background: #d0c8bd;
    border-radius: 3rem;
    width: 18rem;
    text-align: center;
    color: #FFF;
	cursor:pointer;
    font-weight: 700;
    letter-spacing: -0.025em;
}
ul.tab.tab_round li.active {
	background:#00c4b5;
}


.tab_cont {
	display: none;
}
.tab_cont.active {
	display: block;
}

.menu_slider_wrap {
	position: relative;
	margin-top: 5rem;
}

.menu_slider .item {
    padding: 0 4.1rem;
    box-sizing: border-box;
    min-height: 44rem;
}

.menu_slider .item_inner {overflow: hidden; text-align: center;}

.menu_slider .thumbs {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 3rem;
}

.menu_slider .thumbs img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.menu_slider .menuName {padding-top: 3rem;}

.menu_slider .name {
    color: #0a0407;
    font-size: 3rem;
    font-weight: 700;
    word-break: keep-all;
}


.tab_round {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

.tab_round li {
	cursor: pointer;
}

#sec13 .slick-dots {display:none!important;}
#sec13 .slick-dotted.slick-slider {margin-bottom: 0;}
#sec13 .slick-next {
    right: 0;
    width: 8rem;
    height: 8rem;
    background:url(/STATIC/shabu/sec13_arrowRight.png) no-repeat center / cover;
    border-radius: 50%;
    right: 30%;
    top: 50%;
    transform: translateY(-50%);
}

#sec13 .slick-prev {
    left: 0;
    width: 8rem;
    background: url(/STATIC/shabu/sec13_arrowLeft.png) no-repeat center / cover;
    height: 8rem;
    border-radius: 50%;
    z-index: 1;
    left: 30%;
    top: 50%;
    transform: translateY(-50%);
}
#sec13 .slick-prev:before, #sec13 .slick-next:before {display:none!important;}


#sec13 .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 30%;
    margin: 0 auto;
    overflow: unset!important;
}


@media (max-width: 768px) {
	.menu_slider .item {
		padding: 0 .6rem;
		min-height:72.9167vw;
	}
.menu_slider .menuName {
    padding-top: 4.17vw;
}
	.menu_slider .name {
		font-size: 5.21vw;
	}
		
	ul.tab.tab_round li {
    font-size: 4.17vw;
    padding: 3.39vw;
    background: #d0c8bd;
    border-radius: 3rem;
    width: 31.25vw;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.tab_cont.active {
    display: block;
    width: 100%;
    margin: 0 auto;
} /* 수정 */

#sec13 .slick-list {
    width: 70vw;
    margin: 0 auto;
    overflow: visible !important;
} /* 수정 */

}
@media (max-width:768px) {
	#sec13 {padding: 15.63vw 0 19.79vw;}
	#sec13 .STitle {margin-top: 4.43vw;}
	#sec13 .slick-prev, #sec13 .slick-next {display:none!important;}
	.menu_slider_wrap {position: relative; margin-top: 5.34vw;}
}
/*:::::::: =============== ~ sec13 END // ===============:::::::: */

/*:::::::: =============== sec14 START ~ ===============:::::::: */
#sec14 {background:#fffcf5;  padding:14.3rem 0 12rem; overflow:hidden;}
.TBox {text-align: center;}
#sec14 .Btitle,  #sec14 .BSTitle {color:#444444}
#sec14 .STitle {margin-top:4.4rem;}
.sec14Slider {width: 41.41%; margin: 3.9rem auto 0; overflow: unset;}
.sec14Slider img {width:100%; height:auto;}

.sec14Slider-wrap {overflow: hidden; width: 100%;}
.sec14Slider {display: flex; transition: transform 0.8s ease-in-out; will-change: transform; }
.sec14Slider .Slider { min-width: 100%;}  
.sec14Slider .Slider {display: block; padding: 0 1.9rem; position:relative; transition:all 0.5s ease-in-out;}
.sec14Slider .Slider::before {content:''; width:calc(100% - 3.8rem); height:100%; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; background:rgb(0 196 181 / 50%);}
.sec14Slider .Slider.active::before {opacity:0;}

.sec14Slider-dots {display: flex; justify-content: center; gap: 3rem; margin-top: 4rem;}
.sec14Slider-dot {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  border: none;
  background: #bfb59c;
  cursor: pointer;
  padding: 0;
  transition: background 0.3s;
}
.sec14Slider-dot.active {background: #00c4b5;}
@media (max-width:768px) {
	#sec14 {padding: 18.23vw 0 13.02vw;}
	#sec14 .STitle {margin-top: 5.21vw;}
	.sec14Slider {width: 75.52%; margin: 7.81vw auto 0;}
	.sec14Slider .Slider {padding: 0 3.26vw;}
	.sec14Slider .Slider::before {width: calc(100% - 6.26vw);}
	.sec14Slider-dot {width: 2.6vw; height: 2.6vw;}
	.sec14Slider-dots {gap: 5.21vw; margin-top: 5.21vw;}
	#sec14 .sec14Slider-dots {display:none;}
}
/*:::::::: =============== ~ sec14 END // ===============:::::::: */

/*:::::::: =============== sec15 START ~ ===============:::::::: */

#sec15 {height: 100vh;}
#sec15 .sec15Inner {display: flex; position: relative; height: 100%;}
#sec15 .sec15TBox {position: absolute; left: 50%; top: 15%; transform: translateX(-50%); z-index:1;}
.sec15Box {
    width: calc(100%/4);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: all 0.5s ease-in-out;
    position: relative;
}
.sec15Box.sec15Box01 {background: url(/STATIC/shabu/sec15_cont01.jpg) no-repeat center / cover;}
.sec15Box.sec15Box02 {background: url(/STATIC/shabu/sec15_cont02.jpg) no-repeat center / cover;}
.sec15Box.sec15Box03 {background: url(/STATIC/shabu/sec15_cont03.jpg) no-repeat center / cover;}
.sec15Box.sec15Box04 {background: url(/STATIC/shabu/sec15_cont04.jpg) no-repeat center / cover;}
.sec15BoxInner {position: absolute; top: 45.65%; display: flex; flex-direction: column; align-items: center; width: 100%;}
.se15Num {
    font-family: "Pretendard";
    font-weight: 800;
    font-size: 1.8rem;
    letter-spacing: -0.005em;
    line-height: 4.4444;
    display: inline-block;
    position: relative;
    z-index: 1;
}
p.se15Num::before {
    content: '';
    width: 5.2rem;
    height: 5.2rem;
    position: absolute;
    background: #00c4b5;
    border-radius: 50%;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.se15BoxTBg {position:relative;}
.se15BoxTBg img {width: 100%;}

.se15BoxTitle {
    font-size: 4rem;
    font-weight: 800;
    letter-spacing: -0.005em;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 32%;
    transform: translate(-50%,-50%);
}
p.se15BoxTxt {
    font-size: 2.2rem;
    text-align: center;
    letter-spacing: -0.005em;
    line-height: 1.72;
    margin-top: 5.7rem;
    overflow: hidden;
	opacity:0;
	transform:translateY(10%);
	transition: all 0.5s ease-in-out;
}


@media (min-width:769px) {
	.sec15Box:hover {border: 20px solid #00c4b5; transition: all 0.5s ease-in-out;}
	.sec15Box:hover .sec15BoxInner {top:38.24%;}
	.sec15Box:hover .se15BoxTxt {opacity:1; transform:translateY(0%); transition: all 0.5s ease-in-out;}
}
@media (max-width:768px) {
	#sec15 {height: auto;}
	#sec15 .sec15Inner {height: 100%; flex-direction: column; background: #fffcf5;}
	#sec15 .sec15TBox {position: relative; left: unset; top: unset; transform: unset; padding: 18.23vw 0 7.55vw;}
	#sec15 .BSTitle {color:#444;}

	.sec15Box {width: 100%; height: auto;}
	.sec15BoxInner {position: unset; top: unset; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 12.24vw 0 13.28vw;}
	.se15Num {font-size: 3.00vw; letter-spacing: -0.005em; line-height: 1;}
	p.se15Num::before {width: 8.59vw; height: 8.59vw;}
	img.se15BoxTBgImg {width: 45.70vw;}
	.se15BoxTitle {font-size: 6.51vw; top: 50%;}
	p.se15BoxTxt {opacity:1; font-size: 3.91vw; line-height: 1.4; margin-top: 6.77vw;}

	.sec15Box.sec15Box01 {background: url(/STATIC/shabu/sec15_cont01Mo.jpg) no-repeat center / cover;}
	.sec15Box.sec15Box02 {background: url(/STATIC/shabu/sec15_cont02Mo.jpg) no-repeat center / cover;}
	.sec15Box.sec15Box03 {background: url(/STATIC/shabu/sec15_cont03Mo.jpg) no-repeat center / cover;}
	.sec15Box.sec15Box04 {background: url(/STATIC/shabu/sec15_cont04Mo.jpg) no-repeat center / cover;}
}
/*:::::::: =============== ~ sec15 END // ===============:::::::: */

/*=================== sec16 START ~  =================== */
#sec16 {width:100%; padding:14rem 0; background: #fffcf5;}
#sec16 .mainInner {display: flex; justify-content: space-between;}
#sec16 .BTitle.mint {color:#00c4b5; text-align: center;}

#sec16 .sec16Right {width: 57.33%; border-top: 3px solid #00c4b5;}
.sec16TitleBox {
    padding: 1.6rem 1rem;
    width: 100%;
    cursor: pointer;
    background: #FFF;
    border-bottom: 1px solid #00c4b5;
    background: #fffcf5;
}
.sec16Num {
    position: relative;
    color: #00c4b5;
    font-weight: 600;
    width: 4.8rem;
    height: 4.8rem;
    font-size: 2.5rem;
    text-align: center;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0.1;
}
.sec16Num::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 99%;
    z-index: -1;
    border: 1px solid #00c4b5;
}
.sec16CTxtBox {margin: 0 0 0 1.6rem; width: 100%;}
.sec16TitleBox {position: relative; display: flex; align-items: center;}
.sec16Title {
    font-size: 2.2rem;
    color: #00c4b5;
    font-weight: 600;
    padding-top: 0;
    word-break: keep-all;
    line-height: 1.1;
    padding-left: 3.1rem;
    letter-spacing: -0.005em;
}
.sec16TxtBox {height: 0; overflow: hidden; background: #f9f5ea; border-bottom: 1px solid #00c4b5;}
.sec16Txt {font-size: 1.8rem; color: #444444; line-height: 2; padding: 3.2rem 8.8rem 2rem; word-break:keep-all;}
.boxArrowBox {top: 50%; right: 7%; width: 1.9rem; position: absolute; transform: translateY(-50%); height: 1.3rem;}
img.arrowDown {width: 100%; height: auto; position: absolute; transform-origin: center center;}
.sec16CBox.active {background:#f1f4fc;}
.sec16CBox.active .arrowDown {transform: rotate(180deg);}
.sec16CBox.active .sec16TxtBox {height: 100%;}

@media (max-width:768px) {
	#sec16 {padding: 18.23vw 0;}
	#sec16 .mainInner {display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
	#sec16 .sec16Right {width: 100%; border-top: 3px solid #00c4b5; margin-top:7.16vw;}
	.sec16Title {font-size: 3.91vw;  padding-left: 2.86vw;}
	.sec16Num {font-size: 3.91vw; width: 7.65vw; height: 7.65vw;}
	.boxArrowBox {width: 2.47vw; height: 1.69vw;}
	.sec16Txt {font-size: 3.65vw; line-height: 1.5; padding: 6.12vw 11.59vw;}
}
/*=================== ~ sec08 END // =================== */
 

/*:::::::: =============== sec18 START ~ ===============:::::::: */
#sec18 {padding:11rem 0 13.5rem; background:#00c4b5; overflow:hidden;}
#sec18 .mainInner {max-width:89rem;}
#sec18 .BTitle {text-align:center; color:#fff;}
.sec18Table {margin-top:11.3rem; position: relative;}
.sec18Table img {width:100%; height: auto;}
.stempImg {width: 70%;  height: auto;  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%,-50%);}
.stempImg.aos-animate img {
	animation: stampBounceScale 0.75s ease-out forwards;
    -webkit-animation: stampBounceScale 0.75s ease-out forwards;
    transition-timing-function: ease-out;
}
@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);}
}
.stempImg img {width:100%; height: auto;}
@media (max-width:768px) {
	#sec18 {padding: 18.23vw 0 18.77vw; background: #00c4b5;}
	#sec18 .mainInner {padding:0;}
	.sec18Table {margin-top: 27.6vw;}
	.stempImg {width: 78.1%; top:30%; max-width: 78.13vw;}
}
/*:::::::: =============== ~ sec18 END // ===============:::::::: */

/*:::::::: =============== sec19 START ~ ===============:::::::: */
#sec17 {
	background:#f9f5ea;
	padding:10.5rem 0 22rem;
}

#sec17 .BTitle {text-align:center;}
#sec17 .STitle {
	margin-top:3.7rem;
	text-align:center;
	font-weight:700;
}

.sec17Step {
    display: flex;
    flex-wrap: wrap;
	margin-top:4rem;
    justify-content: space-between;
}
.sec17Step li {
    width: calc(100%/4 - 3.75rem);
    margin-top: 3rem;
	position:relative;
}
.sec17Step li img {overflow:hidden; border-radius:1rem; width:100%; height:auto;}

.sec17Step li::before {
    content: '';
    width: 1.8rem;
    height: 4.7rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(200%);
    background: url(
	/STATIC/shabu/sec17_arrow.png) no-repeat left / contain;
}
.sec17Step li:nth-child(4n)::before {display:none;}
@media (max-width:768px) {
    #sec17 {padding: 15.63vw 0 14.32vw;}
    #sec17 .STitle {font-weight:400;}
    .sec17Step {margin-top: 1.95vw;}
    .sec17Step li {width: calc(50% - 2.73vw); margin-top: 5.21vw;}
    .sec17Step li::before {
        width: 2.55vw;
        height: 4.73vw;
        transform: translateY(-50%) translateX(180%);
    }

    .sec17Step li:nth-child(2n)::before {display: none;}
}

/*:::::::: =============== ~ sec19 END // ===============:::::::: */