@charset "utf-8";

.item_list___product{margin:0 auto 60px auto;}

#item_list .titleBox_sub a{color:#666;text-shadow:none;}
#item_list .titleBox_sub span{padding:10px 5px;}


/*//상단 배경 타이틀*/

/*소메뉴*/
.inTab__center{margin-bottom:3%;text-align:Center;color:#555;}
.inTab__center li{display:inline-block;}

.product_inMenu.t_center{background: #f5f6fa;padding:15px 10px;border-radius:5px;border: 1px solid #efefef; margin-bottom: 20px;}
.product_inMenu{color:#666;}
.product_inMenu li{display:inline-block;}
.product_inMenu li a{padding:7px;display:block;}
.product_inMenu li a.on,
.product_inMenu li a:hover,
.product_inMenu li a:focus{font-weight:600;}
.product_inMenu li:last-child::after{content:none;}
/*//소메뉴*/

/*LIST ITEM	start*/
.list_in .flex_row{justify-content:space-between;}
#item_list .list_in > ul > li{/*position: relative;margin:20px 0;flex-basis:auto ;width:23.5%;*/
    position: relative;margin:20px 0;flex-basis:auto;width:32%;box-sizing: border-box;position: relative;cursor: pointer;overflow: hidden;
    /*position: relative;margin:20px 0;flex-basis:auto;width:23.5%;border: 1px #ccc solid;border-radius: 10px;!*max-width: 300px;min-width: 220px;*!box-sizing: border-box;position: relative;cursor: pointer;overflow: hidden;*/
}
#item_list .list_in > ul > li > a .info{/*padding:20px 0;*/padding: 10px 5px;display:block;}
#item_list .list_in > ul > li > a .info h5.tit{font-size:130%;font-weight:600;}
#item_list .list_in > ul > li > a .info p{margin-bottom:20px;color:#555;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: var(--title_max-num-lines,1);word-break: var(--title_word-break,break-all);height: 18px;}
#item_list .list_in > ul > li > a .info .price{font-size:21px;color:#CC0000;font-weight:bold;}
#item_list .list_in > ul > li > a .info .price span{color: #555;font-size: 14px;}
#item_list .list_in > ul > li > a .img{position:relative;/*border-radius: 10px;*/overflow: hidden;background:url('https://yeayakup.wetoz.kr/plugin/wz.booking.pension.prm/img/noimage.gif') no-repeat;background-size: cover;background-position: center;/*border:1px solid #efefef;*/}
#item_list .list_in > ul > li > a .img:hover,
#item_list .list_in > ul > li > a .img:focus{opacity:.6;}
#item_list .list_in > ul > li{flex-basis:auto; border-radius: 0; border: 0;}
#item_list .list_in > ul > li > div.itemGreat{position:absolute; right: 5%;top: 5%; z-index: 1; cursor: pointer;}
#item_list .list_in > ul > li > div.itemGreat input[type="checkbox"]{width: 15px;height: 15px;}

#item_list .list_in > ul > li > a .img > img{/*position:absolute;*/width:100%;}
.product_mart{display:none;}

#item_list .list_in > ul > li.noneData{margin:60px 0px;width:100%;text-align:center;}

/*20230904_thum newcss*/
#item_list .fwb {
    font-weight: bold;
}
#item_list .list_in > ul li .productInfo{padding: 10px 10px 6px; flex: 1; display: flex; flex-direction: column;}
#item_list .list_in > ul li .productInfo .tag{margin: 0 0 5px 0; color: #10BDE5; font-size: 14px; letter-spacing: -1px;}
#item_list .list_in > ul li .productInfo .productNm{margin: 23px 0 10px 0; color: #333; font-size: 16px; line-height: 23px; font-weight: bold; word-break: break-all; overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 42px;
}
#item_list .list_in > ul li .productInfo .tag + .productNm{margin: 0 0 10px 0;}
#item_list .list_in > ul li .productInfo .price{margin: 0px 0px 5px; color: #CC0000; font-size: 15px; letter-spacing: -1px;}
#item_list .list_in > ul li .productInfo .price .desc{color: #868686; font-size: 12px; letter-spacing: -1px; display: inline-block; padding-left: 5px;}
#item_list .list_in > ul li .productInfo .dtl{padding-top: 6px; font-size: 11px; color: #555; height: 20px;}
#item_list .list_in > ul li .productInfo .dtl.topBorder{border-top: 1px #EEECEC solid;}
#item_list .list_in > ul li .productInfo .dtl .star{background: url(../images/main/ico_star.png) no-repeat; background-position: left center;background-size: 11px; padding-left: 15px;}
#item_list .list_in > ul li .productInfo .dtl .rep{background: url(../images/main/ico_rep.png) no-repeat; background-position: left center;background-size: 12px; padding-left: 16px; margin-left: 7px;}

#item_list .list_in > ul > li .heart{background: url(../images/main/ico_heart_off.svg) no-repeat; background-position: center; width: 29px; height: 30px; position: absolute; right: 10px; top: 10px; cursor: pointer;}
#item_list .list_in > ul > li .heart:hover{background: url(../images/main/ico_heart_on.svg) no-repeat;}
#item_list .list_in > ul > li .heart.on{background: url(../images/main/ico_heart_on.svg) no-repeat; background-position: center; width: 29px; height: 30px; position: absolute; right: 10px; top: 10px; cursor: pointer;}


.product__Item{display: flex;justify-content:stretch;flex-wrap: wrap;gap:2%;}
.list_in .inTab{display:flex;justify-content:space-between; align-items: center;}

@media (max-width: 980px) {
    #item_list .list_in > ul > li{width:32%;min-width:auto;}
    #item_list .list_in > ul li a img{max-height: none !important;}
}

@media (max-width: 780px) {
    .item_list___product{margin:8% auto;}

    #item_list .list_in > ul > li{margin:10px 0 10px 0;width:49%;}
    #item_list .list_in > ul > li > a .info h5.tit{font-size:110%;}
    #item_list .list_in > ul > li > a .info .price{font-size:130%;}
    #item_list .list_in > ul > li > a .info{padding:15px 10px}
    #item_list .list_in > ul > li > a .info p{margin-bottom:15px;}

    .list_in .inTab{/*padding:10px 0;*/text-align:Center;/*display:block;*/}
    /*.list_in .inTab div{display:none;}*/

    .list_in .product_inMenu li{margin:3px 0;width:49%;padding: 15px 5px;border: 1px solid #ddd;}
    /*.list_in .product_inMenu li:nth-child(3),
    .list_in .product_inMenu li:nth-child(4){border-top:0 none;}
    .list_in .product_inMenu li:nth-child(2),
    .list_in .product_inMenu li:nth-child(4){border-left:0 none;}*/
    .list_in .product_inMenu li:hover,
    .list_in .product_inMenu li:focus{background: #efefef;}
    .list_in .product_inMenu li::after{content:none;}
}

@media (max-width: 540px) {
    #item_list .titleBox_sub_bg01,
    #item_list .titleBox_sub_bg02,
    #item_list .titleBox_sub_bg03,
    #item_list .titleBox_sub_bg04,
    #item_list .titleBox_sub_bg05,
    #item_list .titleBox_sub_bg06,
    #item_list .titleBox_sub_bg07,
    #item_list .titleBox_sub_bg08,
    #item_list .titleBox_sub_bg09{background-position-x: 0%;}

    /*20230904*/
    #item_list .list_in > ul{display:block;}
    #item_list .list_in > ul > li{width:100%;}

    #item_list .titleBox_sub h2{font-size: 25pt; margin-bottom: 5px;}

    /*20240401*/
    .list_in .board{display:none;}
}

@media (max-width: 340px) {
    .inTab__center a{padding: 10px 5px;}
}