[수정] CSS 및 HTML 파일 수정

This commit is contained in:
2026-02-10 22:11:16 +09:00
parent 494460e270
commit 61bd5d4568
13 changed files with 6966 additions and 6794 deletions

View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<title>제품상세명 &gt; 제품리스트 &gt; 회사명</title>
@@ -85,34 +85,12 @@
</div>
<!-- 모바일 전용 차량 선택 UI입니다. -->
<div class="mobileCarlist">
<a href="javascript:void(0)" class="mobilecarItem">
<div class="mobilecarItem">
<div class="item">
<span>MV</span>
<span>161어 1660</span>
<strong>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선</strong>
<span>KMTKEXXBPMU000081</span>
<button class="btn-select" onclick="open_layer_popup('carListPopup')">차량 선택하기 ></button>
</div>
<div class="arrow"></div>
</a>
<div class="carlistItem">
<ul>
<li>
<a href="javascript:void(0)">
<span>MV</span>
<span>KMTKEXXBPMU000081</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span>SX</span>
<span>161어 1660</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<span>MV</span>
<span>452허 1234</span>
</a>
</li>
</ul>
</div>
</div>
<!-- PC 모바일 공통 메뉴 영역입니다. -->
@@ -122,7 +100,7 @@
<div class="menuDepth2Wrap info">
<h3><a href="/kr/kia.html#mainProductList">디지털 사양</a></h3>
<ul>
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_disney.html">디즈니 디스플레이 테마</a></li>
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_mickey.html">디즈니 디스플레이 테마</a></li>
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme_kbo.html">KBO 디스플레이 테마</a></li>
<li class="menuDepth2"><a href="/kr/product/pdp_display_theme.html">NBA 디스플레이 테마</a></li>
<li class="menuDepth2"><a href="/kr/product/pdp_in_car_game.html">아케이드 게임</a></li>
@@ -179,10 +157,10 @@
</div>
<div class="func">
<!-- PC 전용 차량 선택 UI입니다. -->
<!-- 2025.08.27 추가 -->
<div class="carlist">
<a href="javascript:void(0)" class="carItem">
<span>MV</span>
<span>161어 1660</span>
<span>쏘렌토(MQ4) 하이브리드-플러그인 상품성개선</span>
</a>
<div class="carlistItem">
<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" class="boxBullet">
@@ -190,32 +168,166 @@
<path d="M1 9L7 1L13 9" stroke="#DEDEDE" />
</svg>
<ul>
<li>
<a href="javascript:void(0)">
<span>MV</span>
<span>KMTKEXXBPMU000081</span>
</a>
<!-- [D] 선택 시 selected 클래스 추가 -->
<li class="selected">
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드-플러그인 상품성 개선</span>
</button>
<button type="button" class="btn-info" data-tooltip="111JH4TB2H26CC012345"></button>
</li>
<li>
<a href="javascript:void(0)">
<span>SX</span>
<span>161어 1660</span>
</a>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<a href="javascript:void(0)">
<span>MV</span>
<span>452허 1234</span>
</a>
<button class="car-name">
<span>스포티지 개조</span>
</button>
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>스포티지 개조</span>
</button>
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>스포티지 개조</span>
</button>
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>스포티지 개조</span>
</button>
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>스포티지 개조</span>
</button>
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>스포티지 개조</span>
</button>
<button type="button" class="btn-info" data-tooltip="333JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4)</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
<li>
<button class="car-name">
<span>쏘렌토(MQ4) 하이브리드렌토(MQ4) 리드</span>
</button>
<button type="button" class="btn-info" data-tooltip="3222JH4TB2H26CC012345"></button>
</li>
</ul>
</div>
</div>
<!--// 2025.08.27 추가 -->
<!-- PC 전용 로그인 버튼입니다. -->
<div class="userLogin">
<!-- <div class="userLogin">
<a href="#">로그인/가입</a>
</div>
</div> -->
<!-- PC 전용 USER 관련 링크 영역입니다. -->
<div class="user">