/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */

.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


.mainrorarea {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.wrapper_main_warp {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: auto;
    display: block;
    clear: both;
    z-index: 10;
}

.wrapper_main_blank {
    position: relative;
    z-index: -1;
}

.wrapper_main_blank img {
    width: 100%;
    z-index: -1;
}

#wrapper_main {
 
    width: 100%;
    height: auto;
    display: block;
    top: 0;
    left: 0;
}

#carousel_main ul li {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

#carousel_main li img {
    width: 100%;
}

#pager_main {
    position: absolute;
    bottom: 20px;
    height: 18px;
    text-align: center;
    width: 100%;
    display: table;
    font-size: 0px;
    line-height: 0;
    z-index: 10;
    text-align: center;
}

#pager_main a,#pager_main li {
    background: #fff;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px;
    border: 0px solid #fff;
    text-decoration: none;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
}

#pager_main li.active,#pager_main a.selected {
    background: #da3731;
    width: 50px;
}

#pager_main a span {
    font-size: 0px;
}

#pager_main a:hover {
    background: #da3731;
}
.common_list {
  position:relative;
  display:table;
  margin:0 auto;
  width:100%;
}
.common_list ul.prdList {
  display:table;
  margin:0 auto;

}
.common_list ul.prdList li.item {
  position:relative;
  display:inline-block;
  margin:20px 0;
  color:#757575;
  vertical-align:top;
  *display:inline;
  *zoom:1;
}
.common_list ul.prdList li.item .box {
  position:relative;
  width:100%;
  height:100%;
  font-size:12px;
  line-height:15px;
  text-align:center;
  margin:0;
  outline:0px solid #ddd;
  background:#fff;
}
.common_list ul.prdList li.item .box:hover {
  outline:0px solid;
}
.common_list ul.column2 li.item {
  width:46%;
  margin:2%;
}
.common_list ul.column3 li.item {
  width:31%;
  margin:1%;
}
.common_list ul.columns3d li.item {
  width:100%;
  margin:0;
}
.common_list ul.prdList .name {
  position:relative;
  text-align:center;
  width:100%;
  max-width:300px;
  display:block;
  clear:both;
  overflow:hidden;
  margin:10px auto 5px;
  border-bottom:0px solid #eee;
  height:16px;
  line-height:16px;font-size:11px;
}
.common_list ul.prdList .name a:hover {
  text-decoration:none;
}
.LS-review .prdList .name {
  border-bottom:0px !important;
  height:16px;
  line-height:16px;
  padding-bottom:0px !important;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.prdList .leftper,
.prdList .leftper2,
.prdList .leftper3 {
  position:absolute;
  right:7px;
  top:7px;
  z-index:27;
  font-family:Tahoma;
}
.prdList .leftper .percent,
.prdList .leftper2 .percent2,
.prdList .leftper3 .percent3 {
  width:30px;
  height:30px;
  line-height:30px;
  border-radius:0px;
  background:#ed0000;
  color:#fff;
  text-align:center;
  display:block;
}
.prdList .leftper .cost,
.prdList .leftper2 .cost2,
.prdList .leftper3 .cost3 {
  font-size:13px;
  font-weight:600;
}
.prdList .leftper .mark,
.prdList .leftper2 .mark2,
.prdList .leftper3 .mark3 {
  font-size:9px;
  font-weight:400;
  margin-left:1px;
}
.prdList .leftper2 {
  z-index:28;
}
.prdList .leftper3 {
  z-index:29;
}
.common_list ul.prdList li.item .prdIcon {
  position:absolute;
  top:1px;
  left:1px;
  width:80px;
  height:80px;
  background-repeat:no-repeat;
  zoom:1;
}
.common_list ul.prdList .chk {
  display:block;
  position:absolute;
  z-index:31;
  top:3px;
  right:3px;
  opacity:0;
}
.common_list ul.prdList li :hover > .chk {
  opacity:1;
}
.common_list .prdList li.item .thumb {
  position:relative;
  width:100%;
  height:auto;
  display:block;
}
.common_list .prdList li.item .thumb_warp {
  position:relative;
  margin:0 auto 0;
  width:100%;
  height:auto;
  border:1px solid #e8e8e8;
}
.common_list .prdList li.item .button {
  position:relative;
  display: table;
  margin:10px auto 10px;
  width:100%;
  height:auto;
  z-index:31;
}
.common_list .prdList li.item .button span {
  position:relative;
  display: inline-block;
  text-align:center;
  width:auto;
  cursor:pointer;
  margin:0 5px;
}
.common_list ul.prdList li.item .iconarea {
  position:relative;
  width:95%;
  height:38px;
  display:block;
  margin:0 auto;
  padding:0 1% 0 4%;
  margin-top:-30px;
  border-bottom:0px solid #e8e8e8;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.common_list ul.prdList li.item .iconarea .icon {
  position:relative;
  width:auto;
  height:16px;
  display:inline-block;
  float:left;
  margin-top:5px;
}
.common_list ul.prdList li.item .iconarea .icon img {
  margin-right:4px;
  overflow:hidden;
}
.common_list ul.prdList li.item .iconarea .likeButton {
  position:absolute;
  right:0;
  margin-top:7px;
  display:inline-block;
  width:40px;
  height:20px;
}
.common_list ul.prdList li.item .iconarea .likeButton button {
  display:block;
  background:none;
  color:#111;
  font-size:12px;
  border:0;
  outline:0;
}
.common_list ul.prdList li.item .iconarea .likeButton.selected button {
  color:#111;
  display:block;
}
.common_list ul.prdList li.item .iconarea .likeButton strong {
  position:absolute;
  top:4px ;
  left:25px;
}
.common_list ul.prdList li.item:hover .iconarea .likeButton button {
  display:block;
  background:none !important;
}
.common_list .xans-product-listitem {
  position:relative;
  width:100%;
  margin:0 auto;
}
.common_list .xans-product-listitem li {
  line-height:22px;
  text-align:center;
  width:100%;
  margin:0 auto;
}
.common_list .xans-product-listitem li .title {
  font-weight:normal;
  vertical-align:top;
}
.common_list .xans-product-listitem li .title span {
  vertical-align:top;
}
.common_list .prdList .mileage {
  display:block;
}
.common_list .prdList span.grid {
  display:block;
}
.common_list ul li .hidearea {
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:auto;
  display:block;
  background:url(/han/images/bg/bg_pro.png);
  color:#fff;
  text-align:center;
  padding-bottom:10px;
}
.common_list ul li .hidearea .name {
  color:#fff;
  width:90%;
  height:15px;
  line-height:15px;
  overflow:hidden;
  border-bottom:0px solid #eee !important;
  margin:5px auto !important;
  padding:0px !important;
}
.common_list ul li .hidearea a {
  color:#fff;
}
.common_list ul li .hidearea .priceline {
  width:100%;
  color:#ed0000 !important;
  height:15px;
  line-height:15px;
  font-size:15px;
  font-weight:800;
}
.common_list ul li .hidearea .priceline span {
  color:#ffff00 !important;
}
.common_list ul li .hidearea2 {
  position:relative;
  width:100%;
  height:auto;
  display:block;
  background:#fff;
  color:#111;
  text-align:center;
  padding-bottom:10px;
}
.common_list ul li .hidearea2 .name {
  width:90%;
  height:15px;
  line-height:15px;
  overflow:hidden;
  border-bottom:0px solid #eee !important;
  margin:5px auto !important;
  padding:0px !important;
}
.common_list ul li .hidearea2 a {
  color:#555555;
}
.common_list ul li .hidearea2 .priceline {
  width:100%;
  color:#ed1b24 !important;
  height:15px;
  line-height:15px;
  font-size:15px;
  font-weight:800;
}
.common_list ul li .hidearea2 .priceline span {
  color:#ed1b24 !important;
}
.common_list .discountPeriod {
  display:inline-block;
  z-index:10;
  position:relative;
  width:55px;
  height:19px;
  vertical-align:middle;
  *zoom:1;
  *display:inline;
}
.common_list .discountPeriod .edge {
  position:absolute;
  left:50%;
  top:-6px;
  width:10px;
  height:6px;
  margin:0 0 0 -5px;
  font-size:0;
  line-height:0;
  background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_tip_edge.gif") no-repeat 0 0;
}
.common_list .layerDiscountPeriod {
  display:none;
  position:absolute;
  left:50%;
  top:26px;
  width:247px;
  margin:0 0 0 -124px;
  border:1px solid #565960;
  font-size:12px;
  background-color:#fff;
}
.common_list .layerDiscountPeriod strong.title {
  display:block;
  margin:0 0 12px;
  padding:0 35px 0 0;
  font-weight:bold;
  color:#2e2e2e;
}
.common_list .layerDiscountPeriod .content {
  padding:9px 10px 12px 14px;
  font-family:Verdana,"돋움",Dotum,sans-serif;
}
.common_list .layerDiscountPeriod .content p {
  margin:2px 0 0;
  font-size:11px;
  color:#000;
  line-height:16px;
  color:#757575;
  letter-spacing:-1px;
}
.common_list .layerDiscountPeriod .content p strong {
  font-weight:normal;
  font-size:12px;
  color:#2e2e2e;
}
.common_list .layerDiscountPeriod .content p strong span {
  font-size:11px;
}
.common_list .layerDiscountPeriod .close {
  position:absolute;
  right:14px;
  top:14px;
}
.common_list .layerDiscountPeriod .close img {
  cursor:pointer;
}
.common_list .spec .halfli1 {
  width:auto ;
  float:left;
  padding:5px 13px 10px 0;
  clear:none !important;
  font-family:Geneva,sans-serif;
  display:none !important;
}
.common_list .spec .halfli2 {
  width:100% ;
  float:left;
  display:block;
  padding:5px 0 10px;
  clear:none !important;
  font-family:Geneva,sans-serif;
  text-align:center;
}
.common_list .spec .halfli3 {
  width:100% !important;
  height:auto;
  line-height:17px;
  text-align:center;
  border:1px solid #e5e5e5;
  border-radius:2px;
  padding:8px 0;
  margin-bottom:4px;
  background:#eee;
  display:block;
  clear:both;
}
.common_list .spec .halfli3 span {
  color:#000 !important;
}
.common_list .spec .halfli3 .title {
  display:none;
}
.common_list .spec li {
  text-align:left;
  clear:both;
  word-break:break-all;
  line-height:16px;
  max-height:48px;
  overflow:hidden;
  padding:2px 0;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
}


#carousel_main .swiper-pagination-bullet {background:#fff;width: 14px;
    height: 14px;opacity: 1;}
#carousel_main .swiper-pagination-bullet-active {background: #da3731;
    width: 50px;border-radius: 7px;}
#carousel_main .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
#carousel_main .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}


/* BASIC css end */