/* BASIC css start */
/* 브랜드관 전용: 공통 레이아웃·타이틀은 기존 공통 CSS 사용 */
#content.ipo-brand-page .menu_container { width:100%; margin:0 auto 64px; box-sizing:border-box; }
#content.ipo-brand-page .menu_container *,#content.ipo-brand-page .menu_container *::before,#content.ipo-brand-page .menu_container *::after { box-sizing:border-box; }
#content.ipo-brand-page .menu_container [hidden] { display:none!important; }
#content.ipo-brand-page .menu_container ul { margin:0; padding:0; list-style:none; }
#content.ipo-brand-page .menu_button_area { position:sticky; top:var(--ipo-brand-sticky-top,0px); z-index:110; padding:12px 0; margin-bottom:30px; border-bottom:1px solid #eee; background:#fff; }
#content.ipo-brand-page .menu_button_area ul { display:flex; gap:8px; }
#content.ipo-brand-page .menu_button_area li { flex:1; min-width:0; margin:0; }
#content.ipo-brand-page .menu_button_area button { width:100%; height:56px; padding:0; border:1px solid #e5e5e5; border-radius:5px; background:#fff; color:#333; font:inherit; font-size:16px; cursor:pointer; }
#content.ipo-brand-page .menu_button_area button:hover { border-color:var(--main-color,#e74174); color:var(--main-color,#e74174); }
#content.ipo-brand-page .menu_button_area button.active { border-color:var(--main-color,#e74174); background:var(--main-color,#e74174); color:#fff; }
#content.ipo-brand-page .brand_list .list { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:30px 16px; width:100%; }
#content.ipo-brand-page .brand_list .list>li { float:none; width:auto; min-width:0; margin:0; text-align:center; }
#content.ipo-brand-page .brand_list a { display:block; color:#333; text-decoration:none; }
#content.ipo-brand-page .logo_img { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:1; padding:16px; }
#content.ipo-brand-page .logo_img img { display:block; width:100%; height:100%; padding:0; object-fit:contain; }
#content.ipo-brand-page .brand_list span { display:block; margin-top:8px; font-size:15px; line-height:1.5; overflow-wrap:anywhere; }
#content.ipo-brand-page .brand_list a:hover span { color:var(--main-color,#e74174); }
#content.ipo-brand-page .brand-empty { margin:0; padding:60px 20px; color:#888; font-size:16px; text-align:center; }
#content.ipo-brand-page button:focus-visible,#content.ipo-brand-page a:focus-visible { outline:2px solid var(--main-color,#e74174); outline-offset:3px; }
#content.ipo-brand-page .brand-scroll-sentinel { width:100%; height:1px; margin-top:30px; }
/* 참고 페이지의 fade-up 느낌: 화면에 들어올 때 위로 올라오며 표시 */
#content.ipo-brand-page .brand_list .list>li.ipo-brand-pending { opacity:0; transform:translateY(32px); }
#content.ipo-brand-page .brand_list .list>li.ipo-brand-revealed { animation:ipo-brand-fade-up .8s cubic-bezier(.22,1,.36,1) var(--ipo-brand-delay,0ms) both; }
@keyframes ipo-brand-fade-up { from { opacity:0; transform:translateY(32px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) { #content.ipo-brand-page .brand_list .list>li.ipo-brand-pending { opacity:1; transform:none; } #content.ipo-brand-page .brand_list .list>li.ipo-brand-revealed { animation:none; } }

/* BASIC css end */