.elementor-11397 .elementor-element.elementor-element-db81f70{--display:flex;--min-height:70px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.4;}.elementor-11397 .elementor-element.elementor-element-db81f70:not(.elementor-motion-effects-element-type-background), .elementor-11397 .elementor-element.elementor-element-db81f70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#413838;}.elementor-11397 .elementor-element.elementor-element-db81f70::before, .elementor-11397 .elementor-element.elementor-element-db81f70 > .elementor-background-video-container::before, .elementor-11397 .elementor-element.elementor-element-db81f70 > .e-con-inner > .elementor-background-video-container::before, .elementor-11397 .elementor-element.elementor-element-db81f70 > .elementor-background-slideshow::before, .elementor-11397 .elementor-element.elementor-element-db81f70 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11397 .elementor-element.elementor-element-db81f70 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-11397 .elementor-element.elementor-element-393835a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-11397 .elementor-element.elementor-element-393835a:not(.elementor-motion-effects-element-type-background), .elementor-11397 .elementor-element.elementor-element-393835a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #0F172A 0%, #1E3A5F 100%);}.elementor-11397 .elementor-element.elementor-element-57ecf07{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:28px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-11397 .elementor-element.elementor-element-581a4d6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:28px 28px;--row-gap:28px;--column-gap:28px;}.elementor-11397 .elementor-element.elementor-element-69832d0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-11397 .elementor-element.elementor-element-138af99 .elementor-button{background-color:#FFFFFF1A;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF33;border-radius:10px 10px 10px 10px;padding:12px 20px 12px 20px;}.elementor-11397 .elementor-element.elementor-element-cad9ff6 .elementor-button{background-color:transparent;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);border-radius:10px 10px 10px 10px;padding:12px 20px 12px 20px;}.elementor-11397 .elementor-element.elementor-element-cad9ff6 .elementor-button:hover, .elementor-11397 .elementor-element.elementor-element-cad9ff6 .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(180deg, #4F46E5 0%, #7C3AED 100%);}.elementor-11397 .elementor-element.elementor-element-cad9ff6 .elementor-button:hover svg, .elementor-11397 .elementor-element.elementor-element-cad9ff6 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-11397 .elementor-element.elementor-element-63a9ce1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-11397 .elementor-element.elementor-element-d7d33c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11397 .elementor-element.elementor-element-9bb38aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:40px;--padding-right:40px;}.elementor-11397 .elementor-element.elementor-element-9bb38aa:not(.elementor-motion-effects-element-type-background), .elementor-11397 .elementor-element.elementor-element-9bb38aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11397 .elementor-element.elementor-element-7f10481{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-11397 .elementor-element.elementor-element-7f10481:not(.elementor-motion-effects-element-type-background), .elementor-11397 .elementor-element.elementor-element-7f10481 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-11397 .elementor-element.elementor-element-d032ae4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-11397 .elementor-element.elementor-element-d032ae4:not(.elementor-motion-effects-element-type-background), .elementor-11397 .elementor-element.elementor-element-d032ae4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-11397 .elementor-element.elementor-element-9bb38aa{--content-width:900px;}.elementor-11397 .elementor-element.elementor-element-7f10481{--content-width:900px;}.elementor-11397 .elementor-element.elementor-element-d032ae4{--content-width:650px;}}/* Start custom CSS for button, class: .elementor-element-138af99 */.elementor-11397 .elementor-element.elementor-element-138af99 a {
  cursor: pointer;
}
.elementor-11397 .elementor-element.elementor-element-138af99 a:hover {
  background: rgba(255,255,255,0.2) !important;
}
```

#### 📌 링크에 JavaScript 적용 (뒤로가기)

버튼의 **링크 속성**에서:
- **링크**: `#`
- **사용자 정의 속성**: `onclick|history.back();return false;`

또는 링크를 **javascript:history.back();** 으로 직접 입력

---

### 3-3. "가이드 목록" 버튼 추가

버튼 컨테이너 안에 **또 다른 버튼 위젯** 추가

#### 📌 [콘텐츠] 탭
| 설정 항목 | 입력값 |
|-----------|--------|
| 텍스트 | **📖 가이드 목록** |
| 링크 | **/guide/** |

#### 📌 [스타일] 탭
| 설정 항목 | 입력값 |
|-----------|--------|
| 타이포그래피 → 크기 | **14px** |
| 타이포그래피 → 굵기 | **600** |
| 텍스트 색상 | **#ffffff** |
| 배경 유형 | **그라데이션** |
| 첫 번째 색상 | **#6366f1** |
| 두 번째 색상 | **#8b5cf6** |
| 각도 | **135** |
| 테두리 반경 | **10px** |
| 패딩 | 상하 **12px**, 좌우 **20px** |

---

## 📋 완성된 구조
```
┌─────────────────────────────────────────────────────────────────┐
│  [상단 컨테이너 - 가로, 공간 사이 균등 배치]                      │
│                                                                 │
│  ┌──────────────────────┐              ┌───────────────────┐   │
│  │ 텍스트 편집기         │              │ 버튼 컨테이너      │   │
│  │ (브레드크럼)          │              │ ┌─────┐ ┌─────┐  │   │
│  │ 이용가이드 › ...      │              │ │버튼1│ │버튼2│  │   │
│  └──────────────────────┘              │ └─────┘ └─────┘  │   │
│                                        └───────────────────┘   │
└─────────────────────────────────────────────────────────────────┘/* End custom CSS */