/* BASIC css start */
/* Ώ₯΅πΗΘ */
.md_pick { display: none; position: relative; max-width: 1920px; margin: 0 auto 220px; padding: 0 6%; overflow: hidden; }
.md_pick .box { position: relative; width: 100%; height: 100%; overflow: hidden; background: url(https://xexymix.jpg3.kr/xexymix/2020/main/mdpick_bg.jpg) no-repeat left; padding: 80px; }
.md_pick .box:before { content: ''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .45); }
.md_pick .box .md_tit { position: absolute; float: left; width: 25%; font-weight: 900; font-size: 36px; line-height: 40px; color: #fff; z-index: 2; }
.md_pick .box .md_tit span { display: block; padding-top: 30px; font-size: 16px; font-weight: 400; line-height: normal; }
.md_pick .box .swiper-slide {  width: 415px; height: 588px; margin-bottom: 20px; }
.md_pick .box .swiper-slide a { display: block; }
.md_pick .box .swiper-slide * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s; transition: all 0.4s; }
.md_pick .box .swiper-slide:nth-child(1),
.md_pick .box .swiper-slide:nth-child(6), 
.md_pick .box .swiper-slide:nth-child(11),
.md_pick .box .swiper-slide:nth-child(16),
.md_pick .box .swiper-slide:nth-child(21) { width: 200px; }

.md_pick .box .swiper-slide:nth-child(1) a,
.md_pick .box .swiper-slide:nth-child(6) a,
.md_pick .box .swiper-slide:nth-child(11) a,
.md_pick .box .swiper-slide:nth-child(16) a,
.md_pick .box .swiper-slide:nth-child(21) a { position: absolute; bottom: 0; }

.md_pick .box .swiper-slide:nth-child(2),
.md_pick .box .swiper-slide:nth-child(7),
.md_pick .box .swiper-slide:nth-child(12),
.md_pick .box .swiper-slide:nth-child(17),
.md_pick .box .swiper-slide:nth-child(22) { width: 415px; }

.md_pick .box .swiper-slide:nth-child(2) .pro_name span,
.md_pick .box .swiper-slide:nth-child(7) .pro_name span,
.md_pick .box .swiper-slide:nth-child(12) .pro_name span,
.md_pick .box .swiper-slide:nth-child(17) .pro_name span,
.md_pick .box .swiper-slide:nth-child(22) .pro_name span { font-size: 20px; }

.md_pick .box .swiper-slide:nth-child(3),
.md_pick .box .swiper-slide:nth-child(8),
.md_pick .box .swiper-slide:nth-child(13),
.md_pick .box .swiper-slide:nth-child(18),
.md_pick .box .swiper-slide:nth-child(23) { width: 200px; }

.md_pick .box .swiper-slide:nth-child(3) a,
.md_pick .box .swiper-slide:nth-child(8) a,
.md_pick .box .swiper-slide:nth-child(13) a,
.md_pick .box .swiper-slide:nth-child(18) a,
.md_pick .box .swiper-slide:nth-child(23) a { position: absolute; bottom: 0; }

.md_pick .box .swiper-slide:nth-child(4),
.md_pick .box .swiper-slide:nth-child(9),
.md_pick .box .swiper-slide:nth-child(14),
.md_pick .box .swiper-slide:nth-child(19),
.md_pick .box .swiper-slide:nth-child(24) { width: 200px; }

.md_pick .box .swiper-slide:nth-child(4) a,
.md_pick .box .swiper-slide:nth-child(9) a,
.md_pick .box .swiper-slide:nth-child(14) a,
.md_pick .box .swiper-slide:nth-child(19) a,
.md_pick .box .swiper-slide:nth-child(24) a { position: absolute; top: 0; }

.md_pick .box .swiper-slide:nth-child(5),
.md_pick .box .swiper-slide:nth-child(10),
.md_pick .box .swiper-slide:nth-child(15),
.md_pick .box .swiper-slide:nth-child(20),
.md_pick .box .swiper-slide:nth-child(25) { width: 200px; margin-left: -220px; }

.md_pick .box .swiper-slide:nth-child(5) a,
.md_pick .box .swiper-slide:nth-child(10) a,
.md_pick .box .swiper-slide:nth-child(15) a,
.md_pick .box .swiper-slide:nth-child(20) a,
.md_pick .box .swiper-slide:nth-child(25) a { position: absolute; bottom: 0; }
.md_pick .box .swiper-slide img { width: 100%; }
.md_pick .box .swiper-slide .pro_name { position: absolute; bottom: 0; width: 100%; height: 100%; font-size: 14px!important; opacity: 0; z-index: 1; }
.md_pick .box .swiper-slide .pro_name:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; -webkit-transition: all 0.4s; transition: all 0.4s; }
.md_pick .box .swiper-slide .pro_name span { position: absolute; top: 50%; width: 100%; left: 0; transform: translateY(-50%); color: #fff; z-index: 2; font-size: 16px; text-align: center; }
.md_pick .box .swiper-slide:hover .pro_name,
.md_pick .box .swiper-slide.hover .pro_name { opacity: 1; }
.md_pick .box .swiper-slide:hover .pro_name:after,
.md_pick .box .swiper-slide.hover .pro_name:after { opacity: .45; }

.md_pick .box .mdpick-slide { position: relative; overflow: hidden; float: right; width: 73.5%; }
.md_pick .box .mdpick-slide .mdpick-scroll { left: 0!important; bottom: 0!important; background: #d9d9d9!important; width:100%!important; height:1px!important; }
.md_pick .box .mdpick-slide .mdpick-scroll .swiper-scrollbar-drag { background: #000; }
.md_pick .box .mdpick-slide .swiper-button-prev { left:0; right: auto; top:auto; bottom: 0; background: url(//xexymix.jpg3.kr/xexymix/2020/main/mdpick_btn_prev.png) no-repeat; background-size: cover; width: 20px; height: 30px; }
.md_pick .box .mdpick-slide .swiper-button-next { left: 4%; right: auto; top:auto; bottom: 0; background: url(//xexymix.jpg3.kr/xexymix/2020/main/mdpick_btn_next.png) no-repeat; background-size: cover; width: 20px; height: 30px; }
.md_pick .box .btn_mdp { position: absolute; bottom: 80px; left: 80px; cursor: pointer; z-index: 10; background: url(//xexymix.jpg3.kr/xexymix/2020/main/mainBtn_stop.png) no-repeat center; width: 40px; height: 40px; }
.md_pick .box .btn_mdp.on { background: url(//xexymix.jpg3.kr/xexymix/2020/main/mainBtn_play.png) no-repeat center !important; }
/* BASIC css end */