/* [레이어배너통합] 통합 노출물 자리 전용 스타일
 *  전환 스위치(_LAYER_BANNER_CHANGE)가 켜진 접속에서만 layout_common.tpl 이 싣는다.
 *  운영 스타일(main.css 등)을 건드리지 않기 위해 분리했다 (2026-09-23 사용자 지시).
 *  여기 선택자는 전부 통합 자리(.display_slot / #display_{자리코드}) 안쪽만 가리킬 것.
 */

/* 메인 좌우 열 : 자리 안의 첫 박스가 "열의 첫 박스"로 오인돼 main.css 의 높이 270px 규칙이 걸리던 문제 */
main .main_left .display_slot > .box:first-child,
main .main_right .display_slot > .box:first-child {margin-top: 10px; height: auto;}
/* [레이어배너통합] 2026-09-30 : 재구축 파트 실측 +3px 의 원인 - 위 height:auto 가 main.css 의 .banner 고정 높이(좌측 중앙 180px / 우측 60px)까지 풀어
   자리 안 첫 조각 박스가 내용 높이(줄높이 60 + 테두리 2)로 커지고 아래 요소·우측 바깥 띄움 배너가 함께 밀렸다. 구와 같은 고정 높이를 되돌린다 */
main .main_left .display_slot > .banner.box:first-child {height: 180px;}
main .main_right .display_slot > .banner.box:first-child {height: 60px;}

/* 메인 하단 광고 : 조각 공통 래퍼(.display_banner)의 width:100% 가 나열 안에서 칸을 눌러 폭이 제각각이 되던 문제.
   구 <ul> 의 a.ad_banner 와 같은 폭(이미지 크기)·간격(오른쪽 10px)으로 되돌린다 */
#display_banner_mbtm .display_banner {width: auto; margin: 0 10px 0 0;}
#display_banner_mbtm > .display_banner:last-child {margin-right: 0;}
#display_banner_mbtm .display_banner a {transition: all .4s ease;}
#display_banner_mbtm .display_banner a:hover {box-shadow: 0 20px 20px -20px #d7dce5; transform: translateY(-8px);}

/* [레이어배너통합] 2026-09-23 : 입찰·낙찰 목록·나의방 우측 자리 - 구는 배너들이 전부 <img>(inline)라 한 줄에 가로로 나란히 놓였다.
   자리(div 블록)는 줄을 바꾸고 안의 이미지형 조각(.display_banner 블록)도 세로로 쌓여, 배너가 2건이 되면 아래 옵션 줄과 겹치던 문제.
   ① 자리 자체를 inline-flex 로 두어 아직 자리 밖에 남은 구 <img>(낙찰인 배너·한전 gif 등)와 같은 줄에 서게 하고
   ② 자리 안 조각도 가로로 나란히 (DOM 순서 = 칸 번호 순 → 낙코가 왼쪽, 기존 배너가 오른쪽) */
#display_banner_bidlst, #display_banner_nbdlst, #display_banner_myroom {display: inline-flex; vertical-align: top; align-items: flex-start; gap: 5px;}
#display_banner_bidlst .display_banner, #display_banner_nbdlst .display_banner, #display_banner_myroom .display_banner {width: auto;}

/* [레이어배너통합] 2026-09-24 : 5-8 로그인 하단 자리 - 구는 <a><img> 두 장이 inline 으로 나란히. 이미지형 조각(블록)이 세로로 쌓이지 않게 가로 배치 */
#display_banner_login {display: flex; gap: 4px; align-items: flex-start;}
#display_banner_login .display_banner {width: auto;}