@charset "utf-8";

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

/*상단 배경 타이틀*/
#item_list .dim_sub{position: absolute;top: 0;left: 0;background:#074371;width: 100%;height: 100%;opacity: .2;}
#item_list .titleBox_sub{position: relative;padding:60px 3% 60px 3%;color:#fff;margin-bottom:30px;}
#item_list .titleBox_sub_bg01{background:url('/images/pic_subtitleBg_01.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg02{background:url('/images/pic_subtitleBg_02.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg03{background:url('/images/pic_subtitleBg_03.jpg?v=23121301') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg04{background:url('/images/pic_subtitleBg_04.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg05{background:url('/images/pic_subtitleBg_05.jpg?v=23090701') no-repeat 0 10%; background-size: cover;}
#item_list .titleBox_sub_bg06{background:url('/images/pic_subtitleBg_06.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg07{background:url('/images/pic_subtitleBg_07.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg08{background:url('/images/pic_subtitleBg_08.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg09{background:url('/images/pic_subtitleBg_08.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg10{background:url('/images/pic_subtitleBg_10.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg11{background:url('/images/pic_subtitleBg_11.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg12{background:url('/images/pic_subtitleBg_12.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg13{background:url('/images/pic_subtitleBg_13.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg14{background:url('/images/pic_subtitleBg_14.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg15{background:url('/images/pic_subtitleBg_15.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg16{background:url('/images/pic_subtitleBg_16.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg17{background:url('/images/pic_subtitleBg_17.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg18{background:url('/images/pic_subtitleBg_18.jpg') no-repeat 0 80%; background-size: cover;}
#item_list .titleBox_sub_bg19{background:url('/images/pic_subtitleBg_19.jpg') no-repeat 0 80%; background-size: cover;}
/*#item_list .titleBox_sub h2{margin-right:10px;font-size:300%;font-weight:600;text-shadow:2px 2px 2px #555;display:inline-block;}*/
#item_list .titleBox_sub h2{margin-right:5%;font-size:1.7em;color:#17aec7;text-shadow:none;}
#item_list .titleBox_sub a{color:#666;text-shadow:none;}
#item_list .titleBox_sub span{padding:10px 5px;}

.titleBox_sub .box_Combo{display:inline-block}
.titleBox_sub .box_Combo a{color:#fff;text-shadow: 2px 2px #555;display:inline-block;}
.titleBox_sub .box_Combo a::after{content:' > ';}
.titleBox_sub .box_Combo a:last-child::after{content:none;}
/*//상단 배경 타이틀*/

/*소메뉴*/
.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;}
.product_inMenu{color:#666;}
.product_inMenu li{display:inline-block;}
.product_inMenu li a{padding:10px 7px;}
.product_inMenu li a.on,
.product_inMenu li a:hover,
.product_inMenu li a:focus{font-weight:600;}
.product_inMenu li::after{content:'|';}
.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%;border: 1px #ccc solid;border-radius: 10px;box-sizing: border-box;position: relative;cursor: pointer;overflow: hidden;}
#item_list .list_in > ul > li > a .info{padding: 10px 20px;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;background:url('https://yeayakup.wetoz.kr/plugin/wz.booking.pension.prm/img/noimage.gif') no-repeat;background-size: cover;background-position: center;}
#item_list .product_list.list_in > ul > li > a .img{overflow: hidden;}
#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;}
#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;}

.productInfo .tag{position:relative !important;top:0px !important;left:0px !important;}


#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  .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: 25px;}
#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.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{margin:10px 0;display: flex;justify-content:stretch;flex-wrap: wrap;gap:2%;}
.product__Item{font-family: 'NanumSquare';font-size:1.1em;}
.list_in .inTab{display:flex;justify-content:space-between;}
.item_list___product{margin-top:51px;}
div.wrap main.sub .item_list___product.titleBox_none{margin-top:60px;}

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

@media (max-width: 780px) {

    #item_list .list_in > ul > li{margin:10px 0 20px 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;}

    
    .list_goods {
        background-color: #fff;
        border: 1px solid #00000036;
        border-radius: 10px;
    }    

}

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

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