/* BASIC css start */
.footer{margin-top: 0px !important;}

/* ¸ÞÀÎ ¹è³Ê */
#mainSpot {position:relative;width:100%;min-width:1200px; overflow:hidden; }
#mainSpot .inner {position: relative;left:50%;width: 1920px;margin-left: -960px;text-align: center;}
#mainSpot .swiper-pagination-bullet {width:32px;height:7px;text-indent:-9999em;background-color: #fff;opacity:0.5;border-radius:0;margin: 0 1px;}
#mainSpot .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
#mainSpot .swiper-button-next {background: url('/design/lsh7614/dizi/ico_rightBtn.png') no-repeat;background-position: center;right: 40px;}
#mainSpot .swiper-button-prev {background: url(/design/lsh7614/dizi/ico_leftBtn.png) no-repeat;background-position: center;left: 40px;}
#mainSpot .swiper-button-next, 
#mainSpot .swiper-button-prev {width:60px; height:60px; }
#mainSpot .swiper-button-next::after,
#mainSpot .swiper-button-prev::after {display: none;}

/* Ä÷º¼Ç ¿µ¿ª */
.item-wrap .collectionSwiper{margin-top: 36px;}
#contentWrapper .collection-wrap {position:relative;overflow:visible;margin-top: 80px;}
.collectionSwiper .swiper-slide{width:calc(25% - 24px);margin-right: 24px;}
.collectionSwiper .swiper-slide img{width: 100%;}
.collectionSwiper .swiper-slide .collectionTxt .ct-title{font-weight: 700;font-size: 24px;line-height: 29px;text-align: center;color: #222; margin-top:24px; }
.collectionSwiper .swiper-slide .collectionTxt .ct-sub-title {font-weight: 400;font-size: 16px;line-height: 19px;text-align: center;color: #777;margin-top: 10px;}
.collection-wrap .swiper-button-next {background: url(/design/lsh7614/dizi/ico_rightBtn_black.png) no-repeat;background-position: center;top: 55%;right: -70px;transform: translateY(21px);}
.collection-wrap .swiper-button-prev {background: url(/design/lsh7614/dizi/ico_leftBtn_black.png) no-repeat;background-position: center;top: 55%;left: -70px;transform: translateY(21px);}
.collection-wrap .swiper-button-next::after,
.collection-wrap .swiper-button-prev::after {display: none;}

/* ¼¿·´ ¿µ¿ª */
.celeb-wrap{background-color:#F8F8F8;margin-top: 160px;padding: 70px 0 100px;}
.celeb-wrap .item-wrap {overflow:visible;}
.celeb-wrap img {width: 100%;}
.celeb-wrap .celebSwiper {margin-top: 36px;}
.celeb-wrap .celeb-content{position:relative; display:flex;min-height: 135px; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; margin-top: 48px;}
.celeb-wrap .celeb-content::before{content:''; position: absolute; top:-24px;width: 100%; height: 1px; background-color: #ddd;}
.celeb-wrap .celeb-content .prd-link{display: flex; width: 100%;}
.celeb-wrap .celeb-content .prd-image{display: inline-block;width:24%;margin-right: 20px;}
.celeb-wrap .celeb-content .celeb-list {display: flex; flex-direction: column; width: 72%;}
.celeb-wrap .celeb-content .prd-name{display:inline-block;font-weight: 400;font-size: 16px;line-height: 19px;color: #222222;margin-top: 10px;padding-bottom: 12px;}
.celeb-wrap .celeb-content .prd-subname {display:inline-block;font-weight: 400;font-size: 14px;line-height: 17px;color: #777777;padding-bottom: 12px;}
.celeb-wrap .celeb-content .prd-subname br:nth-child(1) {display:none; }
.celeb-wrap .celeb-content .prd-price {display:inline-block;margin-bottom: 16px;position: relative;}
.celeb-wrap .celeb-content .prd-price .price {display:inline-block;font-weight: 700;font-size: 19px;color: #222;margin-right: 4px;}
.celeb-wrap .celeb-content .prd-price .unit {font-size: 14px;}
.celeb-wrap .celeb-content .prd-price .strike {display:inline-block;font-weight: 400;font-size: 14px;color: #777;margin-right: 4px;text-decoration:line-through;}
.celeb-wrap .celeb-content .prd-price .salePercent {display:inline-block;font-weight: 700;font-size: 19px;color: #802827;margin-left: 0px;}
.celeb-wrap .celeb-content .prd-price  .review-cnt {position:absolute;right:0;bottom: 3px;font-weight: 600;font-size: 13px;color: #802827;}
.celeb-wrap .swiper-slide{width:calc(33.3% - 24px);margin-right: 24px;}
.celeb-wrap .swiper-wrapper{justify-content: space-between;}
.celeb-wrap .swiper-button-next {background: url(/design/lsh7614/dizi/ico_rightBtn_black.png) no-repeat;background-position: center;top: 50%;right: -70px;}
.celeb-wrap .swiper-button-prev {background: url(/design/lsh7614/dizi/ico_leftBtn_black.png) no-repeat;background-position: center;top: 50%;left: -70px;}
.celeb-wrap .swiper-button-next::after,
.celeb-wrap .swiper-button-prev::after { display: none; }
.celeb-wrap .celebImage { min-width:1200px; }
/* ¹è³Ê ¿µ¿ª */
.centerbnArea { max-width:1600px; min-width:1200px; margin: 0 auto; }
.centerbn-wrap {display: flex;flex-wrap: wrap;margin-top: 160px;}
.centerbn-wrap li{width: 50%;}
.centerbn-wrap li a{display: flex;flex-direction: column;justify-content: center;align-items: center;height:100%;}
.centerbn-wrap li a:hover{opacity:0.8}
.centerbn-wrap li img {width: 100%;}
.centerbn-wrap .first{background-color: #f7f7f7;}
.centerbn-wrap .first .bg-title {font-size: 48px;font-weight: 600; color: #222;text-align: center;line-height: 57px;}
.centerbn-wrap .first .sub-title {position:relative;font-size: 16px;font-weight: 400; color: #555;margin-top: 32px;}
.centerbn-wrap .first .sub-title:before{content:'';position: absolute;width: 20px;height: 1px;top: -18px;left: 50%;transform:translateX(-50%);background-color: #AAA;}
.centerbn-wrap .fourth {background-color: #EBF2F8;text-align: -webkit-center;}
.centerbn-wrap .fourth .sm-title {font-size: 24px;font-weight: 700;color: #222; }
.centerbn-wrap .fourth .shop-now {position:relative;width: 238px;height: 50px;line-height: 50px;border: 2px solid #222222;font-weight: 700;font-size: 16px;text-align: center;margin-top: 32px;}
.centerbn-wrap .fourth .shop-now:before{	content:'';position: absolute;width: 20px;height: 1px;top: -18px;left: 50%;transform:translateX(-50%);background-color: #AAA;}

#contentWrapper .product-wrap .w20p {margin-bottom: 60px;}
.cateBest-option {display: flex;padding: 0 12px 30px;justify-content: space-between;align-items: center;}
.cateBest-option ul{display: flex;}
.cateBest-option a{font-size: 16px;cursor:pointer;padding: 9px 20px;border: 1px solid #ddd;border-radius: 40px;margin-right: 6px;color: #777;display: block;}
.cateBest-option a.active {border: 1px solid #222; color: #222;}

/* ±âȹÀü */
.eventTabArea { max-width:1600px; min-width:1200px; margin: 0 auto; }
.event-option{display:flex;align-items: flex-end;height:46px;}
.event-option li {width:20%;height:40px;background: #F8F8F8;line-height: 40px;cursor:pointer;transition: 0.3s;text-align: center;border-color: #DDDDDD;}
.event-option li a {width: 100%;color:#555;font-weight: 400;font-size: 13px;font-style: normal;}
.event-option li:hover{height: 45px;line-height: 45px;background: #FFFFFF;border-width: 1px 1px 0px 1px;border-style: solid;border-color: #DDDDDD;}
.event-option li.active{position: relative;top: 1px;height: 45px;line-height: 45px;background: #FFFFFF;border-width: 1px 1px 0px 1px;border-style: solid;border-color: #DDDDDD;}
.event-option li.active a {color: #222;font-size: 14px;font-weight:500;}
.event-wrap{display: flex; padding: 50px;justify-content: space-between; align-content: space-between; border-width: 0px 1px 1px 1px; border-style: solid;border-color: #DDDDDD; border-top: 1px solid #ddd;}
.event-prd {display:none;flex-wrap: wrap;width: 100%;}
.event-prd.active{display: flex; justify-content: space-between;}
.event-prd .item1{width: 32.9%;height: 100%;align-self:stretch;}
.event-prd li {width: calc(25% - 10px);margin: 0 0 10px 10px;}
.event-prd a {position:relative;display: inline-block;width: 100%;}
.event-prd a img {width: 100%;}
.event-prd a:hover .desc-mask {opacity:1; }
.event-prd a .desc-mask{display:flex; position:absolute; opacity:0;transition: 0.3s; width: 100%; height: 100%; box-sizing: border-box; line-height:1;top:0px;left:0px;padding:0 21px 0 30px; background-color:rgba(0, 0, 0, 0.5) ; flex-direction: row;justify-content: center;align-content: center;align-items: center; flex-wrap: wrap;}
.event-prd a .desc-mask p, .event-prd a .desc-mask span{color: #FFFFFF;}
.event-prd a .desc-mask .title{width: 100%;font-weight: 400;font-size: 16px;line-height: 19px;margin-bottom: 26px;}
.event-prd a .desc-mask .price{display: inline-block;font-weight: 400;font-size: 12px;line-height: 14px;text-align: center;margin-right: 10px;text-decoration-line: line-through;}
.event-prd a .desc-mask .sale-price{display: inline-block;font-weight: 400;font-size: 16px;line-height: 19px;text-align: center;}
.eventItem-list{width: 67%;display: flex;flex-wrap: wrap;flex-direction: row;}

/* ½º³À cate ±âȹÀü */
.eventTabArea { max-width:1600px; min-width:1200px; margin: 0 auto; }
.cate-event-option{display:flex;align-items: flex-end;height:46px;}
.cate-event-option li {width:20%;height:40px;background: #F8F8F8;line-height: 40px;cursor:pointer;transition: 0.3s;text-align: center;border-color: #DDDDDD;}
.cate-event-option li a {width: 100%;color:#555;font-weight: 400;font-size: 13px;font-style: normal;}
.cate-event-option li:hover{height: 45px;line-height: 45px;background: #FFFFFF;border-width: 1px 1px 0px 1px;border-style: solid;border-color: #DDDDDD;}
.cate-event-option li.active{position: relative;top: 1px;height: 45px;line-height: 45px;background: #FFFFFF;border-width: 1px 1px 0px 1px;border-style: solid;border-color: #DDDDDD;}
.cate-event-option li.active a {color: #222;font-size: 14px;font-weight:500;}
.cate-event-wrap{display: flex; padding: 50px;justify-content: space-between; align-content: space-between; border-width: 0px 1px 1px 1px; border-style: solid;border-color: #DDDDDD; border-top: 1px solid #ddd;}
.cate-event-prd {display:none;flex-wrap: wrap;width: 100%;}
.cate-event-prd.active{display: flex; justify-content: space-between;}

.cate-event-prd li.prd-name { display: block; font-weight: 400; font-size: 16px; line-height: 19px; color: #222; }
.cate-event-prd li.prd-price { display: flex; align-items: center; }
.cate-event-prd li.prd-price span.price {font-weight: 700; font-size: 19px; color: #222; margin-right: 7px;}
.cate-event-prd li.prd-price span.strike {font-weight: 400; font-size: 14px; color: #777; margin-right: 7px; text-decoration: line-through;}
.cate-event-prd li.prd-price span.salePercent {font-weight: 700; font-size: 19px; color: #802827;}
.cate-event-prd li.prd-price span.prod_review.crema-product-reviews-count.review-cnt.crema-applied {color: #802827; font-weight: 600; font-size: 13px; margin-left: auto; }

.cate-event-prd li {width: 100%; margin: 0 0 10px 10px;}
.cate-event-prd a {position:relative;display: inline-block;width: 100%; font-size:16px;}
.cate-event-prd a img {width: 100%;}
.cate-event-prd a:hover .desc-mask {opacity:1; }
.cate-event-prd a .desc-mask{display:flex; position:absolute; opacity:0;transition: 0.3s; width: 100%; height: 100%; box-sizing: border-box; line-height:1;top:0px;left:0px;padding:0 21px 0 30px; background-color:rgba(0, 0, 0, 0.5) ; flex-direction: row;justify-content: center;align-content: center;align-items: center; flex-wrap: wrap;}
.cate-event-prd a .desc-mask p, .event-prd a .desc-mask span{color: #FFFFFF;}
.cate-event-prd a .desc-mask .title{width: 100%;font-weight: 400;font-size: 16px;line-height: 19px;margin-bottom: 26px;}
.cate-event-prd a .desc-mask .price{display: inline-block;font-weight: 400;font-size: 12px;line-height: 14px;text-align: center;margin-right: 10px;text-decoration-line: line-through;}
.cate-event-prd a .desc-mask .sale-price{display: inline-block;font-weight: 400;font-size: 16px;line-height: 19px;text-align: center;}
.cate-eventItem-list{width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;}
ul.cate-eventItem-list > div{ flex: 1 1 20%; padding: 0 10px 50px 10px;}

/* ¿¤Å¬¶ó */
.product-wrap .product-banner {position: relative;left: 50%;transform: translateX(-50%);margin-bottom: 80px;}

/* À¯Æ©ºê ¿µ¿ª */
.item-wrap .youtubeSwiper{margin-top: 36px;}
#contentWrapper .youtube-wrap {position:relative;overflow:visible;margin-top: 160px;}
.youtubeSwiper .swiper-slide{width:calc(33.3% - 24px);margin-right: 24px;}
.youtubeSwiper .swiper-slide img{width: 100%;}
.youtube-wrap .title{font-weight: 600;font-size: 28px;line-height: 33px;}
.youtube-wrap .title i {margin-right: 10px;vertical-align: -1px; color:#f50000;}
.youtube-wrap .swiper-button-next {background: url(/design/lsh7614/dizi/ico_rightBtn_black.png) no-repeat;background-position: center;top: 50%;right: -70px;}
.youtube-wrap .swiper-button-prev {background: url(/design/lsh7614/dizi/ico_leftBtn_black.png) no-repeat;background-position: center;top: 50%;left: -70px;}
.youtube-wrap .swiper-button-next::after,
.youtube-wrap .swiper-button-prev::after {display: none;}
.youtube-wrap .more-btn { margin-top: 60px; }
.plyr__menu__container button span {visibility:inherit;}
#glightbox-body.glightbox-container {z-index:99999999!important }

/* Æ÷Åä ¸®ºä */
.photo-wrap{width: 100%;padding: 120px 0 146px;background: #F8F8F8;margin-top: 160px;}
.photo-wrap .title{font-weight: 600;font-size: 28px;line-height: 33px;}
.photo-wrap .title img {position: relative;bottom: 3px;margin-right: 10px;}
.photo-wrap .photo-list {display: flex;flex-direction: row;flex-wrap: wrap;padding: 0 111px;gap: 6px;}
.photo-wrap .photo-list img {width: 144px;height: 144px;}
/* BASIC css end */