@charset "utf-8";

.box-prd-template.type2 .wave,
.box-prd-template .wave{ display:none; }
.box-prd-template.type2 .cover,
.box-prd-template .cover{position: relative;height: 255px;z-index: 0;left: 0;top: 0;width: 100%; height: 0; padding-bottom: 92.2%;}
.box-prd-template.type2 .thumb,
.box-prd-template .thumb{ display: none; }
.box-prd-template.type2 .thumb_group{ padding-bottom: 0;}

.wrap_custom_rec_main .box-prd-template:hover .thumb,
.wrap_custom_rec_main .box-prd-template:hover .cover{
   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
.wrap_custom_rec_main .box-prd-template .thumb_group{ border-radius: 0; }
.wrap_custom_rec_main .box-prd-template .cover{ position: absolute;z-index: 0;left: 0;top: 0;width: 100%;height: 0;padding-bottom: 92.2%;border-radius: 12px;overflow: hidden; background-color: #dedede; }
.wrap_custom_rec_main .box-prd-template .thumb{ display: block;height: 344px;margin-top: 80px; }
@media screen and (max-width: 1580px){
	.wrap_custom_rec_main .box-prd-template .thumb{ display: block;height: 21vw;margin-top: 5.2vw; }
}
@media screen and (max-width: 1281px){
	.wrap_custom_rec_main .box-prd-template .thumb{display: block;height: 27vw;margin-top: 6.2vw;}
}

@media screen and (max-width: 1200px){
	.wrap_custom_rec_main .box-prd-template .thumb{display: block;height: 47vw;margin-top: 14.2vw;}
}

/* 메인 신규 템플릿 (wrap_beer_rec_main) - wrap_custom_rec_main 과 동일 */
.wrap_beer_rec_main .box-prd-template:hover .thumb,
.wrap_beer_rec_main .box-prd-template:hover .cover{
   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}
.wrap_beer_rec_main .box-prd-template .thumb_group{ border-radius: 0; }
.wrap_beer_rec_main .box-prd-template .cover{ position: absolute;z-index: 0;left: 0;top: 0;width: 100%;height: 0;padding-bottom: 92.2%;border-radius: 12px;overflow: hidden; background-color: #dedede; }
.wrap_beer_rec_main .box-prd-template .thumb{ display: block;height: 344px;margin-top: 80px; }
@media screen and (max-width: 1580px){
	.wrap_beer_rec_main .box-prd-template .thumb{ display: block;height: 21vw;margin-top: 5.2vw; }
}
@media screen and (max-width: 1281px){
	.wrap_beer_rec_main .box-prd-template .thumb{display: block;height: 27vw;margin-top: 6.2vw;}
}
@media screen and (max-width: 1200px){
	.wrap_beer_rec_main .box-prd-template .thumb{display: block;height: 47vw;margin-top: 14.2vw;}
}