/* BASIC css start */
/* 타이틀 */
#titleArea {position: relative; border-bottom:1px solid #e9e9e9; background-color: #fff}
#titleArea .tit{line-height:60px; font-size:18px; padding: 0 61px; color: #2e2e2e; text-align: center; font-weight: bold;}
#titleArea h2 {line-height:60px; font-size:18px; padding: 0 61px; color: #2e2e2e; text-align: center; font-weight: bold;}
#titleArea .back_btn {position: absolute; top: 6px; left: 14px;}
#titleArea span img {/*width: 33px; height: 29px;*/}

#contents .ev_title img {width: 100%; }
#Table_01 {width:100%;}

.evpro_banner { position:relative; }
.evpro_banner_in { position: absolute; top: 0; right: 0; left: 0; height:0; bottom: 0; z-index: 10; padding: 85px 0 0; box-sizing: border-box; }

.ev_line{ max-width: 1000px;  margin: 0 auto; width: 90%; height: 2px; background: #000; }

.evpro_banner .evpro_title { text-align: right; display: block;   margin: 0 auto;  padding: 0 45px;  font-weight: 700; }
.evpro_banner .evpro_title .tit { margin-top: 20px; color: #fff; text-align: right; font-size: 35px; font-weight: 800; line-height: 42px;}
.evpro_banner .evpro_title .dsc2 {margin-top: 20px; font-size: 14px; line-height: 1.62; color: #fff; font-weight: 300; }
.evpro_bg {position:relative;}
.evpro_bg img {width:100%;}
.evpro_bg::after { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,.3); content: "";}
       
.evpro_banner .evpro_date {  text-align: right; display: block;  /*max-width: 1000px;*/  margin: 0 auto;  padding: 45px;  font-style: italic; font-weight: 700; color: #fff;}
.evpro_banner .evpro_date .date_tit { font-size:15px; font-weight: 600; }
.evpro_banner .evpro_date .date { font-size: 14px;  margin-top: 7px;  font-weight: 600; }

.flagbox .box { /*display: inline-block; height: 26px; margin-right: 4px; padding: 5px 15px; background: #000; color: #fff; font-size: 13px;  box-sizing: border-box; */ padding: 6px 15px; background: #000; color: #fff; font-size: 13px;}

.evpro_notice {margin-top: 20px; text-align: left; max-width: 1000px; margin: 0 auto; padding: 15px 20px; }
.evpro_notice .notice_tit { font-size: 19px; font-weight:bold; }
.evpro_notice .notice_count { line-height: 25px; font-size: 16px; margin-top:15px;}


/* 중분류 */
.class-list {margin: -1px 0 0; padding: 0 14px; border-bottom: 1px solid #e9e9e9; background : #fff; text-align: center;}
.class-list ul {margin:10px;0}
.class-list ul li {width: auto; display: inline-block; margin: 2px 0; padding: 11px 8px 10px; text-align: center; border: 1px solid #e9e9e9; background-color: #fff;}

.class-list ul li.on {border:1px solid #000;}
.class-list ul li.on a {font-weight:700; color:#000;}

/*.class-list ul li:first-child {margin: 15px 0 2px;}
.class-list ul li:last-child {margin: 2px 0 15px;}*/
.class-list ul li a {display: inline-block; margin: 0 14px 0 0; vertical-align: top; font-size: 12px; margin-right: 0; color: #777; font-weight: 400; line-height: 1.2em;}

/* 상품 카운터 / 상품정렬 */
.count_wrap {line-height:40px;}
.count_wrap .pd_count {float:left;}
.count_wrap .pd_count .total_count {line-height:66px; padding-left:15px;}


/* 추천상품 */
.swiper-container.recmd_roll {margin: 30px auto; background-color: #fff; position: relative;}
.swiper-container.recmd_roll .items {padding: 0 12px;}
.swiper-container.recmd_roll .swiper-slide {width: 70%; margin-bottom: 40px;}
.swiper-container.recmd_roll .swiper-slide figure {position: relative; margin: 0 6px;}
.swiper-container.recmd_roll .swiper-slide img {width: 100%;}
.swiper-container.recmd_roll .thumbnail .num {position: absolute; top: 0; left: 0; z-index: 1; width: 50px; height: 42px; padding-top: 8px; color: #fff; font-size: 11px; text-align: center; line-height: 16px; background-color: #000; border-radius: 0 0 12px 0;}
.swiper-container-horizontal> .swiper-scrollbar-recmd.swiper-scrollbar {left:18px; width:calc(100% - 38px); overflow:hidden; height: 2px;}
.swiper-scrollbar-recmd.swiper-scrollbar .swiper-scrollbar-drag {width:30% !important;}

/* 정렬방식 */
.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_shopping1x ul {padding: 0 12px;}
.list_shopping1x ul li {padding: 14px 6px; border-top: 1px solid #ececec; box-sizing: border-box;}
.list_shopping1x li a {padding: 0;}
.list_shopping1x ul li:first-child {padding: 0 6px 14px; border-top: 0; margin-top: 15px;}
.list_shopping1x li:first-child a {padding: 0;}
.list_shopping1x li img.listPic {width: 45%;}
.list_shopping1x .list_shoppingInfo { width: auto; padding-left: 48%; margin: 0px 6px 0; float:unset;}

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

/* 더보기 */
.shopbrand .more a {width: calc(100% - 38px); height: 48px; font-size: 14px; line-height: 46px; margin: 30px auto 0; color: #1a1a1a; border: 1px solid #e5e5e5; font-weight: normal; box-sizing: border-box; background: #fff;}
.shopbrand .more .more-title {color: #000;}
.shopbrand .more .icoMore {display: inline-block; font-size: 0; line-height: 0; vertical-align:baseline; background: url('http://dailylike.jpg3.kr/hgodo/09_M/2022/main/bn/btn_more.png') no-repeat 0 50%; margin: 0 0 2px 8px; width:10px; height:6px; background-size:10px auto;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}


.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


/* 페이드인 페이드아웃 효과 */	
#cycler{position:relative; width: 100%;} /* 이미지 가로사이즈 높이 꼭 변경해야함 */
#cycler img{position:absolute;z-index:1;background-color:white; top:0; left:0;}
#cycler img.active{z-index:3}
/* 페이드인 페이드아웃 효과 */	


.m_evet01 {position: relative;}
.m_evet02 {position: relative; padding-bottom: 135%; background-color:#fff;}
.m_evet03 {position: relative;}
.m_evet04 {position: relative;}

.slide_box {position: absolute; left: 50%; width: 61%; top:33%; transform: translateX(-50%);-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.slide_box2 {position: absolute; left: 50%; width: 70%; top:1%; transform: translateX(-50%);-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.slide_box3 {position: absolute; left: 50%; width: 61%; top:33%; transform: translateX(-50%);-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%);}


#bestitem {overflow: visible;}

#bestreview {overflow: visible;}
#bestreview2 {overflow: visible;}
#bestreview3 {overflow: visible;}


.carousel_c{max-width:800px}
.carousel_div{position:relative;max-width:800px;width:100%;margin:0 auto;}
.carousel_wrap{position:relative;margin:0 auto;}
.carousel_topimg{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:3;}

.carousel_c img{width:100%}


.countwrap{position:relative;width:100%;max-width:1000px;margin:0 auto;padding:6% 0;}
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%}		


@media (max-width: 1902px){
	ul.countsimple li .number{font-size:7vw}
	ul.countsimple li .label{font-size:1.3542vw}
	ul.countsimple li .number:after{font-size:4.206vw}
}

@media (max-width: 800px){
	.countwrap{width:90.645%; max-width:800px;padding:5% 0;}
	ul.countsimple li .number{font-size:11.625vw}
	ul.countsimple li .label{font-size:3.3vw}
	.countdown_title{margin-bottom:10%; font-size: 5.333vw; text-align: center; font-weight:700; }
	ul.countsimple li .label{margin-top:23%;}
}


/* BASIC css end */