@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 a{color:#666;text-shadow:none;}
#item_list .titleBox_sub span{padding:10px 5px;}



/* #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;display:inline;}
.box_Comb{display:inline;}

.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; 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: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 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;/*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;}
#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;
}
.list_in > ul li .productInfo{padding: 10px 10px 6px; flex: 1; display: flex; flex-direction: column;}

.productInfo{padding:14px 14px 8px 14px;text-align:left;}
.productInfo .productNm{padding-top:5px;font-size:17px;max-width: 350px;width: 98%;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;}
.productInfo .price{padding:0px 0;height:35px;font-size:17px;font-weight:400;}
.productInfo .price span{font-size:1em;}
.productInfo .price .fwb{font-size:17px;font-weight:700;letter-spacing: -.5px;}
.productInfo .dtl{/*padding-top:5px;*/font-size:1em/*12px*/;/*border-top:1px solid #ebebeb;*/height:25px;}
.productInfo .tag{height:21px;position: absolute;top: 57%;left:20px;}/*20240919*/
.productInfo .tag span{margin-right:4px;padding:5px 7px;/*color:#17aec7;*/color:#fff;background:#16aec6;font-weight:normal;font-size:12px;/*border:1px solid #8bd6e3;*/border-radius: 3px;}/*20240919*/


/*#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: 0px; 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(https://tourpik.b-cdn.net/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(https://tourpik.b-cdn.net/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(https://tourpik.b-cdn.net/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(https://tourpik.b-cdn.net/images/main/ico_heart_on.svg) no-repeat;}
#item_list .list_in > ul > li .heart.on{background: url(https://tourpik.b-cdn.net/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{font-family: 'NanumSquare';font-size:1.1em;}
.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;}	
}

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

    #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;}
    
    #item_list .list_in > ul li .productInfo .tag + .productNm{margin: 0 0 0 0;}
    #item_list .list_in > ul li .productInfo .price{margin:0px;}
    

    .swiper-wrapper .productInfo .tag{height:21px;position: relative; top:0px; left:0px;}/*20240919*/

    
}

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