/* BASIC css start */
/* 검색 */
.bbs-sch fieldset,
.bbs-sch fieldset > span.key-wrap { display: flex; align-items: center;}
.bbs-sch fieldset > span.key-wrap > a { display:flex; align-items:center; justify-content:center; width:30px; height:30px; background:#c9c9c9; }


#productPlanList .plan-tab      { display:flex; justify-content:space-between; width:100%; padding:40px 0 20px; }
#productPlanList .plan-tab li   { flex-basis:25%; text-align: center; border: 1px solid #e4e4e5; border-bottom:2px solid #231f20;}
#productPlanList .plan-tab li a { display: block; height: 47px; line-height: 49px; font-size:18px; }
#productPlanList .plan-tab li:first-child { margin-left: 0; }
#productPlanList .plan-tab li.now {border: 1px solid #231f20; border-bottom:2px solid #231f20; background:#231f20; color:white;}


.prd-list-wrap2 ul { display:flex; flex-wrap:wrap; gap:4%; width:1300px; margin:0 auto;  }
.prd-list-wrap2 .prd-list       { width:49%; height:190px; margin-bottom:50px; font-weight:400; font-size:18px; line-height:30px; 
                                     box-sizing:border-box; background-color:#F6F6F6;}
.prd-list-wrap2 .prd-list .thumb { width:100%; height:75%; box-sizing:border-box;}
.prd-list-wrap2 .prd-list .thumb img:hover{ border:1px solid var(--main-color); box-sizing:border-box;}

.prd-list-wrap2 .prd-list .line2 > a  { display:flex; gap:2%; }
.prd-list-wrap2 .prd-list .line2 .ing { display:block; width:20%; background-color:#bbb; }
.prd-list-wrap2 .prd-list .line2 .ing > p { justify-content:center; align-items:center; width:20%; }
.prd-list-wrap2 .prd-list .line2 .dsc { width:50%; margin-top:8px; font-weight:500; line-height:22px; background-color:#F6F6F6;}
.prd-list-wrap2 .prd-list .line2 .dsc { display:block; gap:2%; margin-top:8px; border:1px solid #dcdcdc;}
.prd-list-wrap2 .prd-list .line2 .dsc > div > * { width:33%; padding:3px 0; text-align:center; }
.prd-list-wrap2 .prd-list .line2 .date{ float: right; width: 1%; }


/* 종료된 기획전 */
.end-img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity:.55;
    transition:.3s;
}

.end-img:hover{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity:.8;
}

/* 기획전 한 개 영역 */
#productPlanList .prd-list {
    width: 48%;
    margin-bottom: 100px;
    border: 0;
    box-sizing: border-box;
}

/* 배너 이미지 */
#productPlanList .prd-list .thumb {
    width: 100%;
    display: block;
    overflow: hidden;
}

#productPlanList .prd-list .thumb img {
    width: 100%;
    height: auto;
    display: block;
}

/* 종료된 기획전 이미지 */
#productPlanList .prd-list .end-img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: 0.55;
}

/* 이미지 아래 정보 영역 */
#productPlanList .line2 {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    font-size: 16px;
}

/* 첫 번째 줄 */
#productPlanList .plan-info-top {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-height: 34px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

/* 진행중·종료·준비중 */
#productPlanList .plan-status {
    display: flex;
    flex: 0 0 112px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
}

/* 진행중 */
#productPlanList .status-ing {
    background: var(--main-color);
    color: #fff;
}

/* 종료 */
#productPlanList .status-end {
    background: #bcbcbc;
    color: #222;
}

/* 준비중 */
#productPlanList .status-hold {
    background: #ffbb00;
    color: #000;
}

/* 기획전 제목 영역 */
#productPlanList .plan-title {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 0;
    padding: 0 12px;
    color: #111;
        font-size: 16px;
    text-decoration: none;
    box-sizing: border-box;
    white-space: nowrap;
}

#productPlanList .plan-title strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

/* 상품 수 */
#productPlanList .plan-count {
    margin-left: 20px;
    flex-shrink: 0;
    font-weight: 300;
}

/* 날짜 줄 */
#productPlanList .plan-date { margin-top:5px;
    display: flex;
    align-items: center;
    min-height: 25px;
    box-sizing: border-box;
    white-space: nowrap;
}

#productPlanList .plan-date > span {
    padding: 3px 10px;
    box-sizing: border-box;
}

/* 종료일 배경 */
#productPlanList .date-end {
    font-weight: 500;
}

/* 진행중 종료일 */
#productPlanList .date-ing {
    background: var(--main-color);
    color: #fff;
}

/* 종료 기획전 종료일 */
#productPlanList .date-finished {
    background: #888;
    color: #fff;
}

/* 준비중 종료일 */
#productPlanList .date-hold {
    background: #ffbb00;
    color: #000;
}


/* BASIC css end */