# 밥도둑
> **`카테고리`** 식품, 반찬
>
> **`지원 솔루션`** 고도몰
>
> **`글로벌`** 지원 (한국어, 영어, 중국어, 일어)
>
> [샘플샵📱 보기 →](http://m.design27.godomall.com/)
>
> [디자인센터 바로가기 →](https://design.nhn-commerce.com/freeskin.php)
***
포인트 컬러 일괄 변경하기
1. 컬러코드값 확인\
밥도둑스킨에 적용되어 있는 기본 컬러 코드 **#181818** 확인합니다.
2. **디자인 스킨 리스트 접속** | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트\
해당 스킨이 상점별 작업스킨에 체크 되어있어야 합니다.
3. **스타일시트/CSS 변경** | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트\
좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 **스타일 시트**를 오픈합니다.
\
4\. 스타일시트 파일을 열어 **Ctrl + F(검색)**를 누르고 **#181818**를 검색하여 **원하는 포인트 컬러 코드**로 변경합니다.
order/order.css (1개)
proc/proc.css (3개)
goods/goods.css (5개)
goods/list/list\_11.css (4개)
goods/list/list\_02.css (4개)
goods/list/list\_09.css (4개)
goods/list/list\_01.css (5개)
goods/list/list\_07.css (4개)
goods/list/list\_04.css (4개)
goods/list/list\_06.css (4개)
mypage/mypage.css (2개)
gd\_common.css (1개)
gd\_layout.css (1개)
gd\_plus\_review\.css (1개)
gd\_button.css (18개)
메인 하단 고정메뉴 수정하기/감추기
1\. 메인 하단 고정메뉴의 **배경색** 변경하기
원하는 컬러 코드값으로 변경하세요.\
`변경 위치` css > gd\_layout.css **34번째 줄**\
`34`.func\_fixed{position: fixed;left:0;bottom:0;width:100%;height:50px;border-top :1px solid #e5e5e5;background-color: #fff;z-index:99;}
2\. 메인 하단 고정메뉴의 **상단라인 색** 변경하기
원하는 컬러 코드값으로 변경하세요.\
`변경 위치` css > gd\_layout.css **34번째 줄**\
`34`.func\_fixed{position: fixed;left:0;bottom:0;width:100%;height:50px;border-top :1px solid #e5e5e5;background-color: #fff;z-index:99;}
3\. 메인 하단 고정메뉴의 **장바구니 숫자 아이콘 배경색** 변경하기
원하는 컬러 코드값으로 변경하세요.\
`변경 위치` css > gd\_layout.css **42번째 줄**\
`42`.func\_fixed .cart\_count {position:absolute; top:5px; left:53%; display:block; width: 15px; height: 15px;line-height:15px; border-radius:100%; font-size:8px;color:#fff; background:#ef4024; text-align: center;}
4\. 메인 하단 고정메뉴 감추기
display: none;을 추가하면 하단 고정메뉴가 사라집니다.\
`변경 위치` css > gd\_layout.css **34번째 줄**\
`34`.func\_fixed{position: fixed;left:0;bottom:0;width:100%;height:50px;border-top :1px solid #e5e5e5;background-color: #fff;z-index:99; display: none;}
메인 슬라이드 배너 배경 변경하기
1\. 관리자 > 모바일샵 > 모바일샵 디자인 설정 > **배너관리 메뉴**를 선택합니다.
2\. 등록된 배너 중 5번 **슬라이드 배너 배경**의 수정 버튼을 누른 뒤 변경할 이미지를 등록합니다.
⚠️ 스킨의 기본 슬라이드 배너 배경 이미지의 **사이즈(750x342)와 동일하게** 수정하는 것을 권장합니다.
메인 슬라이드 배너 추가하기
1\. 관리자 > 모바일샵 > 모바일샵 디자인 설정 > **배너관리 메뉴**에서 배너등록을 선택합니다.
\
\
2\. 배너를 등록할 디자인 스킨을 선택한 뒤 **배너그룹**을 일반배너 - 슬라이드 배너로 선택한 뒤 추가할 배너 이미지를 등록합니다.
⚠️배너관리에 등록되어 있는 슬라이드 배너 이미지의 **사이즈(276x396)와 동일하게** 수정하는 것을 권장합니다.
⚠️배너관리에 등록되어 있는 슬라이드 배너 이미지를 다운로드 받으신 후 이미지를 변경하시는 방법을 추천합니다.
전체메뉴 영역 수정하기
1\. 로그인/회원가입 버튼 **텍스트 컬러** 변경하기
원하는 컬러 코드값으로 변경하세요.\
`변경 위치` css > gd\_layout.css **93번째 줄**\
`93`.nav\_banner .nav\_login ul li a {display:inline-block;width: 90px;height: 30px;line-height: 31px;font-size:13px;color:#636363;border: 1px solid #636363;border-radius: 20px;text-align: center;}
2\. 로그인/회원가입 버튼 **라인컬러** 변경하기
원하는 컬러 코드값으로 변경하세요.\
`변경 위치` css > gd\_layout.css **93번째 줄**\
`93`.nav\_banner .nav\_login ul li a {display:inline-block;width: 90px;height: 30px;line-height: 31px;font-size:13px;color: #636363;border: 1px solid #636363;border-radius: 20px;text-align: center;}
3\. 아이콘 링크 영역 **텍스트 컬러** 변경하기
원하는 컬러 코드값으로 변경하세요.\
`변경 위치` css > gd\_layout.css **103번째 줄**\
`103`.nav\_link ul li a {display:block; padding:40px 0 0 0; font-size:13px; color:#3b3b3b;background-size: 40px 35px;background-repeat: no-repeat;background-position: center 3px; }
4\. 아이콘 링크 영역 **배경 컬러** 변경하기
원하는 컬러 코드값으로 변경하세요.\
`변경 위치` css > gd\_layout.css **100번째 줄**\
`100`.nav\_link {height: 70px;padding:5px 0 0 0;background-color: #f5f5f5;}
상단 로고영역 수정하기
1\. 상단 로고 영역 **하단 라인 컬러** 변경하기
원하는 컬러 코드값으로 변경하세요.\
`변경 위치` css > gd\_layout.css **15번째 줄**\
`15`#header\_wrap header .header\_box {position:relative;border-bottom:1px solid #cbcbcb;
2\. 상단 로고 **영역 배경 컬러** 변경하기
원하는 컬러 코드값으로 변경하세요.\
`변경 위치` css > gd\_layout.css **13번째 줄**\
`13`#header\_wrap header {width:100%;min-width:320px;background:#fff;z-index:300;}