/* BASIC css start */
#plan-list .h_title .btn_Red {height: 25px; width: 60px; float: right; line-height: 25px; font-weight:normal; margin-top: -4px;}
#plan-list .h_title .all-board-list {height: 25px; width: 60px; float: right; line-height: 25px; font-weight: normal; margin-top: -4px; text-align: center; border: 1px solid #c7c7c7; box-sizing: border-box; margin-right: 5px;}
#plan-list .plan-tab { width: 100%; padding: 20px 6% 10px; border-bottom: 2px solid #b78d7e; color: #b78d7e !important; text-align:center; }
#plan-list .plan-tab:after { clear: both; content: ""; display: block; }
#plan-list .plan-tab li { float: left; width: 100%; text-align: center; list-style: none; }
#plan-list .plan-tab li a { display: inline-block; height: 45px; line-height: 45px; font-size: 18px; font-weight:500; color: #b78d7e !important; }
#plan-list .plan-tab li.now a { padding: 0 5px; border-bottom: 0px solid #b78d7e; color: #b78d7e !important; font-weight:500; }
#plan-list .item-search {padding:10px;}
#plan-list .item-search div {float:left;}
#plan-list .item-search div:first-child {width:25%;}
#plan-list .item-search div .brd-st {width:100%;}
#plan-list .item-search div:nth-child(2) {width:60%; box-sizing: border-box; padding: 0 5px;}
#plan-list .item-search div:last-child {width:15%;}

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


/* ===== 메인 연결관련 ===== */
html, body {  margin: 0;  padding: 0;}
#productPlan {  margin: 0;  padding: 0;}



/* ===== 검색 영역 ===== */
#plan-list .item-search {
  display: flex;
  align-items: center;
  gap: 5px; /* 검색창과 버튼 간격 */
  padding: 20px 10px 30px;
  box-sizing: border-box;
}

#plan-list .item-search div:first-child {
  flex: 7.5; /* 검색창 영역 */
}

#plan-list .item-search div:last-child {
  flex: 2.5; /* 버튼 영역 */
}

.plan-search input[type="text"] {
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-radius: 50px;
  font-size: 14px;
  box-sizing: border-box;
}

#plan-list .item-search a.btn_Grey {
  display: block;
  width: 100%;
  background-color: #222 !important;
  border: 1px solid #222 !important;
  border-radius: 50px;
  text-align: center;
  color: #fff !important;
  font-size: 14px;
  line-height: 36px;
}


/* ==============================
   모바일 기획전 리스트 1열 배너형
   ============================== */
   
.list_shopping1x .list_shoppingInfo { width:100% !important;}   

.list_shopping1x li,
.list_shopping1x li a {
    border: 0px !important;
    padding:  0px !important;
}


.plan-banner-list ul {
    display: block;
    padding: 0 10px ;
}

.plan-banner-list ul > li {
    width: 100% !important;
    margin: 0 0px 25px;
    float: none;
}

.plan-banner-list figure {
    width: 100%;
}

.plan-banner-list img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
}

.plan-banner-list .list_shoppingInfo {
    padding: 8px 6px 0;
    text-align: center;
}

.plan-banner-list .listName {
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
}



/* ===== 리스트 영역 (2열) ===== */
.list_shopping2x ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  padding: 0 10px; /* 양옆 마진 */
  list-style: none;
}
.list_shopping2x ul li {
  flex: 0 0 calc(50% - 6px); /* 2열 */
  box-sizing: border-box;
  text-align: center;
}
.list_shopping2x ul li figure {
  margin: 0;
}
.list_shopping2x ul li img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.list_shoppingInfo {
  margin-top: 8px;
  padding-top:10px;
  font-size: 13px;
  line-height: 1.3;
  text-align:center; 
}
.list_shoppingInfo span {
  display: block;
  font-size: 11.5px;
  color: #666;
  margin-bottom: 4px;
  letter-spacing:2px;
}
.list_shoppingInfo .listName {
  font-size: 15px;
  font-weight: 500;
  color: #222;
  letter-spacing: -0.3px;
}

/* ===== 더보기 버튼 ===== */
.more {
  text-align: center;
  margin: 20px 0;
}
.more .btn_moreGray {
  display: inline-block;
  padding: 8px 20px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 20px;
  font-size: 14px;
  color: #555;
}


/* ===== 메인 iframe에서 불렸을 때만 ===== */
html.from-main-iframe #container,
html.from-main-iframe #contents,
html.from-main-iframe #plan-list {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================
   메인 iframe 전용 스타일
   ========================= */

/* li 간격 / 여백 조정 */
html.from-main-iframe .plan-banner-list ul {
  padding: 0 5%;           /* 메인에서 좌우 여백 */
}

html.from-main-iframe .plan-banner-list ul > li {
  margin: 0 0 10px;          /* 게시글 간격 */
  padding: 0;
}

/* 이미지  */
html.from-main-iframe .plan-banner-list img {
  border-radius: 10px;
}

/* 타이틀 간격 축소 */
html.from-main-iframe .plan-banner-list .list_shoppingInfo {
  padding-top: 0px !important;
}

/* 메인용 타이틀 텍스트 크기 */
html.from-main-iframe .plan-banner-list .listName {
  font-size: 13px;
}

/* 메인에서 게시물 4개부터 안보임 */
html.from-main-iframe .plan-banner-list ul > li:nth-child(n+4) {
  display: none;
}

/* BASIC css end */