@charset "utf-8";

/* common **************************************************/
.pc-only {display:block;}
.mo-only {display:none;}

mark {background:#CCF3A0;color:#0E4194;}

/* layout **************************************************/
.wrap {min-width:1080px;}

.header {position: fixed;top: 0;left: 0;right: 0;z-index: 100;}
.header-inner {position:relative;max-width: 1080px; margin: 0 auto;}

.header .logo {width:130px;height:130px;padding-top:20px;}
.header .logo img {width:100%;height:auto;}
.header .btn-menu {position:absolute;top:0;right:0;width: 160px; height: 160px;z-index: 102;transform: translateY(-50%);}
.header .btn-menu button {overflow:hidden;width: 160px; height: 160px; background: none; border: none; cursor: pointer;background:url(../img/common/btn-menu.svg) no-repeat center center;background-size: 100% 100%;text-indent: -9999px;font-size: 0;line-height: 0;transition: background-image 0.1s ease;}
.header .btn-menu button:hover {background-image:url(../img/common/btn-menu-hover.svg);}
.header .btn-menu.active button {background-image:url(../img/common/btn-menu-x.svg);}
.header .btn-menu.active button:hover {background-image:url(../img/common/btn-menu-x-hover.svg);}
.header .gnb {position:fixed;top:0;left:calc(50% + 220px);right:0;overflow:hidden;width:100%;height:0;z-index: 101;background: #38BDF4;transition: height 0.1s ease;}
.header .btn-menu.active + .gnb {height:100%;overflow-y:auto;box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);webkit-overflow-scrolling: touch;}
.header .gnb-inner {width:310px;padding:120px 0 60px 0;}
.header .gnb li {text-align:right;}
.header .gnb li ~ li {margin-top:20px;}
.header .gnb li a {display:inline-block;height:68px;line-height:68px;text-align:right;font-size:40px;font-weight:bold;color:#fff;font-family: 'Montserrat', sans-serif;letter-spacing: -2px;}
.header .btn-sns {display: flex;justify-content: flex-end;margin-top:60px;}
.header .btn-sns a {display:block;width:60px;height:60px;background:url(../img/common/ico-instagram.svg) no-repeat center center;background-size: 100% 100%;text-indent: -9999px;font-size: 0;line-height: 0;}
.header .since {overflow:hidden;margin-top:100px;text-align: right;}

.footer {background: #38BDF4;}
.footer-inner {max-width: 1080px; margin: 0 auto;padding:40px 0 20px 0;text-align: center;}
.footer-inner .since img {width:240px;height:auto;}
.footer-inner p {margin-top:20px;font-size:16px;color:#fff;font-weight:400;line-height:34px;}

.btn-floating {position:fixed;bottom:50px;right:0;z-index:99;width: 220px;height: 80px;}
.btn-floating button {width:inherit;height:inherit;background: linear-gradient(275.14deg, #BDE1D6 5.67%, #D2E8C8 15.72%, #E5EEBC 27.91%, #EDF1B8 36.25%, #EDE5BC 49.16%, #EDCEC5 66.86%, #D0C9D5 81.36%, #B6C6E6 97.42%);/* shadow8 */box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);border-radius:40px 0 0 40px;font-size:22px;font-weight:700;text-align:center;color:#0E4194;transition: all 0.1s ease;}
.btn-floating button:hover {color:#fff}


/* contents **************************************************/
.contents .sec {padding-top:80px;}
.contents .sec:nth-child(odd) {background: #38BDF4;}
.contents .sec-inner {position:relative;max-width: 1080px; margin: 0 auto;}
.contents .sec:nth-child(odd) .sec-tit {color:#fff;}

.contents .sec-tit {font-size:80px;font-weight:bold;color:#38BDF4;text-align:center;line-height:1;font-family: 'Montserrat', sans-serif;}
.contents .sec-tit-sub {position:absolute;}

.contents .sec.visual {padding:0;}
.contents .sec.slogan {padding-bottom:123px;}
.contents .sec.point {padding-bottom:120px;}
.contents .sec.scene {padding-bottom:140px;}
.contents .sec.how-to {padding-bottom:120px;}
.contents .sec.lineup {padding-bottom:130px;}
.contents .sec.ambassador {padding-bottom:120px;}
.contents .sec.shop {padding-bottom:60px;}

/* visual */
.visual-swiper .swiper-slide {position:relative;overflow:hidden;height:870px;}
.visual-swiper .swiper-slide img {width:auto;height:100%;}
.visual-swiper .swiper-slide img.pc-only {position:absolute;top:0;left:50%;transform: translateX(-50%);}

/* slogan */
.sec.slogan {text-align:center;}
.sec.slogan p {font-weight:400;font-size:26px;line-height:58px;color:#000;}
.sec.slogan p + div {margin-top:60px;}

/* point */
.contents .sec.point .sec-tit-sub {top:-37px;right:8px;}
.contents .sec.point .point-txt {margin-top:15px;font-weight: 700;font-size: 50px;line-height: 62px;color: #0E4194;text-align: center;}
.contents .sec.point .point-txt span {display:block;font-size:30px;}

.contents .sec.point ul {margin-top:40px;display:flex;flex-wrap:wrap;gap:10px;}
.contents .sec.point ul .img {position:relative;margin-bottom:15px;width:170px;}
.contents .sec.point ul .img img {position:relative;z-index: 1;width:100%;height:auto;}
.contents .sec.point ul p {color:#fff;font-size:22px;line-height:28px;font-weight:500;text-align: center;}
.contents .sec.point ul p span {display:inline-block;padding:0 3px 5px 3px;}

.contents .sec.point ul .img.crown + p {font-weight:700;}
.contents .sec.point ul .img.crown + p span {border-bottom:6px solid #CCF3A0;}
.contents .sec.point ul .img.crown:after {content:'';position:absolute;top:0;left:0;width:40px;height:40px;background:url(../img/ico-crown.gif) no-repeat center center;background-size: 100% 100%;}

/* scene */
.contents .sec.scene .sec-tit-sub {top:-37px;right:43px;}
.contents .sec.scene .scene-img {margin-top:54px;}
.contents .sec.scene .scene-img img {width:100%;height:auto;}

/* how-to */
.contents .sec.how-to {text-align:center;}
.contents .sec.how-to .sec-tit-sub {top:-22px;right:8px;}

.contents .sec.how-to ul {margin:60px 0;display:flex;flex-wrap:wrap;gap:30px;justify-content: center;}
.contents .sec.how-to ul li {display:flex;gap:25px;align-items: end;position:relative;}
.contents .sec.how-to ul li:first-child {flex-direction: row-reverse;}
.contents .sec.how-to ul li:last-child:before {content:'';position:absolute;bottom:123px;left:-70px;width:110px;height:68px;background:url(../img/how-txt-or.svg) no-repeat center center;background-size: 100% 100%;}

.contents .sec.how-to .img {width:280px;}
.contents .sec.how-to .img img {width:100%;height:auto;}
.contents .sec.how-to dl {position:relative;width:220px;margin-bottom:35px;border:2px solid #0E4194;background:#0E4194;}
.contents .sec.how-to dl:after {content:'';position:absolute;top:92px;width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-right: 20px solid #0E4194; /* 화살표 색상 */}
.contents .sec.how-to ul li:first-child dl:after {left:calc(100% - 5px);transform: rotate(180deg);}
.contents .sec.how-to ul li:last-child dl:after {right:calc(100% - 5px);transform: rotate(0deg);}

.contents .sec.how-to dl dt {display:flex;height:111px;align-items: center;justify-content: center;color:#fff;line-height:32px;font-weight:bold;flex-direction: column;position:relative;z-index: 1;}
.contents .sec.how-to dl dt strong {display:block;font-size:32px;}
.contents .sec.how-to dl dt span {display:block;font-size:16px;}
.contents .sec.how-to dl dd {height:125px;background:#fff;padding:0 30px;display:flex;align-items: center;font-size:16px;line-height:28px;color:#000;position:relative;z-index: 1;}

.contents .sec.how-to mark {padding:0 5px;font-size:22px;line-height:40px;font-weight:bold;}

/* ambassador */
.contents .sec.ambassador .sec-tit-sub {top:0;right:8px;}
.ambassador-wrap {display:flex;width:1080px;margin:55px auto 0 auto;padding:40px;background:#fff;border-radius:40px;gap:30px;}
.ambassador-wrap .img {width:500px;flex-shrink:0;}
.ambassador-wrap .img img {width:100%;height:auto;}
.ambassador-wrap .info {width:100%;border-left:2px solid #0E4194;padding-left:18px;}
.ambassador-wrap .info .name strong {font-size:40px;font-weight:bold;color:#0E4194;line-height:36px;}
.ambassador-wrap .info .name mark {display:inline-block;margin-left:20px;padding:0 5px;font-size:26px;line-height:30px;font-family: 'Montserrat', sans-serif;vertical-align: text-bottom;font-weight:500;}
.ambassador-wrap .info .info-txt {margin-top:25px;margin-bottom:-5px;padding-left:10px;font-size:16px;line-height:28px;color:#0E4194;}

/* shop	 */
.contents .sec.shop {text-align:center;}
.contents .sec.shop .sec-tit {display:inline-block;position:relative;padding:0 45px;font-size:30px;line-height:58px;color:#0E4194;}
.contents .sec.shop .sec-tit:before {content:'';position:absolute;top:5px;left:0;width:26px;height:42px;background:url(../img/shop-tit-line.svg) no-repeat center center;background-size: 100% 100%;transform: scaleX(-1);}
.contents .sec.shop .sec-tit:after {content:'';position:absolute;top:5px;right:0;width:26px;height:42px;background:url(../img/shop-tit-line.svg) no-repeat center center;background-size: 100% 100%;}

.contents .sec.shop .btn-list {margin:40px 0;display:flex;flex-wrap:wrap;gap:30px;justify-content: center;}
.contents .sec.shop .btn-list a {overflow:hidden;display:block;width:340px;height:100px;background-color:#fff;border-radius:60px;border:2px solid #0E4194;text-indent: -9999px;font-size: 0;line-height: 0;box-sizing: border-box;background-repeat: no-repeat;}
.contents .sec.shop .btn-list a.btn-amazon {background-image:url(../img/btn-amazon.svg);background-size: 305px 80px;background-position: center bottom;}
.contents .sec.shop .btn-list a.btn-rakuten {background-image:url(../img/btn-rakuten.svg);background-size: 222px 81px;background-position: center center;}
.contents .sec.shop .btn-list a.btn-qoo10 {background-image:url(../img/btn-qoo10.svg);background-size: 174px 100px;background-position: center center;}
.contents .sec.shop .btn-list a.disabled {position:relative;cursor:auto;pointer-events: none;}
.contents .sec.shop .btn-list a.disabled:after {content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(56, 189, 266, 0.6) url(../img/comming-soon-txt.svg) no-repeat center center;}


.contents .sec.shop mark {padding:0 2px;font-size:22px;line-height:40px;font-weight:bold;color:#0E4194;}
.contents .sec.shop mark + p {margin-top:15px;font-size:14px;line-height:26px;color:#0E4194;}

.contents .sec.shop .share-wrap {max-width:1080px;margin-top:33px;padding-top:32px;border-top:2px solid #0E4194;}
.contents .sec.shop .share-wrap strong {display:block;line-height:76px;font-size:32px;font-weight:bold;font-family: 'Montserrat', sans-serif;color:#38BDF4;letter-spacing: 0;}

.contents .sec.shop .share-list {display:flex;flex-wrap:wrap;gap:30px;justify-content: center;margin-top:3px;}
.contents .sec.shop .share-list a {overflow:hidden;display:block;width:80px;height:80px;border-radius:50%;text-indent: -9999px;font-size: 0;line-height: 0;background-size: 100% 100% !important;}
.contents .sec.shop .share-list a.btn-instagram {background:url(../img/common/ico-instagram.svg) no-repeat center center;}
.contents .sec.shop .share-list a.btn-tiktok {background:url(../img/common/ico-tiktok.svg) no-repeat center center;}
.contents .sec.shop .share-list a.btn-x {background:url(../img/common/ico-x.svg) no-repeat center center;}
.contents .sec.shop .share-list a.btn-facebook {background:url(../img/common/ico-facebook.svg) no-repeat center center;}

/* lineup */
.contents .sec.lineup .sec-tit-sub {top:-26px;right:80px;}

.lineup-list {display:flex;margin-top:60px;gap:44px}
.lineup-item {width:520px;}
.lineup-item .item-inner {padding:30px 30px 40px 30px;background: #38BDF4;border-radius: 40px;text-align:center;color: #0E4194;}
.lineup-item .item-inner > span {display:block;}
.lineup-item .item-inner > p {display:inline-block;position:relative;font-size:30px;padding:0 3px;line-height:58px;font-weight:700;}
.lineup-item .item-inner > p:before {content:"";position:absolute;left:0;right:0;bottom:5px;height:15px;background:#CCF3A0}
.lineup-item .item-inner > p span {position:relative;z-index:1;}

.lineup-item .item-inner .txt {margin-top:20px;height:222px;font-size:16px;line-height:28px;font-weight:500;color:#fff;}
.lineup-item:first-child .item-inner .txt {line-height:32px;}

.lineup-item .ingredient {border:2px solid #fff;}
.lineup-item .ingredient dt {height:58px;background-color:#ffff;font-size:22px;font-weight:700;text-align: center;line-height:54px;}
.lineup-item .ingredient dd {padding:15px 20px;font-size:16px;line-height:28px;text-align:left;letter-spacing: -1px;}

.lineup-item .btn-buy {display:flex;height: 80px;margin-top:40px;border-radius: 60px;font-size:30px;font-weight:700;color:#fff;align-items: center;justify-content: center;box-shadow: 5px 10px 0px #CCF3A0;background:#0E4194 url(../img/btn-buy.svg) no-repeat right 35px center;border:2px solid #0E4194;box-sizing:border-box;transition: all 0.1s;}
.lineup-item .btn-buy:hover {background-color:#fff;background-image:url(../img/btn-buy-hover.svg);color:#0E4194;}

.lineup-item .img {margin-top:15px;}
.lineup-item .swiper-wrapper img {width:100%;height:auto;}
.lineup-item .swiper-pagination {position: static;display: flex;justify-content: center;align-items: center;height: 10px;margin-top:20px;}
.lineup-item .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;border:2px solid #fff;background:transparent;box-sizing:border-box;opacity:1;}
.lineup-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff;}


/* login */
.login-wrap {position:fixed;left:0;top:0;bottom:0;right:0;display:flex;height:100%;align-items: center;justify-content: center;background:#fff;z-index:200}
.login-container {width:100%;max-width:460px;margin:0 auto;padding:30px;text-align:center;}
.login-wrap h3 {font-size:18px;font-weight:bold;color: #444444;font-weight: 700;line-height: 26px;letter-spacing: -0.05em;text-transform: uppercase;}

.login-wrap .inp-wrap {margin-top:20px;}
.login-wrap .inp-wrap li {display:flex;height:68px;flex-direction:column-reverse;position:relative;}
.login-wrap .inp-wrap li ~ li {margin-top:10px;}
.login-wrap .inp-wrap .inp {width:100%;height:50px;padding:0 10px;border:none;border-bottom:2px solid #E7E7E7;font-size:16px;outline:none;transition:border-color 0.3s ease;box-sizing:border-box;}
.login-wrap .inp-wrap .inp:focus {border-color:#444;}
.login-wrap .inp-wrap .inp::placeholder {color:#888;transition:color 0.3s ease;}
.login-wrap .inp-wrap .inp:focus::placeholder {color:transparent;}
.login-wrap .inp-wrap label {display:block;position:relative;top:-6px;left:10px;font-size:12px;line-height:17px;font-weight:400;transition:all 0.3s ease;opacity:0;visibility:hidden;pointer-events:none;text-align:left;}
.login-wrap .inp-wrap .inp:valid + label,
.login-wrap .inp-wrap .inp:focus + label {opacity:1;top:0;visibility:visible;}

.login-wrap .btn-login {display:block;width:100%;height: 50px;margin-top:62px;background: #38BDF4;border: 1px solid #38BDF4;border-radius: 45px;color:#fff;font-size:16px;font-weight:bold;}




/* 1080px  ***************************************************************************************************************************************/
@media screen and (max-width: 1080px) {
	
	/* layout **************************************************/
	.header .gnb {left:100%;margin-left:-320px;}
}




/* mobile  ***************************************************************************************************************************************/
@media screen and (max-width: 768px) {

	/* common **************************************************/
	.pc-only {display:none;}
	.mo-only {display:block;}
	
	/* layout **************************************************/
	.wrap {min-width:auto;}

	.header .logo {width:20vw; /* 75px → 20vw */height:20vw; /* 75px → 20vw */padding-top:2.667vw; /* 10px → 2.667vw */padding-left:5.333vw; /* 20px → 5.333vw */}
	.header .btn-menu {width:24vw; height:24vw;} /* 90px → 24vw */
	.header .btn-menu button {width:24vw; height:24vw;} /* 90px → 24vw */
	.header .btn-menu button:hover {background-image:url(../img/common/btn-menu.svg);}
	.header .btn-menu.active button:hover {background-image:url(../img/common/btn-menu-x.svg);}
	.header .btn-menu.active button {background-image:url(../img/common/btn-menu-x-hover.svg);}

	.header .gnb {left:0; right:0; margin:0;}
	.header .gnb-inner {width:100%; padding:20vw 0 13.333vw 0;} /* 75px → 20vw, 50px → 13.333vw */
	.header .gnb li {text-align:center;}
	.header .gnb li ~ li {margin-top:8vw;} /* 30px → 8vw */
	.header .gnb li a {display:block;height:9.067vw; /* 34px → 9.067vw */line-height:9.067vw; /* 34px → 9.067vw */text-align:center;font-size:8vw; /* 30px → 8vw */letter-spacing:0;}
	.header .btn-sns {justify-content:center; margin-top:9.067vw;} /* 34px → 9.067vw */
	.header .btn-sns a {width:13.333vw; height:13.333vw;} /* 50px → 13.333vw */
	.header .since {margin-top:18.667vw; text-align:center;} /* 70px → 18.667vw */
	.header .since img {height:6.667vw;} /* 25px → 6.667vw */

	.footer-inner {padding:5.333vw 0 4.533vw 0;} /* 20px → 5.333vw, 17px → 4.533vw */
	.footer-inner .since img {width:32vw;} /* 120px → 32vw */
	.footer-inner p {margin-top:4vw; /* 15px → 4vw */font-size:3.467vw; /* 13px → 3.467vw */line-height:4.533vw; /* 17px → 9.067vw */}


	.btn-floating {bottom:8vw; width:23.467vw; height:14.667vw;} /* 88px → 23.467vw, 55px → 14.667vw */
	.btn-floating button {border-radius:7.467vw 0 0 7.467vw; /* 28px → 7.467vw */font-size:4.267vw; /* 16px → 4.267vw */line-height:5.067vw; /* 19px → 5.067vw */}


/* contents **************************************************/
	.contents .sec {padding-top:10.667vw;}

	.contents .sec-tit {font-size:10.667vw;}
	.contents .sec-tit-sub img {width:auto;height:100%;}

	.contents .sec.visual {padding:0;}
	.contents .sec.slogan {padding-bottom:10.667vw;}
	.contents .sec.point {padding-bottom:12.533vw;}
	.contents .sec.scene {padding-bottom:13.333vw;}
	.contents .sec.how-to {padding-bottom:13.333vw;}
	.contents .sec.lineup {padding-bottom:14.667vw;}
	.contents .sec.ambassador {padding-bottom:13.333vw;}
	.contents .sec.shop {padding-bottom:8vw;}

	/* visual */
	.visual-swiper .swiper-slide {height:auto;}
	.visual-swiper .swiper-slide img.mo-only {width:100%;}

	/* slogan */
	.sec.slogan p {font-size:3.467vw; /* 13px → 3.467vw */line-height:7.733vw; /* 29px → 7.733vw */}
	.sec.slogan p + div {margin-top:8vw; /* 30px → 8vw */padding:0 8.267vw; /* 31px → 8.267vw */}
	.sec.slogan p + div img {width:100%;height:auto;}
	
	/* point */
	.contents .sec.point .sec-tit-sub {top:3.2vw;/* 12px → 3.2vw */right:5.333vw;/* 20px → 5.333vw */height:13.867vw;/* 52px → 13.867vw */}
	.contents .sec.point .point-txt {margin-top: 10.133vw; /* 38px → 10.133vw */font-size: 8vw; /* 30px → 8vw */line-height: 9.6vw; /* 36px → 9.6vw */}	  
	.contents .sec.point .point-txt span {font-size: 5.333vw; /* 20px → 5.333vw */}	  
	.contents .sec.point ul {justify-content:center; margin-top: 8vw; /* 30px → 8vw */display: flex;flex-wrap: wrap;gap:5.333vw 2.667vw; /* 10px → 2.667vw */padding: 0 2.667vw; /* 20px → 5.333vw */}	  
	.contents .sec.point ul li {width:28vw}	  
	.contents .sec.point ul .img {width:100%;margin-bottom: 1.333vw; /* 5px → 1.333vw */}	  
	.contents .sec.point ul p {font-size: 3.467vw; /* 13px → 3.467vw */line-height: 4.533vw; /* 34px → 9.067vw */}	  
	.contents .sec.point ul p span {padding: 0 0.8vw 0.267vw 0.8vw; /* 0 3px 1px 3px → 0 0.8vw 0.267vw 0.8vw */}	  
	.contents .sec.point ul .img.crown + p span {border-bottom-width: 0.8vw; /* 3px → 0.8vw */}
	.contents .sec.point ul .img.crown:after {width:6.4vw;height:6.4vw;}

	/* scene */
	.contents .sec.scene .scene-img {margin-top:10.133vw;}
	.contents .sec.scene .sec-tit-sub {top: 5.333vw;/* 20px → 3.467vw */right:4.800vw;/* 18px → 4.800vw */height:12vw;/* 45px → 12vw */}

	/* how-to */
	.contents .sec.how-to .sec-tit-sub { top: 4.8vw; right: 4vw; height: 12.8vw; /* 18px → 4.8vw, 15px → 4vw, 48px → 12.8vw */ }
	.contents .sec.how-to ul { margin: 10.133vw 0 7.467vw 0; gap: 4vw; /* 38px → 10.133vw, 28px → 7.467vw, 15px → 4vw */ }
	.contents .sec.how-to ul li { width: 42.667vw; gap: 3.2vw; flex-direction: column !important; /* 160px → 42.667vw, 12px → 3.2vw */ }
	.contents .sec.how-to ul li:last-child:before { bottom: auto; top: 35.2vw; left: -9.333vw; width: 14.667vw; height: 8.533vw; /* 132px → 35.2vw, -35px → -9.333vw, 55px → 14.667vw, 32px → 8.533vw */ }
	.contents .sec.how-to .img { width: 100%; }
	.contents .sec.how-to dl { width: 100%; margin-bottom: 0;border-width:1px; }
	.contents .sec.how-to dl:after { top: -3.733vw; left: 50% !important; right: auto !important; border-width: 2.667vw !important; transform: rotate(90deg) !important; margin-left: -1.333vw; /* -14px → -3.733vw, 10px → 2.667vw, -5px → -1.333vw */ }
	.contents .sec.how-to dl dt { height: 21.33vw; line-height: 4.8vw; /* 80px → 21.33vw, 18px → 4.8vw */ }
	.contents .sec.how-to dl dt strong { font-size: 5.333vw; /* 20px → 5.333vw */line-height:1.2; }
	.contents .sec.how-to dl dt span { font-size: 3.467vw; /* 13px → 3.467vw */padding-top:0.533vw; }
	.contents .sec.how-to dl dd { height: 20vw; padding: 0 4vw; font-size: 3.467vw; line-height: 5.067vw; /* 75px → 20vw, 15px → 4vw, 13px → 3.467vw, 19px → 5.067vw */ }
	.contents .sec.how-to mark { padding: 0 1.333vw; font-size: 4.267vw; line-height: 7.467vw; /* 5px → 1.333vw, 16px → 4.267vw, 28px → 7.467vw */ }

	/* ambassador */
	.contents .sec.ambassador .sec-tit-sub { top: 9.067vw; right: 4.8vw; height: 11.2vw; /* 34px → 9.067vw, 18px → 4.8vw, 42px → 11.2vw */ }
	.ambassador-wrap { width: auto; margin: 10.133vw 5.333vw 0 5.333vw; padding: 5.333vw; border-radius: 5.333vw; gap: 4vw; flex-direction: column; /* 38px → 10.133vw, 20px → 5.333vw, 15px → 4vw */ }
	.ambassador-wrap .img { width: 100%; }
	.ambassador-wrap .info { border-left: none; padding-left: 0; }
	.ambassador-wrap .info .name strong { font-size: 5.333vw; line-height: 4.8vw; /* 20px → 5.333vw, 18px → 4.8vw */ }
	.ambassador-wrap .info .name mark { margin-left: 2.667vw; padding: 0 0.533vw; font-size: 3.733vw; line-height: 4vw; /* 10px → 2.667vw, 2px → 0.533vw, 14px → 3.733vw, 15px → 4vw */ }
	.ambassador-wrap .info .info-txt {/* overflow-y: scroll;*/ height: 40vw; margin-top: 2.667vw; margin-bottom: 0; padding-left: 0; padding-right: 6.67vw; font-size: 3.467vw; line-height: 5.067vw; /* 150px → 40vw, 10px → 2.667vw, 13px → 3.467vw, 19px → 5.067vw */webkit-overflow-scrolling: touch;}
	.ambassador-wrap .info .info-txt::-webkit-scrollbar { width: 1.333vw; /* 5px → 1.333vw */ }
	.ambassador-wrap .info .info-txt::-webkit-scrollbar-thumb { background-color: #0E4194; border-radius: 0.8vw; /* 3px → 0.8vw */ }
	.ambassador-wrap .info .info-txt::-webkit-scrollbar-track { background-color: transparent; }
	.ambassador-wrap .simplebar-track.simplebar-vertical {width:10px;}
	.ambassador-wrap .simplebar-scrollbar.simplebar-visible:before {opacity:1;background:#0E4194;}
  
	/* shop	 */
	.contents .sec.shop .sec-tit { padding: 0 5.333vw; font-size: 5.333vw; line-height: 7.733vw; /* 20px → 5.333vw, 29px → 7.733vw */ }
	.contents .sec.shop .sec-tit:before { top: 0.8vw; width: 3.733vw; height: 6.667vw; /* 3px → 0.8vw, 14px → 3.733vw, 25px → 6.667vw */ }
	.contents .sec.shop .sec-tit:after { top: 0.8vw; width: 3.733vw; height: 6.667vw; /* 동일 */ }
	.contents .sec.shop .btn-list { margin: 5.333vw 0; padding: 0 5.333vw; gap: 4vw; flex-direction: column; /* 20px → 5.333vw, 15px → 4vw */ }
	.contents .sec.shop .btn-list a { width: 100%; height: 16vw; border-radius: 8vw; /* 60px → 16vw, 30px → 8vw */border-width:1px;}
	
	.contents .sec.shop .btn-list a.disabled:after {background-image:url(../img/comming-soon-txt-mo.svg);background-size:33.333vw auto;}


	.contents .sec.shop .btn-list a.btn-amazon { background-image: url(../img/btn-amazon-mo.png); background-size: auto 13.333vw; /* 50px → 13.333vw */ }
	.contents .sec.shop .btn-list a.btn-rakuten { background-image: url(../img/btn-rakuten-mo.png); background-size: auto 15.733vw; /* 59px → 15.733vw */ }
	.contents .sec.shop .btn-list a.btn-qoo10 { background-image: url(../img/btn-qoo10-mo.png); background-size: auto 22.67vw; /* 85px → 22.67vw */ }
	.contents .sec.shop mark { padding: 0 0.533vw; font-size: 4.267vw; line-height: 7.467vw; /* 2px → 0.533vw, 16px → 4.267vw, 28px → 7.467vw */ }
	.contents .sec.shop mark i.mo-only {display:inline-block !important;width:0.533vw;}
	.contents .sec.shop mark span { display: none; }
	.contents .sec.shop mark + p { margin-top: 2.4vw; font-size: 1.87vw; line-height: 3.467vw; /* 9px → 2.4vw, 8px → 2.133vw, 13px → 3.467vw */ }
	.contents .sec.shop .share-wrap { margin: 4.533vw 5.333vw 0 5.333vw; padding-top: 1.867vw; /* 17px → 4.533vw, 20px → 5.333vw, 7px → 1.867vw */border-width:1px; }
	.contents .sec.shop .share-wrap strong { line-height: 10.133vw; font-size: 4.267vw; /* 38px → 10.133vw, 16px → 4.267vw */ }
	.contents .sec.shop .share-list { gap: 4vw; margin-top: 0; /* 15px → 4vw */ }
	.contents .sec.shop .share-list a { width: 13.333vw; height: 13.333vw; /* 50px → 13.333vw */ }


	/* lineup */
	.contents .sec.lineup .sec-tit-sub {top:3.733vw;/* 14px → 3.733vw */right:5.333vw;/* 20px → 5.333vw */height:11.200vw;/* 42px → 11.200vw */}

	.lineup-list {margin-top:8vw;/* 30px → 8vw */gap:9.333vw;/* 35px → 9.333vw */flex-direction: column;padding:0 5.333vw;/* 20px → 5.333vw */}
	.lineup-item {width:100%;}
	.lineup-item .item-inner {padding:4vw 4vw 5.333vw 4vw;/* 15px 15px 20px 15px → 4vw 4vw 5.333vw 4vw */border-radius:5.333vw;/* 20px → 5.333vw */}
	.lineup-item .item-inner > span {height:4.800vw;/* 18px → 4.800vw */margin-bottom:0.533vw;/* 2px → 0.533vw */}
	.lineup-item .item-inner > span img {width:auto;height:100%;}

	.lineup-item .item-inner > p {font-size:5.333vw;/* 20px → 5.333vw */padding:0 0.800vw;/* 3px → 0.800vw */line-height:7.733vw;/* 29px → 7.733vw */}
	.lineup-item .item-inner > p:before {bottom:0.267vw;/* 1px → 0.267vw */height:1.867vw;/* 7px → 1.867vw */}

	.lineup-item .item-inner .txt {margin-top:2.667vw;/* 10px → 2.667vw */height:48.533vw;/* 182px → 48.533vw */font-size:3.467vw;/* 13px → 3.467vw */line-height:5.067vw;/* 19px → 5.067vw */text-align:left;}
	.lineup-item:first-child .item-inner .txt {line-height:5.600vw;/* 21px → 5.600vw */}

	.lineup-item .ingredient {border-width:1px;}
	.lineup-item .ingredient dt {height:10.133vw;/* 38px → 10.133vw */font-size:4.267vw;/* 16px → 4.267vw */line-height:9.067vw;/* 34px → 9.067vw */}
	.lineup-item .ingredient dd {padding:2.67vw 4vw;/* 10px 15px → 2.67vw 4vw */font-size:3.467vw;/* 13px → 3.467vw */line-height:5.067vw;/* 19px → 5.067vw */letter-spacing:-0.367vw;/* -1px → -0.267vw */}

	.lineup-item .btn-buy {height:13.333vw;/* 50px → 13.333vw */margin-top:5.333vw;/* 20px → 5.333vw */box-shadow:0.800vw 1.333vw 0px #CCF3A0;/* 3px 5px → 0.800vw 1.333vw */border-radius:8vw;/* 30px → 8vw */font-size:5.333vw;/* 20px → 5.333vw */background-size:auto 4vw;/* 15px → 4vw */}

	.lineup-item .img {margin-top:4vw;/* 15px → 4vw */}
	.lineup-item .swiper-pagination {height:2.667vw;/* 10px → 2.667vw */margin-top:2.667vw;/* 10px → 2.667vw */}
	.lineup-item .swiper-pagination .swiper-pagination-bullet {width:2.133vw;/* 8px → 2.133vw */height:2.133vw;/* 8px → 2.133vw */margin:0 0.800vw;/* 3px → 0.800vw */border-width:1px;}



	/* login */
	.login-wrap .inp-wrap li {height:50px;}
	.login-wrap .inp-wrap label {display:none;}

}