가온 갤러리 전시

[채종렬]

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>가온갤러리 최종 DP 도면</title> <style> body{font-family:'맑은 고딕',sans-serif;background:#333;padding:20px;color:#eee;} h2{color:#fff;} .row{display:flex;align-items:flex-end;gap:8px;margin-bottom:20px;flex-wrap:wrap;} .panel{background:#fff;color:#000;border:2px solid #999;padding:4px; display:flex;gap:3px;align-items:center;overflow-x:auto;} .panel .label{writing-mode:vertical-rl;font-weight:bold;font-size:11px; background:#333;color:#fff;padding:4px;margin-right:4px;flex-shrink:0;} .item{flex-shrink:0;text-align:center;font-size:9px;} .item img{width:50px;height:38px;object-fit:cover;background:#ccc;display:block;} .item.main img{width:90px;height:58px;border:2px solid #e74c3c;} .arrow{font-size:22px;color:#ffd700;align-self:center;} .desk{background:#7B1FA2;color:#fff;padding:8px;font-size:11px;text-align:center;} </style> </head> <body> <h2>🛗 엘리베이터(주 진입) → 패널1 정면</h2> <div class="row"> <div class="panel" style="width:220px;"> <div class="label">패널1<br>527×210</div> <div class="item"><img src="img/시선04.jpg" xxonerror="this.style.background='#ccc'"><br>④김홍중</div> <div class="item main"><img src="img/시선12_대표.jpg" xxonerror="this.style.background='#f9c'"><br>★⑫남천자</div> <div class="item"><img src="img/시선01.jpg" xxonerror="this.style.background='#ccc'"><br>①박복규</div> </div> </div> <h2>➡ 우측 복도 (패널2~6)</h2> <div class="row"> <div class="panel" style="width:520px;"> <div class="label">패널2<br>640×158</div> <div class="item"><img src="img/시선10.jpg"><br>⑩이미숙</div> <div class="item"><img src="img/시선05.jpg"><br>⑤강형미</div> <div class="item"><img src="img/시선06.jpg"><br>⑥백맹기</div> <div class="item"><img src="img/시선07.jpg"><br>⑦강영삼</div> <div class="item"><img src="img/시선09.jpg"><br>⑨채종렬</div> <div class="item"><img src="img/시선02.jpg"><br>②채종렬</div> <div class="item"><img src="img/시선13.jpg"><br>⑬현한수</div> <div class="item"><img src="img/시선03.jpg"><br>③양형계</div> <div class="item"><img src="img/시선11.jpg"><br>⑪강형미</div> <div class="item"><img src="img/시선08.jpg"><br>⑧박경옥</div> </div> </div> <div class="row"> <div class="panel" style="width:340px;"> <div class="label">패널3<br>675×158</div> <div class="item"><img src="img/색채01.jpg"><br>①김홍중</div> <div class="item"><img src="img/색채02.jpg"><br>②채종렬</div> <div class="item"><img src="img/색채06.jpg"><br>⑥남천자</div> <div class="item"><img src="img/색채09.jpg"><br>⑨이미숙</div> <div class="item"><img src="img/색채13.jpg"><br>⑬양형계</div> </div> <div class="panel" style="width:230px;"> <div class="label">패널4<br>454×158</div> <div class="item"><img src="img/색채07.jpg"><br>⑦박경옥</div> <div class="item"><img src="img/색채08.jpg"><br>⑧백맹기</div> <div class="item"><img src="img/색채05.jpg"><br>⑤강형미</div> <div class="item"><img src="img/색채04.jpg"><br>④박복규</div> </div> <div class="panel" style="width:100px;"> <div class="label">패널5<br>150×158</div> <div class="item main"><img src="img/색채03_대표.jpg" style="border-color:#e74c3c;"><br>★③현한수</div> </div> <div class="panel" style="width:180px;"> <div class="label">패널6<br>380×158</div> <div class="item"><img src="img/색채10.jpg"><br>⑩현한수</div> <div class="item"><img src="img/색채11.jpg"><br>⑪채종렬</div> <div class="item"><img src="img/색채12.jpg"><br>⑫강영삼</div> </div> </div> <h2>🪜 계단(후순위) ↔ 📋 패널7(안내데스크: 작업노트+현수막) ↔ 🖼 가온2관</h2> <div class="row"> <div class="panel desk" style="width:150px;height:100px;flex-direction:column;"> 패널7 (140×210)<br>작업노트 110×130<br>+ 현수막 60×180 </div> <span class="arrow">→</span> <div class="panel" style="width:220px;"> <div class="label">패널8<br>400×200</div> <div class="item"><img src="img/심상02.jpg"><br>②김홍중</div> <div class="item main"><img src="img/심상04_대표.jpg" style="border-color:#e74c3c;"><br>★④박복규</div> <div class="item"><img src="img/심상13.jpg"><br>⑬현한수</div> </div> </div> <div class="row"> <div class="panel" style="width:230px;"> <div class="label">패널9<br>510×200</div> <div class="item"><img src="img/심상01.jpg"><br>①채종렬</div> <div class="item"><img src="img/심상05.jpg"><br>⑤채종렬</div> <div class="item"><img src="img/심상10.jpg"><br>⑩이미숙</div> <div class="item"><img src="img/심상12.jpg"><br>⑫양형계</div> </div> <div class="panel" style="width:200px;"> <div class="label">패널10<br>705×130</div> <div class="item"><img src="img/심상06.jpg"><br>⑥박복규</div> <div class="item"><img src="img/심상08.jpg"><br>⑧박경옥</div> <div class="item"><img src="img/심상03.jpg"><br>③백맹기</div> </div> <div class="panel" style="width:200px;"> <div class="label">패널11(마지막)<br>705×130</div> <div class="item"><img src="img/심상07.jpg"><br>⑦강형미</div> <div class="item"><img src="img/심상11.jpg"><br>⑪강영삼</div> <div class="item"><img src="img/심상09.jpg"><br>⑨남천자</div> </div> </div> </body> </html>