# 벤세르(VENCER)

> **`카테고리`** 스포츠
>
> **`지원 솔루션`** 고도몰
>
> **`글로벌`** 지원 (한국어, 영어, 중국어, 일어)
>
> [샘플샵📱 보기 →](http://m.design25.godomall.com/)
>
> [디자인센터 바로가기 →](https://design.nhn-commerce.com/freeskin.php)

<details>

<summary>포인트 컬러 일괄 변경하기</summary>

![](/files/fdT58WHB0CPQtSgS1amY)

1. VENCER(벤세르) 스킨에 적용되어 있는 포인트 컬러 코드값 **#005cff**를 확인합니다.&#x20;
2. **디자인 스킨 리스트 접속** | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트\
   해당 스킨이 상점별 작업스킨에 체크 되어있어야 합니다.&#x20;
3. **스타일시트/CSS 변경** | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트\
   좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 **스타일 시트**를 오픈합니다.

![](/files/zCccI0g8OEJGLZjHSBmX)<br>

4. ctrl+F 검색 후 수정하기\
   스타일시트 파일을 열어 **ctrl + f (검색)**&#xB97C; 누르고 **#005cff**을 검색하여 **원하는 포인트 컬러 코드 값**으로 변경합니다.\
   ![](/files/STzgp91MJZKgqSOo6eSj)

css/gd\_button.css (18)

css/gd\_common.css (1)

css/gd\_plus\_review\.css (1)

css/goods.css (5)

css/goods/list/list\_01.css (2)

css/goods/list/list\_02.css (2)

css/goods/list/list\_04.css (2)

css/goods/list/list\_06.css (2)

css/goods/list/list\_07.css (5)

css/goods/list/list\_09.css (1)

css/goods/list/list\_11.css (2)

css/mypage/mypage.css (2)

css/order/order.css (1)

css/proc/proc.css (1)<br>

</details>

<details>

<summary>전체 메뉴 변경하기</summary>

![](/files/AyVudVkPlZMaCmkq0W3r)

1. 메뉴 닫힘 상태 시 color(색상) 및 font-size(사이즈) 변경\
   해당 영역 에 원하시는 컬러 코드값 및 사이즈를 넣어 주세요.\
   `변경 위치` proc > proc.css  8번째 줄\
   &#x20; `8` .category\_side > li a {position:relative; display:block; padding:19px 0 19px 0; <mark style="background-color:orange;">font-size:14px</mark>; <mark style="background-color:orange;">color:#333333</mark>;}

   ​
2. 메뉴 펼침 상태 시 color(색상) 변경&#x20;

   해당 영역 에 원하시는 컬러 코드값을 넣어 주세요.\
   `변경 위치` proc > proc.css  12번째 줄 \
   &#x20; `12` .category\_side > li > a.on {<mark style="background-color:orange;">color:#005cff</mark>;}

</details>

<details>

<summary>상단 헤더 영역 변경하기</summary>

ℹ️벤세르 모바일 스킨은 상단 헤더에 하단 라인이 없습니다.\
&#x20;    \[하단 라인 추가 / 장바구니 담긴 상품 수량의 배경색]을 변경할 수 있습니다.

![](/files/h0N4iB6sAr4dwcMCU6Ju)

1. 상단 헤더 영역 border-bottom(하단 라인) 추가\
   하단 코드 복사 후 14번째 줄 기존 코드 삭제 후 붙여넣기 해주세요\
   `변경 위치`  css > gd\_layout.css  14번째 줄\
   &#x20; `14`#header\_wrap header .header\_box {position:relative; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
2. 장바구니 담긴 상품 수량 background(배경) 변경\
   원하는 컬러 코드값을 넣어 주세요.\
   `변경 위치` css > gd\_layout.css  119번째 줄\
   &#x20; `119` #header\_wrap header .header\_box .cart\_count {position:absolute; top:5px; right:-4px; display:block; padding:1px 5px 0px 4px; line-height:14px; color:#fff; background:#005cff; vertical-align:middle; font-size:10px; border:2px solid #fff;}<br>

</details>

<details>

<summary>하단 푸터 영역 변경하기</summary>

![](/files/MhJgNBe9IFFjbu4HHhy1)

1. 약관/개인정보처리방침 color(색상) / font-size(사이즈) / font-align(정렬) 변경\
   해당 영역 에 원하시는 컬러 코드값, 사이즈, 정렬을 넣어 주세요.\
   `변경 위치` css > gd\_layout.css  235번째 줄\
   &#x20; `235` #footer footer .ft\_info2\_box .ft\_menu li a {display:block; padding:18px 0 18px 0; <mark style="background-color:orange;">font-size:12px</mark>; <mark style="background-color:orange;">color:#808080</mark>; <mark style="background-color:orange;">text-align:left</mark>; letter-spacing:-1px;}

2. 기본 정보 설정 color(색상) / font-size(사이즈) / font-align(정렬) 변경 \
   해당 영역 에 원하시는 컬러 코드값, 사이즈, 정렬을 넣어 주세요.\
   `변경 위치` css > gd\_layout.css  238번째 줄\
   &#x20; `238` #footer footer .ft\_info2\_box .ft\_address {padding:0 21px 0 21px; <mark style="background-color:orange;">text-align:left</mark>; <mark style="background-color:orange;">font-size:12px</mark>; <mark style="background-color:orange;">color:#808080</mark>; word-break:keep-all;}



3. 저작권 표기 color(색상) / font-size(사이즈) / font-align(정렬) 변경 \
   해당 영역 에 원하시는 컬러 코드값, 사이즈, 정렬을 넣어 주세요.\
   `변경 위치` css > gd\_layout.css  244번째 줄\
   &#x20; `244` #footer footer .ft\_copy {padding:21px 0 30px 21px; <mark style="background-color:orange;">color:#808080</mark>; <mark style="background-color:orange;">font-size:12px</mark>; <mark style="background-color:orange;">text-align:left</mark>; font-style:normal;}

</details>

<details>

<summary>진열 상품 이미지 테두리 넣기</summary>

ℹ️벤세르 모바일 스킨은 진열 상품 이미지 테두리가 없습니다.\
&#x20;    \[진열 상품 이미지 테두리]를 추가할 수 있습니다.

![](/files/gEVCX0kOCdp59ZQNTJqR)

진열 상품 이미지 border(테두리) 추가\
하단 코드 복사 후 붙여넣기 > 원하는 컬러 코드 값을 넣어 주세요.

`변경 위치` css > goods > list > list\_02.css  8번째 줄\
&#x20; `8` .goods\_prd\_item .goods\_prd\_img .img\_box .img img {width:100%; <mark style="background-color:orange;">border: 1px solid #e5e5e5</mark>; box-sizing:border-box;}

</details>

<details>

<summary>동영상 변경 및 삭제하기</summary>

ℹ️VENCER 모바일 스킨은 동영상을 첨부할 수 있습니다.\
&#x20;     \[동영상]을 변경 및 삭제할 수 있습니다.

**✔️ 동영상 변경하기**

**1️. 동영상 업로드하기**

업로드한 동영상 공유 > 임베딩 코드 복사하기\
벤세르 동영상은 VIMEO 서비스를 사용했습니다. (<https://vimeo.com/ko/>[)](https://vimeo.com/\))

 ![](/files/XikhSpYLnE8JcLUSnFVU)

**2. 임베딩 코드 붙여넣기**

임베딩 코드 복사 후 35번째 줄 기존 코드 삭제 후 붙여넣기 하세요.\
`변경 위치` main > 쇼핑몰 메인본문 | main/index.html  35번째 줄\
&#x20; `35` \<iframe src="<https://player.vimeo.com/video/305628809>" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>\</iframe>

**✔️ 동영상 삭제하기**

33번째 - 36번째 줄을 삭제하세요.

`삭제 위치` main > 쇼핑몰 메인본문 | main/index.html  33번째 - 36번째 줄\
&#x20; `33` \<div class="video\_box">\
&#x20; `34` \<h3>JUST KEEP GOING\</h3>\
&#x20; `35` \<iframe src=""<https://player.vimeo.com/video/305628809>" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>\</iframe>\
&#x20; `36` \</div>

</details>

<details>

<summary>고객센터/입금계좌 수정하기</summary>

![](/files/M2b9A6LW2SYakkYOBdlz)

1. 해당 영역에 표기하고 싶은 영문 or 한글명으로 변경하세요.\
   `변경 위치` main > 쇼핑몰 메인본문 | main/index.html  \[고객센터]41번째 줄  \[입금계좌]51번째 줄\
   &#x20; `41` \<dt>\<span><mark style="background-color:orange;">CS CENTER</mark>\</span>\</dt>\
   &#x20; `51` \<dt>\<span><mark style="background-color:orange;">BANK INFO</mark>\</span>\</dt>

![](/files/ik1b8hOr4XR26ptoTDji)

2. 고객센터/입금계좌 color(색상) 및 font-size(사이즈) 변경

   해당 영역 에 원하시는 컬러 코드값 및 사이즈를 넣어 주세요.\
   `변경 위치` css > main > main.css  \[고객센터]59번째 줄  \[입금계좌]63번째 줄\
   &#x20; `59` .main .main\_info dl dd p.phone a {font-size:15px; color:#ffffff; font-weight:bold;}\
   .main .main\_info dl dd .account\_holder {display:inline-block; padding:6px 0 8px 26px; font-size:15px; background:url('../../img/etc/icon\_bank.png')\
   &#x20; `63` no-repeat left 4px; background-size:18px 23px; color:#ffffff; font-weight:bold; text-align:left; word-break:break-all;}

![](/files/HVhzuHCFVwHMGKghcPMq)

3. 부가 정보 color(색상) 및 font-size(사이즈) 변경\
   해당 영역 에 원하는 컬러 코드값 및 사이즈를 넣어 주세요.\
   `변경 위치` css > main > main.css  \[고객센터]60번째 줄  \[입금계좌]64번째 줄\
   &#x20; `60` .main .main\_info dl dd p.business\_hours {<mark style="background-color:orange;">font-size:11px</mark>; color:<mark style="background-color:orange;">#808080</mark>; word-break:keep-all;}\
   &#x20; `64` .main .main\_info dl dd ul.main\_bank {<mark style="background-color:orange;">color:#808080</mark>; text-align:center; word-break:break-all;}

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://godomall-help.nhn-commerce.com/beginner/design/freeskin/vencer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.