/*  sec01*/
/* .sec{padding:80px 0 ;} */


.bot_price_point{display: flex;justify-content: space-between !important;border-top:1px solid #ddd;margin-top:10px;padding-top:10px;}
.bot_price_point .m_price{display: flex;justify-content: flex-start;}
.bot_price_point .t_point{display: flex;justify-content: flex-start;align-items: center;}
.bot_price_point .discount_p{color:#be3434;font-weight: 600;    font-size: 0.8rem;}
.bot_price_point .discount_p span{font-weight: 600;}
.bot_price_point strong{font-weight: 600;font-size: 0.9rem;transform: translateY(-5px); color:#be3434;    display: inline-block;margin-left:5px;}
/* .sec.toshi{padding:0 0 100px 0 ;} */

.shop_view_bg{position:relative; height:320px;margin-bottom: 40px;}
.shop_view_bg span{width:100%; height:100%;display: block;position:absolute;top:0;opacity: 0.3;z-index: -1;}
h3.sub_h3{padding:130px 0 30px;font-size:3rem; font-weight: bold; text-align: center;    margin-bottom: 0px;}
.sec01 .top ul{display: flex;align-items: center;justify-content: center; font-size:1.25em;margin:0px 0 10px 0}
.sec01 .top ul li{margin:0 10px;color:#888}
.sec01 .top ul li a{font-family: 'Play', sans-serif;font-weight: bold; }
.sec01 .top ul li.on{color:#000}

.sec01 {margin:0 auto; /* padding-top:120px !important; */}

.sec01 .menu_list{display: flex;align-items: center;justify-content: space-between; font-size:0.875em;margin:10px 0;}
.sec01 .menu_list .top_slide{width: 100%; display: none;
    background: #fff;
    height: auto;padding:0 20px 20px 20px;
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 999;}
    .sec01 .menu_list .top_slide ul{border-bottom:2px solid #333;}
    .sec01 .menu_list .top_slide li{width:50%;border-right:1px solid #ddd; border-bottom:1px solid #ddd;display: inline-block;margin-left:-4px;padding: 12px 0 10px;text-align: center; font-size:14px;color:#888; font-weight: 400;}
    .sec01 .menu_list .top_slide li.on p{ font-weight: 600;color:#333}
    .sec01 .menu_list .top_slide li p a{width: 100%; display: block;}
    .sec01 .menu_list .top_slide li:nth-child(2n){border-right:none;}


.sec01 .menu_list .right{font-size:0.875rem; color:#888}
.sec01 .menu_list .right .number{font-size:1.125rem; color:#000; font-weight: 600;}

.cata_list ul li{color:#bbb;display: inline-block;}
.cata_list{display: flex}
.cata_list p{margin:0 5px; color:#888; }
.cata_list p.on{color:#000; font-weight: 800;}
/* .mo_cata_list{display: none;} */

.mo_cata_list { display: inherit; position:relative}
.mo_cata_list > p{ border:1px solid #ddd; background-color: #fff;padding: 6px 10px 4px;
    width: 130px;}
.mo_cata_list > p::after{width:10px; content:''; display: block; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/COMMON/160297087255320.png) no-repeat center bottom; height:20px; position:absolute; top:8px; right:11px}
.mo_cata_list ul {position: absolute; top:32px; left:0;border:1px solid #ddd; display:none;background-color: #fff; width:100%; line-height: 2em;padding:10px;z-index:99;}
.mo_cata_list ul li{color:#bbb;display: block;}
.mo_cata_list p {font-size: 0.937rem;}


.pc_cata_list{display:flex}
.mo_cata_list{display: none}




.sec01 .body_list > ul{border-top:2px solid #333;padding:40px 0;}
.sec01 .body_list ul li .img_bg{width:300px; height:300px; display: block; position:relative;background-color:#f5f5f5; /* border-radius: 30px; */transform: scale(1); overflow: hidden;}


.toshi .body_list > ul > li{margin-bottom:60px;}
.toshi .body_list ul li > div { margin: 10px 0;}
.toshi .body_list ul li > div > i { width: 100%; height: 376px;  display: block;  position: relative; background-color: #f5f5f5; /*  border-radius: 30px;  */overflow: hidden;/* min-height: 430px; */}
.toshi .body_list ul li > div > i::before {content: ''; display: block; width: 100%; height: 100%; background-color: #f5f5f5; border-radius: 30px;}

.toshi .body_list ul li .list_icon .f_im {
    width: 21px;  /* position: inherit; */  top: 0;  left: 0;  transform: translate(7px, 0px);  margin-right: 19px;   height: 20px;}

.toshi .body_list ul li .list_icon .no_like{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/COMMON/160279350189980.png) no-repeat;    width: 18px; background-size: contain; display: inline-block;}
.toshi .body_list ul li .list_icon .yes_like{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/COMMON/160391398818768.png) no-repeat;    width: 18px; background-size: contain; display: inline-block;}
.toshi .body_list ul li .list_icon .no_att{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/COMMON/160251368581998.png) no-repeat; width: 18px; background-size: contain; display: inline-block;}
.toshi .body_list ul li .list_icon .yes_att{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/COMMON/160391399489908.png) no-repeat; width: 18px; background-size: contain; display: inline-block;}


.list_icon { position: absolute; bottom: 30px; right: 00px; transition: transform 0.5s; padding: 13px 18px 10px 15px; border-radius: 20px 0 0 20px; background-color: #fff;
    transform: translateX(153px); z-index: 99;    width: 147px;   display: flex;  align-items: center;}
.toshi .body_list ul li > div > i img { position: absolute;
    top: 50%;  left: 50%; transform: translate(-50%, -50%) ;  width: 100%; transition: transform 0.3s;}
.toshi .body_list ul li .text_box { display: flex;position: relative;
    justify-content: space-between; margin-top: 20px;
    text-align: left; line-height: 1.5em; height: 144px;align-items: flex-start;}
    .toshi .body_list ul li .text_box> div:first-child{width: 100%;}
    .toshi .body_list ul li .text_box> .color_search{position: absolute; right:0;top:41px}


.toshi .body_list ul li .shop_title { font-size: 1.125rem; font-weight: 600;padding-right: 25px;
    margin: 0px 0 5px 0;    margin-top: 10px; }
.toshi .body_list ul li .shop_title span{ font-size: 1.125rem; font-weight: 600;}

.toshi .body_list ul li .shop_text { font-size: 0.95rem;  opacity: 0.8;  font-weight: 400;}
.target01 { display: inline-block; width: 100%; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.toshi .body_list ul li .text_box > div > div { display: flex;
    justify-content: flex-end; }
.toshi .body_list ul li .shop_sale {  margin-right: 11px;transform: translateY(2px);
    position: relative;  font-weight: 300; font-size: 0.937rem;   }
    .toshi .body_list ul li .shop_sale .money{ font-family: 'Rubik','Noto Sans KR', sans-serif;opacity: 0.5;position: relative;}


.toshi .body_list ul li .shop_price { font-size: 1.25rem;      font-weight: bold;}
.toshi .body_list ul li .shop_price .money { font-weight: 500; font-family: 'Rubik','Noto Sans KR', sans-serif;}
.toshi .body_list ul li .shop_price { font-size: 1.25rem;   font-weight: bold;margin-right:8px; }
.toshi .body_list ul li .text_box i.fa {font-size: 1.5rem;}
.toshi .body_list ul li .shop_sale span:after {content: ''; display: block; width: 55px; height: 1px; background-color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.toshi .body_list ul li:hover i .s_na {transform: translate(-50%, -50%) /* scale(0.85) */;}
.toshi .body_list ul li:hover .list_icon {transform: translateX(00px);z-index: 999999;}
.list_icon i.fa { font-size: 1.2rem; margin: 0 8px;}

.toshi .body_list .color ul{margin-top: 10px;    line-height: 1;}
.toshi .body_list .color ul li{width:15px; height:15px; display: inline-block; border-radius: 50px; margin-right: 8px;    margin-bottom: 4px;border:1px solid #ddd;}



.body_list li > div{position:relative}

.sale_point{position:absolute; top:30px; left:-5px; }

.sale_point .sale{background-color: #333; color:#fff; font-size:14px;padding:2px 10px;letter-spacing: 3px; border-radius: 0px 10px 10px 0px ;display: none;}
/* .toshi .body_list ul li .text_box .t_point{margin-top:8px;} */
.t_point p{padding:1px 8px;letter-spacing: 1px; margin-right:5px; font-size:11px;border:1px solid #ddd; font-weight: bold;line-height: 1.6;}
.t_point p.hot{border:1px solid rgb(192, 50, 50); color:rgb(192, 50, 50)}
.t_point p.sale{border:1px solid rgb(185, 145, 32);color:rgb(185, 145, 32)}
.t_point p.best{border:1px solid rgb(62, 123, 214);color:rgb(62, 123, 214)}





/* ********************************************* *
 * 1400px max
 * ********************************************* */
 @media (max-width:1400px){

/* .toshi .body_list ul li > div > i {min-height: 380px;} */
.sec01{padding-top:0 !important;}
    
}
/* ********************************************* *
 * 1200px max
 * ********************************************* */
 @media (max-width:1200px){

    .toshi .body_list ul li > div > i {/* min-height: 300px;   */  height: 250px;}
   
    
}
/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){


   
    
}
/* ********************************************* *
 * 960px max
 * ********************************************* */
 @media (max-width:960px){


    .toshi .body_list ul li > div > i {/* min-height:250px;    */ height: 212px;}
   
    
}
/* ********************************************* *
 * 840px max
 * ********************************************* */
 @media (max-width:840px){
    .toshi .body_list ul li .text_box .m_price{    flex-direction: column;}
    .toshi .body_list ul li .shop_sale{width: fit-content;}
   
    
}
/* ********************************************* *
 * 769px max
 * ********************************************* */
 @media (max-width:769px){
    .toshi .body_list ul li > div > i { height: 410px;}

    .pc_cata_list{display:none}
    .mo_cata_list{display: flex}
    .cata_list p {margin: 0;}


   
    
}
/* ********************************************* *
 * 640px max
 * ********************************************* */
 @media (max-width:640px){
    .sec01 .body_list > ul {padding: 10px 0;    }
     .toshi .body_list ul li > div > i { height: 289px;}
     .sec01 .shop_view_bg .top ul {display: inherit;text-align: center;display: none;}
     /* .sec01 .menu_list .top_slide{display: block;} */
     .sec01 .top ul li{display: inline-block;margin-bottom:0px;font-size:15px;width: 50%;
        margin-left: -4px;
        margin-right: 0;}
        /* .sec01 .top ul li p{    border: 1px solid #888;margin:0 10px;} */
     .toshi .body_list ul li .shop_title {padding-right: 20px;
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 5px;
    }
    .toshi .body_list ul li .shop_text{    font-size: 13px;}

    .sale_point .sale {font-size: 12px;padding: 1px 6px;}
    .sale_point {top: 25px;}
    .sec.toshi { padding: 0; }
    .shop_view_bg {height: auto;padding-bottom: 10px;}
    h3.sub_h3 {padding: 80px 0 50px;font-size: 2rem;}
    .shop_view_bg {margin-bottom: 10px;}

    .sec01 .top ul{display: none;}
}

/* ********************************************* *
 * 500px max
 * ********************************************* */
 @media (max-width:500px){
html{font-size:14px;}

.sec01 .body_list > ul {border-top: 2px solid #333; padding: 20px 0}
    .toshi .body_list ul li > div > i {height: 193px;  min-height: auto;/* border-radius: 10px; */}
   
    .list_icon {padding: 9px 2px 6px 9px;}


    .sec01 .top ul {font-size: 1.125em;}
    h3.sub_h3 {font-size: 1.8rem;}
    .toshi .body_list ul li:hover i .s_na{transform: translate(-50%, -50%)/*  scale(0.8) */;}

    
   .list_icon{transform: none; background-color: transparent;bottom:7px;width:52px;}
   .list_icon .no_like{display: none;}
   .list_icon .fa-shopping-cart{display: none;}
   .thumbnail ul li:hover .list_icon {transform: none; width: auto;}
   .toshi .body_list .color ul li { margin-right: 4px; width: 12px; height: 12px;}
   .toshi .body_list > ul > li {margin-bottom: 50px;}
   .toshi .body_list ul li .shop_sale:after {width: 45px;}


   .toshi .body_list ul li .list_icon .no_like { margin: 0; display: none;}

   .toshi .body_list ul li .text_box{margin-top:10px;}
   .toshi .body_list ul li .shop_sale span:after {width: 45px;}
 }
/* ********************************************* *
 * 400px max
 * ********************************************* */
 @media (max-width:400px){

    h3.sub_h3 {font-size: 1.5rem;}
    .sec01 .top ul { font-size: 1.125em;}
    .toshi .row > [class*='col'] {
        padding-right: 8px;
        padding-left: 8px;
    }
    .toshi .body_list ul li > div > i {height:180px;  min-height: auto}

    .mo_cata_list > p {width: 120px; }
    .toshi .body_list .color ul li {width: 10px; height: 10px;}

    .toshi .body_list ul li .shop_title span {font-size: 1rem;font-weight: 500;}
    .toshi .body_list ul li .text_box i.fa {font-size: 1.2rem;}
}
/* ********************************************* *
 * 350px max
 * ********************************************* */
 @media (max-width:350px){
    .toshi .body_list ul li .m_price {flex-direction: column; }
    .toshi .body_list ul li .shop_sale {width: fit-content; }
    .toshi .body_list ul li > div > i {height: 160px;}
 }