@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard.woff') format('woff');
    font-style: normal;
}


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


/* .sec.toshi{padding:0 0 100px 0 ;} */

.shop_view_bg{position:relative; 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:80px 0 30px;font-size:3rem; font-weight: bold; text-align: center; color: #444; font-family: 'Pretendard'; 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{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: 5px 10px;
    width: 130px;}
.mo_cata_list > p::after{width:10px; content:''; display: block; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CBN/160297087255320.png) no-repeat center bottom; height:20px; position:absolute; top:8px; left: 108px;}
.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: 999;}
.mo_cata_list ul li{color:#bbb;display: block;}
.mo_cata_list p {font-size: 0.937rem;}


.pc_cata_list{display:flex; justify-content: flex-end;}
.mo_cata_list{display: none}




.sec01 .body_list > ul{border-top:2px solid #a51013;padding:40px 0;}

.toshi .body_list ul{display: flex; flex-wrap: wrap;}
.toshi .body_list ul li{/* width: 380px;  */position: relative; margin-bottom: 20px;}
.toshi .body_list ul li i{width:100%;    display: block;  padding-bottom: 69%; margin-bottom: 10px;}
.toshi .body_list .heartIcon{width: 26px; height: 23px; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CBN/161809581278917.png); position: absolute; top: 10px; right:24px; z-index: 10;}
.toshi .body_list .heartIcon.click{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CBN/161809581626905.png);}
.toshi .body_list .gd-img{width: 100%; height: 270px; margin-bottom: 30px; overflow: hidden;}
.toshi .body_list .gd-img img{width: 100%; height: 100%; transition: 0.3s;}
/* .toshi .body_list .gd-info{padding-left: 15px;} */
.toshi .body_list .gd-info{padding: 10px;}
.toshi .body_list .gd-info span{display: block;}
.toshi .body_list .gd-name a{font-family: 'Pretendard'; font-size: 1.05rem; color: #777;}
.toshi .body_list .gd-price{font-family: 'Pretendard'; font-size: 1.1rem; color: #321301;}
.toshi .body_list .cartIcon{position: absolute; bottom: 10px; right: 20px; width: 43px; height: 33px; background: center / 100% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CBN/162083403685562.png);}
/* hover */
.toshi .body_list .gd-img:hover img{transform: scale(1.1);}


.search_list .sale-price{font-family: 'Pretendard'; font-weight: bold; font-size: 1.1rem; color: #321301;}
.search_list .gd-price::after{content: "";display: block;position: absolute; top: 50%; left: -3px; width: 80px;height: 1px;background-color: #bbb;}
.search_list .gd-price{position: relative; color: #bbb !important; line-height: 1; padding-top: 4px;}
.search_list .sale_per,.search_list .sale_per strong{font-weight: bold; color: #e03434;}
.search_list .sale_per{padding-left: 5px;}



.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 ;}
.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: 300px;}

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


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


    .toshi .body_list ul li > div > i {min-height:250px; height: 250px;}
   
    
}
/* ********************************************* *
 * 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;}

    /* .toshi .body_list ul{justify-content: center;} */



   
    
}
/* ********************************************* *
 * 640px max
 * ********************************************* */
 @media (max-width:640px){
     .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 {
        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;}
    .toshi .body_list .cartIcon{width: 34px;}
    .toshi .body_list .heartIcon{width: 24px; right: 18px;}
}

/* ********************************************* *
 * 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: 200px;  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: 2rem;}
    .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;}
 }
/* ********************************************* *
 * 400px max
 * ********************************************* */
 @media (max-width:400px){

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