NAVER

질문 하나금융그룹 홈페이지 메뉴바처럼 css를 만들고싶습니다.
wwlk**** 조회수 5,556 작성일2015.09.11
하나금융그룹 메뉴바 CSS로 만들고싶습니다. 도와주세요..ㅜ 내공 50 겁니다..
프로필 사진

답변자님,

정보를 공유해 주세요.

1 개 답변
1번째 답변
프로필 사진
웹개발자
초인 eXpert
IT/인터넷업 PHP 23위, 자바스크립트 49위, HTML 62위 분야에서 활동
본인 입력 포함 정보

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
 <meta name="format-detection" content="telephone=no" />
 <link rel="shortcut icon" href="/favicon.ico" />

 <script type="text/javascript" src="http://www.hanafn.com/js/jquery.min.js"></script>
 <script type="text/javascript" src="http://www.hanafn.com/js/jquery-ui.custom.js"></script>
 <script type="text/javascript" src="http://www.hanafn.com/js/jquery-ui.touchswipe.js"></script>
 <script type="text/javascript" src="http://www.hanafn.com/js/hanafn.core.js"></script>

 <title>
CEO 인사말_CEO 소개_하나금융그룹 소개_그룹소개_하나금융그룹
 </title>
 <link rel="stylesheet" type="text/css" href="http://www.hanafn.com/kor/css/base.css" />
</head>
<body>

<div id="wrap">
 <!-- gnb -->

 <div id="gnb">
  <div class="gnb_wrap">
   <p class="gnb_logo"><a href="/main.do"><img src="/kor/img/common/gnb_logo_hanagroup.jpg" alt="하나금융그룹" /></a></p>

   <!-- 유틸메뉴 -->
   <ul class="util_menu clfix">
    <li>
     <a href="#" class="util_network ui_dropmenu"><span class="none">hana network 전체보기</span></a>
     <div class="util_layer util_network_top" style="display:none;">
      <div class="util_network">
       <p class="tit"><img src="/kor/img/common/tit_hana_network.png" alt="하나 네트워크" /></p>
       <ul class="network_list">
        <li><a href="http://www.kebhana.com/" title="새창" target="_blank"><span class="ls0">KEB</span>하나은행</a></li>
        <li><a href="http://www.hanabank.com/" title="새창" target="_blank">(구)하나은행</a></li>
        <li><a href="http://www.keb.co.kr/" title="새창" target="_blank">(구)외환은행</a></li>
        <li><a href="http://www.hanaw.com/" title="새창" target="_blank">하나금융투자</a></li>
        <li><a href="http://www.hanacard.co.kr/" title="새창" target="_blank">하나카드</a></li>
        <li><a href="http://www.hanacapital.co.kr/" title="새창" target="_blank">하나캐피탈</a></li>
        <li><a href="http://www.hanalife.co.kr/" title="새창" target="_blank">하나생명</a></li>
        <li><a href="http://www.hanasavings.com/" title="새창" target="_blank">하나저축은행</a></li>
        <li><a href="http://www.hanatrust.com/" title="새창" target="_blank">하나자산신탁</a></li>
        <li><a href="http://www.kebf.com/" title="새창" target="_blank">외환선물</a></li>
        <li><a href="http://open.keb.co.kr/OPIRFN010100.web?schID=opb&mID=OPIRFN01" title="새창" target="_blank">외환에프앤아이</a></li>
        <li><a href="http://www.kebis.co.kr/" title="새창" target="_blank">외환펀드서비스</a></li>
        <li><a href="http://www.hana-assetmanagement.com/renew2/" title="새창" target="_blank">하나자산운용</a></li>
        <li><a href="http://www.bnbbank.com/" title="새창" target="_blank"><span class="ls0">Hana Bancorp, Inc.</span></a></li>
        <li><a href="http://www.hanains.com/" title="새창" target="_blank">하나아이앤에스</a></li>
        <li><a href="http://www.hanaif.re.kr/" title="새창" target="_blank">하나금융경영연구소</a></li>
       </ul>
       <p class="tit csr"><img src="/kor/img/common/tit_csr.png" alt="사회 공헌" /></p>
       <ul class="network_list">
        <li><a href="http://www.hanacsr.com/" title="새창" target="_blank">모두다하나</a></li>
        <li><a href="http://www.hanafoundation.or.kr/" title="새창" target="_blank">하나금융공익재단</a></li>
        <li><a href="http://www.hanacarecenter.or.kr/" title="새창" target="_blank">하나케어센터</a></li>
        <li><a href="http://www.hanamiso.org/" title="새창" target="_blank">하나미소금융재단</a></li>
        <li><a href="http://www.hana.hs.kr/" title="새창" target="_blank">하나고등학교</a></li>
       </ul>
      </div>
     </div>
    </li>
    <li>
     <a href="#" class="util_lang ui_dropmenu"><span class="none">language</span></a>

     <div class="util_layer util_lang_top" style="display:none;">
      <div class="util_lang">
       <ul class="network_list lang">
        <li data-lang="KO"><a href="/main.do" class="kor"><span class="none">KOREAN</span></a></li>
        <li data-lang="EN"><a href="/eng/main.do" class="eng" target="_blank" title="ENGLISH 영문 사이트 새창"><span class="none">ENGLISH</span></a></li>
        <li data-lang="CN"><a href="/chn/main.do" class="chn" target="_blank" title="CHINESE 중국어 사이트 새창"><span class="none">CHINESE</span></a></li>
        <li data-lang="JP"><a href="/jpn/main.do" class="jpn" target="_blank" title="JAPANESE 일본어 사이트 새창"><span class="none">JAPANESE</span></a></li>
        <li data-lang="IN"><a href="/ind/main.do" class="ina" target="_blank" title="INDONESIAN 인도네시아어 사이트 새창"><span class="none">INDONESIAN</span></a></li>
        <li data-lang="VI"><a href="/vie/main.do" class="vie" target="_blank" title="VIETNAMESE 베트남어 사이트 새창"><span class="none">VIETNAMESE</span></a></li>
       </ul>
      </div>
     </div>
    </li>
    <li class="end"><a href="/sitemap/sitemapText.do" class="util_sitemap"><span class="none">sitemap</span></a></li>
   </ul>
   <!-- //유틸메뉴 -->

   <ul id="gnb_menu" class="depth1_navi clfix">
    <li class="info"><!-- on -->
     <a href="/info/aboutus.do" data-pagecode="01" class="link ui_dropmenu"><span class="none">그룹소개</span></a>
     <div class="lnb_layer clfix" style="display:none;">
      <p class="txt_wrap"><img src="/kor/img/common/txt_gnb_info.png" alt="하나금융그룹은 행복한 금융을 실현합니다." /></p>
      <ul class="btn_sort">
       <li class="list_type on"><a href="#"><span class="none">리스트형</span></a></li>
       <li class="img_type"><a href="#"><span class="none">이미지형</span></a></li>
      </ul>

      <div class="depth2_list">
       <ul class="depth2_info clfix">
        <li class="info_area">
         <p class="tit"><a href="/info/aboutus.do"><span class="info_01"><em class="none">하나금융그룹 소개</em></span></a></p>
         <ul class="depth3_info">
          <li class=""><a href="/info/aboutus.do" data-pagecode="010101" class="depth3"><span class="group_01"><em class="none">하나금융그룹</em></span></a></li>
          <li>
           <a href="/info/aboutus/ceoGreeting.do" data-pagecode="010102" class="depth3"><span class="group_02"><em class="none">CEO 소개</em></span></a>
           <ul class="depth4 depth4_ceo">
            <li  class=""><a href="/info/aboutus/ceoGreeting.do" data-pagecode="01010201">CEO 인사말</a></li>
            <li><a href="/info/aboutus/ceoMind.do" data-pagecode="01010202">경영철학</a></li>
            <li><a href="/info/governance/ceoMessageList.do" data-pagecode="01010203">경영활동</a></li>
           </ul>
          </li>
          <li><a href="/info/aboutus/vision.do" data-pagecode="010103" class="depth3"><span class="group_03"><em class="none">비전과 미션</em></span></a></li>
          <li><a href="/info/cultureVideo/hanaHonestyList.do" data-pagecode="010104" class="depth3"><span class="group_04"><em class="none">하나인의 정직</em></span></a></li>
          <li><a href="/info/cultureVideo/hanaValueList.do" data-pagecode="010105" class="depth3"><span class="group_05"><em class="none">핵심가치</em></span></a></li>
          <li><a href="/info/aboutus/ethics.do" data-pagecode="010106" class="depth3"><span class="group_07"><em class="none">윤리강령</em></span></a></li>
          <li><a href="/info/aboutus/history.do" data-pagecode="010107" class="depth3"><span class="group_08"><em class="none">연혁</em></span></a></li>
         </ul>
        </li>
        <li class="info_area">
         <p class="tit"><a href="/info/cultureVideo/happyFinance.do" data-pagecode="0102"><span class="info_02"><em class="none">행복한 금융</em></span></a></p>
         <ul class="depth3_info">
          <li><a href="/info/cultureVideo/happyTogetherList.do" data-pagecode="010201" class="depth3"><span class="culture_01"><em class="none">행복한 하나인</em></span></a></li>
          <li><a href="/info/cultureVideo/happyCustomers.do"  data-pagecode="010202" class="depth3"><span class="culture_02"><em class="none">행복한 고객</em></span></a></li>
          <li><a href="/info/cultureVideo/happySociety.do"  data-pagecode="010203" class="culture"><span class="culture_03"><em class="none">행복한 사회</em></span></a></li>
         </ul>
        </li>
       </ul>
      </div>

      <!-- 이미지형 -->
      <div class="deapth2_img"  style="display:none;">
       <ul class="depth2_info img_type clfix">
        <li class="img_area">
         <p class="tit"><span class="info_01"><em class="none">하나금융그룹 소개</em></span></p>
         <ul class="depth3">
          <li class=""><span class="flag"></span><a href="/info/aboutus.do" data-pagecode="010101"><span class="over"><span class="txt_one">하나금융그룹</span></span><img src="/kor/img/common/img_navi_info_01.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/aboutus/ceoGreeting.do" data-pagecode="01010201"><span class="over"><span class="txt_one">CEO 인사말</span></span><img src="/kor/img/common/img_navi_info_02.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/aboutus/ceoMind.do" data-pagecode="01010202"><span class="over"><span class="txt_one">경영철학</span></span><img src="/kor/img/common/img_navi_info_03.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/governance/ceoMessageList.do" data-pagecode="01010203"><span class="over"><span class="txt_one">경영활동</span></span><img src="/kor/img/common/img_navi_info_04.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/aboutus/vision.do" data-pagecode="010103"><span class="over"><span class="txt_one">비전과 미션</span></span><img src="/kor/img/common/img_navi_info_05.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/cultureVideo/hanaHonestyList.do" data-pagecode="010104"><span class="over"><span class="txt_one">하나인의 정직</span></span><img src="/kor/img/common/img_navi_info_10.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/cultureVideo/hanaValueList.do" data-pagecode="010105"><span class="over"><span class="txt_one">핵심가치</span></span><img src="/kor/img/common/img_navi_info_11.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/aboutus/ethics.do" data-pagecode="010106"><span class="over"><span class="txt_one">윤리강령</span></span><img src="/kor/img/common/img_navi_info_08.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/aboutus/history.do" data-pagecode="010107"><span class="over"><span class="txt_one">연혁</span></span><img src="/kor/img/common/img_navi_info_09.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit"><span class="info_02"><em class="none">행복한 금융</em></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/info/cultureVideo/happyFinance.do" data-pagecode="0102"><span class="over"><span class="txt_one">행복한 금융</span></span><img src="/kor/img/common/img_navi_info_23.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/cultureVideo/happyTogetherList.do" data-pagecode="010201"><span class="over"><span class="txt_one">행복한 하나인</span></span><img src="/kor/img/common/img_navi_info_24.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/cultureVideo/happyCustomers.do" data-pagecode="010202"> <span class="over"><span class="txt_one">행복한 고객</span></span><img src="/kor/img/common/img_navi_info_25.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/cultureVideo/happySociety.do" data-pagecode="010203"><span class="over"><span class="txt_two">행복한 사회</span></span><img src="/kor/img/common/img_navi_info_26.png" alt="" /></a></li>
         </ul>
        </li>
       </ul>

       <div class="navi_page">
        <a href="#"><span class="none">그룹소개 메뉴목록1</span></a>
        <a href="#"><span class="none">그룹소개 메뉴목록2</span></a>
        <a href="#"><span class="none">그룹소개 메뉴목록3</span></a>
       </div>
      </div>
      <!-- //이미지형 -->
     </div>
    </li>

    <!-- 20150409 수정 -->
    <li class="company"><!-- on -->
     <a href="/info/governance/regulation.do" data-pagecode="07" class="link ui_dropmenu"><span class="none">기업지배구조</span></a>
     <div class="lnb_layer clfix" style="display:none;">
      <p class="txt_wrap"><img src="/kor/img/common/txt_gnb_info.png" alt="하나금융그룹은 행복한 금융을 실현합니다." /></p>
      <ul class="btn_sort">
       <li class="list_type on"><a href="#"><span class="none">리스트형</span></a></li>
       <li class="img_type"><a href="#"><span class="none">이미지형</span></a></li>
      </ul>
      <div class="depth2_list">
       <ul class="depth2_company clfix">
        <li class="company_area130">
         <p class="tit_01"><a href="/info/governance/regulation.do" data-pagecode="0701" ><span class="company_01"><em class="none">정관</em></span></a></p>
        </li>
        <li class="company_area210">
         <p class="tit_02"><a href="/info/governance/criterion.do" data-pagecode="0702" ><span class="company_02"><em class="none">기업지배구조규준</em></span></a></p>
        </li>
        <li class="company_area130">
         <p class="tit_03"><a href="/info/governance/organization.do" data-pagecode="0703" ><span class="company_03"><em class="none">조직도</em></span></a></p>
        </li>
        <li class="company_area130">
         <p class="tit_04"><a href="/info/governance/holderMeetingList.do" data-pagecode="0704"><span class="company_04"><em class="none">주주총회</em></span></a></p>
        </li>
        <li class="company_area">
         <p class="tit"><a href="/info/governance/directCommittee.do"><span class="company_05"><em class="none">이사회</em></span></a></p>
         <ul class="depth3_company">
          <li><a href="/info/governance/directCommittee.do" data-pagecode="070501" class="depth3"><span class="Committee_01"><em class="none">이사회구성</em></span></a></li>
          <li><a href="/info/governance/directorsList.do" data-pagecode="070502" class="depth3"><span class="Committee_02"><em class="none">주요활동내역</em></span></a></li>
          <li><a href="/info/governance/directorRule01.do" data-pagecode="070503" class="depth3"><span class="Committee_03"><em class="none">이사회 및 소위원회 규정</em></span></a></li>
          <li><a href="/info/governance/directorAnnounceList.do" data-pagecode="070504" class="depth3"><span class="Committee_04"><em class="none">이사회 공시</em></span></a></li>
          <li><a href="/info/governance/directorStructure.do" data-pagecode="070505" class="depth3"><span class="Committee_05"><em class="none">지배구조평가</em></span></a></li>
         </ul>
        </li>
        <li class="company_area140">
         <p class="tit_06"><a href="/info/governance/managementLineup01.do" data-pagecode="0706"><span class="company_06"><em class="none">경영진/사외이사</em></span></a></p>
        </li>
       </ul>
      </div>

      <!-- 이미지형 -->
      <div class="deapth2_img"  style="display:none;">
       <ul class="depth2_company img_type clfix">
        <li class="img_area">
         <p class="tit"><a href="#"><span class="company_01"><em class="none">정관</em></span></a></p>
         <ul class="depth3">
          <li class=""><span class="flag"></span><a href="/info/governance/regulation.do" data-pagecode="0701"><span class="over"><span class="txt_one">정관</span></span><img src="/kor/img/common/img_navi_info_13.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit"><a href="#"><span class="company_02"><em class="none">기업지배구조규준</em></span></a></p>
         <ul class="depth3">
          <li class=""><span class="flag"></span><a href="/info/governance/criterion.do" data-pagecode="0702"><span class="over"><span class="txt_one">기업지배구조규준</span></span><img src="/kor/img/common/img_navi_info_14.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit"><a href="#"><span class="company_03"><em class="none">조직도</em></span></a></p>
         <ul class="depth3">
          <li class=""><span class="flag"></span><a href="/info/governance/organization.do" data-pagecode="0703"><span class="over"><span class="txt_one">조직도</span></span><img src="/kor/img/common/img_navi_info_15.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit"><a href="#"><span class="company_04"><em class="none">주주총회</em></span></a></p>
         <ul class="depth3">
          <li class=""><span class="flag"></span><a href="/info/governance/holderMeetingList.do" data-pagecode="0704"><span class="over"><span class="txt_one">주주총회</span></span><img src="/kor/img/common/img_navi_info_20.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit"><a href="#"><span class="company_05"><em class="none">이사회</em></span></a></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/info/governance/directCommittee.do" data-pagecode="070501"><span class="over"><span class="txt_one">이사회구성</span></span><img src="/kor/img/common/img_navi_info_16.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/governance/directorsList.do" data-pagecode="070502"><span class="over"><span class="txt_one">주요활동내역</span></span><img src="/kor/img/common/img_navi_info_22.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/governance/directorRule01.do" data-pagecode="070503"><span class="over"><span class="txt_two">이사회 및 소위원회<br />규정</span></span><img src="/kor/img/common/img_navi_info_17.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/governance/directorAnnounceList.do" data-pagecode="070504"><span class="over"><span class="txt_one">이사회 공시</span></span><img src="/kor/img/common/img_navi_info_18.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/info/governance/directorStructure.do" data-pagecode="070505"><span class="over"><span class="txt_one">지배구조평가</span></span><img src="/kor/img/common/img_navi_info_19.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit"><a href="#"><span class="company_06"><em class="none">경영진/사외이사</em></span></a></p>
         <ul class="depth3">
          <li class=""><span class="flag"></span><a href="/info/governance/managementLineup01.do" data-pagecode="0706"><span class="over"><span class="txt_one">경영진/사외이사</span></span><img src="/kor/img/common/img_navi_info_21.png" alt="" /></a></li>
         </ul>
        </li>
       </ul>
       <div class="navi_page">
        <a href="#"><span class="none">그룹소개 메뉴목록1</span></a>
        <a href="#"><span class="none">그룹소개 메뉴목록2</span></a>
       </div>
      </div>
      <!-- //이미지형 -->
     </div>
    </li>

    <li class="csr">
     <a href="/csr/hana/visionForCsr.do"  data-pagecode="04" class="link ui_dropmenu"><span class="none">사회공헌</span></a>
     <div class="lnb_layer clfix" style="display:none;">
      <p class="txt_wrap"><img src="/kor/img/common/txt_gnb_csr.png" alt="하나금융그룹이 행복한 사회를 만들어 갑니다" /></p>
      <ul class="btn_sort">
       <li class="list_type on"><a href="#"><span class="none">리스트형</span></a></li>
       <li class="img_type"><a href="#"><span class="none">이미지형</span></a></li>
      </ul>

      <div class="depth2_list">
       <ul class="depth2_csr clfix">
        <li class="csr_area190">
         <p class="tit_01"><a href="/csr/hana/visionForCsr.do" data-pagecode="0401"><span class="csr_01"><em class="none">사회공헌 철학 및 비전</em></span></a></p>
        </li>
        <li class="csr_area140">
         <p class="tit"><a href="/csr/responsibility/rolePlay.do"><span class="csr_02"><em class="none">사회적 책임</em></span></a></p>
         <ul class="depth3_csr">
          <li class="bg_img"><a href="/csr/responsibility/rolePlay.do" data-pagecode="040201" class="depth3"><span class="duty_01"><em class="none">금융기관으로서의 역할 수행</em></span></a></li>
          <li><a href="/csr/responsibility/consumerProtect.do" data-pagecode="040202" class="depth3"><span class="duty_02"><em class="none">금융소비자 보호활동</em></span></a></li>
          <li><a href="/csr/responsibility/commonGoods.do" data-pagecode="040203" class="depth3"><span class="duty_03"><em class="none">공익목적 금융 상품</em></span></a></li>
         </ul>
        </li>
        <li class="csr_area140">
         <p class="tit_03"><a href="/csr/share/multiCultures.do" data-pagecode="0403" ><span class="csr_03"><em class="none">나눔</em></span></a></p>
        </li>
        <li class="csr_area140">
         <p class="tit_04"><a href="/csr/green/greenFinance.do" data-pagecode="0404"><span class="csr_04"><em class="none">푸름</em></span></a></p>
        </li>
        <li class="csr_area140">
         <p class="tit_05"><a href="/csr/culture/mecenatActivity.do" data-pagecode="0405"><span class="csr_05"><em class="none">문화</em></span></a></p>
        </li>
        <li class="csr_area140">
         <p class="tit_06"><a href="/csr/sustainability/sustainabilityReport.do"><span class="csr_06"><em class="none">지속가능경영 보고서</em></span></a></p>
         <!--<ul class="depth3_csr">
          <li class=""><a href="/csr/sustainability/sustainabilityReport.do" data-pagecode="040601" class="depth3"><span class="report_01"><em class="none">지속가능성 보고서</em></span></a></li>
          <li><a href="/csr/sustainability/griContents01.do" data-pagecode="040602" class="depth3"><span class="report_02"><em class="none">GRI Contents Table</em></span></a></li>
         </ul>-->
        </li>
       </ul>
      </div>

      <!-- 이미지형 -->
      <div class="deapth2_img" style="display:none;">
       <ul class="depth2_csr img_type clfix">
        <li class="img_area">
         <p class="tit"><a href="#"><span class="csr_01"><em class="none">사회공헌 철학 및 비전</em></span></a></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/csr/hana/visionForCsr.do" data-pagecode="0401"><span class="over"><span class="txt_one">사회공헌 철학 및 비전</span></span><img src="/kor/img/common/img_navi_car_02.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit"><a href="#"><span class="csr_02"><em class="none">사회적 책임</em></span></a></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/csr/responsibility/rolePlay.do" data-pagecode="040201"><span class="over"><span class="txt_one">금융기관으로서의<br />역할 수행</span></span><img src="/kor/img/common/img_navi_car_03.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/csr/responsibility/consumerProtect.do" data-pagecode="040202"><span class="over"><span class="txt_one">금융소비자 보호활동</span></span><img src="/kor/img/common/img_navi_car_04.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/csr/responsibility/commonGoods.do" data-pagecode="040203"><span class="over"><span class="txt_one">공익목적 금융 상품</span></span><img src="/kor/img/common/img_navi_car_05.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_03 etc"><span class="csr_03"><em class="none">나눔</em></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/csr/share/multiCultures.do" data-pagecode="0403"><span class="over"><span class="txt_one">나눔</span></span><img src="/kor/img/common/img_navi_car_06.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_04 etc"><span class="csr_04"><em class="none">푸름</em></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/csr/green/greenFinance.do" data-pagecode="0404"><span class="over"><span class="txt_one">푸름</span></span><img src="/kor/img/common/img_navi_car_11.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_05 etc"><span class="csr_05"><em class="none">문화</em></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/csr/culture/mecenatActivity.do" data-pagecode="0405"><span class="over"><span class="txt_one">문화</span></span><img src="/kor/img/common/img_navi_car_13.png" alt="" /></a></li>
         </ul>

        </li>
        <li class="img_area">
         <p class="tit_06 etc"><a href="#"><span class="csr_06"><em class="none">지속가능경영 보고서</em></span></a></p>

         <ul class="depth3">
          <li><span class="flag"></span><a href="/csr/sustainability/sustainabilityReport.do" data-pagecode="0406"><span class="over"><span class="txt_one">지속가능성 보고서</span></span><img src="/kor/img/common/img_navi_car_16.png" alt="" /></a></li>
          <!--<li><span class="flag"></span><a href="/csr/sustainability/griContents01.do" data-pagecode="040602"><span class="over"><span class="txt_one">GRI Contents Table</span></span><img src="/kor/img/common/img_navi_car_17.png" alt="" /></a></li>-->
         </ul>

        </li>
       </ul>

       <div class="navi_page">
        <a href="#"><span class="none">사회공헌 메뉴목록1</span></a>
        <a href="#"><span class="none">사회공헌 메뉴목록2</span></a>
       </div>
      </div>
      <!-- //이미지형 -->
     </div>
    </li>
    <li class="people">
     <a href="/people/seniorList.do"  data-pagecode="05" class="link ui_dropmenu"><span class="none">인재/채용</span></a>
     <div class="lnb_layer clfix" style="display:none;">

      <p class="txt_wrap"><img src="/kor/img/common/txt_gnb_people.png" alt="하나인의 또 다른 이름은 '세계인'입니다" /></p>

      <ul class="btn_sort">
       <li class="list_type on"><a href="#"><span class="none">리스트형</span></a></li>
       <li class="img_type"><a href="#"><span class="none">이미지형</span></a></li>
      </ul>

      <div class="depth2_list">
       <ul class="depth2_people clfix">
        <li class="people_area">
         <p class="tit_01"><a href="/people/seniorList.do" data-pagecode="0501"><span class="people_01"><em class="none">인재상</em></span></a></p>
        </li>
        <li class="people_area">
         <p class="tit_02"><a href="/people/careerEducationalSystem.do" data-pagecode="0502"><span class="people_02"><em class="none">교육제도</em></span></a></p>
        </li>

        <li class="people_area">
         <p class="tit_03"><a href="/people/benefits.do" data-pagecode="0503"><span class="people_03"><em class="none">복리후생</em></span></a></p>
        </li>
        <li class="people_area">
         <p class="tit_05"><a href="/people/environment.do" data-pagecode="0504"><span class="people_05"><em class="none">근무환경</em></span></a></p>
        </li>

        <li class="people_area">
         <p class="tit"><a href="/people/career/careerAnnounceList.do"><span class="people_04"><em class="none">채용정보</em></span></a></p>
         <ul class="depth3_people">

          <li class=""><a href="/people/career/careerAnnounceList.do" data-pagecode="050501" class="depth3"><span class="recruit_01"><em class="none">그룹공동채용</em></span></a></li>

          <li><a href="/people/career/careerNonscheduledEmploy.do" data-pagecode="050502" class="depth3"><span class="recruit_02"><em class="none">그룹사별 채용정보</em></span></a></li>
         </ul>
        </li>
       </ul>
      </div>


      <!-- 이미지형 -->
      <div class="deapth2_img" style="display:none;">
       <ul class="depth2_people img_type clfix">
        <li class="img_area">
         <p class="tit_01 etc"><span class="people_01"></span></p>
         <ul class="depth3">
          <li class=""><span class="flag"></span><a href="/people/seniorList.do" data-pagecode="0501"><span class="over"><span class="txt_one">인재상</span></span><img src="/kor/img/common/img_navi_people_01.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_02 etc"><span class="people_02"></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/people/careerEducationalSystem.do" data-pagecode="0502"><span class="over"><span class="txt_one">교육제도</span></span><img src="/kor/img/common/img_navi_people_02.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_03 etc"><span class="people_03"></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/people/benefits.do" data-pagecode="0503"><span class="over"><span class="txt_one">복리후생</span></span><img src="/kor/img/common/img_navi_people_03.png" alt="" /></a></li>
         </ul>
        </li>

        <li class="img_area">
         <p class="tit_05 etc"><span class="people_05"></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/people/environment.do" data-pagecode="0504"><span class="over"><span class="txt_one">근무환경</span></span><img src="/kor/img/common/img_navi_people_06.png" alt="" /></a></li>
         </ul>
        </li>

        <li class="img_area">
         <p class="tit"><span class="people_04"><em class="none">채용정보</em></span></p>
         <ul class="depth3">

          <li><span class="flag"></span><a href="/people/career/careerAnnounceList.do" data-pagecode="050501"><span class="over"><span class="txt_one">그룹공동채용</span></span><img src="/kor/img/common/img_navi_people_04.png" alt="" /></a></li>

          <li><span class="flag"></span><a href="/people/career/careerNonscheduledEmploy.do" data-pagecode="050502"><span class="over"><span class="txt_one">그룹사별 채용정보</span></span><img src="/kor/img/common/img_navi_people_05.png" alt="" /></a></li>
         </ul>
        </li>
       </ul>
       <div class="navi_page">
        <a href="#"><span class="none">인재/채용 메뉴목록1</span></a>
        <a href="#"><span class="none">인재/채용 메뉴목록2</span></a>
       </div>
      </div>
      <!-- //이미지형 -->
     </div>
    </li>
    <li class="network">
     <a href="/network/globalNetwork/networkAsiaChina.do" data-pagecode="02" class="link ui_dropmenu"><span class="none">금융네트워크</span></a>
     <div class="lnb_layer clfix" style="display:none;">
      <p class="txt_wrap"><img src="/kor/img/common/txt_gnb_network.png" alt="신뢰받고 앞서가는 글로벌 금융그룹" /></p>
      <ul class="btn_sort">
       <li class="list_type on"><a href="#"><span class="none">리스트형</span></a></li>
       <li class="img_type"><a href="#"><span class="none">이미지형</span></a></li>
      </ul>

      <div class="depth2_list">
       <ul class="depth2_work clfix">
        <li class="work_area">
         <p class="tit_01"><a href="/network/globalNetwork/networkAsiaChina.do" data-pagecode="0201"><span class="work_01"><em class="none">글로벌 네트워크</em></span></a></p>
        </li>
        <!--<li class="work_area">
         <p class="tit"><a href="/network/service/serviceIndex.do"><span class="work_02"><em class="none">사업영역</em></span></a></p>
         <ul class="depth3_work">
          <li class=""><a href="/network/service/serviceIndex.do" data-pagecode="020201" class="depth3"><span class="business_01"><em class="none">서비스 소개</em></span></a></li>
          <li><a href="/network/service/buPersonalFn.do" data-pagecode="020202" class="depth3"><span class="business_02"><em class="none">개인금융부문</em></span></a></li>
          <li><a href="/network/service/buCorporateFn.do" data-pagecode="020203" class="depth3"><span class="business_03"><em class="none">기업금융부문</em></span></a></li>
          <li><a href="/network/service/buAssetFn.do" data-pagecode="020204" class="depth3"><span class="business_04"><em class="none">자산관리부문</em></span></a></li>
         </ul>
        </li>-->
        <li class="work_end">
         <p class="tit"><a href="/network/hanaNetwork/networkIndex.do"><span class="work_03"><em class="none">하나네트워크</em></span></a></p>
         <ul class="depth3_work">
          <li class=""><a href="/network/hanaNetwork/networkIndex.do" data-pagecode="020301" class="depth3"><span class="network_01"><em class="none">하나네트워크 소개</em></span></a></li>
          <li><a href="/network/hanaNetwork/buHanafn.do" data-pagecode="020302" class="depth3"><span class="network_02"><em class="none">하나금융지주</em></span></a></li>
          <li><a href="/network/hanaNetwork/buKebhanabank.do" data-pagecode="020303" class="depth3"><span class="network_16"><em class="none">KEB하나은행</em></span></a></li>
          <!--<li><a href="/network/hanaNetwork/bukebbank.do" data-pagecode="020304" class="depth3"><span class="network_03"><em class="none">외환은행</em></span></a></li>-->
          <li><a href="/network/hanaNetwork/buDaetoo.do" data-pagecode="020305" class="depth3"><span class="network_04"><em class="none">하나금융투자</em></span></a></li>
         </ul>
         <ul class="depth3_work">
          <li><a href="/network/hanaNetwork/buHanaCard.do" data-pagecode="020306" class="depth3"><span class="network_05"><em class="none">하나카드</em></span></a></li>
          <li><a href="/network/hanaNetwork/buHanacapital.do" data-pagecode="020307" class="depth3"><span class="network_06"><em class="none">하나캐피탈</em></span></a></li>
          <li><a href="/network/hanaNetwork/buHanalife.do" data-pagecode="020308" class="depth3"><span class="network_07"><em class="none">하나생명</em></span></a></li>
          <li><a href="/network/hanaNetwork/buHanasaving.do" data-pagecode="020309" class="depth3"><span class="network_08"><em class="none">하나저축은행</em></span></a></li>
         </ul>
         <ul class="depth3_work">
          <li><a href="/network/hanaNetwork/buHanaTrust.do" data-pagecode="020310" class="depth3"><span class="network_11"><em class="none">하나자산신탁</em></span></a></li>
          <li><a href="/network/hanaNetwork/buKebfutures.do" data-pagecode="020311" class="depth3"><span class="network_09"><em class="none">외환선물</em></span></a></li>
          <li><a href="/network/hanaNetwork/buKebfni.do" data-pagecode="020312" class="depth3"><span class="network_10"><em class="none">외환에프앤아이</em></span></a></li>
          <li><a href="/network/hanaNetwork/buKebfund.do" data-pagecode="020313" class="depth3"><span class="network_13"><em class="none">외환펀드서비스</em></span></a></li>
         </ul>
         <ul class="depth3_work">
          <li><a href="/network/hanaNetwork/buHana-AssetManagement.do" data-pagecode="020314" class="depth3"><span class="network_12"><em class="none">하나자산운용</em></span></a></li>
          <li><a href="/network/hanaNetwork/buHanains.do" data-pagecode="020315" class="depth3"><span class="network_14"><em class="none">하나아이앤에스</em></span></a></li>
          <li><a href="/network/hanaNetwork/listBuHanariList.do" data-pagecode="020316" class="depth3"><span class="network_15"><em class="none">하나금융경영연구소</em></span></a></li>
         </ul>
        </li>
       </ul>
      </div>

      <!-- 이미지형 -->
      <div class="deapth2_img" style="display:none;">
       <ul class="depth2_work img_type clfix">
        <li class="img_area">
         <p class="tit_01 etc"><span class="work_01"></span></p>
         <ul class="depth3">
          <li class=""><span class="flag"></span><a href="/network/globalNetwork/networkAsiaChina.do" data-pagecode="0201"><span class="over"><span class="txt_one">글로벌 네트워크</span></span><img src="/kor/img/common/img_navi_work_01.png" alt="" /></a></li>
         </ul>
        </li>
        <!--<li class="img_area">
         <p class="tit"><a href="#"><span class="work_02"><em class="none">사업영역</em></span></a></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/network/service/serviceIndex.do" data-pagecode="020201"><span class="over"><span class="txt_one">서비스 소개</span></span><img src="/kor/img/common/img_navi_work_02.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/service/buPersonalFn.do" data-pagecode="020202"><span class="over"><span class="txt_one">개인금융부문</span></span><img src="/kor/img/common/img_navi_work_03.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/service/buCorporateFn.do" data-pagecode="020203"><span class="over"><span class="txt_one">기업금융부문</span></span><img src="/kor/img/common/img_navi_work_04.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/service/buAssetFn.do" data-pagecode="020204"><span class="over"><span class="txt_one">자산관리부문</span></span><img src="/kor/img/common/img_navi_work_05.png" alt="" /></a></li>
         </ul>
        </li>-->
        <li class="img_area">
         <p class="tit"><a href="#"><span class="work_03"><em class="none">하나네트워크</em></span></a></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/network/hanaNetwork/networkIndex.do" data-pagecode="020301"><span class="over"><span class="txt_one">하나네트워크 소개</span></span><img src="/kor/img/common/img_navi_work_06.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/hanaNetwork/buHanafn.do" data-pagecode="020302"><span class="over"><span class="txt_one">하나금융지주</span></span><img src="/kor/img/common/img_navi_work_07.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/hanaNetwork/buKebhanabank.do" data-pagecode="020303"><span class="over"><span class="txt_one">KEB하나은행</span></span><img src="/kor/img/common/img_navi_work_21.png" alt="" /></a></li>
          <!--<li><span class="flag"></span><a href="/network/hanaNetwork/bukebbank.do" data-pagecode="020304"><span class="over"><span class="txt_one">외환은행</span></span><img src="/kor/img/common/img_navi_work_08.png" alt="" /></a></li>-->
          <li><span class="flag"></span><a href="/network/hanaNetwork/buDaetoo.do" data-pagecode="020305"><span class="over"><span class="txt_one">하나금융투자</span></span><img src="/kor/img/common/img_navi_work_09.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/hanaNetwork/buHanaCard.do" data-pagecode="020306"><span class="over"><span class="txt_one">하나카드</span></span><img src="/kor/img/common/img_navi_work_10.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/hanaNetwork/buHanacapital.do" data-pagecode="020307"><span class="over"><span class="txt_one">하나캐피탈</span></span><img src="/kor/img/common/img_navi_work_11.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/hanaNetwork/buHanalife.do" data-pagecode="020308"><span class="over"><span class="txt_one">하나생명</span></span><img src="/kor/img/common/img_navi_work_13.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/hanaNetwork/buHanasaving.do" data-pagecode="020309"><span class="over"><span class="txt_one">하나저축은행</span></span><img src="/kor/img/common/img_navi_work_14.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/hanaNetwork/buHanaTrust.do" data-pagecode="020310"><span class="over"><span class="txt_one">하나자산신탁</span></span><img src="/kor/img/common/img_navi_work_16.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/hanaNetwork/buKebfutures.do" data-pagecode="020311"><span class="over"><span class="txt_one">외환선물</span></span><img src="/kor/img/common/img_navi_work_15.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/hanaNetwork/buKebfni.do" data-pagecode="020312"><span class="over"><span class="txt_one">외환에프앤아이</span></span><img src="/kor/img/common/img_navi_work_12.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/hanaNetwork/buKebfund.do" data-pagecode="020313"><span class="over"><span class="txt_one">외환펀드 서비스</span></span><img src="/kor/img/common/img_navi_work_18.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/buHana-AssetManagement.do" data-pagecode="020314"><span class="over"><span class="txt_one">하나자산운용</span></span><img src="/kor/img/common/img_navi_work_17.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/hanaNetwork/buHanains.do" data-pagecode="020315"><span class="over"><span class="txt_one">하나아이앤에스</span></span><img src="/kor/img/common/img_navi_work_19.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/network/hanaNetwork/listBuHanariList.do" data-pagecode="020316"><span class="over"><span class="txt_one">하나금융경영연구소</span></span><img src="/kor/img/common/img_navi_work_20.png" alt="" /></a></li>
         </ul>
        </li>
       </ul>

       <div class="navi_page">
        <a href="#"><span class="none">금융네트워크 메뉴목록1</span></a>
        <a href="#"><span class="none">금융네트워크 메뉴목록2</span></a>
        <a href="#"><span class="none">금융네트워크 메뉴목록3</span></a>
        <a href="#"><span class="none">금융네트워크 메뉴목록4</span></a>
       </div>
      </div>
      <!-- //이미지형 -->
     </div>
    </li>
    <li class="ir">
     <a href="/ir/irIndex.do" data-pagecode="0301" class="link ui_dropmenu"><span class="none">IR정보</span></a>
     <div class="lnb_layer clfix" style="display:none;">
      <p class="txt_wrap"><img src="/kor/img/common/txt_gnb_ir.png" alt="하나금융그룹의 건강하고 투명한 재무정보" /></p>
      <ul class="btn_sort">
       <li class="list_type on"><a href="#"><span class="none">리스트형</span></a></li>
       <li class="img_type"><a href="#"><span class="none">이미지형</span></a></li>
      </ul>

      <div class="depth2_list">
       <ul class="depth2_ir clfix">
        <li class="ir_area ir1">
         <p class="tit_01"><a href="/ir/presentationsList.do" data-pagecode="0302"><span class="ir_01"><em class="none">IR 행사 & 프리젠테이션</em></span></a></p>
        </li>
        <li class="ir_area ir2">
         <p class="tit"><a href="/ir/financial/summary/importantDetail.do"><span class="ir_02"><em class="none">IR 자료실</em></span></a></p>
         <ul class="depth3_ir">
          <li class=""><a href="/ir/financial/summary/importantDetail.do" data-pagecode="030301" class="depth3"><span class="irdata_01"><em class="none">요약재무제표</em></span></a></li>
          <li><a href="/ir/financial/statements/balanceDetail.do" data-pagecode="030302" class="depth3"><span class="irdata_02"><em class="none">재무제표</em></span></a></li>
          <li><a href="/ir/financial/report/reportList.do" data-pagecode="030303" class="depth3"><span class="irdata_03"><em class="none">재무보고서</em></span></a></li>
          <li><a href="/ir/financial/databookDetail.do" data-pagecode="030304" class="depth3"><span class="irdata_04"><em class="none">IR DATABOOK</em></span></a></li>
         </ul>
        </li>
        <li class="ir_area ir3">
         <p class="tit_03"><a href="/ir/financial/annualReportList.do" data-pagecode="0304"><span class="ir_03"><em class="none">ANNUAL REPORT</em></span></a></p>
        </li>
        <li class="ir_area ir4">
         <p class="tit"><a href="/ir/disclosure/businessList.do"><span class="ir_04"><em class="none">공시정보</em></span></a></p>
         <ul class="depth3_ir">
          <li class=""><a href="/ir/disclosure/businessList.do" data-pagecode="030501" class="depth3"><span class="public_01"><em class="none">기업공시</em></span></a></li>
          <li><a href="/ir/disclosure/managementList.do" data-pagecode="030502" class="depth3"><span class="public_02"><em class="none">경영공시</em></span></a></li>
         </ul>
        </li>
        <li class="ir_area ir5">
         <p class="tit_05"><a href="/ir/irStockInfo01.do" data-pagecode="0306"><span class="ir_05"><em class="none">주가정보</em></span></a></p>
        </li>
        <li class="ir_area ir6">
         <p class="tit_06"><a href="/ir/creditratingList01.do" data-pagecode="0307"><span class="ir_06"><em class="none">신용펑가등급</em></span></a></p>
        </li>
        <li class="ir_area ir7">
         <p class="tit_07"><a href="/ir/accounting/transparency/transparencyList01.do" data-pagecode="0308"><span class="ir_07"><em class="none">회계투명성</em></span></a></p>
        </li>
        <!--
        <li class="ir_area">
         <p class="tit_07"><a href="/ir/activity/irScheduleList.do" data-pagecode="0309"><span class="ir_07"><em class="none">IR 일정</em></span></a></p>
        </li>
        -->
       </ul>
      </div>


      <!-- 이미지형 -->
      <div class="deapth2_img" style="display:none;">
       <ul class="depth2_ir img_type clfix">
        <li class="img_area">
         <p class="tit_01 etc"><span class="ir_00"></span></p>
         <ul class="depth3">
          <li class=""><span class="flag"></span><a href="/ir/irIndex.do" data-pagecode="0301"><span class="over"><span class="txt_one">Investor Relations</span></span><img src="/kor/img/common/img_navi_ir_00.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_01 etc"><span class="ir_01"></span></p>
         <ul class="depth3">
          <li class=""><span class="flag"></span><a href="/ir/presentationsList.do" data-pagecode="0302"><span class="over"><span class="txt_one">IR 행사 & 프리젠테이션</span></span><img src="/kor/img/common/img_navi_ir_01.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit"><span class="ir_02"><em class="none">IR 자료실</em></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/ir/financial/summary/importantDetail.do" data-pagecode="030301"><span class="over"><span class="txt_one">요약재무제표</span></span><img src="/kor/img/common/img_navi_ir_02.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/ir/financial/statements/balanceDetail.do" data-pagecode="030302"><span class="over"><span class="txt_one">재무제표</span></span><img src="/kor/img/common/img_navi_ir_03.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/ir/financial/report/reportList.do" data-pagecode="030303"><span class="over"><span class="txt_one">재무보고서</span></span><img src="/kor/img/common/img_navi_ir_04.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/ir/financial/databookDetail.do" data-pagecode="030304"><span class="over"><span class="txt_one">IR DATABOOK</span></span><img src="/kor/img/common/img_navi_ir_05.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_03 etc"><span class="ir_03"></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/ir/irStockInfo01.do" data-pagecode="0304"><span class="over"><span class="txt_one">ANNUAL REPORT</span></span><img src="/kor/img/common/img_navi_ir_06.png" alt="" /></a></li>
         </ul>
        </li>

        <li class="img_area">
         <p class="tit"><span class="ir_04"><em class="none">공시정보</em></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/ir/disclosure/businessList.do" data-pagecode="030501"><span class="over"><span class="txt_one">기업공시</span></span><img src="/kor/img/common/img_navi_ir_07.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/ir/disclosure/managementList.do" data-pagecode="030502"><span class="over"><span class="txt_one">경영공시</span></span><img src="/kor/img/common/img_navi_ir_08.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_05 etc"><span class="ir_05"></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/ir/irStockInfo01.do" data-pagecode="0306"><span class="over"><span class="txt_one">주가정보</span></span><img src="/kor/img/common/img_navi_ir_09.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_06 etc"><span class="ir_06"></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/ir/creditratingList01.do" data-pagecode="0307"><span class="over"><span class="txt_one">신용평가등급</span></span><img src="/kor/img/common/img_navi_ir_10.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_07 etc"><span class="ir_07"></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/ir/accounting/transparency/transparencyList01.do" data-pagecode="0308"><span class="over"><span class="txt_one">회계투명성</span></span><img src="/kor/img/common/img_navi_ir_11.png" alt="" /></a></li>
         </ul>
        </li>
        <!--
        <li class="img_area">
         <p class="tit_07 etc"><span class="ir_07"></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/ir/activity/irScheduleList.do" data-pagecode="0309"><span class="over"><span class="txt_one">IR 일정</span></span><img src="/kor/img/common/img_navi_ir_11.png" alt="" /></a></li>
         </ul>
        </li>
         -->
       </ul>

       <div class="navi_page">
        <a href="#"><span class="none">IR정보 메뉴목록1</span></a>
        <a href="#"><span class="none">IR정보 메뉴목록2</span></a>
        <a href="#"><span class="none">IR정보 메뉴목록3</span></a>
       </div>
      </div>
     </div>
    </li>
    <li class="pr">
     <a href="/pr/prIndex.do" data-pagecode="06" class="link ui_dropmenu"><span class="none">PR센터</span></a>
     <div class="lnb_layer clfix" style="display:none;">

      <p class="txt_wrap"><img src="/kor/img/common/txt_gnb_pr.png" alt="하나금융그룹이 전하는 행복한 소식" /></p>

      <ul class="btn_sort">
       <li class="list_type on"><a href="#"><span class="none">리스트형</span></a></li>
       <li class="img_type"><a href="#"><span class="none">이미지형</span></a></li>
      </ul>
      <div class="depth2_list">
       <ul class="depth2_pr clfix">
        <!--<li class="pr_area">
         <p class="tit_01"><a href="/pr/prIndex.do" data-pagecode="0601"><span class="pr_01"><em class="none">PR OVERVIEW</em></span></a></p>
        </li>-->
        <li class="pr_area pl185">
         <p class="tit_02"><a href="/pr/news/newsList.do" data-pagecode="0602"><span class="pr_02"><em class="none">NEWS</em></span></a></p>
         <ul class="depth3_pr">
          <li><a href="/pr/news/newsList.do" data-pagecode="060201" class="depth3"><span class="pr_03"><em class="none">하나뉴스</em></span></a></li>
          <li><a href="/pr/sketchList.do" class="depth3"  data-pagecode="060202"><span class="pr_05"><em class="none">사회공헌소식</em></span></a></li>
         </ul>
        </li>
        <li class="pr_area">
         <p class="tit_03"><a href="/pr/focusVideoList.do" data-pagecode="0603"><span class="pr_03"><em class="none">현장스케치</em></span></a></p>
        </li>
        <li class="pr_area">
         <p class="tit_05"><a href="/pr/tvCfList.do" data-pagecode="0605"><span class="pr_05"><em class="none">광고</em></span></a></p>
        </li>
        <li class="pr_area">
         <p class="tit_06"><a href="/pr/supportMain.do"><span class="pr_06"><em class="none">스포츠 스폰서십</em></span></a></p>
         <ul class="depth3_pr">
          <li class=""><a href="/pr/supportMain.do" data-pagecode="060601" class="depth3"><span class="spon_01"><em class="none">LPGA KEB하나은행 챔피언십</em></span></a></li>
          <li><a href="/pr/sponsorshipProGolf01.do" data-pagecode="060602" class="depth3"><span class="spon_02"><em class="none">프로골프 선수단</em></span></a></li>
          <li><a href="/pr/sponsorshipBasketball.do" data-pagecode="060603" class="depth3"><span class="spon_03"><em class="none">하나외환 여자농구단 소개</em></span></a></li>
          <!--<li><a href="/pr/sponsor/sponsorList.do"  data-pagecode="060604" class="depth3"><span class="spon_04"><em class="none">하나외환 여자농구단 소식</em></span></a></li>-->
          <li><a href="/pr/sponsorshipSoccer.do" data-pagecode="060605" class="depth3"><span class="spon_05"><em class="none">한국축구국가대표팀</em></span></a></li>
         </ul>
        </li>
       </ul>
      </div>

      <!-- 이미지형 -->
      <div class="deapth2_img" style="display:none;">
       <ul class="depth2_pr img_type clfix">
        <li class="img_area">
         <p class="tit_01 etc"><span class="pr_01"></span></p>
         <ul class="depth3">
          <li class=""><span class="flag"></span><a href="/pr/prIndex.do" data-pagecode="0601"><span class="over"><span class="txt_one">PR OVERVIEW</span></span><img src="/kor/img/common/img_navi_pr_01.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_02 etc"><span class="pr_02"></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/pr/news/newsList.do" data-pagecode="060201"><span class="over"><span class="txt_one">하나뉴스</span></span><img src="/kor/img/common/img_navi_pr_02.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/pr/sketchList.do" data-pagecode="060202"><span class="over"><span class="txt_one">사회공헌 소식</span></span><img src="/kor/img/common/img_navi_pr_04.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_03 etc"><span class="pr_03"><em class="none">현장스케치</em></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/pr/focusVideoList.do" data-pagecode="0603"><span class="over"><span class="txt_one">현장스케치</span></span><img src="/kor/img/common/img_navi_pr_03.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_05 etc"><span class="pr_05"><em class="none">광고</em></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/pr/tvCfList.do" data-pagecode="0605"><span class="over"><span class="txt_one">광고</span></span><img src="/kor/img/common/img_navi_pr_05.png" alt="" /></a></li>
         </ul>
        </li>
        <li class="img_area">
         <p class="tit_06 etc"><span class="pr_06"><em class="none">스포츠 스폰서십</em></span></p>
         <ul class="depth3">
          <li><span class="flag"></span><a href="/pr/supportMain.do" data-pagecode="060601"><span class="over"><span class="txt_two">LPGA KEB하나은행<br />챔피언십</span></span><img src="/kor/img/common/img_navi_pr_06.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/pr/sponsorshipProGolf01.do" data-pagecode="060602"><span class="over"><span class="txt_one">프로골프 선수단</span></span><img src="/kor/img/common/img_navi_pr_09.png" alt="" /></a></li>
          <li><span class="flag"></span><a href="/pr/sponsorshipBasketball.do" data-pagecode="060603"><span class="over"><span class="txt_two">하나외환 여자농구단 소개</span></span><img src="/kor/img/common/img_navi_pr_07.png" alt="" /></a></li>
          <!--<li><span class="flag"></span><a href="/pr/sponsor/sponsorList.do" data-pagecode="060604"><span class="over"><span class="txt_two">하나외환 여자농구단 소식</span></span><img src="/kor/img/common/img_navi_pr_11.png" alt="" /></a></li>-->
          <li><span class="flag"></span><a href="/pr/sponsorshipSoccer.do" data-pagecode="060605"><span class="over"><span class="txt_one">한국축구국가대표팀</span></span><img src="/kor/img/common/img_navi_pr_10.png" alt="" /></a></li>
         </ul>
        </li>
       </ul>

       <div class="navi_page">
        <a href="#"><span class="none">PR센터 메뉴목록1</span></a>
        <a href="#"><span class="none">PR센터 메뉴목록2</span></a>
       </div>
      </div>
      <!-- //이미지형 -->
     </div>
    </li>
   </ul>
  </div>
 </div>

 <!-- location -->
 <div id="location_wrap">
  <div class="location_bar">
   <ul class="location_wrap clfix">
    <li>
     <span class="menu_txt">그룹소개</span>
     <a href="#" class="more"><span class="none">전체메뉴 보기</span></a>

     <div class="menu_layer" style="display:none;">
      <span class="bg_line"></span>
      <ul>
       <li><a href="/info/aboutus.do" data-pagecode="01">그룹소개</a></li>
       <li><a href="/csr/hana/visionForCsr.do" data-pagecode="04">사회공헌</a></li>
       <li><a href="/people/seniorList.do" data-pagecode="05">인재/채용</a></li>
       <li><a href="/network/globalNetwork/networkAsiaChina.do" data-pagecode="02" >금융네트워크</a></li>
       <li><a href="/ir/irIndex.do" data-pagecode="03">IR정보</a></li>
       <li><a href="/pr/prIndex.do" data-pagecode="06">PR센터</a></li>
      </ul>
     </div>
    </li>


    <li>
     <span class="menu_txt">하나금융그룹 소개</span>
     <a href="#" class="more"><span class="none">그룹소개 전체메뉴 보기</span></a>

     <div class="menu_layer" style="display:none;">
      <span class="bg_line"></span>
      <ul>

       <li><a href="/info/aboutus.do"  data-pagecode="0101">하나금융그룹 소개</a></li>

       <li><a href="/info/cultureVideo/happyFinance.do"  data-pagecode="0102">행복한 금융</a></li>

      </ul>
     </div>
    </li>

    <li>
     <span class="menu_txt">CEO 소개</span>
     <a href="#" class="more"><span class="none">하나금융그룹 소개 전체메뉴 보기</span></a>

     <div class="menu_layer" style="display:none;">
      <span class="bg_line"></span>
      <ul>

       <li><a href="/info/aboutus.do"  data-pagecode="010101">하나금융그룹</a></li>

       <li><a href="/info/aboutus/ceoGreeting.do"  data-pagecode="010102">CEO 소개</a></li>

       <li><a href="/info/aboutus/vision.do"  data-pagecode="010103">비전과 미션</a></li>

       <li><a href="/info/cultureVideo/hanaHonestyList.do"  data-pagecode="010104">하나인의 정직</a></li>

       <li><a href="/info/cultureVideo/hanaValueList.do"  data-pagecode="010105">핵심가치</a></li>

       <li><a href="/info/aboutus/ethics.do"  data-pagecode="010106">윤리강령</a></li>

       <li><a href="/info/aboutus/history.do"  data-pagecode="010107">연혁</a></li>

      </ul>
     </div>
    </li>

    <li>
     <span class="menu_txt">CEO 인사말</span>
     <a href="#" class="more"><span class="none">CEO 소개 전체메뉴 보기</span></a>

     <div class="menu_layer" style="display:none;">
      <span class="bg_line"></span>
      <ul>

       <li><a href="/info/aboutus/ceoGreeting.do"  data-pagecode="01010201">CEO 인사말</a></li>

       <li><a href="/info/aboutus/ceoMind.do"  data-pagecode="01010202">경영철학</a></li>

       <li><a href="/info/governance/ceoMessageList.do"  data-pagecode="01010203">경영활동</a></li>

      </ul>
     </div>
    </li>

   </ul>
  </div>
 </div>

</body>
</html>

2015.09.11.

  • 채택

    질문자가 채택한 답변입니다.

웹개발자님의 엑스퍼트 상품
답변자에게 더 자세한 맞춤 상담하고 싶다면 엑스퍼트를 이용해보세요!
바로가기
도움이 되었다면 UP 눌러주세요!
UP이 많은 답변일수록 사용자들에게 더 많이 노출됩니다.