<!-- 
		[변경 이력]
		
		번호                                      내용                                                                변경일자             변경자
		 1    kakaoTalk Init를 페이지 로딩시 되도록 처리하고 버튼 누르면 공유               2019.04.01        최의승
		 2    이용안내 버튼 추가                                                  2019.04.04        최의승
		 3    직원정보 태그 구조 변경                                              2019.04.04         최의승
		 4    카카오 공유 버튼 누를때 init 하도록 변경                                 2019.04.04         최의승
 --> 
<!DOCTYPE html> 
<html lang="kr"> 
 	<script src="../js/jquery-3.3.1.min.js?version=4" charset="UTF-8"></script> <!-- jQuery Core. -->
	<!-- <script src="../js/base64.js"></script>--> <!-- key 암호화 파일(AES 방식) -->
	<script src="../js/mbrch_core.js?version=4" charset="UTF-8"></script> 
	<!-- <script type="text/javascript">
		var coreJs = document.createElement("script");
		coreJs.src = "../js/mbrch_core.js?version="+new Date();
		
		document.head.appendChild(coreJs);
	</script> -->
	<head>
	  <!-- 카카오톡에서 공유버튼시 클릭하는 이미지 정보 셋팅 -->
 	  <meta property="og:type" content="website">
	  <meta property="og:url"  content="linkUrl">
	  <meta property="og:title" content="신한은행 모바일 브랜치">
	  <meta property="og:description" content="신한은행 모바일 브랜치 입니다.">
	  <meta property="og:image"  content="https://img.shinhan.com/rib2017/images/mbrch/images/mbrch_kakao.png"> 
		<meta http-equiv="Expires" content="Mon, 06 Jan 1990 00:00:01 GMT">
		<meta http-equiv="Expires" content="-1"> 
		<meta http-equiv="Cache-Control" content="no-cache">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="content-type" content="text/html;" charset="utf-8">
	  <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=0, user-scalable=yes, target-densitydpi=medium-dpi">
	  
	  <!-- 카카오톡에서 공유버튼시 클릭하는 이미지 정보 셋팅 -->
<!-- 	  <meta property="og:type" content="website">
	  <meta property="og:url"  content="linkUrl">
	  <meta property="og:title" content="신한은행 모바일 브랜치">
	  <meta property="og:description" content="신한은행 모바일 브랜치 입니다.">
	  <meta property="og:image"  content="https://img.shinhan.com/rib2017/images/mbrch/images/mbrch_kakaoBanner.png"> 
-->	  
	  
	  
		<title>신한은행 모바일 브랜치</title> 
		   
		<link rel="stylesheet" type="text/css" href="../css/mbrch.css?version=3"></link>				
		<!--<script>
			var style = document.createElement("link"); 
			style.rel = "stylesheet"; 
			style.type = "text/css";
			style.href = "../css/mbrch.css?version="+new Date();  // 권유직원번호 넣으세요.. 
			    
			document.head.appendChild(style);		
		</script>-->		
	</head> 
	<body style="opacity : 0;">  
		<div id="wrap">
		    <!-- 상단헤더 --> 
		    <div class="header"> 
		        <a href="https://m.shinhan.com" class="logo">신한은행</a>
		        <span class="site_title">  
		            <h1>모바일 브랜치</h1>
		            <p>Mobile Branch</p>
		        </span> 
						<!-- 2019.04.04 이용안내 버튼 추가  -->   
		        <a onclick="mbrchEvent.isTutorial('show');" class="info">이용안내</a>
		    </div>
		    <!-- 영업점 배경영역 -->
		    <div class="sh_branch"> 
		        <div class="screen_black"></div>      
		        
		         <div class="intro">
	              <p>반갑습니다.</p> 
<!--					  <p>신한은행 <strong>서울서부지방법원등기국(출)</strong>입니다.</p> -->
								<p>신한은행 <strong id="branchNm"></strong>입니다.</p>		                
	              <span class="sns">
	               	<!-- 2019.04.04 카카오 공유 버튼 누를때 init 하도록 변경 -->
									<a onclick="mbrchEvent.kakaoTalkInit();">카톡공유하기</a><!-- 깨톡 -->
	              </span> 
		            <div class="btn">
<!-- 		             <a href="#"><span class="ico map"></span>지점정보</a> -->
<!-- 		             <span class="sep"></span> -->
<!-- 		             <a href="#"><span class="ico call"></span>대표전화</a> -->
		            </div>
		         </div>
		    </div>
		    
		    <!-- 담당직원연결 --> 
		    
		    <div class="sh_staff"> 
		<!-- 2019.04.04 직원정보 태그 구조 변경 -->
		        <div class="staff"><!-- 담당직원 : 부지점장 겸 Retail RM 한석환 --></div>
		        <div class="call">
		<!--        <a href="#">전화로 문의</a> -->
		<!--        <a href="#">문자로 문의</a> -->
		        </div>
		    </div> 
		    
		
		    <!-- 우리지점 추천상품 -->
		    <article class="product"> 
		        <div class="title">
		            <span class="title_area">
		                <span class="title_ico"></span><h2>우리지점 추천상품</h2>
		            </span>
		            <span class="more2">더보기 ></span> 
		        </div>
		        <ul class="product_list">
<!-- 		            <li> -->
<!-- 		                <div> -->
<!-- 		                  <a> -->
<!-- 		                    <span class="subtext">통장, 체크카드를<br>동시에!</span> -->
<!-- 		                    <strong> <span class="title">통장+카드</span></strong> -->
<!-- 		                  </a> -->
<!-- 		                </div> -->
<!-- 		            </li> -->
<!-- 		            <li>  -->
<!-- 		                <div> -->
<!-- 		                  <a> -->
<!-- 		                    <span class="subtext">온국민 필수 아이템!<br>마이홈플랜</span> -->
<!-- 		                      <strong> <span class="title">서울시 공무원을 주택청약종합저축</span></strong> -->
<!-- 		                  </a>  -->
<!-- 		                </div> -->
<!-- 		            </li> -->
<!-- 		            <li> -->
<!-- 		                <div> -->
<!-- 		                  <a> -->
<!-- 		                    <span class="subtext">내게 꼭 맞는<br>맞춤상품 추천!</span> -->
<!-- 		                      <strong><span class="title">직장인 신용대출</span></strong> -->
<!-- 		                  </a> -->
<!-- 		                </div> -->
<!-- 		            </li> -->
<!-- 		            <li> -->
<!-- 		                <div> --> 
<!--                   <a href="#" class="list2"> -->
<!--                      <span class="subtext"> -->
<!--                          <span class="subtext3"> 더보기 +</span> -->
<!--                      </span> -->
<!--                   </a>  -->
<!-- 		                </div> -->
<!-- 		            </li> -->
		        </ul>
		    </article>
		    
		    <!-- 움직이는 배너영역 -->
		    <div class="banner">
		        <ul class="bgroup">
<!-- 		            <li><img src="images/banner1.png"></li> -->
<!-- 		            <li style="display: none"><img src="images/banner1.png"></li> -->
		        </ul>
		        <div class="swiper_pagination"><!-- pagination -->
<!-- 		            <span class="on">1</span> -->
<!-- 		            <span>2</span> -->
<!-- 		            <span>3</span> -->
<!-- 		            <span>4</span> -->
		        </div>
		    </div>
		    <!-- 움직이는 배너영역 -->
		    <div class="qlink">
		        <ul>                               
		            <li>
		                <a onclick="mbrchEvent.goEvent('link1');">
		                    <span class="link link1"></span>
		                    <span>신한<br>SOL뱅크</span>
		                </a>
		            </li>
		            <li>
		                <a onclick="mbrchEvent.goEvent('link2');">
		                    <span class="link link2"></span>
		                    <span>챗봇<br>상담하기</span>
		                </a>
		            </li>           
		            <li>
		                <a onclick="mbrchEvent.goEvent('link3');">
		                    <span class="link link3"></span>
		                    <span>신한<br>쏠야구</span>
		                </a>
		            </li> 
		            <li>
		                <a onclick="mbrchEvent.goEvent('link4');">
		                    <span class="link link4"></span>
		                    <span>차 살때는<br>마이카 대출</span>
		                </a>
		            </li>              
		        </ul>
		    </div>
			  <!-- 공지사항 -->    
		    <div class="sh_notice"> 
		        <h2><span class="title_ico"></span> <p class="title">우리지점 공지사항</p></h2>
		        <ul>
<!-- 		            <li>우리지점 바쁜날 : 매월 10일, 21일, 말일</li> -->
<!-- 		            <li>전세대출 문의는 김신한 주임 (02-3145-1234)에게 전화부탁드려요 </li> -->
<!-- 		            <li>펀드 가입 고객님 대상 이벤트 진행 중입니다. 자세한 내용은 강만수 (02-3145-5678) 대리에게 문의주세요</li> -->
<!-- 		            <li>APW 임직원 전용대출 신청 시 준비서류 안내 <br> - 재직증명서, 근로소득원천징수영수증, 신분증, 주민등록등</li> -->
		        </ul>
		    </div>
		     
				<div class="tutorial">
        	<h1>모바일 브랜치 이용안내</h1>
	        <span class="close">
	          <a class="close_btn" onclick="mbrchEvent.isTutorial('hide');">닫기</a>
	        </span>

	        <div class="sec">
	            <h3>상품 가입을 위해 미리 확인해주세요.</h3>
	            <div class="box1">
	                <div class="part1">
	                    <img src="../images/info_id.png" width="65" height="43" alt="주민등록증 아이콘">
	                    <p>주민등록증 또는<br>운전면허증</p>
	                </div>
	                <span class="h_line"></span>
	                <div class="part1">
	                    <img src="../images/info_phone.png" width="40" height="62" alt="스마트폰 아이콘">
	                    <p>본인<br>명의 스마트폰</p>
	                </div>             
	            </div>
	        		<p class="txt1">외국인 및 만14세 미만 고객님은 상품가입이 어렵습니다.</p>    
	        </div>
       
	        <div class="sec">
	         <h3>입출금 통장 + 체크카드 동시 가입 방법, <br>3분이면 ok!!</h3>
	            <div class="box1">
	                <div class="ico_area mt10">
	                    <span class="ico ico1"></span>
	                </div>
	                <dl class="step">
	                    <dt>고객정보 / 신청정보 입력</dt>
	                    <dd>01. 고객정보 입력</dd>
	                    <dd>02. 통장 및 카드 신청정보 입력</dd>
	                    <dd>03. 약관동의</dd>
	                </dl>           
	            </div>
	            <span class="arrow_ico"></span>
	            <div class="box1">
	                <div class="ico_area mt10">
	                    <span class="ico ico2"></span>
	                </div>
	                <dl class="step">
	                    <dt>실명인증</dt>
	                    <dd>01. 휴대폰 본인 인증</dd>
	                    <dd>02. 실명확인(신분증 촬영 등)</dd>
	                    <dd>03. 비밀번호 입력</dd>
	                </dl>           
	            </div>             
	        </div>
              
	        <div class="sec">
	         <h3>간편하게 대출한도 조회하고, <br>SOL에서 간편하게 신청하세요!</h3>
	            <div class="box1">
	                <div class="ico_area">
	                    <span class="ico ico3"></span>
	                </div>
	                <dl class="step">
	                    <dt>대출한도조회</dt>
	                    <dd>
	                        <p>휴대폰 본인인증 후 예상 대출한도 확인</p>
	                        <p>(직장인신용대출S, 쏠편한 마이카 대출)</p>
	                    </dd>
	                </dl>           
	            </div>
	            <span class="arrow_ico"></span>
	            <div class="box1">
	                <div class="ico_area">
	                    <span class="ico ico4"></span>
	                </div>
	                <dl class="step">
	                    <dt>대출신청/실행</dt>
	                    <dd>
	                        <p>신한 모바일 앱 (SOL)에서 신청 후 실행</p>
	                        <p>(공인인증서 설치 필수)</p>
	                    </dd>
	                </dl>           
	            </div>             
	        </div>  
        
	       	<div class="sec">
	         		<h3>다른 금융상담은 영업점 직원에게 직접 문의해보세요. <br>친절하게 상담해드리겠습니다!</h3>
	            <div class="box2">
	                <div class="part3">
	                    <div class="ico_area2">
	                        <span class="ico ico5"></span>
	                    </div>
	                    <dl class="step mt3">
	                        <dt>문자로 문의</dt>
	                        <dd>
	                            <p>직원 휴대폰으로 문자 메시지로 상담요청</p>
	                        </dd>
	                    </dl>     
	                </div>
	                <div class="part3">
	                    <div class="ico_area2">
	                        <span class="ico ico6"></span>
	                    </div>
	                    <dl class="step mt3">
	                        <dt>전화로 문의</dt>
	                        <dd>
	                            <p>직원 직통전화로 직접 전화하기</p>
	                        </dd>
	                    </dl> 
	                </div>           
	            </div>
	            <p class="txt1">※ 영업점 직원에 따라 문의 방법이 다를 수 있습니다.</p>  
	        </div>          
   			 </div>       
	    </div>
		</div>  
	</body> 
	
  <!-- 영업점 이미지 modal창 -->
	<div class="modal" id="imgViewModal" tabindex="-1">
		<div class="modal-body">
			<div class="imgTop"></div>
			<div class="imgBody"></div>
			<div class="imgBottom"></div>
		</div> 
	</div>
	<div class="modal-overlay">    
	</div>   
</html>