# 밥도둑

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

***

<details>

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

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

![](/files/5P3VNTymJ0F56oCrqziC)\
&#x20;

4\. 스타일시트 파일을 열어 **Ctrl + F(검색)**&#xB97C; 누르고 **#181818**를 검색하여 **원하는 포인트 컬러 코드**로 변경합니다. &#x20;

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개)

</details>

<details>

<summary>메인 하단 고정메뉴 수정하기/감추기</summary>

![](/files/9JcngjuazATbfqXRgkon)

1\. 메인 하단 고정메뉴의 **배경색** 변경하기

원하는 <mark style="background-color:orange;">컬러 코드값</mark>으로 변경하세요.\
`변경 위치` css > gd\_layout.css  **34번째 줄**\
&#x20; `34`.func\_fixed{position: fixed;left:0;bottom:0;width:100%;height:50px;border-top :1px solid #e5e5e5;<mark style="background-color:orange;">background-color: #fff</mark>;z-index:99;}

2\. 메인 하단 고정메뉴의 **상단라인 색** 변경하기

원하는 <mark style="background-color:orange;">컬러 코드값</mark>으로 변경하세요.\
`변경 위치` css > gd\_layout.css  **34번째 줄**\
&#x20; `34`.func\_fixed{position: fixed;left:0;bottom:0;width:100%;height:50px;border-top :1px solid <mark style="background-color:orange;">#e5e5e5</mark>;background-color: #fff;z-index:99;}

&#x20;3\. 메인 하단 고정메뉴의 **장바구니 숫자 아이콘 배경색** 변경하기

원하는 <mark style="background-color:orange;">컬러 코드값</mark>으로 변경하세요.\
`변경 위치` css > gd\_layout.css  **42번째 줄**\
&#x20; `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:<mark style="background-color:orange;">#ef4024</mark>; text-align: center;}

4\. 메인 하단 고정메뉴 감추기

<mark style="background-color:orange;">display: none;</mark>을 추가하면 하단 고정메뉴가 사라집니다.\
`변경 위치` css > gd\_layout.css  **34번째 줄**\
&#x20; `34`.func\_fixed{position: fixed;left:0;bottom:0;width:100%;height:50px;border-top :1px solid #e5e5e5;background-color: #fff;z-index:99; <mark style="background-color:orange;">display: none;</mark>}

</details>

<details>

<summary>메인 슬라이드 배너 배경 변경하기</summary>

![](/files/enCqQFiqcls25KP8ItFH)

1\. 관리자 > 모바일샵 > 모바일샵 디자인 설정 > **배너관리 메뉴**를 선택합니다.

![](/files/TBFUY5ZV85I6jtZT6f5g)

2\. 등록된 배너 중 5번 **슬라이드 배너 배경**의 수정 버튼을 누른 뒤 변경할 이미지를 등록합니다.&#x20;

![](/files/k9VBJfp2jDqKKIFWZbOM)

⚠️ 스킨의 기본 슬라이드 배너 배경 이미지의 **사이즈​(750x342)와 동일하게** 수정하는 것을 권장합니다.&#x20;

</details>

<details>

<summary>메인 슬라이드 배너 추가하기</summary>

![](/files/gI3Lv1ItuireF0WvrLgx)

1\. 관리자 > 모바일샵 > 모바일샵 디자인 설정 > **배너관리 메뉴**에서 배너등록을 선택합니다.&#x20;

![](/files/RpucZFjkexEa0mbotE8K)\
\
2\. 배너를 등록할 디자인 스킨을 선택한 뒤 **배너그룹**을 일반배너 - 슬라이드 배너로 선택한 뒤 추가할 배너 이미지를 등록합니다.&#x20;

![](/files/ZsEh0qNcDEtpMQdjCVnm)

⚠️배너관리에 등록되어 있는 슬라이드 배너 이미지의 **사이즈​(276x396)와 동일하게** 수정하는 것을 권장합니다.

⚠️배너관리에 등록되어 있는 슬라이드 배너 이미지를 다운로드 받으신 후 이미지를 변경하시는 방법을 추천합니다.&#x20;

</details>

<details>

<summary>전체메뉴 영역 수정하기</summary>

![](/files/55PmjBgE6t2WBJ9MS6RN)

1\. 로그인/회원가입 버튼 **텍스트 컬러** 변경하기

원하는 <mark style="background-color:orange;">컬러 코드값</mark>으로 변경하세요.\
`변경 위치` css > gd\_layout.css  **93번째 줄**\
&#x20; `93`.nav\_banner .nav\_login ul li a {display:inline-block;width: 90px;height: 30px;line-height: 31px;font-size:13px;color:<mark style="background-color:orange;">#636363</mark>;border: 1px solid #636363;border-radius: 20px;text-align: center;} &#x20;

2\. 로그인/회원가입 버튼 **라인컬러** 변경하기

원하는 <mark style="background-color:orange;">컬러 코드값</mark>으로 변경하세요.\
`변경 위치` css > gd\_layout.css **93번째 줄**\
&#x20; `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 <mark style="background-color:orange;">#636363</mark>;border-radius: 20px;text-align: center;}  &#x20;

3\. 아이콘 링크 영역 **텍스트 컬러** 변경하기

원하는 <mark style="background-color:orange;">컬러 코드값</mark>으로 변경하세요.\
`변경 위치` css > gd\_layout.css **103번째 줄**\
&#x20; `103`.nav\_link ul li a {display:block; padding:40px 0 0 0; font-size:13px; color:<mark style="background-color:orange;">#3b3b3b</mark>;background-size: 40px 35px;background-repeat: no-repeat;background-position: center 3px; }

&#x20;

4\. 아이콘 링크 영역 **배경 컬러** 변경하기

원하는 <mark style="background-color:orange;">컬러 코드값</mark>으로 변경하세요.\
`변경 위치` css > gd\_layout.css  **100번째 줄**\
&#x20; `100`.nav\_link {height: 70px;padding:5px 0 0 0;background-color: <mark style="background-color:orange;">#f5f5f5</mark>;}  &#x20;

</details>

<details>

<summary>상단 로고영역 수정하기</summary>

![](/files/wPby1dJID8d6JsdVRXjD)

1\. 상단 로고 영역 **하단 라인 컬러** 변경하기

원하는 <mark style="background-color:orange;">컬러 코드값</mark>으로 변경하세요.\
`변경 위치`  css > gd\_layout.css  **15번째 줄**\
&#x20; `15`#header\_wrap header .header\_box {position:relative;border-bottom:1px solid <mark style="background-color:orange;">#cbcbcb</mark>;    &#x20;

2\. 상단 로고 **영역 배경 컬러** 변경하기

원하는 <mark style="background-color:orange;">컬러 코드값</mark>으로 변경하세요.\
`변경 위치`  css > gd\_layout.css  **13번째 줄**\
&#x20; `13`#header\_wrap header {width:100%;min-width:320px;background:<mark style="background-color:orange;">#fff</mark>;z-index:300;} &#x20;

</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/bapdoduk.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.