/* BASIC css start */
/* =================== CART (PC Àü¿ë) =================== */
#penm-cart{ margin-top:10px; }
#penm-cart *{ box-sizing:border-box; }

/* À§Ä¡/Å¸ÀÌÆ² */
#penm-cart .loc-navi{ margin-top:6px; font-size:12px; color:#3f4b6f; }
#penm-cart .loc-navi a{ color:#3f4b6f; text-decoration:none; }
#penm-cart .tit-page{
  margin:10px 0 8px; display:flex; align-items:center; gap:10px;
  font-size:22px; font-weight:700; color:#2c344e; letter-spacing:.02em;
  border-left:4px solid #403F6F; padding-left:12px;
}
#penm-cart .tit-page i{ color:#403F6F; font-size:18px; }
#penm-cart .tit-space{ margin-top:60px; }

/* ÅÇ */
#penm-cart .carttabWrap{ margin-top:8px; }
#penm-cart .cart-tab{ display:flex; gap:0; border-bottom:2px solid #2c344e; padding-left:0; list-style:none; }
#penm-cart .cart-tab li{ flex:1; }
#penm-cart .cart-tab li a{
  display:block; text-align:center; text-decoration:none;
  padding:16px 8px; font-size:16px; color:#3f4b6f;
  border:1px solid #c8d5ff; border-bottom:none; background:#f7f9ff;
}
#penm-cart .cart-tab li.now a{
  background:#fff; color:#2c344e; font-weight:700;
  border:2px solid #403F6F; border-bottom:none;
}

/* Ç¥ °øÅë */
#penm-cart .table-cart{ margin-top:14px; }
#penm-cart .table-cart table{ width:100%; border-collapse:collapse; table-layout:fixed; border-top:2px solid #2c344e; border-bottom:1px solid #c8d5ff; }
#penm-cart .table-cart thead th{
  padding:14px 10px; background:#e4eaff; color:#2c344e;
  font:600 12px/1.2 Verdana, sans-serif; text-transform:uppercase; letter-spacing:.06em;
  border-bottom:1px solid #c8d5ff;
}
#penm-cart .table-cart tbody td{ padding:14px 10px; color:#343434; border-bottom:1px solid #eef1fb; background:#fff; }
#penm-cart .table-cart tbody tr:nth-child(even) td{ background:#fff; } /* tbody ±âº»Àº Èò»ö */
#penm-cart .table-cart tbody tr:has(a):hover td{ background:#f4f6ff; } /* ¸µÅ© ÀÖ´Â Çà¿¡¸¸ È£¹ö */
#penm-cart .tb-center{ text-align:center; }
#penm-cart .tb-left{ text-align:left; }
#penm-cart .tb-bold{ font-weight:700; color:#2c344e; }

/* ½æ³×ÀÏ */
#penm-cart .thumb img{ width:84px; height:84px; object-fit:cover; border:1px solid #eef1fb; }

/* ¼ö·® ¿µ¿ª */
#penm-cart .penm-cart-qtywrap{ display:inline-flex; align-items:center; gap:4px; }
#penm-cart .txt-spin{
  width:44px; height:32px; padding:0; text-align:center;
  font-size:12px; color:#2c344e; border:1px solid #c8d5ff; background:#fff; border-radius:0; outline:none;
}
#penm-cart .txt-spin:focus{ border-color:#403F6F; }
/* Áõ°¨ ¹öÆ°: Font Awesome »ç¿ë */
#penm-cart .realtime-btn-up,
#penm-cart .realtime-btn-dw{
  width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none; border:1px solid #c8d5ff; background:#fff; color:#403F6F; border-radius:0;
}
#penm-cart .realtime-btn-up::before{
  font:900 12px 'Font Awesome 6 Free'; content:'\f067'; /* plus */
}
#penm-cart .realtime-btn-dw::before{
  font:900 12px 'Font Awesome 6 Free'; content:'\f068'; /* minus */
}
#penm-cart .realtime-btn-up:hover,
#penm-cart .realtime-btn-dw:hover{ background:#e4eaff; border-color:#3f4b6f; color:#2c344e; }

/* Ã¼Å©¹Ú½º */
#penm-cart input[type="checkbox"]{ width:16px; height:16px; accent-color:#403F6F; }

/* ÇÕ°è(tfoot) */
#penm-cart tfoot td{ background:#fafbff; border-top:1px solid #c8d5ff; padding:16px 12px; }
#penm-cart .penm-cart-sum strong{ color:#403F6F; }

/* ¸â¹ö½Ê/¹è¼Û ¾È³» */
#penm-cart .mem-lvl{ margin-top:20px; padding:14px; border:1px solid #c8d5ff; background:#fafbff; display:flex; gap:12px; align-items:center; color:#3f4b6f; }
#penm-cart .mem-lvl .lvl-img img{ width:48px; height:48px; object-fit:cover; }
#penm-cart .mem-lvl em{ font-style:normal; font-weight:700; color:#403F6F; }
#penm-cart .delivery{ margin-top:20px; font-size:12px; color:#2e2e2e; text-align:center; }

/* ¹«·á¹è¼Û ÃßÃµ ¼½¼Ç(±âÁ¸ ±¸Á¶ À¯Áö, Åæ¸¸ º¸Á¤) */
#penm-cart .cart-free-wrap{ text-align:center; }
#penm-cart .cart-free-wrap p{ padding:6px 0 16px; font-size:12px; color:#2c344e; }
#penm-cart .cart-free-wrap p span{ font-weight:700; color:#403F6F; }
#penm-cart .cart-free-wrap .btn-list-open{
  position:relative; display:inline-block; min-width:250px; height:44px; line-height:44px;
  color:#403F6F; font-size:14px; text-align:center; border:1px solid #c8d5ff; background:#fff; text-decoration:none;
}
#penm-cart .cart-free-wrap .list-wrap{ overflow-x:hidden; overflow-y:auto; height:450px; padding:15px 14px 30px; margin-top:16px; border:1px solid #c8d5ff; display:none; }
#penm-cart .cart-free-wrap .btn-more{
  display:inline-block; width:94%; height:30px; line-height:30px; margin-top:10px;
  border:1px solid #c8d5ff; background:#fff; color:#3f4b6f; text-decoration:none;
}

/* ÁÖ¹®/±âÅ¸ ¹öÆ° */
#penm-cart .btn-order-ctrl{ margin:32px 0 40px; text-align:center; }
#penm-cart .btn-order-ctrl a{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:178px; height:50px; line-height:50px; margin:2px 4px; text-decoration:none; border-radius:0;
  font-size:15px; letter-spacing:.02em;
}
#penm-cart .CSSbuttonBlack{ background:#403F6F; border:1px solid #403F6F; color:#fff; }
#penm-cart .CSSbuttonBlack:hover{ background:#2c2b56; border-color:#2c2b56; }
#penm-cart .CSSbuttonWhite{ background:#fff; border:1px solid #c8d5ff; color:#403F6F; }
#penm-cart .CSSbuttonWhite:hover{ background:#e4eaff; border-color:#3f4b6f; color:#2c344e; }

/* °ü½É»óÇ° Å×ÀÌºíµµ µ¿ÀÏ Åæ Àû¿ë (table-cart °øÅë ½ºÅ¸ÀÏ Àç»ç¿ë) */
#penm-cart .tb-price span{ display:inline-block; min-width:60px; text-align:right; }

/* ±âÅ¸ */
#penm-cart .tb-normal{ font-weight:400; }
/* BASIC css end */

