mjon_git/src/main/webapp/publish/layout/_header.html

<div class="mask"></div>
<!-- skip 메뉴  -->
<div class="skip_menu">
  <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
</div>
<!--// skip 메뉴  -->

<!-- quick 메뉴 -->
<div class="quickMenu">
  <div>
    <p class="quick_title">QUICK<br>MENU</p>
    <p class="quick_title2">QUICK</p>
    <ul class="quickMenuIn">
      <li id="quickPayGuide">
        <a href="/web/mjon/custom/selectMsgCustomView.do"><i class="quick4"></i><span>맞춤제작</span></a>
        <div class="hover_cont">맞춤제작</div>
      </li>
      <li>
        <a href="/web/mjon/addr/selectAddrList.do"><i class="quick10"></i><span>주소록 관리</span></a>
        <div class="hover_cont">주소록 관리</div>
      </li>
      <li>
        <a href="/web/user/sendNumberManage.do"><i class="quick5"></i><span>발신번호 관리</span></a>
        <div class="hover_cont">발신번호 관리</div>
      </li>
      <li>
        <a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do"><i class="quick6"></i><span>엑셀 대량전송</span></a>
        <div class="hover_cont">엑셀 대량전송</div>
      </li>
      <li>
        <a href="/web/api/intrdView.do"><i class="quick7"></i><span>문자연동</span></a>
        <div class="hover_cont">문자연동</div>
      </li>
      <li>
        <a href="/web/member/pay/PayList.do"><i class="quick8"></i><span>결제관리</span></a>
        <div class="hover_cont">결제관리</div>
      </li>
      <li>
        <a href="/web/member/pay/BillPub.do"><i class="quick9"></i><span>세금계산서</span></a>
        <div class="hover_cont">세금계산서</div>
      </li>
      <li class="cscenter">
        <a href="/web/cop/bbs/NoticeList.do"><i class="quick11"></i><span>고객센터</span></a>
        <div class="hover_cont">
          <div class="title">고객센터</div>
          <div class="number">1551-8011</div>
          <ul class="info">
            <li>· 월~금 : 09:30 ~ 18:30</li>
            <li>· 점심시간 : 13:00 ~ 14:00</li>
            <li>· 토, 일요일 및 법정공휴일 휴무</li>
          </ul>
          <div class="cskakao">
            <a href="http://pf.kakao.com/_PxoTtb/chat" class="kakao" target="_blank">카톡 상담</a>
            <a href="javascript:void(0);" class="remote">원격지원</a>
          </div>
        </div>
      </li>
    </ul>
    <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
  </div>
  <div class="quick_kakaobtn main"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank">카카오톡 상담</a></div>
</div>
<!--// quick 메뉴 -->


<!-- header 영역 -->
<header id="header" class="header">

  <!-- header top 영역 -->
  <div class="header_top">
    <div class="inner">
      <ul class="menu_left">
        <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
        <li><a href="/publish/member_info_change_company.html"><i class="hdTop_mypage"></i>마이페이지</a></li>
        <li><a href="#"><i class="hdTop_center"></i>1:1 문의</a></li>
      </ul>
      <ul class="menu_right">
        <li><a href="#">충전하기</a></li>
        <li class="SortLine"><a href="#">요금안내</a></li>
        <li class="SortLine"><a href="#">이용안내</a></li>
        <li class="SortLine"><a href="#">고객센터</a></li>
        <li class="SortLine"><a href="#">불편신고</a></li>
      </ul>
    </div>
  </div>
  <!-- header top 영역 -->


  <!-- header body 영역 -->
  <div class="header_body">
    <div class="inner table">
      <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
      <ul class="gnbWrap table_cell">
        <li><a href="#">문자전송</a></li>
        <li><a href="#">카톡발송</a></li>
        <li><a href="#">팩스발송</a></li>
        <li><a href="#">맞춤제작</a></li>
        <li><a href="#">주소록 관리</a></li>
        <li><a href="#">발송결과</a></li>
        <li><a href="#">예약문자관리</a></li>
        <li><a href="#">결제관리</a></li>
      </ul>
      <div class="s_menu">
        <i class="allSearch_info"><span>문자검색</span></i>
        <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
        <button type="button" title="전체메뉴" onclick="sitemapToggle(this);"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
      </div>
    </div>


    <!-- search popup 영역 -->
    <div class="pop_search">
      <div class="inner">
        <div class="area_search">
          <select name="" id="">
            <option value="">그림문자</option>
            <option value="">단문문자</option>
            <option value="">장문문자</option>
            <option value="">GIF</option>
          </select>
          <input type="text" placeholder="문자샘플 검색하기">
          <button><img src="/publish/images/search02.png" alt=""></button>
        </div>
        <div class="area_popular">
          <p><i></i>인기검색어</p>
          <ul class="popular_tag">
            <li><a href="#">#정월대보름</a></li>
            <li class="on"><a href="#">#추석</a></li>
            <li><a href="#">#가을인사</a></li>
            <li><a href="#">#좋은하루</a></li>
          </ul>
        </div>
        <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
      </div>
    </div>
    <!--// search popup 영역 -->

    <!-- 사이트맵 -->
    <div class="layer_sitemap">
      <div class="inner">
        <ul class="menu">
          <li>
            <dl>
              <dt><a href="/web/mjon/msgdata/selectMsgDataView.do">문자전송</a></dt>
              <dd>
                <ul>
                  <li><a href="/web/mjon/msgdata/selectMsgDataView.do">단문·장문·그림문자</a></li>
                  <li><a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do">대량문자</a></li>
                  <li><a href="/web/api/intrdView.do">문자연동(API)</a></li>
                </ul>
              </dd>
            </dl>

            <dl>
              <dt><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">카톡전송</a></dt>
              <dd>
                <ul>
                  <li><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">알림톡</a></li>
                  <li><a href="#none">친구톡</a></li>
                  <li><a href="/web/mjon/kakao/stepinfo/selectKaKaoStepInfo.do">카카오톡 설정</a></li>
                  <li><a href="/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do">카카오톡 소개</a></li>
                </ul>
              </dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt><a href="/web/mjon/custom/selectMsgCustomView.do">맞춤제작</a></dt>
              <dd>
                <ul>
                  <li><a href="/web/mjon/custom/selectMsgCustomView.do">맞춤제작 샘플</a></li>
                  <li><a href="/web/mjon/custom/selectMsgCustomView.do?tap=2">제작방법 및 이용안내</a></li>
                  <li><a href="/web/mjon/custom/selectMsgCustomView.do?tap=3">내보관함</a></li>
                </ul>
              </dd>
            </dl>
            <dl>
              <dt><a href="/web/info/mjonInfo.do">문자온소개</a></dt>
              <dd>
                <ul>
                  <li><a href="/web/info/mjonInfo.do">서비스 소개</a></li>
                  <li><a href="/web/info/mjonFunc.do">주요기능</a></li>
                  <li><a href="/web/mjon/msgdata/selectBestMsgDataView.do">베스트문자샘플</a></li>
                </ul>
              </dd>
            </dl>
            <dl>
              <dt><a href="/web/info/mjonInfo.do">팩스전송</a></dt>
              <dd>
                <ul>
                  <li><a href="/web/mjon/fax/faxDataView.do">팩스전송</a></li>
                  <li><a href="/web/mjon/fax/faxSendList.do">팩스전송내역</a></li>
                </ul>
              </dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt><a href="/web/mjon/addr/selectAddrList.do">주소록관리</a></dt>
              <dd>
                <ul>
                  <li><a href="/web/mjon/addr/selectAddrList.do">주소록관리</a></li>
                  <li><a href="/web/mjon/addrBlock/selectBlockList.do">수신거부</a></li>
                  <li><a href="/web/mjon/addr/addrMobGuide.do">폰주소록 등록</a></li>
                  <li><a href="/web/mjon/addragency/selectAddrAgencyList.do">주소록 입력 대행(무료)</a></li>
                </ul>
              </dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt><a href="/web/mjon/msgsent/selectMsgSentView.do">발송결과</a></dt>
              <dd>
                <ul>
                  <li><a href="/web/mjon/msgsent/selectMsgSentView.do">발송결과</a></li>
                </ul>
              </dd>
            </dl>

          </li>
          <li>
            <dl>
              <dt><a href="/publish/member_info_change_company.html">마이페이지</a></dt>
              <dd>
                <ul>
                  <li><a href="/web/user/mberInfoChange.do">회원정보 변경</a></li>
                  <!-- 개인회원 일때만 노출되는 영역 -->

                  <li><a href="/web/user/passwordChange.do">비밀번호 변경</a></li>
                  <li><a href="/web/user/sendNumberManage.do">발신번호 관리</a></li>
                  <!-- <li><a href="/web/user/notifyManage.do">알림설정</a></li> -->
                </ul>
              </dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt><a href="/web/member/pay/PayList.do">결제관리</a></dt>
              <dd>
                <ul>
                  <li><a href="/web/pay/PayGuide.do">요금안내/견적내기</a></li>
                  <li><a href="/web/member/pay/PayView.do">결제하기</a></li>
                  <li><a href="/web/member/pay/PayList.do">요금 결제내역</a></li>
                  <li><a href="/web/member/pay/PayUserSWList.do">요금 사용내역</a></li>
                  <!-- 현금영수증 자동발행 주석 -->

                  <li><a href="/web/member/pay/BillPub.do">세금계산서 발행</a></li>
                </ul>
              </dd>
            </dl>
          </li>
          <li>
            <dl>
              <dt><a href="/web/cop/bbs/NoticeList.do">고객센터</a></dt>
              <dd>
                <ul>
                  <li><a href="/web/cop/bbs/NoticeList.do">공지사항</a></li>
                  <li><a href="/web/cop/bbs/TermsList.do?menuNm=02&amp;termsMastNo=2024">이용약관</a></li>
                  <li><a href="/web/cop/bbs/FaqList.do">자주하는 질문</a></li>
                  <li><a href="/web/cop/bbs/QnaList.do">1:1 문의</a></li>
                  <li><a href="/web/cop/bbs/SuggestList.do">불편신고</a></li>
                  <li><a href="/web/cop/bbs/EventList.do">이벤트</a></li>
                  <li><a href="javascript:void(0);" onclick="remotePop('https://939.co.kr/munjaon/');">원격지원</a></li>
                </ul>
              </dd>
            </dl>
          </li>
        </ul>
      </div>
    </div>
    <!-- //사이트맵 -->


  </div>
  <!--// header body 영역 -->
  <!-- <div id="login" class="login">
    <div class="inner">
      <div class="login_left">
        <div class="login_put">
          <label for="id_text" class="label"></label>
          <input type="text" placeholder="아이디를 입력해주세요" id="id_text" name="id_text" class="id_text" maxlength="20" size="18" onclick="actionLogin();">
          <label for="password_text" class="label"></label>
          <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18" onkeypress="if(event.keyCode==13) {actionLogin(); return false;}" onclick="actionLogin();">
          <label for="login_button" class="label"></label>
          <button type="button" id="login_button" class="btnType btnType1" onclick="actionLogin();">로그인</button>
        </div>
        <div class="login_save">
          <input type="checkbox" id="save_id" name="checkId">
          <label for="save_id">아이디 저장</label>
        </div>
        <div class="login_find">
          <a href="/web/user/findUserId.do">아이디찾기</a>
          /
          <a href="/web/user/rePassword.do">비밀번호 재설정</a>
        </div>
        <div>
          <button type="button" class="btnType btnType2" onclick="location.href='/web/user/login/selectUserDept.do'">회원가입</button>
        </div>
      </div>
      <div class="login_right">
        <span><i></i>이달의 이벤트</span>
        <button type="button" class="btnType btnType2" onclick="location.href='/web/cop/bbs/EventList.do'">GO</button>
      </div>
    </div>
  </div> -->
  <!--// login 영역 -->

  <!-- 로그인 후 영역 -->
  <div id="login" class="login2">
    <div class="inner">
      <div class="login_left">
        <div class="login_info">
          <div class="login2_name" onclick="location.href='/publish/member_info_change_company.html'">
            <i class="icon_user"></i>
            <p>정수빈</p><span>(개인) 님</span>
          </div>
          <div class="session">
            <div>
              <span id="ViewTimer">00:00</span>
            </div>
            <button type="button" onclick="sessionExpend(); return false;">연장</button>
          </div>
          <!-- <button type="button" class="btnType btnType3" onclick="location.href='/web/user/mberInfoIndex.do'">마이페이지</button> -->
          <button type="button" class="btnType btn_36 fill_gray" onclick="location.href='/web/uat/uia/actionLogout.do'">로그아웃</button>

          <div class="security_box green_box">
            <a href="/web/user/mberSecureLogin.do" class="title">보안로그인</a>
            <a href="#" id="secuLoginFlag" class="state on">ON</a>
          </div>
        </div>
        <div class="login_pay">
          <div class="check_money">
            <div class="holdingsum_box">
              <i></i>
              <div class="user_money_wrap">
                	보유잔액
                <div class="hover_content_wrap">
                  <i class="qmMark">?</i>
                  <div class="hover_content">
                    <p class="hover_content_title">
                      <img src="/publish/images/content/icon_mypage_message.png" alt=""> 나의단가 <span>(발송가능 건수)</span>
                    </p>
                    <ul class="send_available_number">
                      <li>
                        <p class="title">· 단문</p>
                        <p class="number"><span class="c_002c9a fwBold">18</span>원(345건)</p>
                      </li>
                      <li>
                        <p class="title">· 장문</p>
                        <p class="number"><span class="c_002c9a fwBold">50</span>원(99건)</p>
                      </li>
                      <li>
                        <p class="title">· 그림(1장)</p>
                        <p class="number"><span class="c_002c9a fwBold">90</span>원(8건)</p>
                      </li>
                      <li>
                        <p class="title">· 그림(2장)</p>
                        <p class="number"><span class="c_002c9a fwBold">110</span>원(3건)</p>
                      </li>
                      <li>
                        <p class="title">· 그림(3장)</p>
                        <p class="number"><span class="c_002c9a fwBold">130</span>원(1건)</p>
                      </li>
                      <li>
                        <p class="title">· 알림톡</p>
                        <p class="number"><span class="c_002c9a fwBold">6.9</span>원(983건)</p>
                      </li>
                      <li>
                        <p class="title">· 팩스</p>
                        <p class="number"><span class="c_002c9a fwBold">58</span>원(345매)</p>
                      </li>
                    </ul>
                    <div class="event_term"><p>이벤트<span class="fwBold">(D-60)</span></p><p><span class="fwBold price">500,000.99</span>원</p></div>
                  </div>
                </div>
                <span class="fwMd" id="hdUserMoney">999,999,999.99</span>원
              </div>
            </div>
            <button type="button" class="btnType btnType3">충전</button>
            <!-- <div class="account_box">
              <button type="button" class="btnType btnType3">전용계좌</button>
              <dl>
                <dt>전용계좌</dt>
                <dd>기업은행 48011304697636</dd>
              </dl>
            </div> -->
          </div>
          <!-- <div class="check_money">
             <div class="holdingsum_box">
        <i></i>
                 <p>보유잔액<span class="fwMd" id="hdUserMoney">123</span>원</p>
            <dl>
          <dd>후불제 고객의 보유잔액(캐시)은 당월 발송 가능<br>금액을 말하며 <span>매월 1일 자동으로 충전</span>됩니다.</dd>
        </dl>
         </div>
         <button type="button" class="btnType btnType3" onclick="location.href='/web/member/pay/PayView.do'">충전</button>
      <div class="account_box">
        <button type="button" class="btnType btnType3" onclick="location.href='/web/member/pay/PayView.do?tabType=2'">전용계좌</button>
        </div>
    </div> -->
          <div class="point">
            <i></i>
            <p>포인트 <span class="fwMd">9,999,999</span>원</p>
            <button type="button" data-tooltip="popup04" class="btnType btnType3" onclick="popScrSetting();">교환</button>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- //로그인 후 영역 -->
</header>
<!--// header 영역 -->
<!-- login 영역 -->