# 어라운드(AROUND)

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

<details>

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

![](/files/BdXW4ktk6hxdfN6ZuPvw)

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

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

4. ctrl+F 검색 후 수정하기\
   스타일시트 파일을 열어 ctrl + f (검색)를 누르고 **#181717**을 검색하여 원하는 포인트 컬러 코드 값으로 변경합니다.

</details>

<details>

<summary>메뉴 컬러 변경</summary>

![](/files/tsYj1ZnQ3Zgup6lyIerR)

&#x20;✔️**메뉴 텍스트 컬러 변경**\
\
원하는 컬러 코드값으로 변경하세요.\
`변경 위치` css > proc.css  - \[color:<mark style="background-color:orange;">#컬러코드값</mark>]\
&#x20; `10`  .category\_side > li a { display:block;font-size:15px; color:<mark style="background-color:orange;">#181717</mark>;} &#x20;

</details>

<details>

<summary>메인 카테고리 슬라이드 배너 변경 및 삭제</summary>

ℹ️ 메인의 슬라이드 배너를 통해 보다 쉽게 해당 카테고리 제품페이지로 이동할 수 있도록 설정 가능합니다.\
해당 슬라이드 배너 영역을 변경 및 삭제할 수 있습니다.

![](/files/25AirHrq1XHyOl2pkgLi)

✔️ **슬라이드 배너 변경**

* 모바일샵 > 모바일샵 디자인 설정 > 배너관리 > 배너등록\
  배너그룹 항목에서 '일반배너- 슬라이드 아이콘 배너' 를 선택 후\
  추가로 배너 이미지를 등록하여 슬라이드 배너를 추가할 수 있습니다
* 모바일샵 > 모바일샵 디자인 설정 > 배너관리\
  등록된 이미지를 변경하실 수 있으며 노출 여부(노출/미노출)를 선택하여 원하는 카테고리를 노출할 수 있습니다.&#x20;
* 팝업/배너 PSD 다운받기\
  제공되는 PSD의 이미지(140\*160)를 다운로드하여 디자인 수정 후 변경할 수 있습니다.&#x20;

![](/files/6PGW6XJ2by8nK5S6RPZl)

✔️ **슬라이드배너 삭제**&#x20;

* 스타일시트 > 메인 > 9번째줄부터 23번째줄\
  슬라이브 배너 영역을 미노출 하고 싶다면 스타일시트에서 삭제합니다.

</details>

<details>

<summary>메인 상품 탭버튼 색상 변경</summary>

![](/files/tr6Y0SW2GS2ShzGTV3p1)

✔️ **탭 ON일 경우** \
\
원하는 컬러 코드값으로 변경하세요 \
`변경 위치` css > goods> list > list\_07.css - \[background:2px solid <mark style="background-color:orange;">#하단바 컬러값</mark>; color:<mark style="background-color:orange;">#텍스트컬러값;</mark>]\
&#x20; `11`  .goods\_prd\_item7 .tab\_box .tab li.on a { border-bottom:2px solid <mark style="background-color:orange;">#181717</mark>;color:<mark style="background-color:orange;">#181717</mark>!important;font-weight: bold;}&#x20;

✔️ **탭 OFF일 경우** \
\
원하는 컬러 코드값으로 변경하세요 \
`변경 위치` css > goods> list > list\_07.css 파일에  \[ color:<mark style="background-color:orange;">#텍스트컬러값</mark>;] \
&#x20; `9`   .goods\_prd\_item7 .tab\_box .tab li a {text-align:center;font-weight:bold;overflow:hidden;display:inline-block;width:100%;padding:7px 10px 7px 10px;font-size:13px;box-sizing:border-box;text-overflow:ellipsis;\
&#x20; `10`    white-space:nowrap;word-wrap:normal;border:1px solid #dfdfdf;border-left:none;background:#f3f3f3;color:<mark style="background-color:orange;">#8e8e8e</mark>;}

</details>

<details>

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

![](/files/tEUnS3NFwXjW48QR3Vra)

* 모바일샵 > 모바일샵 디자인 설정 > 배너관리\
  (1) 배너그룹 항목에서 '기획전 슬라이드 배너 배경'를 선택합니다.\
  (2) 우측 수정 버튼을 클릭합니다.  \
  (3) 수정할 이미지(360 x 400)를 등록해주세요.

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