@charset "utf-8";


.btn-rd1{
    display: inline-flex;
    align-items: center;
    background: #000;
    color: #fff;
    border-radius: 500px;
    padding: 20px 40px;
    line-height: 1;
}
.btn-rd1 i{ margin-left:15px;  }
@media (hover: hover) {
	.btn-rd1:hover{background-color: #36449c;}
}

.section-main{ margin: 50px 0; padding: 50px 0; overflow: hidden; }
@media screen and (max-width: 1200px){
	.section-main{margin: 7vw 0 9vw;padding: 9vw 0 1vw;border-top:1px #ececec solid;}
	.main-fisrt + .section-main,
	.main-last ~ .section-main{ border-top:0; }
	.wrap_banner_main.section-main{border-top: 0;margin-top: 0vw;padding-top: 5vw;}
	.wrap_review_main.section-main{ border-top:0; padding-top: 4vw !important; margin-top: 12vw; }
}


.head-main{margin-bottom: 50px;text-align: center;position: relative;}
.head-main h1{font-size: 40px;line-height: 1;color: #032c78;font-weight: 700;}
.head-main .t1{font-weight: 700;font-size: 40px;color: #42b0c5;margin-top: 15px;font-weight: bold;letter-spacing: -0.02em;line-height: 1.1;margin-top: 20px;}
.head-main .rgh{ position: absolute; right: 0; bottom: 0;  }
.head-main .more{ font-size: 20px; color: #000;}

@media screen and (max-width: 1200px){
	.head-main{margin-bottom: 7vw;}
	.head-main h1{ font-size: 6vw; }
	.head-main .t1{ font-size: 6vw; margin-top: 3vw;}
	.head-main .rgh{ margin-top:2vw; position: relative; text-align:right; }
	.head-main .more{ font-size: 5vw; }
}

.wrap_tag_motion{height: 700px;position: relative;/* padding-top: 150px; */}
.wrap_tag_motion .head-main{
    position: relative;
    z-index: 2;
    -moz-transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
	-o-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
}
.wrap_tag_motion .head-main h1{line-height: 0.85;}
.wrap_tag_motion .bg_circle{
    width: 760px;
    height: 760px;
    position: absolute;
    border: 2px #ddd dotted;
    border-radius: 50%;
    left: calc(50% - 380px);
    top: calc(50% - 380px);
    z-index: 0;
    margin-top: 50px;
}
.wrap_tag_motion .bg_circle.n3{
	width: 330px; height: 330px;
	left: calc(50% - 165px);
    top: calc(50% - 165px);
}
.wrap_tag_motion .bg_circle.n2{
	width: 540px;
	height: 540px;
	left: calc(50% - 270px);
	top: calc(50% - 270px);
}

@media screen and (max-width: 1200px){
	.wrap_sns_main > .inr-c{ margin: 0; width: 100%; }
	.wrap_tag_motion{height: 163vw;position: relative;/* padding-top: 150px; */}
	.wrap_tag_motion .head-main{
	    position: relative;
	    z-index: 2;
	    margin: 0 4vw 10vw;
	}
	.wrap_tag_motion .head-main h1{line-height: 0.85;}
	.wrap_tag_motion .bg_circle{
	    width: 120vw;
	    height: 120vw;
	    border: 1px #ddd dotted;
	    left: calc(50% - 60vw);
	    top: calc(50% - 55vw);
	}
	.wrap_tag_motion .bg_circle.n3{
		width: 60vw;
		height: 60vw;
		left: calc(50% - 30vw);
		top: calc(50% - 26vw);
	}
	.wrap_tag_motion .bg_circle.n2{
		width: 90vw;
		height: 90vw;
		left: calc(50% - 45vw);
		top: calc(50% - 40vw);
	}

}

.lst_tag_animate{position: relative;height: 520px;width: 100%;margin-top: 0;}
.lst_tag_animate .item{position: absolute;left:50%;top:50%;font-weight: 700;text-align: center;line-height: 1.2;}
.lst_tag_animate .item a:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;content:"";border-radius: 500px;opacity: 1; z-index:-1;}
.lst_tag_animate .item a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #fff;position: relative;z-index: 1;border-radius: 500px;overflow:hidden;box-sizing: border-box;word-break: keep-all;}
.lst_tag_animate .item.sz_xl{ z-index: 4; }
.lst_tag_animate .item.sz_l{ z-index: 3; }
.lst_tag_animate .item.sz_n{ z-index: 2; }
.lst_tag_animate .item.sz_s{ z-index: 1; }
.lst_tag_animate .item.sz_xl a{padding: 20px;}
.lst_tag_animate .item.sz_l a{padding: 20px;}
.lst_tag_animate .item.sz_n a{padding: 10px;}
.lst_tag_animate .item.sz_n a{padding: 10px;}
.lst_tag_animate .item.sz_xl .inner{width: 300px;height: 300px;font-size: 36px;margin-left: -150px;margin-top: -150px;z-index: 5;display: flex;}
.lst_tag_animate .item.sz_l .inner{width: 200px;height: 200px;font-size: 21px;margin-left: -100px;margin-top: -70px;z-index: 4;}
.lst_tag_animate .item.sz_n .inner{
    width: 150px;
    height: 150px;
    font-size: 18px;
}
.lst_tag_animate .item.sz_s .inner{padding: 15px;min-width: 100px;height: 100px;font-size: 14px;margin-left: -50px;margin-top: -50px;z-index: 2;}
.lst_tag_animate .item.num1{  }
.lst_tag_animate .item.num2{
	-moz-transform: translateX(193px) translateY(90px);
	-webkit-transform: translateX(193px) translateY(90px);
	-o-transform: translateX(193px) translateY(90px);
	-ms-transform: translateX(193px) translateY(90px);
	transform: translateX(193px) translateY(90px);
}
.lst_tag_animate .item.num3{
	-moz-transform: translateX(-160px) translateY(-170px);
	-webkit-transform: translateX(-160px) translateY(-170px);
	-o-transform: translateX(-160px) translateY(-170px);
	-ms-transform: translateX(-160px) translateY(-170px);
	transform: translateX(-150px) translateY(-200px);
}
.lst_tag_animate .item.num4{
	-moz-transform: translateX(-310px) translateY(-70px);
	-webkit-transform: translateX(-310px) translateY(-70px);
	-o-transform: translateX(-310px) translateY(-70px);
	-ms-transform: translateX(-310px) translateY(-70px);
	transform: translateX(-310px) translateY(-70px);
	}

.lst_tag_animate .item.num5{
	-moz-transform: translateX(100px) translateY(-240px);
	-webkit-transform: translateX(100px) translateY(-240px);
	-o-transform: translateX(100px) translateY(-240px);
	-ms-transform: translateX(100px) translateY(-240px);
	transform: translateX(100px) translateY(-240px);
	}
.lst_tag_animate .item.num6{
	-moz-transform: translateX(19px) translateY(-232px);
	-webkit-transform: translateX(19px) translateY(-232px);
	-o-transform: translateX(19px) translateY(-232px);
	-ms-transform: translateX(19px) translateY(-232px);
	transform: translateX(19px) translateY(-232px);
	}
.lst_tag_animate .item.num7{
	-moz-transform: translateX(270px) translateY(-40px);
	-webkit-transform: translateX(270px) translateY(-40px);
	-o-transform: translateX(270px) translateY(-40px);
	-ms-transform: translateX(270px) translateY(-40px);
	transform: translateX(270px) translateY(-40px);
	}
.lst_tag_animate .item.num8{
	-moz-transform: translateX(0px) translateY(220px);
	-webkit-transform: translateX(0px) translateY(220px);
	-o-transform: translateX(0px) translateY(220px);
	-ms-transform: translateX(0px) translateY(220px);
	transform: translateX(30px) translateY(220px);
	}
.lst_tag_animate .item.num9{
	-moz-transform: translateX(-80px) translateY(150px);
	-webkit-transform: translateX(-80px) translateY(150px);
	-o-transform: translateX(-80px) translateY(150px);
	-ms-transform: translateX(-80px) translateY(150px);
	transform: translateX(-80px) translateY(150px);
	}
.lst_tag_animate .item.num10{
	-moz-transform: translateX(-210px) translateY(150px);
	-webkit-transform: translateX(-210px) translateY(150px);
	-o-transform: translateX(-210px) translateY(150px);
	-ms-transform: translateX(-210px) translateY(150px);
	transform: translateX(-210px) translateY(150px);
	}
.lst_tag_animate .item.num1 a:after{background-color: #610884;}
.lst_tag_animate .item.num2 a:after{ background-color: #11a09b; }
.lst_tag_animate .item.num3 a:after{ background-color: #ff7b54; }
.lst_tag_animate .item.num4 a:after{ background-color: #f4b02d; }
.lst_tag_animate .item.num5 a:after{ background-color: #5d64f4; }
.lst_tag_animate .item.num6 a:after{ background-color: #57c492; }
.lst_tag_animate .item.num7 a:after{ background-color: #f45454; }
.lst_tag_animate .item.num8 a:after{ background-color: #6cd1da; }
.lst_tag_animate .item.num9 a:after{ background-color: #cb7ee7; }
.lst_tag_animate .item.num10 a:after{ background-color: #f0be52; }
.lst_tag_animate .item a{
	transition: all 250ms cubic-bezier(0.605, 0.070, 0.510, 0.955); /* custom */
	transition-timing-function: cubic-bezier(0.605, 0.070, 0.510, 0.955); /* custom */
}
@media (hover: hover) {
	.lst_tag_animate .item:hover{ z-index: 10; }
	.lst_tag_animate .item:hover a{ 
		-moz-transform: scale(1.2) !important;
		-webkit-transform: scale(1.2) !important;
		-o-transform: scale(1.2) !important;
		-ms-transform: scale(1.2) !important;
		transform: scale(1.2) !important;
		z-index: 5;
	}
}

.lst_tag_animate .item.num1{
	-webkit-animation: wiggle-tag-1 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
    animation: wiggle-tag-1 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
}


@media screen and (max-width: 1200px){
	.lst_tag_animate{position: relative;height: 150vw;width: 100%;}
	.lst_tag_animate .item{}
	.lst_tag_animate .item.sz_xl a{padding: 3vw;}
	.lst_tag_animate .item.sz_l a{padding: 3vw;}
	.lst_tag_animate .item.sz_n a{padding: 2vw;}
	.lst_tag_animate .item.sz_s a{padding: 2vw;}
	.lst_tag_animate .item.sz_xl .inner{width: 50vw;height: 50vw;font-size: 6vw;margin-left: -25vw;margin-top: -40vw;}
	.lst_tag_animate .item.sz_l .inner{width: 36vw;height: 36vw;font-size: 4vw;margin-left: -18vw;margin-top: -18vw;}
	.lst_tag_animate .item.sz_n .inner{ width: 36vw; height: 36vw; font-size: 3.6vw; margin-left: -18vw;margin-top: -18vw; }
	.lst_tag_animate .item.sz_s .inner{width: 22vw;min-width: 22vw;height: 22vw;font-size: 3vw;margin-left: -8.7vw;margin-top: -12vw;}
	.lst_tag_animate .item.num1{
		-moz-transform: translateX(180px) translateY(80px);
		-webkit-transform: translateX(180px) translateY(80px);
		-o-transform: translateX(180px) translateY(80px);
		-ms-transform: translateX(180px) translateY(80px);
		transform: translateX(0) translateY(-80px);
	}
	.lst_tag_animate .item.num2{
		-moz-transform: translateX(27vw) translateY(18vw);
		-webkit-transform: translateX(27vw) translateY(18vw);
		-o-transform: translateX(27vw) translateY(18vw);
		-ms-transform: translateX(27vw) translateY(18vw);
		transform: translateX(27vw) translateY(18vw);
	}
	.lst_tag_animate .item.num3{
		-moz-transform: translateX(-25vw) translateY(-54vw);
		-webkit-transform: translateX(-25vw) translateY(-54vw);
		-o-transform: translateX(-25vw) translateY(-54vw);
		-ms-transform: translateX(-25vw) translateY(-54vw);
		transform: translateX(-25vw) translateY(-54vw);
	}
	.lst_tag_animate .item.num4{
		-moz-transform: translateX(-25vw) translateY(12vw);
		-webkit-transform: translateX(-25vw) translateY(12vw);
		-o-transform: translateX(-25vw) translateY(12vw);
		-ms-transform: translateX(-25vw) translateY(12vw);
		transform: translateX(-25vw) translateY(12vw);
		}
	
	.lst_tag_animate .item.num5{
		-moz-transform: translateX(28vw) translateY(-57vw);
		-webkit-transform: translateX(28vw) translateY(-57vw);
		-o-transform: translateX(28vw) translateY(-57vw);
		-ms-transform: translateX(28vw) translateY(-57vw);
		transform: translateX(28vw) translateY(-57vw);
		}
	.lst_tag_animate .item.num6{
		-moz-transform: translateX(-3vw) translateY(-76vw);
		-webkit-transform: translateX(-3vw) translateY(-76vw);
		-o-transform: translateX(-3vw) translateY(-76vw);
		-ms-transform: translateX(-3vw) translateY(-76vw);
		transform: translateX(-3vw) translateY(-76vw);
		}
	.lst_tag_animate .item.num7{
		-moz-transform: translateX(30vw) translateY(-26vw);
		-webkit-transform: translateX(30vw) translateY(-26vw);
		-o-transform: translateX(30vw) translateY(-26vw);
		-ms-transform: translateX(30vw) translateY(-26vw);
		transform: translateX(30vw) translateY(-26vw);
		}
	.lst_tag_animate .item.num8{
		-moz-transform: translateX(0vw) translateY(35vw);
		-webkit-transform: translateX(0vw) translateY(35vw);
		-o-transform: translateX(0vw) translateY(35vw);
		-ms-transform: translateX(0vw) translateY(35vw);
		transform: translateX(0vw) translateY(35vw);
		}
	.lst_tag_animate .item.num9{
		-moz-transform: translateX(-40vw) translateY(-32vw);
		-webkit-transform: translateX(-40vw) translateY(-32vw);
		-o-transform: translateX(-40vw) translateY(-32vw);
		-ms-transform: translateX(-40vw) translateY(-32vw);
		transform: translateX(-40vw) translateY(-32vw);
		}
	.lst_tag_animate .item.num10{
		-moz-transform: translateX(-25vw) translateY(47vw);
		-webkit-transform: translateX(-25vw) translateY(47vw);
		-o-transform: translateX(-25vw) translateY(47vw);
		-ms-transform: translateX(-25vw) translateY(47vw);
		transform: translateX(-25vw) translateY(47vw);
		}
	
	.lst_tag_animate .item a{
		transition: all 250ms cubic-bezier(0.605, 0.070, 0.510, 0.955); /* custom */
		transition-timing-function: cubic-bezier(0.605, 0.070, 0.510, 0.955); /* custom */
	}
	@media (hover: hover) {
		.lst_tag_animate .item:hover{ z-index: 10; }
		.lst_tag_animate .item:hover a{ 
			-moz-transform: scale(1.2) !important;
			-webkit-transform: scale(1.2) !important;
			-o-transform: scale(1.2) !important;
			-ms-transform: scale(1.2) !important;
			transform: scale(1.2) !important;
			z-index: 5;
		  }
	}

	
	
	.lst_tag_animate .item.num1{
		-webkit-animation: wiggle-tag-1 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
	    animation: wiggle-tag-1 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
	}
}



@-webkit-keyframes wiggle-tag-1 {
  
}
@keyframes wiggle-tag-1 {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
 20% {
    /*-webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transform: translateX(50px);
            transform: translateX(50px);*/
  }
  40% {
    /*-webkit-transform: translateY(60px);
            transform: translateY(60px);
    -webkit-transform: translateX(30px);
            transform: translateX(30px);*/
  }
  60% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    -webkit-transform: translateX(-0px);
            transform: translateX(-0px);
  }
  60% {
    /*-webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);*/
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }


}






.wrap_banner1_main{height: 600px;position: relative; color: #fff;overflow: hidden;}
.wrap_banner1_main .swiper-container,
.wrap_banner1_main .swiper-wrapper{ width: 100%; height: 600px; }
.wrap_banner1_main .swiper-pagination{ position: absolute; left: 0; bottom: 40px; width: 100%; display: flex; align-items: center; justify-content: center; }

.wrap_banner1_main .bg-cloud{position:absolute;left: 0;bottom: -50px;width:100%;height: 130px;background: url(../images/main/bg_cloud1.png) no-repeat 0 0;background-size: 100%;z-index: 2;}
.wrap_banner1_main .bg-cloud.n2{background-image: url(../images/main/bg_cloud2.png);z-index: 1;width: 2481px;left: -380px;}
.wrap_banner1_main .inner{width: 1280px;position: relative;margin-top: -130px;}
.wrap_banner1_main .cont{}
.wrap_banner1_main .cont .h_1{ font-size:70px; line-height:1; font-weight:700;}
.wrap_banner1_main .cont .t_1{ font-size:20px; line-height:1.5; margin-top:20px;}
.wrap_banner1_main .cont .btns{ margin-top:40px;}
@media screen and (max-width: 1200px){
	.wrap_banner1_main{height: 85vw; position: relative; color: #fff;overflow: hidden;}
	.wrap_banner1_main .swiper-container,
	.wrap_banner1_main .swiper-wrapper{width: 100%;height: 85vw;}
	.wrap_banner1_main .swiper-pagination{ position: absolute; left: 0; bottom: 40px; width: 100%; display: flex; align-items: center; justify-content: center; }

	.wrap_banner1_main .bg-cloud{position:absolute;left: 0;bottom: -4px;width: 100%;height: 6vw;background: url(../images/main/bg_cloud1.png) no-repeat 0 0;background-size: 100%;z-index: 2;}
	.wrap_banner1_main .bg-cloud.n2{background-image: url(../images/main/bg_cloud2.png);z-index: 1;width: 2481px;left: -380px;}
	.wrap_banner1_main .inner{width: 1280px;position: relative;margin-top: -130px;}
	.wrap_banner1_main .cont{}
	.wrap_banner1_main .cont .h_1{ font-size:70px; line-height:1; font-weight:700;}
	.wrap_banner1_main .cont .t_1{ font-size:20px; line-height:1.5; margin-top:20px;}
	.wrap_banner1_main .cont .btns{ margin-top:40px;}

}

.wrap_use_main{ position: relative;  }
.wrap_use_main > .bg-pos{height: 560px;}
.wrap_use_main .head-main h1{ color: #fff; text-shadow:1px 1px 2px #525252;  }
.step_use_main{position: relative;display: flex;width: 860px;margin: 90px auto 0;}
.step_use_main .step{background:#fff;width: 26.666%;border-radius: 218px;padding: 40px 0px 60px;text-align:center;box-shadow: 11px 10px 15px -10px rgba(0,0,0,0.25);-webkit-box-shadow: 6px 7px 13px -10px rgba(0,0,0,0.25);-moz-box-shadow: 11px 10px 15px -10px rgba(0,0,0,0.25);}
.step_use_main .step .num{font-weight:700;padding: 12px 0 10px;font-size: 28px;}
.step_use_main .step .thumb{ text-align:center;}
.step_use_main .step .thumb img{ width:80%; }
.step_use_main .arr_rgh{width:10%;display:flex;align-items: center;justify-content: center;color: #fff;font-size: 33px;}
.step_use_main .cont{ margin-top: 15px; }
.step_use_main .cont .h_1{  font-weight: 700; }
.step_use_main .cont .t_1{font-size: 15px;max-width: 76%;margin: auto; margin-top: 10px;}
.step_use_main .cont .btns{ margin-top: 15px; }

.wrap_typebeer_main{ background: url(../images/main/bg_typebeer.jpg); background-size: 100% auto; background-position: center 97%; background-repeat: no-repeat; }
.wrap_typebeer_main .swiper-container{ max-width: 1500px; margin: auto;  }
.box-prd-beertype{ position: relative; }
.box-prd-beertype .thumb{ text-align: center; }
.box-prd-beertype .thumb .circle{ display: inline-flex; width: 150px; height: 150px; border-radius: 50%; overflow: hidden; }
.box-prd-beertype .thumb .circle{}
.box-prd-beertype .more{position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: left; text-indent: -9999px;}


.wrap_template_main .wrap-slide-normal:after{
 position: absolute;
 left: 50%;
 width: 500px;
 height: 500px;
 margin-left: -250px;
 content:"";
 background: #ededed;
 top: -80px;
 border-radius: 50%;
}


@media screen and (max-width: 1200px){
	.wrap_template_main .wrap-slide-normal:after{
	 position: absolute;
	 left: 50%;
	 width: 90vw;
	 height: 90vw;
	 margin-left: -48vw;
	 content:"";
	 background: #ededed;
	 top: -11vw;
	 border-radius: 50%;
	}	
}



@font-face {
    font-family: 'Arita-dotum-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-dotum-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.wrap_featured_banner{background-color: #006341;position: relative;padding: 1px;margin: -2px 0 0; }
.wrap_featured_banner .inner_featured{margin: 40px 40px;border-radius: 20px;overflow: hidden;position: relative;min-height: 800px;max-width: 1680px;margin: 40px auto;}
.wrap_featured_banner .inner_featured:after{ 
	position:absolute; left:0; bottom:0; width:100%; height:100%; content:""; 
	background: rgb(0,0,0); 
    background: linear-gradient(0deg, rgba(0,0,0,0.26934523809523814) 9%, rgba(0,0,0,0) 36%, rgba(0,0,0,0) 69%, rgba(0,0,0,0.31976540616246496) 100%);
}
.wrap_featured_banner .swiper-container{padding: 30px 60px;margin-top: -20px;}
.wrap_featured_banner .inner_featured > .bg-pos{}
.wrap_featured_banner .cont_featured{
    position: relative;
    z-index: 1;
    margin: 60px 0;
}
.wrap_featured_banner .cont_featured .head{
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    margin: 0 60px;
}
.wrap_featured_banner .cont_featured .head p{
    color: #fff;
}
.wrap_featured_banner .cont_featured .head .h_1{ font-size:60px; font-weight:700;}
.wrap_featured_banner .cont_featured .head .t_1{margin-top: 20px;font-size: 21px;font-weight:700;}
.wrap_featured_banner .cont_featured .tab{
    font-size: 0;
    margin: 90px 60px 0;
}
.wrap_featured_banner .cont_featured .tab .inner_tab{margin: -5px;}

.wrap_featured_banner .cont_featured .tab a{
    color: #fff;
    border-radius: 500px;
    border: 1px #fff solid;
    display: inline-block;
    padding: 7px 20px;
    background: #fff;
    color: #006341;
    margin: 5px;
    font-size: 18px;
    font-weight: 700;
    font-family: var(--ff-ori);
}

.wrap_featured_banner .cont_featured .list{
    margin-top: 30px;
}
.wrap_featured_banner .cont_featured .item{ width: 290px;  }
.wrap_featured_banner .cont_featured .item > .inner{position: relative;background: #fff;border-radius: 15px;padding: 15px 15px 30px;margin-left: 0;
	transition: all 500ms cubic-bezier(0.570, 0.185, 0.320, 0.890); /* custom */
	transition-timing-function: cubic-bezier(0.570, 0.185, 0.320, 0.890); /* custom */
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.wrap_featured_banner .cont_featured .item .box-prd-normal .thumb_group{
	transition: all 500ms cubic-bezier(0.570, 0.185, 0.320, 0.890); /* custom */
	transition-timing-function: cubic-bezier(0.570, 0.185, 0.320, 0.890); /* custom */
}
@media (hover: hover) {
	.wrap_featured_banner .cont_featured .item:hover > .inner{
		-moz-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-o-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	.wrap_featured_banner .cont_featured .item:hover .box-prd-normal .thumb_group{
		-moz-transform: scale(1.03);
		-webkit-transform: scale(1.03);
		-o-transform: scale(1.03);
		-ms-transform: scale(1.03);
		transform: scale(1.03);
	}

	.wrap_featured_banner .cont_featured .item:hover > .inner{
		-moz-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-o-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}


.wrap_featured_banner .cont_featured .item .thumb{
    height: 190px;
    position: relative;
    margin: 30px 0px;
}

.wrap_featured_banner .cont_featured .item{}

.wrap_featured_banner .cont_featured .item .thumb .bg-pos{}
.wrap_featured_banner .cont_featured .item .cont_detail{padding: 20px 10px;}
.wrap_featured_banner .cont_featured .item .cont_detail .h_1{font-family: var(--ff-ori);font-weight: 800;font-size: 22px;color: #006341;}
.wrap_featured_banner .cont_featured .item .cont_detail .t_1{
    font-size: 16px;
    line-height: 1.5;
    margin-top: 8px;
}

.wrap_featured_banner .swiper-pagination{
    width: 100%;
    display: flex;
    z-index: 10;
    margin-top: 20px;
    justify-content: center;
    align-items: center;
}
.wrap_featured_banner .swiper-pagination .swiper-pagination-bullet{
    background: #fff;
    width: 8px;
    height: 8px;
}
.wrap_featured_banner .swiper-pagination .swiper-pagination-bullet-active{}
@media screen and (max-width: 1200px){
	.wrap_featured_banner{ display:none; }
}


@media screen and (max-width: 1200px){
	.wrap_tip_main{ padding-bottom: 6.9vw; }
}

.wrap_custom_rec_main{ background-color: #f8f8f4; padding: 90px 0;}
.wrap_custom_rec_main .custom_rec{ position: relative; }
.custom_rec .swiper{
  max-width: 1500px;
  height: 980px;
  margin-left: auto;
  margin-right: auto;
}
.custom_rec .swiper-slide{}
@media screen and (max-width: 1580px){
	.custom_rec .swiper{
	  height: 63vw;
	  margin-left: 0;
	  margin-right: 0;
	}
	.custom_rec .swiper-slide{}
}
@media screen and (max-width: 1281px){
	.custom_rec .swiper{ height: 75vw; }
}
@media screen and (max-width: 1081px){
	/* .wrap_custom_rec_main{background-color: #fff;padding: 12vw 0 1vw;border-top:1px #ececec solid;} */
	.wrap_custom_rec_main{background-color: #fff;padding: 0;border-top:1px #fff solid;}
	.wrap_custom_rec_main .custom_rec .swiper{ height: 78vw; }
	.wrap_custom_rec_main .custom_rec{position: relative;padding-bottom: 7vw;}
}
@media screen and (max-width: 1200px){
	.wrap_custom_rec_main .custom_rec .swiper{ height: 142vw; }
	
}

.beer_rec_main .swiper{ padding-bottom: 50px; }