.sub_wrap{width: 100%;}
.sub_wrap .content{width: 100%; padding:0px 0px 20px;}
.sub_wrap .content .section{width:1010px; margin:0px auto; position:relative;}

.sub_wrap .content .section .relate_swiper{width:100%; height:380px; position:absolute; left:0px; bottom:410px;}
.sub_wrap .content .section .relate_swiper .swiper-container{width:100%; height:100%;}
.sub_wrap .content .section .relate_swiper ul{width:100%; height:100%; overflow:hidden;}
.sub_wrap .content .section .relate_swiper ul li{width:235px; height:100%; margin-right:23px; float:left;}
.sub_wrap .content .section .relate_swiper ul li:last-child{margin-right:0px;}
.sub_wrap .content .section .relate_swiper ul li .prd_img{width:233px; height:233px; border:1px solid #ccc; border-radius:10px; overflow:hidden;}
.sub_wrap .content .section .relate_swiper ul li .prd_img span{width:173px; height:173px; margin:30px; display:inline-block;
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
}
.sub_wrap .content .section .relate_swiper ul li .prd_brand{width:100%; height:22px; padding:13px 0px 10px; text-align:left;}
.sub_wrap .content .section .relate_swiper ul li .prd_brand img{height:22px;}
.sub_wrap .content .section .relate_swiper ul li .prd_name{width:100%; height:48px; font-size:16px; color:#000;
letter-spacing:-1px; overflow: hidden; white-space:break-spaces;text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sub_wrap .content .section .relate_swiper ul li .prd_price{width:100%; font-size:18px; font-family:'NotoSansKR-Bold'; font-weight:bold; letter-spacing:-1px; color:#000; padding-top:15px;}
.sub_wrap .content .section .relate_swiper .btn{width:42px; height:42px; position:absolute; cursor:pointer; z-index:99;}
.sub_wrap .content .section .relate_swiper .btn.btn_left{left:-18px; top:94px;}
.sub_wrap .content .section .relate_swiper .btn.btn_right{right:-18px; top:94px;}

.sub_wrap .content .section .move_btn{width:100%; position:absolute; left:0px; bottom:240px; text-align:center;}
.sub_wrap .content .section .move_btn img{margin-left:10px;}

.wine_m{display:none;}
.relate_item{display:none;}
.sub_wrap .content .section .relate_swiper{display:block;}
@media all and (min-width:1px) and (max-width:770px){ /*iPad*/
.wine_pc{display:none;}
.wine_m{width:100%; display:block;}
.relate_item{display:block;}
.sub_wrap .content .section .relate_swiper{display:none;}

.relate_swiper .btn{display:none;}
.sub_wrap .content{width:640px; margin:0px auto;}
.sub_wrap .content .section{width:100%;}


.relate_item{width:100%; padding:30px 0px 30px 30px; box-sizing:border-box; background-color:#fff;}
.relate_item ul{width:100%; height:450px; padding-top:10px; overflow-x:auto; overflow-y:hidden; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none;}
.relate_item ul::-webkit-scrollbar{display:none;}
.relate_item ul li{width:250px; height:100%; display:inline-block; margin-right:3%;}
.relate_item ul li .prd_img{width:100%; height:250px; border:2px solid #e0e0e0; border-radius:20px; box-sizing:border-box; position:relative; overflow:hidden;}
.relate_item ul li .prd_img span{width:80%; height:80%; margin:10%; display: inline-block;
background-size: contain; background-repeat: no-repeat; background-position: center center;}

.relate_item ul li .prd_brand{width:100%; height:30px; padding:15px 0px 10px; text-align:left;}
.relate_item ul li .prd_brand img {width:auto; height:100%;}
.relate_item ul li .prd_name{width:100%; height:64px; font-size:1.5rem; color:#000;
letter-spacing:-1px; overflow: hidden; white-space:break-spaces;text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.relate_item ul li .prd_price{width:100%; font-size:2rem; font-family:'NotoSansKR-Bold'; letter-spacing:-1px; 
color:#000; padding-top:15px;}

.sub_wrap .content .section .move_btn{position:unset; bottom:0px; padding:0px 0px 30px; background-color:#fff;}
.sub_wrap .content .section .move_btn img{width:60%;}
}
@media all and (min-width:1px) and (max-width:435px){ /*iPhone XR. 6,7,8 plus(414px),Galaxy s20 Ultra(412px)*/
.sub_wrap .content{width:100%;}
.relate_item {padding:0px 0px 0px 15px;}
.relate_item ul{height:330px;}
.relate_item ul li{width:160px;}
.relate_item ul li .prd_img{height:160px; border-radius:16px;}
.relate_item ul li .prd_img .rank{width:40px;}
.relate_item ul li .prd_brand{height:24px; padding:12px 0px 7px;}
.relate_item ul li .prd_name{height:50px;}
.relate_item ul li .prd_price{padding-top:12px;}

}
@media all and (min-width:1px) and (max-width:392px){ /* iPhone 12 pro (390px)*/
.relate_item ul{height:320px;}
.relate_item ul li .prd_name{height:45px;}
}
@media all and (min-width:1px) and (max-width:377px){ /* iPhone X,6,7,8,se (375px)*/
.relate_item ul{height:310px;}
.relate_item ul li{width:150px;}
.relate_item ul li .prd_img{height:150px; border-radius:15px;}
.relate_item ul li .prd_name{height:40px;}
.relate_item ul li .prd_brand{height: 22px;}

}
@media all and (min-width:1px) and (max-width:362px){ /* galaxy s4~s9, Note 2~8 (360px)*/

}
@media all and (min-width:1px) and (max-width:320px){/* iphone 3~5,  Lumia~620~1020, HTC 8X, Galaxy S~S3  (320px)*/}