/* BASIC css start */
#contents .shopbrand{}
#contents .shopbrand .top_banner{display:block; }
#contents .shopbrand .top_banner a{display:block; }
#contents .shopbrand .top_banner a img{display:block; max-width:100%; margin:20px auto 50px; }
#contents .shopbrand .soon_banner{display:block; }
#contents .shopbrand .soon_banner a{display:block; }
#contents .shopbrand .soon_banner a img{display:block; max-width:100%; margin:10px auto; }

#contents .shopbrand .product_list_wrap.list_st3{text-align:center;}
#contents .shopbrand .product_list_wrap.list_st3 .product_item{border-top:0; width: 70%;}


#contents .shopbrand .product_list_wrap.list_st3 .product_item .time_sale_box{text-align:center; font-size:0; box-sizing:border-box; padding:3px 0 2px; border-bottom:1px solid #e7e7e7;}
#contents .shopbrand .product_list_wrap.list_st3 .product_item .time_sale_box.end{display:none;}
#contents .shopbrand .product_list_wrap.list_st3 .product_item .time_sale_box span{display:inline-block; height:32px; line-height:36px; box-sizing:border-box; vertical-align:top; overflow:hidden;}
#contents .shopbrand .product_list_wrap.list_st3 .product_item .time_sale_box span.text_day{text-align:center; width:18px; color:#3f3f3f; font-size:18px; font-weight:500; margin-bottom:6px;}

#contents .shopbrand .product_list_wrap.list_st3 .product_item .time_sale_box span.timer{ width:auto; padding:2px 4px 0 10px; text-align:left;  font-weight:600; font-size:26px; color:#000;  border-radius:5px; font-family:"Roboto";}
#contents .shopbrand .product_list_wrap.list_st3 .product_item .time_sale_box span.event_state{display:none;}


#contents .shopbrand .product_list_wrap.list_st3 .product_item .info{margin-top:10px;text-align:left;}
#contents .shopbrand .product_list_wrap.list_st3 .product_item .desc_container .info p {font-size:1rem; line-height:1.2; }
#contents .shopbrand .product_list_wrap.list_st3 .product_item .pname{text-align:center; line-height:20px; padding:0; margin:0; }
#contents .shopbrand .product_list_wrap.list_st3 .product_item .pname a{font-size:16px; color:#323232; font-family:'Malgun Gothic';}
#contents .shopbrand .product_list_wrap.list_st3 .product_item .pname_sub{line-height:16px; padding:0; margin:10px 0 0;  font-size:13px;}
#contents .shopbrand .product_list_wrap.list_st3 .product_item .prd-price{position:relative; padding:5px 0 ; font-size:16px; color:#323232; }
#contents .shopbrand .product_list_wrap.list_st3 .product_item .prd-price strike{display:block; font-size:14px; line-height:16px; color:#323232; margin-bottom:3px;text-align:center; }
#contents .shopbrand .product_list_wrap.list_st3 .product_item .prd-price span.price{display:block; font-size:18px; color:#ef0909; line-height:26px; font-family:"Roboto"; font-weight:700; text-align:center; }
#contents .shopbrand .product_list_wrap.list_st3 .product_item .prd-price span.price-dercent{display:block; width:100px; height:42px; line-height:42px; position:absolute; top:40%; right:0; margin-top:-21px; text-align:right; color:#ec0000; font-size:26px; font-weight:600; font-family:"Roboto"; padding-right:10px;}

/*
<figcaption class="desc_container">
<div class="info">
    <p class="pname"><a href="<!--/product@link/-->"><!--/notag/product@name/--></a></p>

    <!--/if_product@subname/-->
    <p class="pname_sub"><!--/notag/product@subname/--></p>
    <!--/end_if/-->

    <!--/if_product@is_soldout/-->
    <p class="listSoldout">(Ç°Àý)</p>
    <!--/else/-->
        <!--/if_product@price_replace/-->
    <p class="listReplce"><!--/product@price_replace/--></p>
        <!--/else/-->
    <div class="prd-price" style="font-size:1rem;">                                        

        <!--/if_product@price_discount/-->
            <strike><!--/number/product@price_sell/-->won</strike>
            <span class="price"><!--/number/product@price_discount/-->won</span>
            <!--/if_product@discount_percent/-->                                                        
            <span class="price-dercent"><!--/product@discount_percent/--></span>
            <!--/else_if_product@discount_info/-->                                                        
            <span class="price-dercent"><!--/product@discount_info/--></span>
            <!--/end_if/-->

        <!--/else/-->
            <!--/if_product@price_consumer(+1)/-->
            <strike><!--/number/product@price_consumer/-->won</strike>
            <!--/end_if/-->
            <span class="price"><!--/number/product@price_sell/-->won</span>

            <!--/if_product@discount_percent/-->                                                        
            <span class="price-dercent"><!--/product@discount_percent/--></span>
            <!--/else_if_product@discount_info/-->                                                        
            <span class="price-dercent"><!--/product@discount_info/--></span>
            <!--/end_if/-->

        <!--/end_if/-->
    </div>

        <!--/end_if/-->
    <!--/end_if/-->
    <p><!--/product@mobile_icons/--></p>
    <!--/if_product@hashtag/-->
    <p class="hashtag">
        <!--/loop_product@hashtag/-->
        <a href="<!--/product@hashtag@link/-->">#<!--/product@hashtag@name/--></a>
        <!--/end_loop/-->
    </p>
    <!--/end_if/-->
</div>
</figcaption>
                            
*/

/* BASIC css end */