/* BASIC css start */
/* ==========================================================
   검색 결과 페이지 CSS (전체 교체용)
   ========================================================== */

/* 라벨 아이콘 */
img.MK-product-label { width:60px !important; height:60px !important; }

/* ---------- 레이아웃: 가로폭 1650px ---------- */
#contentWrapper { padding-bottom:0 !important; }
#contentWrap { width:100% !important; max-width:1650px !important; margin:0 auto !important; }
#content { min-height:auto !important; }
#contentWrap .item-wrap .item-info { width:95%; margin:0 auto 34px; padding-top:0; }

/* ---------- 상품 그리드: 5단 ---------- */
#contentWrap .item-cont { display:flex; flex-wrap:wrap; justify-content:flex-start; padding:0 5px; }
#contentWrap .item-cont .item-list {
    float:none;
    width:calc((100% - 64px) / 5) !important;   /* 가로 간격 16px x 4칸 */
    margin:0 16px 135px 0 !important;           /* 세로 간격 135px (카테고리 페이지와 동일) */
    min-height:0;
    text-align:center;
    position:relative;
}
#contentWrap .item-cont .item-list:nth-of-type(5n) { margin-right:0 !important; }
#contentWrap .item-cont .item-list > dd { padding:0 5px; overflow:hidden; }

/* ---------- 검색 타이틀 / 폼 ---------- */
.prdListArea { position:relative; }
.prdListArea .cate-wrap { padding-bottom:0; }
.prdListArea .cate-wrap .bcate {
    font-size:30px; font-family:'Montserrat', sans-serif; font-weight:bold; padding:96px 0 61px;
}

#prdSearch .search-wrap { margin:0 0 60px; padding:44px 0 50px; border:1px solid #ddd; box-sizing:border-box; }
#prdSearch .search-wrap .search-hd { padding:23px 0 10px; }
#prdSearch .search-wrap .search-cont { width:514px; margin:0 auto; }
#prdSearch .search-wrap .search-cont th {
    font-weight:normal; text-align:left; padding:10px 0; font-size:13px; color:#262626; font-family:'Noto Sans KR', sans-serif;
}
#prdSearch .search-wrap .search-cont .input-keyword,
#prdSearch .search-wrap .search-cont .input-price { padding:1px; border:1px solid #e0e0e0; margin:6px 0; }
#prdSearch .search-wrap .search-cont .input-keyword {
    width:100%; box-sizing:border-box; height:34px; line-height:34px; padding-left:10px;
}
#prdSearch .search-wrap .search-cont .input-price {
    width:195.9px; padding-left:10px; box-sizing:border-box; height:34px; line-height:34px;
}
#prdSearch .search-wrap .search-cont .CSSbuttonB { height:38px; line-height:38px; }

.search_btn { text-align:center; margin-top:30px; }
.search_btn a { display:inline-block; background:#000; width:514px; padding:17px 0; color:#fff; }

h3.search-hd {
    text-align:center; font-size:20px; color:#000; font-family:'Noto Sans KR', sans-serif; margin-bottom:133px;
}
h3.search-hd img { vertical-align:sub; }
h3.search-hd .search_txt { color:#aaa; }

/* 검색결과 없음 */
.noList { position:relative; text-align:center; padding:100px 0; }
.noList p { font-size:18px; font-family:'Montserrat'; }

/* ---------- 할인율 ---------- */
.dc_per { color:#f12f22; font-weight:bold; font-size:17px; margin-left:10px; }

/* ---------- 가격 + 특가 아이콘 한 줄 ---------- */
.prd-price { display:flex !important; align-items:center !important; flex-wrap:wrap; gap:6px; }
.prd-price .prd-icon { display:inline-flex; align-items:center; }
@media (max-width:768px) {
    .prd-price .prd-icon img { height:14px !important; width:auto !important; }
}

/* ---------- 상품명 / 브랜드 / 가격 ---------- */
.item-cont .item-list .prd-name { padding:15px 0 10px; }
.item-cont .item-list .prd-name .brandName { font-size:13px; color:#555; line-height:1; margin-bottom:8px; display:block; }
.item-cont .item-list .prdLink .name { font-size:14px; color:#000; line-height:1.4; }

.item-cont .item-list .prd-price { font-size:16px; line-height:1; margin-bottom:10px; }
.item-cont .item-list .price,
.item-cont .prd-price .unit { font-size:16px; color:#000; }
.item-cont .item-list .price { font-weight:600; }
.item-cont .prd-price .unit { font-weight:400; }
.item-cont .prd-price .strike,
.item-cont .prd-price .strike .unit { font-size:16px; color:#a8a8a8; font-weight:400; }
.item-cont .prd-price .strike { margin-left:10px; margin-top:3px; text-decoration:line-through; }

/* ---------- 컬러칩(왼쪽) + 리뷰수(오른쪽) ---------- */
.item-cont .item-list .prd-colorreview { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.item-cont .item-list .prd-colorreview .colorArea {
    display:inline-block; float:left; padding:4px 0 0; width:150px; height:8px; overflow:hidden;
}
.item-cont .item-list .prd-colorreview .colorList {
    display:inline-block; vertical-align:top; margin:0 4px 0 0; width:26px; height:6px; border:1px solid #e0e0e0;
}
.item-cont .item-list .prd-colorreview span.snap_review_count {
    color:#ed4c59 !important; font-weight:500; font-size:14px; height:18px; line-height:normal;
}

/* ---------- 옵션 미리보기 ---------- */
.item-cont .item-list .prd-preview { text-align:left; position:relative; }
.optSimpleList { position:relative; padding:5px 10px 14px; }

#MK_opt_preview,
.mk_prd_option_list.optSimplifiedPopup {
    height:auto !important; max-height:none !important; overflow-y:visible !important;
    width:auto !important; max-width:280px !important; box-sizing:border-box !important;
}
.mk_prd_option_list.optSimplifiedPopup {
    background:#fff; border:1px solid #ddd !important; border-radius:5px; box-shadow:0 4px 14px rgba(0,0,0,.10);
}
.optHeader {
    display:flex; align-items:center; justify-content:space-between;
    padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #eee;
}
.optHeaderTitle { padding:14px 10px 5px; font-size:11px; font-weight:600; color:#666; }
.optCloseBtn { font-size:11px; color:#999; cursor:pointer; margin-right:5px; }
.optCloseBtn:hover { color:#333; text-decoration:underline; }
.optRow {
    display:grid; grid-template-columns:60px 1fr; align-items:start; column-gap:8px;
    padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #eee;
}
.optRow:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }
.optColor { white-space:nowrap; margin-top:2px; font-size:12px; font-weight:600; color:#333; overflow:hidden; text-overflow:ellipsis; }
.optSizes { display:grid; grid-template-columns:repeat(4, 1fr); gap:4px; }
.sizeChip {
    display:inline-block; padding:2px 6px; font-size:11px; border:1px solid #ccc;
    border-radius:3px; background:#fff; color:#555; cursor:default;
}
.sizeChip.soldout { color:#bbb; background:#f7f7f7; border-color:#eee; text-decoration:line-through; text-decoration-color:#bbb; }

/* ---------- 페이지네이션 여백 ---------- */
#contentWrap .paginate { margin:0 !important; padding:0 0 120px !important; clear:both; }

/* ==========================================================
   다찾다 검색 파인더 (기존 그대로)
   ========================================================== */
.all-finder-page { zoom:1; width:1400px; margin:0 auto; }
.all-finder-page .finder-body .finder-tbl { margin-top:8px; }
.all-finder-page .finder-body .finder-tbl table { border:1px solid #ccc; border-top:1px solid #000; }
.all-finder-page .finder-body .finder-tbl th,
.all-finder-page .finder-body .finder-tbl td { height:40px; border-top:1px solid #e5e5e5; font-size:13px; font-family:'Malgun Gothic'; color:#000; }
.all-finder-page .finder-body .finder-tbl tr:first-child th,
.all-finder-page .finder-body .finder-tbl tr:first-child td { border-top:none; }
.all-finder-page .finder-body .finder-tbl th { padding:5px 0; background:#f4f4f4; text-align:left; vertical-align:top; }
.all-finder-page .finder-body .finder-tbl th .txt-l { position:relative; height:34px; line-height:34px; padding:0 20px; margin:3px 0; }
.all-finder-page .finder-body .finder-tbl th .txt-l .fa { position:absolute; top:50%; right:15px; margin-top:-6px; }
.all-finder-page .finder-body .finder-tbl td { padding:5px 10px; }
.all-finder-page .finder-body .txt-input { height:21px; line-height:21px; padding:0 5px; font-size:13px; font-family:'Malgun Gothic'; }
.all-finder-page .finder-body .finder-category { height:40px; overflow:hidden; }
.all-finder-page .finder-body .finder-category.open { height:100%; overflow:visible; }
.all-finder-page .finder-body .finder-color { padding-left:10px; }
.all-finder-page .finder-body .finder-price .finder-price-input { display:inline-block; }
.all-finder-page .finder-body .finder-price .finder-price-input label { display:inline-block; width:110px; padding:0 10px; border:1px solid #ccc; border-radius:3px; color:#666; }
.all-finder-page .finder-body .finder-price .finder-price-input label .txt-input { display:inline-block; width:90px; height:29px; line-height:29px; padding:0; border:none; background:none; color:#333; text-align:right; }
.all-finder-page .finder-body .finder-search { position:relative; padding-left:5px; }
.all-finder-page .finder-body .finder-search label { display:inline-block; width:320px; padding:0 10px; border:1px solid #ccc; border-radius:3px; }
.all-finder-page .finder-body .finder-search label .txt-input { display:block; width:100%; height:29px; line-height:29px; padding:0; border:none; background:none; color:#333; text-align:left; }
.all-finder-page .finder-body .finder-btn-c { padding:30px 0; text-align:center; }
.all-finder-page .finder-body .finder-btn-c a.reset { display:inline-block; width:140px; height:60px; line-height:57px; border:none; border-radius:3px; background:#999; color:#fff; font-size:18px; font-weight:bold; letter-spacing:1px; font-family:'Malgun Gothic'; margin-right:15px; }
.all-finder-page .finder-body .finder-btn-c button { display:inline-block; height:60px; line-height:57px; padding:0 30px; *padding:0; border:none; border-radius:3px; background:#000; color:#fff; font-size:18px; font-weight:bold; letter-spacing:-0.5px; font-family:'Malgun Gothic'; cursor:pointer; }
.all-finder-page .finder-body .finder-btn-c button span.ico-search { visibility:visible; display:inline-block; width:16px; height:15px; margin-right:10px; margin-top:-4px; *margin-top:0; vertical-align:middle; background:url('/images/common/btn_h15_search.png') no-repeat 0 0; }
.all-finder-page .finder-body .finder-btn-c button span.finder-count { visibility:visible; display:inline-block; height:60px; color:#ffd800; font-size:23px; *vertical-align:middle; }
.all-finder-page .finder-body .finder-btn-c button span.finder-count-toggle { visibility:visible; display:none; }

.all-finder-page .finder-body .finder-options { display:inline-block; margin:3px 5px 3px 0; padding:5px 10px; cursor:pointer; line-height:22px; border:1px solid #fff; vertical-align:top; word-break:break-all; }
.all-finder-page .finder-body .finder-options.on { font-weight:bold; border:1px solid #000; border-radius:20px; box-shadow:2px 2px 3px #d2d2d2; }
.all-finder-page .finder-body .finder-option-color em { display:inline-block; width:22px; height:22px; border-radius:20px; font-size:0; vertical-align:top; }
.all-finder-page .finder-body .finder-option-color.color-picker { width:22px; height:22px; padding:0; border:none; }
.all-finder-page .finder-body .finder-option-color.color-picker.on { border:none; }
.all-finder-page .finder-body .finder-option-color.color-picker .fa-check { display:none; width:22px; height:22px; margin-top:-17px; color:#fff; text-align:center; }
.all-finder-page .finder-body .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-page .finder-body .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-black em { background-color:#000; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-white em { background-color:#FFF; width:20px; height:20px; border:1px solid #e5e5e5; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-gray em { background-color:#808080; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-beige em { background-color:#e5d0b2; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-brown em { background-color:#aa6810; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-navy em { background-color:#425583; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-blue em { background-color:#0000ff; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-light-blue em { background-color:#62acff; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-red em { background-color:#ff0000; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-orange em { background-color:#ffa500; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-yellow em { background-color:#ffff00; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-pink em { background-color:#ffc0cb; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-purple em { background-color:#800080; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-jaju em { background-color:#a63f7f; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-khaki em { background-color:#2f5e2f; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-green em { background-color:#008000; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-light-green em { background-color:#72dd95; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-silver em { background-color:#dfdfdf; }
.all-finder-page .finder-body .finder-option-color.finder-option-color-gold em { background-color:#cfbc4e; }

.all-finder-page .finder-body .search-auto-complete-list { display:none; z-index:1; position:absolute; top:30px; left:5px; border:1px solid #ddd; line-height:14px; background:#fff; }
.all-finder-page .finder-body .search-auto-complete-list ul { width:340px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.all-finder-page .finder-body .search-auto-complete-list ul li { text-align:left; }
.all-finder-page .finder-body .search-auto-complete-list ul li.on { background:#f3f3f3; }
.all-finder-page .finder-body .search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.all-finder-page .finder-body .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-page .finder-body .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-page .finder-body .search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.all-finder-page .finder-body .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }

.all-finder-page .finder-body .finder-search-data .finder-options { border:1px solid #e5e5e5; box-shadow:none; }
.all-finder-page .finder-body .finder-search-data .finder-options .fa-close { margin-left:10px; color:#999; }

.all-finder-page .finder-body .finder-tbl tr:last-child { display:none; }
/* BASIC css end */