/* BASIC css start */
/* 이미지맵 */
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;}
img{ border: none; height: auto; max-width: 100%; width: auto;}
.evt_img {width: 100%; max-width: 800px; margin: 0 auto; position: relative; text-align: center;}


/* 위시리스트 */
.prd-list .prd-wish { display:inline-block; padding-top: 8px;  } 
.prd-list .prd-wish a { /*font-family: 'malgun gothic'; */font-size: 11px; color: #b0b0b0; font-weight: 400;} 
.prd-list .prd-wish i.fa { margin-right: 3px; color: #b0b0b0; font-size: 10px; /*vertical-align: middle;*/ cursor:pointer; } 
.prd-list .prd-wish i.fa-heart { display:none; color: #ff7133; } 
.prd-list .prd-wish .wish-on i.fa-heart { display:inline-block; } 
.prd-list .prd-wish .wish-on i.fa-heart-o { display:none; }


.items .prd-wish { display:inline-block; padding-top: 8px; text-align: left;  } 
.items .prd-wish a { /*font-family: 'malgun gothic'; */font-size: 11px; color: #b0b0b0; font-weight: 400; margin: 0 6px;} 
.items .prd-wish i.fa { margin-right: 3px; color: #b0b0b0; font-size: 10px; /*vertical-align: middle;*/ cursor:pointer; } 
.items .prd-wish i.fa-heart { display:none; color: #ff7133; } 
.items .prd-wish .wish-on i.fa-heart { display:inline-block; } 
.items .prd-wish .wish-on i.fa-heart-o { display:none; }

/* 리뷰 */
.prd-list .prd-review { display:inline-block; padding-top: 8px; } 
.prd-list .prd-review  a { /*font-family: 'malgun gothic';*/ font-size: 11px; color: #ff7133; font-weight: 400;  margin: 0 5px 0 0;} 
.prd-list .prd-review i.fa {color: #ffbb99; font-size: 12px; vertical-align: middle; cursor: pointer; margin-right:3px; font-weight:bold;}
.prd-list .prd-review p.review_btn {display:inline-block;}
.prd-list .prd-review .review_btn:before {content: '|'; font-size: 8px; font-weight: 300; color: #b0b0b0; margin-right: 7.2px;} 

.items .prd-review { display:inline-block; padding-top: 8px; } 
.items .prd-review  a { /*font-family: 'malgun gothic';*/ font-size: 11px; color: #ff7133; font-weight: 400;  margin: 0 5px 0 0;} 
.items .prd-review i.fa {color: #ffbb99; font-size: 12px; vertical-align: middle; cursor: pointer; margin-right:3px; font-weight:bold;}
.items .prd-review p.review_btn {display:inline-block;}
.items .prd-review .review_btn:before {content: '|'; font-size: 8px; font-weight: 300; color: #b0b0b0; margin-right: 7.2px;} 

/* 아이콘 */
.listIcon {margin-top:6px;}
.listIcon span > img {display: inline-block!important; margin-left:2px; border-radius: 3px;}
/*.pleasewait { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: url(http://dailylike.jpg3.kr/hgodo/05_Evt/2306/soldout_bell.png) center/cover no-repeat;}*/


/* 정렬방식 */
.list_array {padding: 13px; overflow: hidden; background: #fff;  height: unset; border-top: 0; border-bottom: 0; margin-bottom: 0;}
.list_array .list_arrayLeft {margin: 0;}
.list_array .list_arrayLeft select { max-width: 150px; width: 86px; height: 40px;  border: none; padding: 0 20px 0 8px; line-height: 29px; font-size: 13px; color: #333; }

.list_array .list_arrayRight {margin-top: 0;}
.list_array .list_arrayRight a {display: inline-block; margin-left: -4px; border: 1px solid #e5e5e5; box-sizing: border-box; width: 42px; height: 42px; padding: 9px;}
.list_array .list_arrayRight a img {width: 22px; margin-left: 0;}

/* 갤러리 상품진열 */
.list_shopping2x ul {padding:10px; line-height: 0;}
.list_shopping2x ul li {margin-bottom: 35px; font-size: 12px; line-height: 1.4;}
.list_shopping2x li a {padding: 0; margin: 0 3px; position:relative;}
.list_shopping2x .list_shoppingInfo {margin-top: 15px; margin: 15px 6px 0; text-align: left;}


/* Evt 01 */
#evt01 {background:#111111; padding: 10px}
#evt02 {background:#111111;}
#evt03 {background:#151515;}
#evt04 {background:#000;}
#evt05 {background:#ff5e20;}
#evt06 {background:#242424;}
#evt07 {background:#414141;}


/* Evt 01 */
.main_top {background:#111; position: relative; overflow: hidden;}
.hbd_cont {position: absolute; top: 0; left: 0; width: 100%; z-index: 2; text-align: center; padding: 0px 10px;}
.hbd_period {position: absolute;  display: block;  z-index: 2;  overflow: hidden;  top: 5%;  left: 5%;  width: 27.325%;}
.period_bg {position: absolute; top: 0; left: 0; width: 100%; z-index: 2;}
.animated {-webkit-animation-duration: 2s; animation-duration: 2s; animation-fill-mode: both;}

/* Evt 02 */
.line {display: block; margin: 0; text-decoration: none; background-color: #ff5e20; position: relative;}
.line .line_inner {overflow: hidden; padding: 1px 0;}
.line .line_inner .line_box { display: flex; width: calc(422px * 20); padding-left: 14px; animation:  textright 50s linear infinite;}
.line .line_inner .line_box2 {display: flex; width: calc(422px * 20); padding-left: 14px; animation:  textleft 50s linear infinite;   border-top: 1px solid #000;}
.line .line_inner .line_box .line_text, .line_box2 .line_text { box-sizing: border-box; text-align: center; font-size: 16px; font-weight: bold;  line-height: 40px; color: #000; padding-right: 45px; letter-spacing: -.4px;}    
.line .line_inner .line_text:after {content:"●"; font-size: 10px; padding-left:45px;}
.line .line_inner .line_text span {margin-right: 5px;}  
.flim_cont {position: relative; overflow: hidden; height: 360px; background-size: cover; box-sizing: border-box; text-align: center; background: #111111; border-top: 25px solid #111111; }  
.flim {position: absolute;box-sizing: border-box;padding: 20px;animation: flim 40s linear infinite;}  
 

/* Evt 03 */
/* 카운트다운 */
.countwrap {max-width: 860px;margin: 20px; position: relative; z-index: 1; padding: 30px 0;cursor: grabbing;border-top: 3px solid #ff5311; border-bottom: 3px solid #ff5311;}
.countwrap .countdown_title {text-align: center;   font-size: 1.5rem; line-height: 1.813rem; font-weight: bold; margin-bottom: 1.875rem;}
.countwrap .countsimple {position: relative; margin: 0 auto; overflow: hidden; -webkit-display: flex; display: flex; justify-content: center;}
.countwrap .countsimple li {position: relative; margin: 0; padding: 0; display: block; width: 25%; text-align: center; float: left; text-align: center;}
.countwrap .countsimple li .number {position: relative;color: #ff5311;font-size: 3.2rem;line-height: 4.063rem;font-weight:700;z-index: 5;}
.countwrap .countsimple li .number::after {position: absolute;top: calc(50% - 0.25rem);right: -4px; content: ':';-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 2.5rem;font-weight:500;z-index: 5;color: #ff5311;}
.countwrap .countsimple li:last-child .number:after {display:none;}
.countwrap .countsimple li .label {position: relative;text-transform: uppercase;font-size: 1rem;font-weight: 500;line-height: .938rem;color: #ff5311;padding-top: 25px;} 
.hours_72 {  position: relative; overflow: hidden; text-align: center;margin: 0 auto; padding:10px 0px;}
.hours_72 .swiper-slide {padding: 5px; box-sizing: border-box;}


/* Evt 05 */

/* 취향특가샵 탭 */
.time_sale { margin: 0 auto; padding: 10px; box-sizing: border-box;}
.time_sale .m_tab01 {/* width: 100%; *//* margin: 0px 5%; *//* box-sizing: border-box; */}
.time_sale .m_tab01 li {float: left;width: 33.333333%;height: 70px;line-height: 70px;font-size: 15px;font-weight: 700;text-align: center;background: #ffad29;color: #ffcf82;cursor: pointer;box-sizing: border-box;border-radius: 30px 30px 0px 0px;}
.time_sale .m_tab01 li.on {background: #fff; color:#ff680e;}

.time_sale .hL_swiper { position: relative; overflow: hidden; text-align: center;margin: 0 auto; padding:0px 10px 90px 10px;}
.time_sale .tab_content {display:none; margin-top:70px; padding:0px; background: #fff;}
.time_sale .tab_content.on {display:block;}
.time_sale .tab_content .item-wrap {background: #fff; display: inline-block; position: relative;}
.time_sale .tab_content .item-wrap.off::after {content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgb(0,0,0,.5 );}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 60px!important;}
.swiper-pagination-bullet-active {background: #ff5e20!important;}


/* sub 텍스트 */
@-webkit-keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeUp {
  -webkit-animation-name: fadeUp;
  animation-name: fadeUp;
}


/* 메인 텍스트 */
@-webkit-keyframes fadeOn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }


  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

@keyframes fadeOn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

.fadeOn {
  -webkit-animation-name: fadeOn;
  animation-name: fadeOn;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.spin {animation-duration: 5s; animation-name: spin; animation-iteration-count: infinite; animation-timing-function: linear;}


/* 라인 배너 */   
@keyframes textright {
	0% {
		transform: translateX(0);
	}     
 
	100% {
		transform: translateX(calc(-384px * 10));
	}
}

@keyframes textleft {
	0% {
		transform: translateX(calc(-384px * 10));
	}     
 
	100% {
		transform: translateX(0);
	}
}


/* 필름 */
@keyframes flim {
    0%   { top:   0px }
    100% { top: -2618px }
}


/* BASIC css end */