/* BASIC css start */
/* ===== 푸터 ===== */
.rf_footer { border-top:1px solid #e5e5e5; color:#888; font-size:12px; line-height:1.9; letter-spacing:-0.2px; }
.rf_footer .rf_inner { 
    display: flex;
    justify-content: space-between;
    gap: 40px;
    max-width: 1780px;
    margin: 0 auto;
    padding: 60px 0px;
    box-sizing: border-box;}
    
.rf_footer .rf_col { flex:1; min-width:0; }
.rf_footer .rf_col:first-child { flex:1.4; } /* COMPANY 칸 조금 넓게 */
.rf_footer h2 { margin:0 0 18px; font-size:14px; font-weight:700; color:#222; letter-spacing:1px; }
.rf_footer p { margin:0 0 16px; }
.rf_footer span { color:#444; }
.rf_footer a { color:inherit; text-decoration:none; }
.rf_footer .rf_link { color:#444; margin-left:4px; }
.rf_footer .rf_link:hover { text-decoration:underline; }
.rf_footer .rf_tel { display:inline-block; margin-bottom:4px; font-size:20px; font-weight:700; color:#222; letter-spacing:0; }
.rf_footer .rf_notice { font-size:11px; color:#aaa; line-height:1.8; }

/* li 목록 (BANK / 교환반품) */
.rf_footer .rf_list { margin:0 0 16px; padding:0; list-style:none; }
.rf_footer .rf_list li { display:flex; margin-bottom:4px; }
.rf_footer .rf_list .rf_tit { flex:0 0 80px; color:#888; }
.rf_footer .rf_list li span:not(.rf_tit) { color:#444; word-break:keep-all; }

/* 버튼 */
.rf_footer .rf_btns { display:flex; flex-wrap:wrap; gap:6px; }
.rf_footer .rf_btn { display:inline-block; padding:4px 14px; border:1px solid #ccc; background:#fff; font-size:11px; color:#555; line-height:1.8; transition:all .2s; }
.rf_footer .rf_btn:hover { background:#222; border-color:#222; color:#fff; }

/* 태블릿: 2단 */
@media (max-width:1024px) {
    .rf_footer .rf_inner { flex-wrap:wrap; gap:40px 30px; padding:50px 30px; }
    .rf_footer .rf_col,
    .rf_footer .rf_col:first-child { flex:0 0 calc(50% - 15px); }
}

/* 모바일: 1단 */
@media (max-width:768px) {
    .rf_footer .rf_inner { gap:30px; padding:40px 20px; }
    .rf_footer .rf_col,
    .rf_footer .rf_col:first-child { flex:0 0 100%; }
    .rf_footer h2 { margin-bottom:10px; }
    .rf_footer .rf_notice br { display:none; } /* 좁은 화면에서 강제 줄바꿈 해제 */
}


/* 하단 메뉴바 */
.rf_footer .rf_menu { border-top:1px solid #e5e5e5; }
.rf_footer .rf_menu_inner { 
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1780px;
    margin: 0 auto;
    padding: 18px 0 0;
    box-sizing: border-box; }
    
.rf_footer .rf_menu_links { display:flex; flex-wrap:wrap; }
.rf_footer .rf_menu_links a { position:relative; margin-right:24px; font-size:12px; color:#555; }
.rf_footer .rf_menu_links a:hover { color:#222; text-decoration:underline; }
.rf_footer .rf_menu_links a:not(:last-child)::after { content:""; position:absolute; top:50%; right:-12px; width:1px; height:10px; margin-top:-5px; background:#ddd; } /* 메뉴 사이 구분선 */
.rf_footer .rf_menu_links a:last-child { margin-right:0; }
.rf_footer .rf_menu_mark img { display:block; max-height:40px; width:auto; }

/* 하단 메뉴바 반응형 */
@media (max-width:1024px) {
    .rf_footer .rf_menu_inner { padding:18px 30px; }
}
@media (max-width:768px) {
    .rf_footer .rf_menu_inner { flex-direction:column; align-items:flex-start; gap:14px; padding:18px 20px; }
}











#mask { width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.5) repeat; top:0; left:0; z-index:999; display:none; }



/* BASIC css end */

