/* BASIC css start */
/* ============================================================
   ½ºÀ§Æ¼½ºÇ¬ | ¸ð¹ÙÀÏ °øÅë ǪÅÍ (foot.css)
   ¸¶Å©¾÷ ¼ø¼­ = html/foot.html ¼½¼Ç ¼ø¼­. "SECTION N" ÁÖ¼®À¸·Î 1:1 ´ëÀÀ.
   ============================================================ */
#footer_container { margin-top: 0px; margin-bottom: 70px; }

/* ============================================================
   SECTION 1   ¾ÆÄÚµð¾ð ¸Þ´º (°í°´¹®ÀÇ ¡¤ ¹è¼Û/Á¦À۾ȳ» ¡¤ °áÁ¦¼ö´Ü ¡¤ ¹ýÀû°íÁö)
   html: <div class="foot-accordion">
   Àå¹Ù±¸´Ï(basket.css #cart-page .cart-acc-*) ¼­ºñ½º¾È³» ¾ÆÄÚµð¾ð°ú µ¿ÀÏ ÆÐÅÏ
   (Material Symbols ¾ÆÀÌÄÜ ¡¤ chevron_right ȸÀü ¡¤ jQuery slideUp/slideDown)À»
   ǪÅÍ ¶óÀÌÆ® Å׸¶(#F9F9F9)¿¡ ¸Â°Ô À̽Ä. Àü ÆäÀÌÁö °ø¿ë ÆÄÀÏÀ̶ó Ŭ·¡½º´Â ¿ÏÀüÈ÷ ºÐ¸®(.foot-acc-*).
   ============================================================ */
.foot-accordion {
    width: 100%;
    border-top: 1px solid #c7c7c7;
    padding: 30px 0px 30px 0px;
}
.foot-acc-item { }
.foot-acc-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 20px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    text-align: left;
}
.foot-acc-title {
    font-size: 13px;
    font-weight: 500;
    color: #222;
    letter-spacing: -0.3px;
    font-family: 'Lato', 'Noto Sans KR', sans-serif;
}

.foot-acc-arrow {
    font-size: 18px;
    color: #222;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 20;
    transition: transform 0.22s ease;
    flex-shrink: 0;
}
/* ¿­¸° »óÅÂ: È­»ìÇ¥ 90µµ ȸÀü (Àå¹Ù±¸´Ï¿Í µ¿ÀÏ) */
.foot-acc-item.is-open .foot-acc-arrow { transform: rotate(90deg); }
/* ÆгÎ: ±âº» ¼û±è (JS slideToggle Á¦¾î) */
.foot-acc-panel { display: none; overflow: hidden; }
.foot-acc-body {
    padding: 0 20px 10px;
    color: #3b3b3b;
    font-size: 11px;
    line-height: 1.7;
    font-family: 'Lato', 'Noto Sans KR', sans-serif;
    letter-spacing: 0.02em;
}
.foot-acc-desc { margin: 0; font-size: 11px; letter-spacing: 0.02em; max-width: 90%; }
.foot-acc-desc--mt { margin-top: 10px; font-size: 11px; max-width: 90%; }
.foot-acc-ring { font-size: 11px; }

/* °í°´¹®ÀÇ: ¿î¿µ½Ã°£ */
.foot-acc-hours { margin-top: 14px; }
.foot-acc-hours-row { display: flex; gap: 10px; padding: 2px 0; }
.foot-acc-hours-row:first-child { border-top: none; }
.foot-acc-hours-label { flex: 0 0 50px; color: #222; font-weight: 500; font-size: 11px; }
.foot-acc-hours-value { flex: 1 1 auto; font-size: 10.5px; letter-spacing: 0.03em; }

/* ¹®ÀÇ ¸µÅ© / ¹ýÀû°íÁö ¸µÅ© (div/div ±¸Á¶   li °£¼· ¾øÀ½, Àå¹Ù±¸´Ï¿Í µ¿ÀÏ ÀÌÀ¯) */
.foot-acc-links { margin: 20px 0 0; padding: 0; }
.foot-acc-link-row { margin-top: 0; }
.foot-acc-link-row + .foot-acc-link-row { margin-top: 10px; }
.foot-acc-link { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; color: #1a1a1a; text-decoration: none; }
.foot-acc-link .material-symbols-outlined { font-size: 16px; color: #222; font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 20; }

/* °áÁ¦¼ö´Ü ¸ñ·Ï (div/p ±¸Á¶   li °£¼· ¾øÀ½) */
.foot-acc-paylist { margin: 12px 0 0; padding: 0; }
.foot-acc-payitem { font-size: 11px; color: #444; line-height: 2; padding-left: 12px; position: relative; margin: 0; }
.foot-acc-payitem::before { content: '-'; position: absolute; left: 0; color: #c39562; }

/* -- À̵¿ ÄÜÅÙÃ÷: »çÀÌÁî°¡À̵å / ±¸¸ÅÀü Çʵ¶ ¼îÇΰ¡À̵å (»ó¼¼ ÇÏ´Ü ¾ÆÄÚµð¾ð -> ǪÅÍ).
   detail.css SECTION 11 ½ºÅ¸ÀÏÀ» ǪÅÍ Àü¿ë ½ºÄÚÇÁ(.foot-acc-body)·Î À̽Ä.
   foot.css´Â Àü ÆäÀÌÁö ·ÎµåµÇ¹Ç·Î ÀÌ ½ºÅ¸ÀÏÀÌ ¿©±â ÀÖ¾î¾ß ¸ðµç ÆäÀÌÁö¿¡¼­ Á¤»ó Ç¥½ÃµÊ -- */
.foot-acc-body .guide-block { margin: 20px 0 10px; font-weight: 400; line-height: 1.5; font-size: 11px; color: #3b3b3b; list-style: none; padding: 0; }
.foot-acc-body .guide-block:first-child { margin-top: 0; }
.foot-acc-body .guide-block li { margin: 0; }   /* ul/li ±¸Á¶: ±âº» ºÒ¸´¡¤µé¿©¾²±â Á¦°Å(ÅؽºÆ® ¾Õ '¡¤'´Â ¼öµ¿ Ç¥±â) */
.foot-acc-body .guide-block-compact { font-weight: 400; line-height: 1.5; font-size: 11px; color: #3b3b3b; word-break: keep-all; letter-spacing: 0.02em; }
.foot-acc-body .guide-block-title { padding-bottom: 5px; font-weight: bold; display: block; }
.foot-acc-body .guide-block-text { padding-bottom: 10px; }
.foot-acc-body .guide-block-highlight {  }
.foot-acc-body .guide-block-link-btn { text-align: center; background-color: #000; border-radius: 5px; padding: 10px 0; margin-top: 5px; }
.foot-acc-body .guide-block-link-btn a { color: #fff; text-decoration: none; }
.foot-acc-body .size-guide-profile-img { margin: 8px 20px 0; }
.foot-acc-body .size-guide-profile-img img { width: 100%; }
.foot-acc-body .size-guide-cta { display: block; font-size: 11px; text-align: center; background-color: #f4f0ea; padding: 10px 0; color: #fff; border-radius: 3px; margin: 14px 0; }
.foot-acc-body a .size-guide-cta, .foot-acc-body .size-guide-cta a { color: #222; text-decoration: none; }
.foot-acc-body .size-guide-table-wrap table { width: 100%; text-align: center; border-collapse: collapse; color: #80747e; margin-top: 12px; font-size: 10px; }
.foot-acc-body .size-guide-table-wrap table th { text-align: center; border: 1px solid #E1E1E3; font-weight: 400; background-color: #fafafa; padding: 3px; }
.foot-acc-body .size-guide-table-wrap table td { text-align: center; border: 1px solid #E1E1E3; padding: 3px; }


/* ============================================================
   SECTION 2   ·Î°í À̹ÌÁö
   html: <div class="foot-logo-wrap">
   ============================================================ */
.foot-logo-wrap { display: flex; align-items: center; justify-content: center; gap: 65px; padding: 35px 0px 0px 0px; border-top: 1px solid #c7c7c7; }
.ss-logo-dark { width: auto; height: 60px; } 
.ss-logo-anniversary { width: auto; height: 60px; } 
.foot-logo-divider { width: 1px; height: 26px; background: #d8d8d8; min-height: 50px; }


/* ============================================================
   SECTION 3   »ç¾÷ÀÚÁ¤º¸
   html: <div class="foot-biz-info">
   ============================================================ */
.foot-biz-info { font-family: 'Lato', 'Noto Sans KR', sans-serif; padding: 35px 0px 5px 25px; font-size: 11px; color: #222; text-align: left; letter-spacing: 0.02rem; }
.foot-biz-info p { margin: 0 0 4px; }
.foot-biz-label { color: #222; }
.foot-biz-value { color: #222; padding: 0 5px; }


/* ============================================================
   SECTION 4   Ä«ÇǶóÀÌÆ®
   html: <div class="foot-copyright">
   ============================================================ */
.foot-copyright { padding: 0px 0px 0px 25px; }
.foot-copyright p {     
    font-family: 'Lato', 'Noto Sans KR', sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    color: #222;    
    letter-spacing: 0.02rem;
}

/* BASIC css end */