@extends('common.layout')
@section('commostyle')
<link rel="stylesheet" type="text/css" href="{{asset('css/gd.css') }}" />
@endsection('commostyle')
@section('content')

<div class="container">
  <section id="sec01" class="sec01">
    <ul class="breadCrumb">
      <li>홈</li>
      <li>고객중심 글쓰기 가이드라인</li>
    </ul>
    <div class="title titleDown">
      <h2 class="txt23_700">고객중심 글쓰기 가이드라인</h2>
		<button class="btn01 gd_rd_downBtn" onclick="window.location.href = '/frn/api/guide2';">전체 가이드 다운로드 <img src="{{asset('images/download_small.svg')}}" alt="파일다운로드 아이콘"></button>
    </div>
    <div class="contWrap">
      <div class="gdWrap">
        <div class="gdMenu leftMenu">
          <ul>
            <li class="top">
              <div class="gdTit">
                <img src="{{asset('images/toneAndManners.svg')}}" alt="">
                <span class="txt15_600">톤앤매너</span>
              </div>
              <ul class="gdDepth">
                <li><a href="./vw?depth1=1&depth2=2&depth3=&page=1" class="txt14_600">톤앤매너</a></li>
                <li><a href="./vw?depth1=1&depth2=3&depth3=&page=1" class="txt14_600">톤앤매너 가이드</a></li>
                <li><a href="./vw?depth1=1&depth2=4&depth3=&page=1" class="txt14_600">서술어미 활용 가이드</a></li>
              </ul>
            </li>
            <li class="bottom">
              <div class="gdTit">
                <img src="{{asset('images/writingGuide.svg')}}" alt="">
                <span class="txt15_600">홈페이지 콘텐츠 작성 가이드</span>
              </div>
              <ul class="gdDepth gdDepth01">
                <li>
                  <a href="javascript:void(0);" class="txt14_600">버튼</a>
                  <ul class="gdDepth02">
                    <li><a href="./vw?depth1=5&depth2=6&depth3=7&page=1" class="txt13_400">기본</a></li>
                    <li><a href="./vw?depth1=5&depth2=6&depth3=8&page=1" class="txt13_400">예/아니요, 여부</a></li>
                    <li><a href="./vw?depth1=5&depth2=6&depth3=9&page=1" class="txt13_400">CTA</a></li>
                  </ul>
                </li>
                <li>
                  <a href="./vw?depth1=5&depth2=10&depth3=11&page=1" class="txt14_600">완료메시지</a>
                </li>
              </ul>
              <ul class="gdDepth gdDepth01">
                <li><a href="./vw?depth1=5&depth2=13&depth3=&page=1" class="txt14_600">팝업, 바텀시트</a></li>
                <li><a href="./vw?depth1=5&depth2=14&depth3=&page=1" class="txt14_600">오류 메시지</a></li>
                <li><a href="./vw?depth1=5&depth2=15&depth3=&page=1" class="txt14_600">텍스트 입력필드</a></li>
                <li><a href="./vw?depth1=5&depth2=16&depth3=&page=1" class="txt14_600">유의사항</a></li>
                <li>
                  <a href="./vw?depth1=5&depth2=17&depth3=18&page=1" class="txt14_600">헤드메시지</a>
                  <ul class="gdDepth02">
                    <li><a href="./vw?depth1=5&depth2=17&depth3=18&page=1" class="txt13_400">기본형</a></li>
                    <li><a href="./vw?depth1=5&depth2=17&depth3=19&page=1" class="txt13_400">프로세스형</a></li>
                  </ul>
                </li>
                <li>
                  <a href="./vw?depth1=5&depth2=20&depth3=&page=1" class="txt14_600">자주 하는 질문</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        <div class="gdMenu meddleMenu">
          <div class="gdTit">
            <img src="{{asset('images/basicPrinciples.svg')}}" alt="">
            <span class="txt15_600">기본 원칙</span>
          </div>
          <ul class="gdDepth gdDepth01">
            <li>
              <a href="./vw?depth1=21&depth2=22&depth3=&page=1" class="txt14_600">명확하게</a>
              <ul class="gdDepth02">
                <li><a href="./vw?depth1=21&depth2=22&depth3=23&page=1" class="txt13_400">금융/전문/내부 용어</a></li>
                <li><a href="./vw?depth1=21&depth2=22&depth3=24&page=1" class="txt13_400">한자어</a></li>
                <li><a href="./vw?depth1=21&depth2=22&depth3=25&page=1" class="txt13_400">외래어, 외국어</a></li>
                <li><a href="./vw?depth1=21&depth2=22&depth3=61&page=1" class="txt13_400">줄임말, 지시어</a></li>
              </ul>
            </li>
            <li>
              <a href="./vw?depth1=21&depth2=26&depth3=&page=1" class="txt14_600">간결하게</a>
              <ul class="gdDepth02">
                <li><a href="./vw?depth1=21&depth2=26&depth3=27&page=1" class="txt13_400">긴 문장</a></li>
                <li><a href="./vw?depth1=21&depth2=26&depth3=28&page=1" class="txt13_400">높임 표현</a></li>
                <li><a href="./vw?depth1=21&depth2=26&depth3=29&page=1" class="txt13_400">군더더기, 중복, 번역 투</a></li>
                <li><a href="./vw?depth1=21&depth2=26&depth3=30&page=1" class="txt13_400">요청, 사과, 양해</a></li>
              </ul>
            </li>
          </ul>
          <ul class="gdDepth gdDepth01">
            <li>
              <a href="./vw?depth1=21&depth2=31&depth3=&page=1" class="txt14_600">일관되게</a>
              <ul class="gdDepth02">
                <li><a href="./vw?depth1=21&depth2=31&depth3=32&page=1" class="txt13_400">혼용어</a></li>
                <li><a href="./vw?depth1=21&depth2=31&depth3=33&page=1" class="txt13_400">유의사항 타이틀</a></li>
                <li><a href="./vw?depth1=21&depth2=31&depth3=34&page=1" class="txt13_400">문장 부호</a></li>
                <li><a href="./vw?depth1=21&depth2=31&depth3=35&page=1" class="txt13_400">버튼, 메뉴, 경로</a></li>
                <li><a href="./vw?depth1=21&depth2=31&depth3=36&page=1" class="txt13_400">날짜, 요일, 시간, 기간</a></li>
                <li><a href="./vw?depth1=21&depth2=31&depth3=37&page=1" class="txt13_400">금액, 금리, 퍼센트, 포인트</a></li>
                <li><a href="./vw?depth1=21&depth2=31&depth3=38&page=1" class="txt13_400">전화번호, URL</a></li>
                <li><a href="./vw?depth1=21&depth2=31&depth3=39&page=1" class="txt13_400">약속 표기, 띄어쓰기</a></li>
              </ul>
            </li>
            <li>
              <a href="./vw?depth1=21&depth2=40&depth3=&page=1" class="txt14_600">고객 관점으로</a>
              <ul class="gdDepth02">
                <li><a href="./vw?depth1=21&depth2=40&depth3=41&page=1" class="txt13_400">고객 관점 표현</a></li>
                <li><a href="./vw?depth1=21&depth2=40&depth3=42&page=1" class="txt13_400">공감/배려 표현</a></li>
                <li><a href="./vw?depth1=21&depth2=40&depth3=43&page=1" class="txt13_400">일상적인 표현</a></li>
                <li><a href="./vw?depth1=21&depth2=40&depth3=44&page=1" class="txt13_400">긍정/완곡 표현</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <div class="gdMenu rightMenu">
          <ul>
            <li class="top">
              <div class="gdTit">
                <img src="{{asset('images/informationMessage.svg')}}" alt="">
                <span class="txt15_600">안내 메시지 작성 가이드</span>
              </div>
              <ul class="gdDepth gdDepth01">
                <li>
                  <a href="./vw?depth1=45&depth2=46&depth3=&page=1" class="txt14_600">알림톡 및 LMS</a>
                  <ul class="gdDepth02">
                    <li><a href="./vw?depth1=45&depth2=46&depth3=47&page=1" class="txt13_400">작성 순서</a></li>
                    <li><a href="./vw?depth1=45&depth2=46&depth3=48&page=1" class="txt13_400">유형별 스타일 정의</a></li>
                    <li><a href="./vw?depth1=45&depth2=46&depth3=49&page=1" class="txt13_400">스타일 가이드</a></li>
                    <li><a href="./vw?depth1=45&depth2=46&depth3=50&page=1" class="txt13_400">공통요소별 작성 예시</a></li>
                    <li><a href="./vw?depth1=45&depth2=46&depth3=51&page=1" class="txt13_400">구성요소별 작성 예시</a></li>
                  </ul>
                </li>
                <li>
                  <a href="./vw?depth1=45&depth2=52&depth3=&page=1" class="txt14_600">안내장</a>
                  <ul class="gdDepth02">
                    <li><a href="./vw?depth1=45&depth2=52&depth3=53&page=1" class="txt13_400">유형별 스타일 정의</a></li>
                    <li><a href="./vw?depth1=45&depth2=52&depth3=54&page=1" class="txt13_400">스타일 가이드</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="bottom">
              <div class="gdTit">
                <img src="{{asset('images/recommendedTerminology.svg')}}" alt="">
                <span class="txt15_600">권장 용어</span>
              </div>
              <ul class="gdDepth">
                <li><a href="./vw?depth1=55&depth2=56&depth3=&page=1" class="txt14_600">자주 틀리는 맞춤법/띄어쓰기</a></li>
                <li><a href="./vw?depth1=55&depth2=57&depth3=&page=1" class="txt14_600">고유 명사</a></li>
                <li><a href="./vw?depth1=55&depth2=58&depth3=&page=1" class="txt14_600">올바른 외래어/외국어 표기</a></li>
                <li><a href="./vw?depth1=55&depth2=59&depth3=&page=1" class="txt14_600">기타 개선 용어</a></li>
                <li><a href="./vw?depth1=55&depth2=60&depth3=&page=1" class="txt14_600">추가 권장 용어</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>
</div>

@endsection