.slider-section {height:745px;min-height:745px;max-height:745px;padding-top:110px;overflow:hidden;}
.slick-slide{transform:scale(0.9);transition:.2s}
.slick-track{margin:20px 0}
.slick-center{transform:scale(1);}
.slider-item a,.slider-item .onlyimg{overflow: hidden;border-radius: 34px;display: block;}

.slick-prev,.slick-next{display:none;}
.slick-dots{display:flex;justify-content:center;margin-top:45px;list-style:none; padding-left: 0}
.slick-dots li{display:block;margin:0 8px;}
.slick-dots li button{width:30px;height:30px;font-size:0;border-radius:50px;background:#fff;border:none;transition:.2s}
.slick-active button{box-shadow:2px 2px 0 #555;}

.top-slider > .slider-item:not(:first-child){display:none}

.bath_wrap{position:relative;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:24px;max-width:1200px;border:2px solid #231815;border-radius:20px;background:#ffe071;overflow:hidden;}
.bath_wrap img { border-radius:5% }

.about_img{border-radius:10px;}
.abouttextwrap{padding-left:50px;color:#595757;}
.abouttitle{font-size:34px;font-weight:600;letter-spacing:3px;margin-bottom:14px;pointer-events:none;line-height:1.7}
.abouttext{font-size:18px;font-weight:400;letter-spacing:1px;pointer-events:none;transform:rotate(0.05deg);line-height:1.7}

.ranking-section{position:relative;padding:90px 0;}

.ranking-wrap{display:flex;flex-wrap:wrap;justify-content:space-around;}
.ranking-title{position:relative;font-weight:400;font-size:48px;text-align:center;letter-spacing:1px;color:#595757;margin-top:40px;margin-bottom:80px;z-index:2;}
.rank-item-inner{display: flex;flex-wrap: wrap;justify-content: center;}
.rank-product-wrap{position:relative;}
.rank-first-fukidashi{position:absolute;right:-30%;top:-50%;}
.rank-main-img{border-radius:10px;}
.rank-item{position:relative;width:calc(99% / 3);display:flex;align-items:end;justify-content:center;}

.rank-item.first-rank{order:2;}
.rank-item.second-rank{order:1;top:43px}
.rank-item.third-rank{order:3;top:50px}

.rank-item.second-rank .rank-main-img,.rank-item.third-rank .rank-main-img{width:90%;}
.rank-crown{position:absolute;left:-30px;top:-50px;transform:rotate(-24deg);z-index:5;}
.rank-product-title{font-size:24px;min-height:72px;}
.rank-product-title a { color:#212529; }
.rank-product-title a:hover { color:#212529; }
.rank-product-sub{display:inline-block;font-size:16px;transform:rotate(0.05deg);}
.rank-set-bg{position:absolute;top:15%;left:0%;width:80vw;}
.rank-dot-bg{position:absolute;top:0%;right:0%;width: 35%;}
.rank_circle_dot_bg{position:absolute;top:4%;right:0%;width: 35%;}
.product_bg{position:absolute;top:15%;right:0%;width: 67%;}
.rank_num1 { position:absolute;bottom:15%;left:17.5%;font-weight:bold;font-size:2rem;line-height:1.25 }
.rank_num1 span { font-size:4rem }

.owls1 .owl-nav{top:58px;}

.idea_voice-section {position:relative;padding-top:220px;background-size:cover;}

#owl2 .owl-item-inner .owl-item-img{width:auto;margin: auto;}

.set-section{position:relative;padding:7rem 0;}
.set-title{position:relative;font-weight:400;font-size:48px;text-align:center;letter-spacing:1px;color:#595757;margin-top:32px;margin-bottom:40px;z-index:2;}
.set-subtitle{z-index:1;text-align:center;margin:auto;margin-bottom:0;pointer-events:none;}
.set-wrap{display:flex;flex-wrap:wrap;}
.set_img_wrap{padding:30px;border-width:5px;border-style:solid;border-radius:5px;background:#fff;}
.set1 .set_img_wrap{border-color:#fdd857;}
.set2 .set_img_wrap{border-color:#5fc78c;}
.set3 .set_img_wrap{border-color:#52b2e0;}
.set4 .set_img_wrap{border-color:#7d56d0;}
.set-wrap .owl-item{width:calc(100% / 3);}
.set1,.set2,.set3,.set4{padding: 70px;min-height:800px;}
.set1{background:#f4aa66;}
.set2{background:#e4f7cc;}
.set3{background:#79df66;}
.set4{background:#6ff7f0;}

/*.set-categories{display:flex;flex-wrap:wrap;gap:0.5%;}*/
#owl3 .owl-nav{top:41%;}
#owl3 .owl-nav .owl-prev{left:20px}
#owl3 .owl-nav .owl-next{right:20px;}

.brand-img{width:100%;border-radius:40px 40px 10px 40px;}
.product-section {position:relative;padding-top:100px;background: #fbfeff;z-index:1;}

.top-giftcard-section{position:relative;background:#fbfeff;padding:180px 0 140px;}
.top-giftcard-section .banner-inner { filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.2)); position:relative;z-index:1;}
.top-giftcard-section .banner-inner .img_wrap { width:100%;height:100%;transition:transform 0.2s, filter 0.2s;}


.idea_bg1{position:absolute;left:0;bottom:0}

.nami-section{position: relative;}
.nami_top{position: absolute;top:-50px;width:100%;z-index: 2;left: 0;}

.animation-section{position:relative;height:320px;background:#fff;overflow: hidden;padding-bottom:20px;}
.animation-inner{position: relative;height:300px;}
.yokoanim{position:absolute;top:0;left:0;width:3840px;height:100%;background-repeat:repeat-x;z-index: 3}
.yokoanim.anim1{background-image:url('../images/yokoanim/animbg1.webp');animation:yokoanim1 36s linear infinite;filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.1));}
.yokoanim.anim2{background-image:url('../images/yokoanim/animbg2.webp');animation:yokoanim1 25s linear infinite;filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.1));}
.yokoanim.anim3{background-image:url('../images/yokoanim/animbg3.webp');animation:yokoanim1 18s linear infinite;filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.1));}

@keyframes yokoanim1{
	0%{
		transform: translateX(0);
	}
	100%{
		transform: translateX(-50%);
	}
}


.anim-shape{position:absolute;right:-100px;}

@keyframes fanim1{
	0%{
		right:-100px;
	}
	100%{
		right:calc(100vw + 100px);
	}
}

@keyframes fanimRotate1{
	0%{
		transform:rotate(0);
		right:-100px;
	}
	100%{
		transform:rotate(-20deg);
		right:calc(100vw + 100px);
	}
}
@keyframes fanimRotate2{
	0%{
		transform:rotate(0);
		right:-100px;
	}
	100%{
		transform:rotate(-30deg);
		right:calc(100vw + 100px);
	}
}
@keyframes fanimRotate3{
	0%{
		transform:rotate(0);
		right:-100px;
	}
	100%{
		transform:rotate(-90deg);
		right:calc(100vw + 100px);
	}
}

.story-section {position:relative;padding:120px 0;}

.news-section, .ideas-adopted-section{position:relative;padding:10rem 0;}
.news_list { list-style:none;}
.news_list_item { padding:25px 0;border-bottom:1px solid #E6E6E6;width:100%;}
.news_list_item a { position:relative;display:flex;padding-right:30px;}
.news_list_date { font-size:15px;display:flex;margin-right:15px;align-items:center;color:#878686}
.news_list_date span { min-width:100px;}
.news_list_item p { margin-bottom:0;padding:5px;}
.news_item { color:#fff;border-radius:14px;width:10em;text-align:center;margin:0 0 0 20px;}

.news-link { padding:7px 15px;background-color:transparent;border:none;outline:none;color:#767676;font-weight:500;font-size:16px;line-height:20px;text-align:left;width:100%;position:relative;transition:all 0.5s;border-radius:5px;display:flex;align-items:center;justify-content:space-between;}
.news-link span { margin-left:auto;display:flex;align-items:center;justify-content:end;}
.news-link span svg { width:18px;height:18px;stroke:#262834;transition:all 0.5s;}
.news-link::after { content:"";width:100%;display:block;height:100%;border-radius:inherit;position:absolute;inset:0;transition:all 0.5s;z-index:2;opacity:0.1;}
.news-link .info-title{transition:.3s}

.news-link.active, .news-link:hover .info-title { color:#0097e0;background-color:#fff;}
.news-link.active::after, .news-link:hover::after { background-color:#0097e0;}


@media (max-width:1200px)
{
	.set1, .set2, .set3, .set4{padding:30px;min-height:660px;}
	.nami_top{position: absolute;top:-30px;}
}

@media (max-width:991px)
{
	.slider-section{padding-top:60px;min-height:695px;}
	.abouttitle{font-size:25px;letter-spacing:2px;}
	.set1, .set2, .set3, .set4{padding:40px;min-height:640px;}
	.rank-product-title{font-size:20px}
	.ranking-title,.set-title{font-size:36px;}
}

@media (max-width:767px)
{
	.set1, .set2, .set3, .set4{padding:10px;min-height:620px;}
	.nami_top{position: absolute;top:-20px;}
	.bath_wrap{flex-wrap: wrap; justify-content: center;}
	.rank-item{width:100%;}
	.rank-item.first-rank{order:1;}
	.rank-item.second-rank{order:2;top:10px;}
	.rank-item.third-rank{order:3;top:10px;}
	.rank-product-wrap{width: 70vw;}

}

@media (max-width:576px)
{
	.slider-section{height:500px;padding-top:10px;min-height:340px;}
	.slider-item a,.slider-item .onlyimg{border-radius:12px;}
	.slick-dots{margin-top:26px;}

	.bath_wrap{padding:22px 22px 34px}
	
	.right_btnwrap{margin:auto;}
	.abouttitle{font-size:22px;letter-spacing: 1px;}
	
	#owl3 .owl-nav .owl-prev{left:7px}
	#owl3 .owl-nav .owl-next{right:8px;}

	.top-giftcard-section{padding:120px 0 80px;}

	.set1, .set2, .set3, .set4{padding:62px 58px;min-height:700px;}
	.set-item-title{font-size:17px;margin-bottom: 10px;}
	.set-title{font-size:28px;margin-top:24px;}
	.ranking-title{font-size:28px;margin-top:20px;margin-bottom:50px;}
	.rank-product-wrap{width:90vw;}
	.nami_top{top:-15px}
	.idea-box,.voice-box{padding:24px 14px 30px;}
	.idea_voice-section{padding-top:160px;padding-bottom:120px;}

	.story-section{padding:120px 0 80px}
	.news-section{padding:7rem 0}
	.news_list{padding-left:28px}
	.news_list_item a{flex-wrap:wrap;padding-right:8px;}
	.news-link{padding:7px 15px 7px 0;}
	.rank_circle_dot_bg{width:53%;top: 18%;}
}
@media (max-width:420px){
	.slider-section{height:420px;}
    .abouttitle {font-size: 20px;}
    .abouttext {font-size: 16px;}
    .right_btn {width:80px;height:80px;}
    .ofurode-wrap {padding-left: 22px;padding-right: 22px;}
    .set1, .set2, .set3, .set4{padding:60px 52px;}
	#owl3 .owl-nav .owl-prev {left: 5px;}
	.set-item-title {font-size: 16px;}
}