/* BASIC css start */
.content {margin: 4px auto; padding: 0 20px 0 20px;}
.evt_wrap {width: 860px;margin:0 auto; text-align: center;}


.mian_top {position: relative;}

.snow-container {
  
    width: 500px;
    position: absolute;
    overflow: hidden;
    /* border: 1px solid blue; */
    top: 49%;
    height: 600px;

}

.snow-container .snow {
  position: absolute;
  display: inline-block;
  opacity: 0;
  animation-name: falling;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
  text-shadow: 5px 5px 5px #F00;
}

.snow-slow {
  animation-duration: 5s;
}

.snow-med {
  animation-duration: 4s;
}

.snow-fast {
  animation-duration: 3s;
}

.snow:nth-child(1) {
  animation-delay: 1.8s;
}

.snow:nth-child(2) {
  animation-delay: 3.5s;
}

.snow:nth-child(3) {
  animation-delay: 0.3s;
}

.snow:nth-child(4) {
  animation-delay: 2.3s;
}

.snow:nth-child(5) {
  animation-delay: 0.1s;
}

.snow:nth-child(6) {
  animation-delay: 2.9s;
}
.snow:nth-child(7) {
  animation-delay: 1.5s;
}
.snow:nth-child(8) {
  animation-delay: 0.8s;
}

@keyframes falling {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
    opacity: 0;
  }
  35% {
    opacity: 0.8;
  }
  68% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 500px) rotate(360deg);
    opacity: 0;
  }
}

.snow-s {
  height: 10px;
  width: 10px;
  transform-origin: -30px 0;
}

.snow-m {
  height: 30px;
  width: 30px;
  transform-origin: left -30px;
}

.snow-l {
  height: 50px;
  width: 50px;
  transform-origin: left -30px;
}


.best_seller {text-align:center;}

.item-wrap .item-cont .item-list .thumb .MK-product-icons img {border: none; height: auto; max-width: 100%; width: auto;}


/* 위시리스트 */
#wishlist {  position: absolute; top: 10px; right: 10px; z-index: 1; background-color: #fff;  padding: 13px;  border-radius: 50px;}
#wishlist span img { width:15px; height:12px;}  

/* 아이콘 */
.item-wrap .item-cont .item-list .thumb .dsc {display: inline-block; position: absolute; left: 0; bottom: 0;}


/* 분류 기본상품 노출영역 */
.bnr-box {overflow:hidden;}
.bnr-box .item {float:right;width:100%!important;}
.bnr-box .item:first-child {margin-left:0;}
.bnr-box .item img {width:100%;}


/* 배열방식 */
.item-wrap .x5 .item-list {width: 20%;}

.item-wrap .x4 .item-list {width: 25%; margin: 0 0 40px;}
.item-wrap .x4 .prd-info .prd-name {display: block;}
.item-wrap .x4 .prd-info .color {max-width: 190px;}

.item-wrap .x3 .item-list{width: 33.33%; margin: 0 0 30px; vertical-align:top;}
.item-wrap .x3 .item-list .prd-info  { position: relative; margin: 0 auto; padding: 0 10px; text-align: left; line-height: 18px; margin-right: -5px;}
.item-wrap .x3 .item-list .prd-info .prd-name {margin: 5px 0 9px;}
.item-wrap .x3 .item-list .prd-info ul li {line-height: 18px;}
.item-wrap .x3 .item-list .prd-info .prd-price {padding-top: 5px;}
.item-wrap .x3 .item-list .prd-info .color {max-width: 230px; line-height: 1;}


/* 탭 */
.container{text-size-adjust: none; box-sizing: border-box; margin: 0px; padding: 0px; position: sticky; top: 71px; z-index: 8; width: 100%; height: 70px; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: #000000;}
.tabs {text-size-adjust: none;    box-sizing: border-box; margin: 0px; padding: 0px; width: 1000px; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center;} 
.tab-link {box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; background: transparent; cursor: pointer; outline: none; text-size-adjust: none;    position: relative; width: 30%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 18px; font-weight: 500; white-space: nowrap; color: #a0a0a0; background-color: #000000;}
.tab-link.current{ box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; background: transparent; cursor: pointer; outline: none; text-size-adjust: none;     position: relative; width: 30%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-size: 18px; white-space: nowrap; background-color: #000000; color: #ffffff; font-weight: bold;}    
.cont_container {text-size-adjust: none; font-family: campton, "Apple SD Gothic Neo", NanumBarunGothic, 나눔바른고딕, "Malgun Gothic", "맑은 고딕", dotum, sans-serif; box-sizing: border-box; margin: 0px; padding: 0px; width: 100%; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center;}
.tab-content{ display: none;}
.tab-content.current{display: block;}


/* 컨텐츠 영역 */
.section {display: flex;flex-direction: column; align-items: center; margin-top: 50px; margin-bottom: 50px;}
.section.tab_cont_tit {display: flex; flex-direction: column; align-items: center; text-align: center; margin: 50px 0 0 0 ; background-color:#000;}
.section.tab_cont_tit h3 {font-size: 58px; font-weight: 700; padding-bottom:15px;} 
.section.tab_cont_tit div {color: #5e5e5e;word-break: keep-all;}

.section .section_tit_img {width: 100%; text-align: center; margin-bottom:135px;}
.section .section_tit_img.p {background: #7b47ec;}
.section .section_tit_img.b {background: #383838;}
.section .section_tit_img.g {background: #28ca79;}
.section .section_img {padding-bottom:30px;}
.section .set_text {width:1000px;}
.section .set_text .name_tit {width: 100%; max-width: 1000px; padding-bottom: 15px; word-break: keep-all; overflow-wrap: break-word; font-size: 40px; line-height: 50px; font-size: 37px;} 
.section .set_text .name_sub {font-size: 18px; padding-bottom: 30px;}
.section .set_text .question {width: 100%; max-width: 1000px; padding-bottom: 5px; word-break: keep-all; overflow-wrap: break-word; font-size: 17px; line-height: 30px; font-weight: normal; color:#6d3ed3;} 
.section .set_text .answer {width: 100%; max-width: 1000px; padding-bottom: 35px; word-break: keep-all; overflow-wrap: break-word; font-size: 17px; line-height: 30px; font-weight: normal;}
.section .line {width: 1000px; height: 1px; background-color: #000000; margin: 40px 0px;}
.section .pick{  /*width: 100%; max-width: 1000px; height: 100px; word-break: keep-all; overflow-wrap: break-word; font-size:30px; line-height: 100px; font-weight: 600; background-color: #000;  color: #fff; */ margin-bottom: 25px;}
.section .pink_line {width: 1000px; height: 1px; background-color: #000000; margin-bottom: 32px}

 
/* 카운트다운 */
.countwrap{position:relative;width:100%;max-width:1000px;margin:0 auto;padding:1% 0;margin-top: 100px; margin-bottom: 100px; text-align:center;}
ul.countsimple {position: relative; width: 100%; margin: 0 auto; padding: 15px 0 20px 0; border-width: 1px 0; overflow: hidden; font-weight: bold;}
ul.countsimple li {position:relative;margin: 0;padding: 0;display: block;width: 25%;text-align: center;float:left;}
ul.countsimple li .number{position:relative; color:#000;font-size:100px;}
ul.countsimple li .label{position:relative; color: #000;text-transform: uppercase;font-size:26px; margin-top:1%:}
ul.countsimple li .number:after{position:absolute;top:50%;right:-5%;content:':';transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%); font-size:80px}
ul.countsimple li:last-child .number:after{content:""}
ul.countsimple li:last-child .number:after{display:none}
.countdown_title{margin-bottom:3% ; font-size:40px; font-weight: 700;}		


#footer {margin: 0px!important;}
/* BASIC css end */