@charset "utf-8";

/* 갤러리 목록 : 메인 "원목가구 컬렉션"(im/main1.html .product_list) 동일 디자인 */
/* space-between 대신 고정 컬럼 간격 사용 → 개수와 무관하게 왼쪽부터 순서대로 정렬, 여백 유지 */
#bo_gall .pc_list{ gap:20px 2%; justify-content:flex-start;}
#bo_gall .pc_list .pc_item{ position:relative; width:23.5%; margin-bottom:40px;}  /* 23.5*4 + 2*3 = 100 */
#bo_gall .pc_list .pc_link{ display:block;}
#bo_gall .pc_img{ position:relative; width:100%; height:300px; border-radius:var(--item_r); background:var(--subColor); display:flex; align-items:center; justify-content:center; margin-bottom:18px; overflow:hidden; transition:transform .4s ease, box-shadow .4s ease;}
#bo_gall .pc_thumb{ display:block; width:100%; height:100%; transition:transform .4s ease;}
#bo_gall .pc_thumb img{ width:100%; height:100%; object-fit:cover; object-position:center;}
#bo_gall .pc_no_img{ display:flex; align-items:center; justify-content:center; gap:4px; width:100%; height:100%; color:var(--mainColor); font-size:.95em; letter-spacing:1px;}
#bo_gall .pc_no_img .xi{ font-size:1.4em;}
#bo_gall .pc_badge{ position:absolute; top:16px; left:16px; z-index:2; padding:6px 12px; background:rgba(255,255,255,0.7); color:var(--accentColor); font-size:.875em; font-weight:600; letter-spacing:.5px; border-radius:20px; box-shadow:0 4px 10px rgba(43,33,24,0.12);}
#bo_gall .pc_view{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(20,16,10,0.32); opacity:0; transition:opacity .35s ease;}
#bo_gall .pc_view_circle{ display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; background:rgba(255,255,255,0.95); color:#2b2118; font-size:1.375em; transform:scale(.5); transition:transform .35s ease;}
#bo_gall .pc_item:hover .pc_img{ transform:translateY(-8px); box-shadow:0 24px 40px rgba(43,33,24,0.14);}
#bo_gall .pc_item:hover .pc_thumb{ transform:scale(1.06);}
#bo_gall .pc_item:hover .pc_view{ opacity:1;}
#bo_gall .pc_item:hover .pc_view_circle{ transform:scale(1);}
#bo_gall .pc_item:hover .pc_name{ color:var(--mainColor);}
#bo_gall .pc_name{ font-size:1.125em; font-weight:600; color:#2b2118; text-align:center; transition:color .3s ease;}
#bo_gall .pc_desc{ font-size:.875em; color:#9a8368; text-align:center; margin-top:6px; line-height:1.5;}
#bo_gall .pc_price{ font-size:1.0625em; font-weight:600; color:#9a8368; text-align:center; margin-top:6px;}
#bo_gall .pc_price.has_price{ font-weight:700; color:var(--mainColor);}
#bo_gall .pc_chk{ position:absolute; top:10px; left:10px; z-index:5; padding:4px;}
#bo_gall .pc_empty{ width:100%; text-align:center; padding:60px 0; color:#9a8368;}

@media (max-width:1024px){
    #bo_gall .pc_list .pc_item{ width:49%;}   /* 49*2 + 2 = 100 */
    #bo_gall .pc_img{ height:260px;}
}
@media (max-width:500px){
    #bo_gall .pc_list .pc_item{ width:100%; margin-bottom:26px;}
    #bo_gall .pc_img{ height:230px;}
}

.bo_top_wrap{margin-bottom:5em;}
.bo_top_wrap .bo_top_img{width:47%; border:1px solid #ccc; text-align: center; position: relative; border-radius: var(--item_r); overflow: hidden;}
.bo_top_wrap .bo_top_img .bo_top_slide .slick-slide img{display:inline-block;}
.bo_top_wrap .bo_top_img .bo_slide_arr{position: absolute; bottom:10px; left:50%; transform: translateX(-50%); background: rgba(0, 0, 0, .3); border-radius: 50px; padding: 2px 5px; color:#fff;}
.bo_top_wrap .bo_top_img .bo_slide_arr .bo_slide_cnt{margin:0 5px; letter-spacing: 1.5px;}
.bo_top_wrap .bo_top_img .bo_slide_arr .xi{cursor:pointer;}
.bo_top_wrap .bo_top_txt{width:53%; padding:2.5em 0 0 4em;}
.bo_top_wrap .bo_top_txt .bo_v_tt{font-size:1.825em; font-weight: 500; margin-bottom: 10px;}
.bo_top_wrap .bo_top_txt .bo_v_tx{font-size: 1.068em; color: #555;}
.bo_top_wrap .bo_top_txt .bo_op_list{margin-top:40px;}

.bo_op_list{margin-top:25px;}
.bo_op_list > li{margin-bottom:5px;}
.bo_op_list > li .op_tt{background-color:#aaa; color:#fff; border-radius: 50px; padding: 3px 10px; min-width:75px; text-align: center; font-size:.95em;}
.bo_op_list > li .op_tx{width:calc(100% - 75px); padding-left:10px; margin-top: 2.5px; color:#777;}

.prod_sch{width:100%; border-radius: var(--bor_r); background-color: #f9f9f9; padding:30px; margin-bottom:30px;}
.prod_sch .bo_sch{margin-top:0;}