/* 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: absolute;
    top: 50%;
    right: 10px;
    text-align: center;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    transform: translateY(-50%)
}

#event .pagination .swiper-pagination-switch {
    display: inline-block;
    margin: 3px 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%;
}

.inner_cont {
    position: absolute;
    left: 0;
    border: 1px solid;
    z-index: 2000;
    width: 100%;
}



/* //·Ñ¸µ¹è³Ê */
.main h3 {
    font-size: 1.250em;
    display: inline-block;
    margin: 45px 0 18px 0;
    padding-top: 6px;
    border-top: 1px solid #3b3b3b;
}

.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;
}



#container {
    max-width: 850px;
    margin: 0 auto;
    min-width: 320px
}

.test_view {}

.test_view > li {


    position: relative;
    border: 1px solid
}

.test_view > li > a {
    display: block;
    width: 100%;

    overflow: hidden;

}

img.banner_image {
    width: 100%;

}

.slick-slide {
    position: relative;
}

.slick-dots {
    position: absolute;
    top: 50%;
    right: 20px;

}

.slick-dots li {
    margin-bottom: 6px;

}

.slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    background-color: white;
    text-indent: -9999px
}

li.slick-active button {
    background-color: grey;
}


.product_item{  width: calc(50% - 5px);
  margin-left: 7px;
  display: inline-block;
    vertical-align: top;}
.product_item:nth-of-type(2n+1){margin-left:0}.list_st2.list_st2_3 .product_item{width:calc((100% - 20px)/ 3)}.list_st2.list_st2_3 .product_item:nth-of-type(2n+1){margin-left:10px}.list_st2.list_st2_3 .product_item:nth-of-type(3n+1){margin-left:0}.product_list_wrap.list_st3 .product_item{width:100%}.product_list_wrap .product_item .desc_container .info p{color:#565656;font-size:.6875rem;line-height:1rem;padding:2px 0}.product_item .desc_container .info .pname{  font-family: 'Noto Sans KR',"Helvetica Neue",Helvetica,NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif;font-size:.75rem;line-height:1rem;font-weight:300;margin-top:-3px;margin-bottom:8px;color:#222;font-weight:700}.product_list_wrap.list_st1 .product_item{border-bottom:1px solid #dcdcdc;padding:15px 0}.product_list_wrap.list_st1 .product_item:nth-of-type(1){border-top:1px solid #dcdcdc}.product_list_wrap.list_st1 .product_item figure{display:table;width:100%;table-layout:fixed}.product_list_wrap.list_st1 .product_item .thumb{display:table-cell;width:115px;vertical-align:top}.product_list_wrap.list_st1 .product_item .thumb img{display:block;width:100px}.product_list_wrap.list_st1 .product_item .desc_container{display:table-cell;vertical-align:middle}.product_list_wrap.list_st1 .product_item .desc_container .info{display:inline-block}.product_item,.product_list_wrap.list_st3 .product_item{padding:15px 0;border-top:1px solid #dcdcdc}.product_item figure,.product_list_wrap.list_st3 .product_item figure{display:block;width:100%}.product_item .thumb,.product_list_wrap.list_st3 .product_item .thumb{display:block;width:100%;overflow:hidden}.product_item .thumb img,.product_list_wrap.list_st3 .product_item .thumb img{display:block;width:100%;margin-bottom:10px}.product_item .desc_container,.product_list_wrap.list_st3 .product_item .desc_container{display:block;width:100%)}.product_item .desc_container .info,.product_list_wrap.list_st3 .product_item .desc_container .info{display:block}.list_type_wrap{padding:20px 15px;font-size:0;text-align:center}.list_type_wrap a.list_type_icon{display:inline-block;vertical-align:top;margin:0 2px;width:23px;height:23px;overflow:hidden;background-size:13px auto;background-position:5px 5px;background-repeat:no-repeat}.list_type_wrap a.ic_full{background-image:url(../images/ic_list_1x.png)}.list_type_wrap a.ic_gallery{background-image:url(../images/ic_list_2x.png)}.list_type_wrap a.ic_list{background-image:url(../images/ic_list_list.png)}.list_type_wrap a.ic_full.on,.list_type_wrap a.ic_gallery.on,.list_type_wrap a.ic_list.on{background-position:5px -18px}.page_top{min-height:42px;padding:0 15px}.page_top .page_nav{float:left;padding:15px 0;font-size:0;line-height:120%;overflow:hidden}.page_top .page_nav a{display:inline-block;font-size:.625rem;color:#a6a6a6;font-weight:300;line-height:120%;padding-left:13px;position:relative}.page_top .page_nav a:nth-of-type(1){margin-left:-13px}.page_top .page_nav a:before{position:absolute;top:0;left:0;display:block;width:13px;height:100%;content:">";text-align:center;font-family:Gulim,sans-serif}

product_item .desc_container .info .pname {
  font-size: .75rem;
  line-height: 1rem;
  font-weight: 300;
  margin-top: -3px;
  margin-bottom: 8px;
  color: #222;
  font-weight: 700;
}
.product_item .desc_container .info p.prd-color {
    line-height: 1;
}
.product_item .desc_container .info p.prd-color span {
    width: 15px;
    height: 5px;
    border: 1px solid #eee;
    display: inline-block;
    line-height: 1;
    margin-right: 2px;
    vertical-align: top;
}
section h3{  text-align: center;
  font-size: 1.2em;
  padding: 20px 0;
  font-weight: 600;}

.product_item .desc_container .info p {
  color: #565656;
  font-size: .6875rem;
  line-height: 1rem;
  padding: 2px 0;
}
.product_item .desc_container .info p {
  color: #565656;
  font-size: .6875rem;
  line-height: 1rem;
  padding: 2px 0;
}
.MK_block_recmd_product,.MK_block_new_product,.MK_block_special_product{padding: 0 15px;font-size: 0;}

div.more{  margin-top: 20px;
  padding: 0 15px;
  box-sizing: border-box;
}
div.more a{  font-family: 'Noto Sans KR',"Helvetica Neue",Helvetica,NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif; display: block; padding: 10px 0;  border: 1px solid #222;
  background-color: #222;
  color: #fff;  width: 100%;
  font-size: .6875rem;}

/* BASIC css end */