<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.5,minimum-scale=1.0,user-scalable=yes;">
    <meta name="author" content="http://www.wooripe.co.kr" />
    <meta name="keywords" content="우리PE자산운용, 우리PE, 우리프라이빗에퀴티, 우리프라이빗에퀴티자산운용"/>
    <meta name="title" content="우리PE자산운용, 우리PE, 우리프라이빗에퀴티, 우리프라이빗에퀴티자산운용"/>
    <meta name="description" content="오늘의 혁신으로 내일의 가치를 만드는 우리PE자산운용 공식 사이트입니다"  />
    <meta name="naver-site-verification" content="37534960b2e856514f9b3b6e7fd4e52b74380b71" />
    <title>우리PE자산운용</title>
    <link rel="canonical" href="http://www.wooripe.co.kr/main.html">

	<link rel="shortcut icon" href="/images/icon/favicon.ico" type="image/x-icon">
	<link rel="icon" href="/images/icon/favicon.ico" type="image/x-icon">
  
	<link rel="stylesheet" href="/css/common.css">		
	<link rel="stylesheet" href="/css/fullpage.min.css">  
	<link rel="stylesheet" href="/css/contents.css">
	<link rel="preload" as="image" href="/images/main/main_popup.png">

    <script src="/js/jquery-1.12.4.min.js"></script>
	<script src="/js/slick.min.js"></script>
	<script src="/js/fullpage.scrollHorizontally.min.js"></script>
	<script src="/js/fullpage.extensions.min.js"></script>
	<script src="/js/common_ui.js"></script>	
	<script>
	
	/* 숫자 올라가는 효과 */
	function numberCounter(tagId, start, number) {

		  //interval
		  var term = 20;
		  if(start == 0) {
			  term = 100;
		  }
	    var setInvId = setInterval(anicounter, term);

	    function anicounter() {
	    	start++;
	      if (start > number) {
	        clearInterval(setInvId);
	      } else {
	        $(tagId).text(start.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','));
	      }
	    }	    
	}
	
	//start value
	function term(number) {
		  var start = 0;
		  if(number < 50) {
			  start = 0;
		  }
		  else if(number < 100) {
			  start = number - 10;
		  }
		  else  {
			  start = number - 100;
		  }
		  
		  return start;
	}

	
	/*<![CDATA[*/
	var result1 = "50847";
	var result2 = "32";
	var result3 = "28";
	var result4 = "30";
	var result5 = "3766";
	var lang = "kor";
	/*]]>*/
	
	result1 = result1.replace(/,/gi, "");
	result2 = result2.replace(/,/gi, "");
	result3 = result3.replace(/,/gi, "");
	result4 = result4.replace(/,/gi, "");
	result5 = result5.replace(/,/gi, "");
</script>

<script>
	// Modalless popup implementation
	document.addEventListener('DOMContentLoaded', function () {
		console.log('Loading modalless popup...');
		var iframe = document.createElement('iframe');
		iframe.src = '/popup/mainPopup.html';
		iframe.className = 'main-popup-frame';

		iframe.onerror = function () {
			console.error('Failed to load modalless popup');
		};

		document.body.appendChild(iframe);

		window.closeMainPopup = function () {
			console.log('Closing modalless popup');
			iframe.remove();
			delete window.closeMainPopup;
		};
	});
</script>

</head>

<body>


<ul id="accessibility">
	<li><a href="#contents">본문 바로가기</a></li>
</ul>
<div id="wrap" class="main">

	<!-- header -->
  <header>
  		  
	<!-- header -->
    <div id="header">    	
		<div class="inner">
		
			<h1><a href="javascript:clickMenu('');"><img src="/images/common/logo_kor.png" alt="우리PE자산운용"></a></h1>	
		
		
			<div class="language">
				<a href="javascript:changeLanguage('kor')" id="kor">KO</a>
				<a href="javascript:changeLanguage('eng')" id="eng">EN</a>
			</div>
			<button type="button" class="all-menu">
	        	<em>전체메뉴</em>
	        	<span class="line-wrap">
					<span class="line"></span><span class="line"></span><span class="line"></span>
				</span>
			</button>
			
			<!-- aside nav -->
			<div class="aside-nav">
				<div class="aside-inner">
				
					<ul class="nav">
						<li>						
							<h2>About</h2>
							<ul class="submenu">
								<li>
								<a href="javascript:clickMenu(&#39;/about/strategy&#39;)">Strategy</a>
								</li>
								<li>
								<a href="javascript:clickMenu(&#39;/about/milestone&#39;)">Milestone</a>
								</li>
								<li>
								<a href="javascript:clickMenu(&#39;/about/business&#39;)">공시</a>
								</li> 
							</ul>
						</li>
						<li>						
							<h2>People</h2>
							<ul class="submenu">
								<li>
								<a href="javascript:clickMenu(&#39;/people/notice&#39;)">공지</a>
								</li> 
							</ul>
						</li>
						<li>						
							<h2>Portfolio</h2>
							<ul class="submenu">
								<li>
								<a href="javascript:clickMenu(&#39;/portfolio/pef&#39;)">기업투자</a>
								</li>
								<li>
								<a href="javascript:clickMenu(&#39;/portfolio/abc&#39;)">대체투자</a>
								</li> 
							</ul>
						</li>
						<li>						
							<h2>Responsible Investing</h2>
							<ul class="submenu">
								<li>
								<a href="javascript:clickMenu(&#39;/responsibleinvesting/esg&#39;)">ESG</a>
								</li>
								<li>
								<a href="javascript:clickMenu(&#39;/responsibleinvesting/stewardship&#39;)">스튜어드십코드</a>
								</li> 
							</ul>
						</li>
						<li>						
							<h2>Contact</h2>
							<ul class="submenu">
								<li>
								<a href="javascript:clickMenu(&#39;/contact/csound&#39;)">고객의 소리</a>
								</li> 
							</ul>
						</li>
					</ul>
					
					<div class="aside-footer">
						<a href="javascript:clickMenu('/about/value');">우리금융가치체계</a>					
						<a href="javascript:clickMenu('/private/private');">개인정보처리방침</a>     
						<a href="javascript:clickMenu('/private/information')">고객정보처리방침</a>     
						<a href="javascript:clickMenu('/private/media')">영상정보처리기기 운영·관리방침</a>
					</div>
				</div>
			</div>
			<!-- //aside nav -->
			
		</div>
	</div>
    <!-- //header -->
  </header>
  <!-- //header -->	

	<ul id="section-menu" class="section-menu">
		<li data-menuanchor="section1"><a href="#section1">section1</a></li>
	    <li data-menuanchor="section2"><a href="#section2">section2</a></li>
	    <li data-menuanchor="section3"><a href="#section3">section3</a></li>
	    <li data-menuanchor="section4"><a href="#section4">section4</a></li>
	    <li data-menuanchor="section5"><a href="#section5">section5</a></li>
	    <li data-menuanchor="section6"><a href="#section6">section6</a></li>
	    <li data-menuanchor="section7"><a href="#section7">section7</a></li>
	</ul>

	<div id="section-container">
		<div class="section main-visual">
		    <div class="slide slide1">
		    	<div class="logo">
						
							<img src="/images/main/main_logo_kor.png" alt="우리PE자산운용">
						
						
		    	</div>		    	
		        
		    </div>
		    </div>
		    <div class="section main-visual">
			    <div class="slide slide2">
			        <div class="state">
			        	<ul>
			        		<li>
			        			<div class="ico ico1"></div>
			        			<dl>
			        				<dt>누적 약정액(억원)</dt>
			        				<dd id="counter1"></dd>
			        			</dl>
			        		</li>
			        		<li>
			        			<div class="ico ico2"></div>
			        			<dl>
			        				<dt>운용중 펀드 수</dt>
			        				<dd id="counter2"></dd>
			        			</dl>
			        		</li>
			        		<li>
			        			<div class="ico ico3"></div>
			        			<dl>
			        				<dt>인력</dt>
			        				<dd id="counter3"></dd>
			        			</dl>
			        		</li>
			        		<li>
			        			<div class="ico ico4"></div>
			        			<dl>
			        				<dt>투자 포트폴리오 수</dt>
			        				<dd id="counter4"></dd>
			        			</dl>
			        		</li>
			        	</ul>
			        </div>
			    </div>
			</div>
			
			<div class="section main-about">
			    <div class="section-tit">
					<dl>
						<dt>About</dt>
						<dd><a href="/about/strategy" class="link">MORE VIEW</a></dd>
					</dl>
				</div>
			</div>
			<div class="section main-people">
			    <div class="section-tit">
					<dl>
						<dt>People</dt>
						<dd><a href="/people/notice" class="link">MORE VIEW</a></dd>
					</dl>
				</div>
			</div>
			<div class="section main-portfolio">
			    <div class="section-tit">
					<dl>
						<dt>Portfolio</dt>
						<dd><a href="/portfolio/pef" class="link">MORE VIEW</a></dd>
					</dl>
				</div>
			</div>
			<div class="section main-responsible">
			    <div class="section-tit">
					<dl>
						<dt>Responsible Investing</dt>
						<dd><a href="/responsibleinvesting/esg" class="link">MORE VIEW</a></dd>
					</dl>
				</div>
			</div>
			<div class="section main-contact">
			    <div class="section-tit">
					<dl>
						<dt>Contact</dt>
						<dd><a href="/contact/contactus" class="link">MORE VIEW</a></dd>
					</dl>
				</div>			
			</div>
		
		
		<!-- div class="section fp-auto-height">
			<footer th:replace="fragments/footer :: footerFragment"></footer>
		</div-->
	</div>

	<script type="text/javascript">
	jQuery(function($) {

		var interval;
		$('#section-container').fullpage({
			anchors: ['section1', 'section2', 'section3', 'section4', 'section5', 'section6', 'section7'],
			menu: '#section-menu',
			slidesNavigation: true,
			//scrollHorizontally: true,				
			continuousVertical: true,
			//scrollHorizontallyKey: 'YWx2YXJvdHJpZ28uY29tX01mU2MyTnliMnhzU0c5eWFYcHZiblJoYkd4NVNRcg==',
			afterSlideLoad: function(section, origin, destination, direction){
				console.log({
					section: section,
					origin: origin,
					destination: destination,
					direction: direction
				});
			},
			onSlideLeave: function(section, origin, destination, direction){
				console.log({
					section: section,
					origin: origin,
					destination: destination,
					direction: direction
				});
			},
			onLeave: function(origin, destination, direction){
				clearInterval(interval);
			},
			afterLoad: function (origin, destination, direction) {		
				
				/*<![CDATA[*/
				var eng = kor;
				/*]]>*/
				const lapse = 4000;		    
				interval = setInterval(function () {
				  fullpage_api.moveSectionDown();
				}, lapse);
				
				if(destination.anchor == "section2"){
					
					if(lang == "eng") {
						new numberCounter("#counter1", result1-30, result1);
					}else{
						new numberCounter("#counter1", result1-99, result1);
					}
					new numberCounter("#counter2", 0, result2);
					new numberCounter("#counter3", 0, result3);
					new numberCounter("#counter4", 0, result4);
				}
			}
		});
	});
	</script>

</div>
</body>

<script>
	if(lang == "eng") {
		result1 = result5;
	}
	var start1 = term(result1);
	var start2 = term(result2);
	var start3 = term(result3);
	var start4 = term(result4);
	
	new numberCounter("#counter1", start1, result1);
	new numberCounter("#counter2", start2, result2);
	new numberCounter("#counter3", start3, result3);
	new numberCounter("#counter4", start4, result4);
</script>

</html>
