/* BASIC css start */
#contentWrap {padding-top:0px !important; }



/* 탭메뉴 */
.tab_menu{
    width:100%;
    margin-top:150px;
    margin-bottom:50px;
    background:none;
    background-color#fff;
}

.tab_menu ul{
    width:100%;
    margin-bottom:0px;
    overflow:hidden;
}

.tab_menu ul li{
    width:33%;
    height:60px;
    float:left;
}

.tab_menu ul li a{
    display:block;
    width:100%;
    height:100%;
    line-height:60px;
    text-align:center;
    font-family:'Noto Sans KR', sans-serif;
    font-size:16px;
    font-weight:400;
    color:#b4b4b4;
    background-color:#fff;
    border:1px solid #e2e2e2;
    border-left:none;
    box-sizing:border-box;
    transition:all 0.8s;
}
.tab_menu ul li:nth-child(1) a{
    border-left:1px solid #e2e2e2;
}

.tab_menu ul li:hover a{
    box-shadow: 600px 0 0 0 rgba(0,0,0,0.25) inset,
                -600px 0 0 0 rgba(0,0,0,0.25) inset;
    color:#fff;
}

.tab_menu ul li.active a{
    box-shadow:600px 0 0 0 rgba(0,0,0,0.45) inset;
    color:#fff;
}
    
.tab_menu h1{
    font-family:'Noto Sans KR', sans-serf;
    font-size:40px;
    color:#222;
    font-weight:600;
    clear:both;
    margin:30px 0;
}

.tab_menu h1 span{
    font-size:16px;
    font-weight:400;
    color:#333;
}



#productPlanList .plan-tab { width: 100%; padding: 10px 0 20px; }
#productPlanList .plan-tab:after { clear: both; content: ""; display: block; }
#productPlanList .plan-tab li { float: left; width: 100%; margin-left: -1px; border-left: 1px ; border-right: 1px ; border-bottom: 1px solid #eee; text-align: center; background-color:rgba(239, 238, 237, 0.0); }
#productPlanList .plan-tab li a { display: block; height: 60px; line-height: 13px; font-size: 25px;  color:#0d277d !important; }
#productPlanList .plan-tab li:first-child { margin-left: 0; }
#productPlanList .plan-tab li .now a { color:#0d277d !important;}
#productPlanList .plan-tab li.now { width:100%; height: 47px; border-left:0px ; border-right:0px ; border-bottom: 2px solid #0d277d; color:#0d277d !important; font-weight:300; background-color:#fff; }


.tb-center .info .dsc {  padding-top:20px; text-align:center;}
.tb-center .info .dsc p { font-size: 18px; font-weight:500; padding-top:5px; line-height:1.3; text-align:center; letter-spacing:-0.3px;}
.tb-center .info .dsc span { font-size: 15px; font-weight:300; padding-top:0px; line-height:1.2; text-align:center; letter-spacing:3px;}
  
/* 검색 영역 전체 줄맞춤 */
.plan-search  fieldset {  display: flex;  align-items: center;  /* 세로 가운데 정렬 */  gap: 10px; /* 라벨, 입력창, 버튼 간격 */  border: none; /* 기본 fieldset 테두리 제거 */  padding: 0;  margin: 0; }

/* 라벨 */
.plan-search  label {  white-space: nowrap; /* 줄바꿈 방지 */  font-size: 14px;  margin-right: 5px; }

/* 입력창 + 버튼 묶음 */
.plan-search  .key-wrap {  display: flex;  align-items: center;  gap: 8px;  flex: 1; /* 남은 공간 전체 차지 */ }

/* 입력창 스타일 */
.plan-search  input[type="text"] {  flex: 1;    /* 화면 크기에 맞게 자동 늘어남 */  min-width: 380px;      /* 최소 길이 보장 */  height: 36px;  padding: 0 10px;  border: 1px solid #ccc;  border-radius: 50px;  box-sizing: border-box;  font-size: 14px;}

/* 버튼 스타일 */
.plan-search  .btn_Grey {  display: inline-block;  min-width: 80px;   /* 최소 길이 보장 */  height: 36px;  background-color:#222 !important; border:1px solid #222 !important; border-radius:50px; margin-left:2px; text-align: center;    white-space: nowrap; color: #fff; font-size:14px; margin: 0; }
.plan-search  .key-wrap a { display:inline-block; width:38px; height:38px; border:1px solid #777; background-color:#777; text-align:center; line-height:38px; color:#fff; font-size:14px; border-radius:50px; }


/* ==============================
   기획전 리스트 전체 컨테이너
   ============================== */
.prd-list-wrap {
    width: 100%;    /* 전체 폭 제한 */
    margin: 0 auto;      /* 가운데 정렬 */
    overflow-x: hidden;  /* 넘치는 내용 숨김 */
    padding: 50px  10px 0px 10px;    
    box-sizing: border-box;
}

/* table 폭 부모에 맞춤 + 3열 균등 분할 */
.prd-list-wrap table {
    width: 100%;
    table-layout: fixed; /* td 균등 폭 */
    border-collapse: collapse;

}


/* td 폭 및 간격 조정 */
.prd-list-wrap td {
    width: 33.33%;
    box-sizing: border-box;
    padding: 5px;
    vertical-align: top; /* 내용 위쪽 정렬 */
        padding-bottom: 30px;
}

/* td 안 이미지 크기 조정 */
.prd-list-wrap td img {
    max-width: 100%; /* td 폭에 맞춤 */
    height: auto;
    display: block;
    margin: 0 auto;  /* 가운데 정렬 */
}

/* tb-center ul.info 스타일 */
.tb-center .info {
    list-style: none;
    padding: 0;
    margin: 0;
}



/* BASIC css end */