/*  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: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/GML_KOREA/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{border-top:2px solid #74817d}
.shop_category_wrap{}
.shop-category{}
.shop-category > ul{display: flex; border: 1px solid #b3b3b3;  max-width:calc(180px * 6);  margin-top:30px;}
.shop-category > ul li{text-align: center; flex: 1; border-right: 1px solid #b3b3b3; cursor:pointer;}
.shop-category > ul li:last-child{border-right:0px;}
.shop-category > ul li p{ padding: 10px; }
.shop-category > ul li.on p{    background: #74817d; color: #fff;}
.sec01 .body_list > ul{border-top:0px 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; cursor:pointer;}
.toshi .body_list ul li > div { margin: 10px 0;}
.toshi .body_list ul li > div > i {    width: 100%; height: 340px; display: block; position: relative; border-radius: 0px; overflow: hidden; min-height: 340px; border: 1px solid #ececec;}
/* .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 {
     /* position: inherit; */  top: 0;  left: 0;  transform: translate(7px, 0px);  margin-right: 19px;   height: 20px;}
.toshi .body_list ul li .list_icon i{    display: block; background-position: center !important; background-size: cover !important; padding: 0px 7px;}
.toshi .body_list ul li .list_icon i img{    position: relative; top: 3px; left: inherit; transform: inherit;}
.toshi .body_list ul li .list_icon .like-icon{}
.toshi .body_list ul li .list_icon .cart-icon{}
.toshi .body_list ul li .list_icon 
.toshi .body_list ul li .list_icon .no_like{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/GML_KOREA/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/GML_KOREA/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/GML_KOREA/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/GML_KOREA/160391399489908.png) no-repeat; width: 18px; background-size: contain; display: inline-block;}


.list_icon { position: absolute; bottom: 30px; right: 0px; height: 40px; transition: transform 0.5s; padding: 10px; border-radius: 3px 0 0 3px; background-color: #fff; transform: translateX(153px); z-index: 99; width: 90px; display: flex; align-items: center;}
.toshi .body_list ul li > div > i img { position: absolute;
    top: 50%;  left: 50%; transform: translate(-50%, -50%) scale(0.8);  width: 100%; transition: transform 0.3s;}
    .toshi .body_list ul {display: flex; flex-wrap: wrap;}
.toshi .body_list ul li .text_box { display: flex; justify-content: space-between; margin-top: 20px; text-align: left; line-height: 1.5em;align-items: flex-start;}
.toshi.gml .body_list ul li .text_box { display: block;}
.gml .body_list ul li .text_box .icon-wrap{      margin-bottom: 15px;}
.gml .body_list ul li .text_box .sale{     border: 1px solid red; display: inline-block; padding: 2px 14px; font-size: 13px; border-radius: 3px; color: red;}
.toshi .body_list ul li .shop_title { font-size: 1.125rem; font-weight: 300;
    margin: 0px 0 5px 0; }
.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-start; }
.toshi .body_list ul li .shop_sale {  margin-right: 11px;transform: translateY(2px);
    position: relative;  font-weight: 300; font-size: 0.937rem;   opacity: 0.5;}
    .toshi .body_list ul li .shop_sale .money{ font-family: 'Rubik','Noto Sans KR', sans-serif;}
.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; }
.toshi .body_list ul li .text_box i.fa {font-size: 1.5rem;}
.toshi .body_list ul li .shop_sale: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; background:#74817d;}
.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 ;}
.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; padding:0px 3px;}


   
    
}
/* ********************************************* *
 * 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 {
        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 {padding: 20px 0}
.shop_category_wrap{margin-top:20px}
.shop-category{    width: 100%;    overflow-x: scroll;}
.shop-category > ul li p{padding:5px; font-size: 14px; height:100%;}
.shop-category > ul{width: 500px; margin-top:13px;}
    .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: 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;}
   .shop-category > ul li p{display:flex;align-items: center;     justify-content: center;}
 }
/* ********************************************* *
 * 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;}
 }