/* BASIC css start */
#container.mainArea {margin-top: 35px; }

#header.mainAct {background: none;}
#header.mainAct.on {background:rgba(255,255,255,0.95)}
#header.mainAct .gnbArea {border-bottom:0;}
#header.mainAct .gnbArea .menuBtn {background-image:url("/design/lsh7614/dizi/m/menu_ico_w.svg");}
#header.mainAct .gnbArea .searchBtn {background-image:url("/design/lsh7614/dizi/m/search_ico_w.svg");}
#header.mainAct .gnbArea .logo {background-image:url("/design/lsh7614/dizi/m/logo_w.png");}
#header.mainAct .gnbArea .cartBtn {background-image:url("/design/lsh7614/dizi/m/cart_ico_w.svg");}
#header.mainAct .gnbArea .myBtn {background-image:url("/design/lsh7614/dizi/m/mypage_ico_w.svg");}

/* ·Ñ¸µ¹è³Ê */
.mainSwiper {position:relative;overflow: hidden;}
.mainSwiper a{display: block; width: 100%}
.mainSwiper .swiper-slide a img{width: 100%}
.mainSwiper .swiper-pagination {bottom: 20px;left: auto;right: 16px;width: auto;padding: 0 10px;color: #fff;font-size: 12px;font-weight: 500;border-radius: 100px;background-color: rgba(17, 17, 17, 0.7);line-height: 22px;height: 22px;}
/* //·Ñ¸µ¹è³Ê */

/* ŸÀÌƲ */
.cateTit {padding: 70px 0 24px; text-align: center;}
.cateTit .title {font-size: 26px;font-weight: 750;line-height: 30px;color: #222;}
.cateTit .sub-title {margin-top: 4px;color: #777;font-size: 14.5px;font-weight: 400;line-height: 16px;padding: 0 36px;word-break: keep-all;}

.product-wrap {padding-bottom: 20px;}


/* Ä«Å×°í¸® ÅÇ ¿µ¿ª */   
.categorys {margin-top: 40px;} 
.categorys .title-box { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; padding:0px 15px; } 
.categorys .title-box h6 { color:#000; font-size:21px; font-weight:800; line-height:25px; } 
.categorys .title-box .tabs { display:flex; height:25px; border:1px solid #cccccc; border-radius:12.5px; box-sizing:border-box; overflow:hidden; } 
.categorys .title-box .tabs button { width:69px; height:23px; background:#fff; border:none; color:#000; font-size:10px; font-weight:300; text-align:center; } 
.categorys .title-box .tabs button.current { background:#000; color:#fff; } 
.categorys .tab-view { position:absolute; top:-99999px; left:-99999px; width:100%; } 
.categorys .tab-view.current { position:static; top:unset; left:unset; } 
.categorys .tab-view .swiper { padding-bottom:15px; padding-left:10px; } 
.categorys .tab-view .swiper-slide { width:85px; margin-right:8px; } 
.categorys .tab-view .swiper-slide .icon { position:relative; display:flex; justify-content:center; align-items:center; } 
.categorys .tab-view .swiper-slide .icon img { width:100%; height:auto; } 
.categorys .tab-view .swiper-slide .icon p { position:absolute; z-index:1; color:#ffffff; font-size:11px; font-weight:800; line-height:10px; text-align:center; } 
.categorys .tab-view .swiper-slide > p { margin-top:7px; color:#000; font-size:15px; line-height:16px; text-align:center; } 
.categorys .tab-view .swiper-scrollbar { left:15px; right:15px; bottom:0px; width:auto; height:3px; background:#f3f3f3; border-radius:1.5px; overflow:hidden; } 
.categorys .tab-view .swiper-scrollbar .swiper-scrollbar-drag { background:#cccccc; border-radius:none; } 
.categorys .tab-view .swiper.swiper-initialized { padding-left:0px; } 
.categorys .tab-view .swiper.swiper-initialized .swiper-slide { margin-right:0px; } 


/* µ¥µå¶ó Ä÷º¼Ç */
.collection-wrap .collectionSwiper {padding: 0 8px 20px;}
.collectionSwiper .collectionTxt {margin-top: 16px; text-align: center;}
.collectionSwiper .ct-title {font-size: 16px; font-weight: 700; line-height: 19px;}
.collectionSwiper .ct-sub-title {margin-top: 6px; color: #777; font-size: 11px; font-weight: 400; line-height: 13px;}
.collectionSwiper .swiper-slide {width: 60.2vw; margin-right: 8px;}
.collectionSwiper .swiper-slide a {display: block; width: 100%; overflow: hidden;}
.collectionSwiper .swiper-slide a img {width: 100%;}
.collectionSwiper .swiper-scrollbar {left: 15px !important;right: 15px  !important;bottom: 0px  !important;width: auto  !important;height: 3px !important;background:#f3f3f3;border-radius:1.5px;overflow:hidden;} 
.collectionSwiper .swiper-scrollbar .swiper-scrollbar-drag { background:#cccccc; border-radius:none; } 

/* sns¼Ò°³ ¿µ¿ª */
.sns-area {margin-top:100px;}
.sns-area li {display: flex;flex-direction: column;justify-content: center;align-items: center;height:100%;}

/* ¼¿·´ ¿µ¿ª */
.celeb-wrap{position: relative; margin-top: 40px; padding: 20px 0 60px; background-color:#F8F8F8;}
.celeb-wrap img {width: 100%;}
.celeb-wrap .swiper-wrap {position: relative; width: calc(100% - 100px); margin: 0 auto;}
.celeb-wrap .celebSwiper {width: 100%;}
.celeb-wrap .celeb-content{position:relative; display:flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; margin-top: 40px;}
.celeb-wrap .celeb-content::before{content:''; position: absolute; top:-20px;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:29%;margin-right: 16px;}
.celeb-wrap .celeb-content .celeb-list {display: flex; flex-direction: column; width: 65%;}
.celeb-wrap .celeb-content .celeb-list .listSubname {border:0; padding-top:0;}
.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: 47%;right: -40px; transform: translateY(-50%); background-size: 13px;opacity: 0.5;}
.celeb-wrap .swiper-button-prev {background: url(/design/lsh7614/dizi/ico_leftBtn_black.png) no-repeat;background-position: center;top: 47%;left: -40px; transform: translateY(-50%); background-size: 13px;opacity: 0.5;}
.celeb-wrap .swiper-button-next::after,
.celeb-wrap .swiper-button-prev::after { display: none; }

/* .celeb-wrap .celebImage {padding:0 24px; box-sizing:border-box;} */

/* ¹è³Ê ¿µ¿ª */  
.centerbnArea {padding: 60px 40px 20px; overflow: hidden;}
.centerbnArea .swiper-slide {margin-right: 10px;}
.centerbnArea .swiper-slide img {width: 100%;}

/* Ä«Å×°í¸® º£½ºÆ® »óÇ° */
.cateBest-wrap {padding-bottom: 20px;}
.cateBest-wrap .cateTit {padding: 40px 0 20px;}
.cateBest-option {padding: 0 12px 10px;justify-content: space-between;align-items: center; overflow: hidden;}
.cateBest-option ul{display: flex;}
.cateBest-option ul li {width: auto; margin-right: 6px;}
.cateBest-option a,
.cateBest-option button{font-size: 13px;cursor:pointer; height: 28px; box-sizing: border-box; line-height: 27px;padding: 0 12px;border: 1px solid #ddd;border-radius: 40px;color: #777;display: block; background-color: #fff;}
.cateBest-option a.active,
.cateBest-option button.active{border: 1px solid #222; color: #222;}
.cateBest-wrap .cate-select {position: relative; float: right; margin-right: 5px; }
.cateBest-wrap .cate-select select {width: 37px; height: 21px; font-weight: 400; font-size: 13px; margin: 0 5px; padding: 0; line-height: 19px; color: #222; border: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none;}
.cateBest-wrap .cate-select::after {content: "\e942"; font-family: xeicon; position: absolute; right: 0; line-height: 21px;}
.cateBesSwiper {position: relative; overflow: hidden; width: 100%; padding-top: 10px;}
.cateBesSwiper .swiper-wrapper {display: flex;}
.cateBesSwiper .swiper-slide {margin: 0!important;}
.cateBesSwiper .swiper-pagination {bottom: -5px!important;}
.cateBesSwiper .swiper-pagination-bullet {width: 8px; height: 8px; margin: 0 2px!important; background: #222; opacity: 0.2;}
.cateBesSwiper .swiper-pagination-bullet-active {background: #222; opacity: 0.8;}

/* ±âȹÀü */
.event-wrap {margin-bottom: 20px;padding: 20px 0 42px;background-color: #F8F8F8;margin-top: 40px;}
.event-wrap .cateTit {padding: 40px 0 20px;}
.event-wrap .listName {font-size: 12px; font-weight: 400; line-height: 14px}
.event-wrap .listPrice {font-size: 14px;}
.event-wrap .listPrice .unit {font-size: 12px;}
.event-wrap .list_shopping3x {display:none; padding-top: 12px;}
.event-wrap .list_shopping3x .list_shoppingInfo {margin: 10px 0 0;}
.event-wrap #event01 {display: block;}
.event-wrap .clChip,
.event-wrap .review-cnt,
.event-wrap .listSubname,
.event-wrap .listIcons,
.event-wrap .salePercent {display: none !important;}


/* ½º³À ±âȹÀü */
.cate-event-wrap {margin-bottom: 20px;padding: 20px 0 42px;background-color: #F8F8F8;margin-top: 40px;}
.cate-event-wrap .cateTit {padding: 40px 0 20px;}
.cate-event-wrap .listName {font-size: 12px; font-weight: 400; line-height: 14px}
.cate-event-wrap .listPrice {font-size: 14px;}
.cate-event-wrap .listPrice .unit {font-size: 12px;}
.cate-event-wrap .list_shopping2x {display:none; padding-top: 12px;}
.cate-event-wrap .list_shopping2x .list_shoppingInfo {margin: 10px 0 0;}
.cate-event-wrap #event01 {display: block;}
.cate-event-wrap .clChip,
.cate-event-wrap .review-cnt,
.cate-event-wrap .listSubname,
.cate-event-wrap .listIcons,
.cate-event-wrap .salePercent {display: black !important;}
.snap-cateBest-wrap {padding-bottom: 20px;}
.snap-cateBest-wrap .cateTit {padding: 40px 0 20px;}
.snap-cateBest-option {padding: 0 12px 10px;justify-content: space-between;align-items: center; overflow: hidden;}
.snap-cateBest-option ul{display: flex;}
.snap-cateBest-option ul li {width: auto; margin-right: 6px;}
.snap-cateBest-option a,
.snap-cateBest-option button{font-size: 13px;cursor:pointer; height: 28px; box-sizing: border-box; line-height: 27px;padding: 0 12px;border: 1px solid #ddd;border-radius: 40px;color: #777;display: block; background-color: #fff;}
.snap-cateBest-option a.active,
.snap-cateBest-option button.active{border: 1px solid #222; color: #222;}
.snap-cateBest-wrap .cate-select {position: relative; float: right; margin-right: 5px; }
.snap-cateBest-wrap .cate-select select {width: 37px; height: 21px; font-weight: 400; font-size: 13px; margin: 0 5px; padding: 0; line-height: 19px; color: #222; border: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none;}
.snap-cateBest-wrap .cate-select::after {content: "\e942"; font-family: xeicon; position: absolute; right: 0; line-height: 21px;}


/* ¿¤Å¬¶ó */
.ellcla-wrap {padding-bottom: 20px;}
.ellcla-wrap .banner {display: block; margin-bottom: 24px;}
.ellcla-wrap .banner img {width: 100%;}

/* µ¥µå¶ó ä³Î */
.youtube-wrap {position:relative;overflow:visible; padding-bottom: 60px;}
.youtube-wrap .cateTit .title {font-size: 20px; line-height: 24px;}
.youtube-wrap .cateTit .title i {position: relative; top: 1px; margin-right: 4px;color:#f50000}
.youtube-wrap .youtubeSwiper{padding: 0 40px 24px;}
.youtube-wrap .youtubeSwiper .swiper-slide img{width: 100%; margin-right: 10px;}
#glightbox-body.glightbox-container {z-index:99999999!important }

/* Æ÷Å丮ºä */
.photo-wrap {margin-bottom: 60px; padding: 20px 0 60px; background-color: #F8F8F8;}
.photo-wrap .cateTit .title {font-size: 20px; line-height: 24px;}
.photo-wrap .cateTit .title i {position: relative; top: 1px; margin-right: 4px;}
.photo-wrap .photo-list {display: table; margin: 0 auto;}
.photo-wrap .photo-list img {width: 100%; max-width:100%;}

/* ÇÏ´Ü À̹ÌÁö ¹è³Ê */
.bottom-banner {width: 100%}
.bottom-banner a {display: block; margin-top: 8px;}
.bottom-banner a:first-child {margin-top: 0;}
.bottom-banner a img {width: 100%;}

/* BASIC css end */