# 벤세르(VENCER)
> **`카테고리`** 스포츠
>
> **`지원 솔루션`** 고도몰
>
> **`글로벌`** 지원 (한국어, 영어, 중국어, 일어)
>
> [샘플샵📱 보기 →](http://m.design25.godomall.com/)
>
> [디자인센터 바로가기 →](https://design.nhn-commerce.com/freeskin.php)
포인트 컬러 일괄 변경하기
1. VENCER(벤세르) 스킨에 적용되어 있는 포인트 컬러 코드값 **#005cff**를 확인합니다.
2. **디자인 스킨 리스트 접속** | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트\
해당 스킨이 상점별 작업스킨에 체크 되어있어야 합니다.
3. **스타일시트/CSS 변경** | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트\
좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 **스타일 시트**를 오픈합니다.
4. ctrl+F 검색 후 수정하기\
스타일시트 파일을 열어 **ctrl + f (검색)**를 누르고 **#005cff**을 검색하여 **원하는 포인트 컬러 코드 값**으로 변경합니다.\
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)
전체 메뉴 변경하기
1. 메뉴 닫힘 상태 시 color(색상) 및 font-size(사이즈) 변경\
해당 영역 에 원하시는 컬러 코드값 및 사이즈를 넣어 주세요.\
`변경 위치` proc > proc.css 8번째 줄\
`8` .category\_side > li a {position:relative; display:block; padding:19px 0 19px 0; font-size:14px; color:#333333;}
2. 메뉴 펼침 상태 시 color(색상) 변경
해당 영역 에 원하시는 컬러 코드값을 넣어 주세요.\
`변경 위치` proc > proc.css 12번째 줄 \
`12` .category\_side > li > a.on {color:#005cff;}
상단 헤더 영역 변경하기
ℹ️벤세르 모바일 스킨은 상단 헤더에 하단 라인이 없습니다.\
\[하단 라인 추가 / 장바구니 담긴 상품 수량의 배경색]을 변경할 수 있습니다.
1. 상단 헤더 영역 border-bottom(하단 라인) 추가\
하단 코드 복사 후 14번째 줄 기존 코드 삭제 후 붙여넣기 해주세요\
`변경 위치` css > gd\_layout.css 14번째 줄\
`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번째 줄\
`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;}
하단 푸터 영역 변경하기
1. 약관/개인정보처리방침 color(색상) / font-size(사이즈) / font-align(정렬) 변경\
해당 영역 에 원하시는 컬러 코드값, 사이즈, 정렬을 넣어 주세요.\
`변경 위치` css > gd\_layout.css 235번째 줄\
`235` #footer footer .ft\_info2\_box .ft\_menu li a {display:block; padding:18px 0 18px 0; font-size:12px; color:#808080; text-align:left; letter-spacing:-1px;}
2. 기본 정보 설정 color(색상) / font-size(사이즈) / font-align(정렬) 변경 \
해당 영역 에 원하시는 컬러 코드값, 사이즈, 정렬을 넣어 주세요.\
`변경 위치` css > gd\_layout.css 238번째 줄\
`238` #footer footer .ft\_info2\_box .ft\_address {padding:0 21px 0 21px; text-align:left; font-size:12px; color:#808080; word-break:keep-all;}
3. 저작권 표기 color(색상) / font-size(사이즈) / font-align(정렬) 변경 \
해당 영역 에 원하시는 컬러 코드값, 사이즈, 정렬을 넣어 주세요.\
`변경 위치` css > gd\_layout.css 244번째 줄\
`244` #footer footer .ft\_copy {padding:21px 0 30px 21px; color:#808080; font-size:12px; text-align:left; font-style:normal;}
진열 상품 이미지 테두리 넣기
ℹ️벤세르 모바일 스킨은 진열 상품 이미지 테두리가 없습니다.\
\[진열 상품 이미지 테두리]를 추가할 수 있습니다.
진열 상품 이미지 border(테두리) 추가\
하단 코드 복사 후 붙여넣기 > 원하는 컬러 코드 값을 넣어 주세요.
`변경 위치` css > goods > list > list\_02.css 8번째 줄\
`8` .goods\_prd\_item .goods\_prd\_img .img\_box .img img {width:100%; border: 1px solid #e5e5e5; box-sizing:border-box;}
동영상 변경 및 삭제하기
ℹ️VENCER 모바일 스킨은 동영상을 첨부할 수 있습니다.\
\[동영상]을 변경 및 삭제할 수 있습니다.
**✔️ 동영상 변경하기**
**1️. 동영상 업로드하기**
업로드한 동영상 공유 > 임베딩 코드 복사하기\
벤세르 동영상은 VIMEO 서비스를 사용했습니다. ([)](https://vimeo.com/\))
**2. 임베딩 코드 붙여넣기**
임베딩 코드 복사 후 35번째 줄 기존 코드 삭제 후 붙여넣기 하세요.\
`변경 위치` main > 쇼핑몰 메인본문 | main/index.html 35번째 줄\
`35` \
**✔️ 동영상 삭제하기**
33번째 - 36번째 줄을 삭제하세요.
`삭제 위치` main > 쇼핑몰 메인본문 | main/index.html 33번째 - 36번째 줄\
`33` \\
`34` \
JUST KEEP GOING\
\
`35` \\
`36` \
고객센터/입금계좌 수정하기
1. 해당 영역에 표기하고 싶은 영문 or 한글명으로 변경하세요.\
`변경 위치` main > 쇼핑몰 메인본문 | main/index.html \[고객센터]41번째 줄 \[입금계좌]51번째 줄\
`41` \\CS CENTER\\\
`51` \\BANK INFO\\
2. 고객센터/입금계좌 color(색상) 및 font-size(사이즈) 변경
해당 영역 에 원하시는 컬러 코드값 및 사이즈를 넣어 주세요.\
`변경 위치` css > main > main.css \[고객센터]59번째 줄 \[입금계좌]63번째 줄\
`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')\
`63` no-repeat left 4px; background-size:18px 23px; color:#ffffff; font-weight:bold; text-align:left; word-break:break-all;}
3. 부가 정보 color(색상) 및 font-size(사이즈) 변경\
해당 영역 에 원하는 컬러 코드값 및 사이즈를 넣어 주세요.\
`변경 위치` css > main > main.css \[고객센터]60번째 줄 \[입금계좌]64번째 줄\
`60` .main .main\_info dl dd p.business\_hours {font-size:11px; color:#808080; word-break:keep-all;}\
`64` .main .main\_info dl dd ul.main\_bank {color:#808080; text-align:center; word-break:break-all;}