<!DOCTYPE html>
<html lang="ko" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <link rel="icon" type="image/png" sizes="32x32" href="./image/favicon_d.jpg" />
        <link rel="icon" type="image/png" sizes="16x16" href="./image/favicon_d.jpg" />
        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
        <meta http-equiv="Expires" content="0">
        <meta http-equiv="Pragma" content="no-cache">
        <title>Build Drive</title>
		
		
	        <link rel="stylesheet" href="./css/common/reset.css" />
	        <link rel="stylesheet" href="./css/common/fonts.css" />
	        <link rel="stylesheet" href="./css/common/jquery.contextMenu.css" />
	        <link rel="stylesheet" href="./css/lib/toastr.min.css" />
	        <link rel="stylesheet" href="./css/lib/jstree/style.min.css" />
	        <link rel="stylesheet" href="./css/lib/all.min.css" />
	        <link rel="stylesheet" href="./css/main.min.css?v4" />
	        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        
        <style>
        	.ser_none {
        		height: 70px !important;
        	}
        	.ser_none:after {
        		top: 69px !important;
        	}
        </style>
        <script src="./js/lib/jquery-2.2.4.min.js"></script>
        <script>

			// IE Brower로 접속시 Edge Brower로 실행 & 안내 페이지 이동
			var agent = navigator.userAgent.toLowerCase();
			if((navigator.appName == "Netscape" && navigator.userAgent.search("Trident") != -1) || (agent.indexOf("msie") != -1)){
				// Edge 브라우저 실행
				url = "https://www.build-data.co.kr";
				window.location = 'microsoft-edge:' + url;
				
				// 안내 페이지로 이동(지원안하는 페이지)
				setTimeout(function(){
					location.href = "https://www.build-data.co.kr/browserSupport";
				}, 1);
			}
			
			console.log('');
    	    console.log('[1] drive.build-data.co.kr index.html 실행');
	    
			var url = window.location.href;	
			var loginURL = 'https://www.build-data.co.kr/login';
			var restUrl = 'https://drive.build-data.co.kr';
			var buildSsoUrl = 'https://www.build-data.co.kr';
			var cookieDomain = '.build-data.co.kr';
			
			if(url.indexOf('https://drive.builddata.co.kr') > -1){
				loginURL = 'https://dev.builddata.co.kr/login';
				restUrl = 'https://drive.builddata.co.kr';
				buildSsoUrl = 'https://dev.builddata.co.kr';
				cookieDomain='.builddata.co.kr';
			}else if(url.indexOf('localhost') > -1){
				loginURL = 'http://localhost:8390/login';
				restUrl = 'http://localhost:8280';
				buildSsoUrl = 'http://localhost:8390';
				cookieDomain= 'localhost';
			}else{
				loginURL = 'https://www.build-data.co.kr/login';
				restUrl = 'https://drive.build-data.co.kr';
				buildSsoUrl = 'https://www.build-data.co.kr';
				cookieDomain='.build-data.co.kr';
			}
        	
	        function getCookie(cookieName) {
				cookieName = cookieName + '=';
				var cookieData = document.cookie;
				var start = cookieData.indexOf(cookieName);
				var cookieValue = '';
				if (start != -1) {
					start += cookieName.length;
					var end = cookieData.indexOf(';', start);
					if (end == -1) end = cookieData.length;
					cookieValue = cookieData.substring(start, end);
				}
				return unescape(cookieValue);
	        }
	        
	        function deleteCookie(cookieName) {
			    var expireDate = new Date();
			    expireDate.setDate(expireDate.getDate() - 1);
			    document.cookie = cookieName + '= ' + '; expires=' + expireDate.toGMTString() + '; domain='+cookieDomain+'; path=/;';
			}
			
			/*
			// 공사중 페이지 이동
			if (mode == 1) {	// 운영서버인 경우
				// 공사중 페이지로 이동 - 쿠키에 로그인 정보가 없을 경우
				if (typeof this.getCookie("user_id") == 'undefined' || this.getCookie("user_id") == null || this.getCookie("user_id") == '') {
					location.href = restUrl + "/d.html";
				
				// 공사중 페이지로 이동 - 접속 권한이 없는 계정일 경우 
				} else if (this.getCookie("user_id") != 'wips2002033' && this.getCookie("user_id") != 'wips2005062' && this.getCookie("user_id") != 'wips2021009'		
				  && this.getCookie("user_id") != 'wips2016018' && this.getCookie("user_id") != 'wips2018059'
				  && this.getCookie("user_id") != 'wips2019017' && this.getCookie("user_id") != 'wips2020083' && this.getCookie("user_id") != 'wips2021016' && this.getCookie("user_id") != 'wips2021017') {
					
					// 위의 사용자가 아닌 사람 중에서 로그인이 된 사람은 로그인 처리
					if (this.getCookie("loginstatus") != 'loggedin') {
						location.href = restUrl + "/d.html";
					}
				}
			}
			*/
			
			// 사용자 로그 - 미사용(22/04/22)
	        function userLogInsert(id, logCd) {
				/*
	        	$.ajax({
	        		async: false,
	        		url : "https://ipinfo.io/json",
	        		success: function(data){
	        			$.ajax({
	    					url: restUrl + '/insertUserLog',
	    					type: 'POST',
	    					data: {
	    						membr_id: id,
	    						log_cd: logCd,
	    						ip:data.ip
	    					},
	    					async: false,
	    					success: function (res) {
	    						//console.log(res);
	    					},
	    					error: function(err) {
	    						//console.log(err);
	    					}
	    				})
	        		}, 
	    			error: function(err) {
	        			$.ajax({
	    					url: restUrl + '/insertUserLog',
	    					type: 'POST',
	    					data: {
	    						membr_id: id,
	    						log_cd: logCd,
	    						ip:null
	    					},
	    					async: false,
	    					success: function (res) {
	    						//console.log(res);
	    					},
	    					error: function(err) {
	    						//console.log(err);
	    					}
	    				})
	    			}
	        	});
				*/
	        }
	        
	        function ssoLogin(id, sId, vproxy) {
	        	console.log("ssoLogin", restUrl);
	    		$.ajax({
	                url: restUrl + '/ssoUserCheck',
	                method: 'POST',
	    			data: {
	    				membrId: id,
	    				sssnId: sId,
	    				svcSect: "D"
	    			},
	                async: false,
	    			cache: false,
	                success: function (res) {
	    				console.log('ssoLogin > ssoUserCheck:', res);
	    				
	    				if( res.stts === 'O' ) {
	    					
	    					if( res.dupConnYn == 1 ) {
	    						alert('다른 곳에서 로그인되어 로그인 상태가 종료되었습니다.');	
	    						return;
	    					}
	    					
	    					//console.log("(index)loginstatus:", this.getCookie("loginstatus"));
	    					localStorage.clear();
	    					this.deleteCookie('loginstatus');
	    					//location.href = loginURL;
	    					return;
	    				}
	    				localStorage.setItem('session_id', sId);
	    				localStorage.setItem('ID', id);
	    				localStorage.setItem('vproxy', vproxy);
	    				localStorage.setItem('CODE', res.connAbltYn);
	    				
	    				document.cookie = "loginstatus=loggedin; domain="+cookieDomain+"; path=/";
	    				
	    				autoLogin(id, res.connAbltYn);
	    			},
	    			error: function(err) {
	    				console.log(err);
	    			}
	    		});
	    	}
	    	
	    	function autoLogin(id, abltYn) {
	    		console.log("autoLogin:", id);
	    		if( abltYn == -1 ) {
	    			return;
	    		}
	    		
	    		$.ajax({
	                url: restUrl + '/ssoLogin',
	                method: 'POST',
	    			data: {
	    				userId: id,
	    				abltYn: abltYn
	    			},
	                async: false,
	    			cache: false,
	                success: function (res) {
	    				console.log('autoLogin > ssoLogin > res:', res);
	    				
	    				//location.href = URL + '/index';
	    			},
	    			error: function(err) {
	    				console.log(err);
	    			}
	    		});
	    	}
	        
	        function isUserLoggedIn() {
	        	console.log('isUserLoggedIn > ck:', this.getCookie("loginstatus"));
	        	console.log('isUserLoggedIn > ls:', localStorage.getItem('ID'));
				
	        	if (this.getCookie("loginstatus") != 'loggedin') {
					if(localStorage.getItem('ID')){
						$.ajax({
							url: restUrl + "/logout?membrId=" + localStorage.getItem('ID') + "&svc_sect='D'",
							dataType: "json",
							contentType:"application/json",
							method: "POST",
							success: function(data){
								console.log('isUserLoggedIn > logout:', data);
							},
							error: function(err){
								console.log(err);
							} 
						});
					}
					localStorage.clear();
				} else {	// ssoLogin
					console.log("isUserLoggedIn > ssoLogin");
					
					if(this.getCookie("loginstatus") == 'loggedin' && this.getCookie("session_id") != ''){
						ssoLogin(this.getCookie("user_id"), this.getCookie("session_id"), this.getCookie("vproxy"));
					}
				}
		    }
		    isUserLoggedIn();
		    
		 	// 고객센터 이동
	        function goSupport() {
	        	window.open(buildSsoUrl + "/support/manual?num=1");
	        }
	        
		 	// 매뉴얼 이동
	        function goManual() {
	        	window.open(buildSsoUrl + "/support/manual?num=4");
	        }
	        
	        // 가격정책 이동
	        function goPrice() {
	        	window.open(buildSsoUrl + "/support/price");
	        }
	        
	        // FAQ 이동
	        function goFaq() {
	        	window.open(buildSsoUrl + "/support/faq");
	        }
	        
	        // QnA 이동
	        function goQna() {
	        	window.open(buildSsoUrl + "/support/qna");
	        }
	        
	        // 공지사항 이동
	        function goNotice() {
	        	window.open(buildSsoUrl + "/support/notice");
	        }
		    
		    // 이용약관 이동
		    function goService() {
		    	window.open(buildSsoUrl + "/support/service");
		    }
	        
			// 개인정보처리방침 이동
	        function goPrivacy() {
	        	window.open(buildSsoUrl + "/support/privacy");
	        }
			
	     	// MY페이지 이동
	        function goMypage() {
	        	if (this.getCookie("user_type") === undefined || this.getCookie("user_type") == null || this.getCookie("user_type") == "") {
	        		window.open(buildSsoUrl + "/mypage/profile", "_target");
				}
	        }
			
			// FamilySite
	        function goBuildFamily(serviceName) {
		    	if(location.href.includes("localhost")){
		    		if (serviceName == "wips") {
		    			window.open("http://www.wipscorp.com");
		    		} else if (serviceName == "build") {
		    			window.open("http://localhost:8390");
		    		} else if (serviceName == "bi") {
		    			window.open("http://localhost:8080");
		    		} else if (serviceName == "catalog") {
		    			window.open("http://localhost:8180");
		    		} else if (serviceName == "ipazon") {
		    			window.open("https://www.ipazon.co.kr/service/main.wips");
		    		}
		        } else if(location.href.includes("builddata")){
		        	if (serviceName == "wips") {
		    			window.open("http://www.wipscorp.com");
		    		} else if (serviceName == "build") {
		    			window.open("https://dev.builddata.co.kr");
		    		} else if (serviceName == "bi") {
		    			window.open("https://bi.builddata.co.kr");
		    		} else if (serviceName == "catalog") {
		    			window.open("https://catalog.builddata.co.kr");
		    		} else if (serviceName == "ipazon") {
		    			window.open("https://www.ipazon.co.kr/service/main.wips");
		    		}
		        } else {
		        	if (serviceName == "wips") {
		    			window.open("http://www.wipscorp.com");
		    		} else if (serviceName == "build") {
		    			window.open("https://www.build-data.co.kr");
		    		} else if (serviceName == "bi") {
		    			window.open("https://bi.build-data.co.kr");
		    		} else if (serviceName == "catalog") {
		    			window.open("https://catalog.build-data.co.kr");
		    		} else if (serviceName == "ipazon") {
		    			window.open("https://www.ipazon.co.kr/service/main.wips");
		    		}
		        }
		    }
        </script>
    </head>
    <body>
        <header id="header">
            <h1>
                <!-- <img src="./image/Drive_W.svg" alt="드라이브" /> -->
                <!-- <img src="./image/Logo_Build_Drive_W.svg" alt="빌드 드라이브" /> -->
                <img class="build_img2" src="./image/Logo_W_Build Drive.svg" alt="빌드 드라이브" />
            </h1>
            <div class="gnb_area">
                <div class="search_area">
                    <input type="text" placeholder="MY드라이브 내 검색" />
                    <button class="ico_search"><i class="fas fa-search"></i></button>
                </div>
                <div class="search_setting">
                    <ul>
                        <li class="search_all"><span class="search_tit">모두 : </span><span class="search_value"></span></li>
                        <li class="search_folder"><span class="search_tit">폴더 : </span><span class="search_value"></span></li>
                        <li class="search_file"><span class="search_tit">파일 : </span><span class="search_value"></span></li>
                    </ul>
                </div>
            </div>
            <div class="util_wrap2">
            	<div class="util_btn_wrap2">
                	<button class="util_btn2">고객센터</button>
                	<i class="material-icons">keyboard_arrow_down</i>
                </div>
            	<ul class="util_menu_list2">
            		<li class="disable">
            			<span id="userId"></span>
                        <span id="userCheck"></span>
            		</li>
                    <li class="">
                    	<a href="#" onclick="goManual(); return false;">매뉴얼</a>
                    </li>
                    <li class="">
                    	<a href="#" onclick="goPrice(); return false;">가격정책</a>
                    </li>
                    <li class="">
                    	<a href="#" onclick="goFaq(); return false;">FAQ</a>
                    </li>
                    <li class="">
                    	<a href="#" onclick="goQna(); return false;">Q&A</a>
                    </li>
                    <li class="">
                    	<a href="#" onclick="goNotice(); return false;">공지사항</a>
                    </li>
				</ul>
            </div>
            <div class="util_wrap">
        		<div class="util_btn_wrap">
                	<!-- <button class="util_btn" sec:authentication="principal.userId"></button> -->
                	<button class="util_btn"></button>
                	<i class="material-icons">keyboard_arrow_down</i>
                </div>
                <ul class="util_menu_list">
                    <li class="disable">
                    	<!-- <span id="userId" sec:authentication="principal.userId">wips2016018</span>
                        <span id="userCheck" sec:authentication="principal.returnCode"></span> -->
                        <span id="userId"></span>
                        <span id="userCheck"></span>
                        <!-- wips2013007 -->
                    </li>
                    <li class="">
                        <a href="#" onclick="goMypage(); return false;">MY페이지</a>
                    </li>
                    <li class="logout">
                        <a href="javascript:;" class="">로그아웃</a>
                    </li>
                </ul>
			</div>
        </header>
        <div id="wrap">
            <div class="container">
                <div class="side_menu_wrap">
                    <div class="side_menu">
                        <span class="side_tit">Build 서비스</span>
                        <div class="my_drive" id="my_drive"></div>
                        <!-- <ul class="side_menu_list">
                            <li class="my_drive on">
                                <a href="javascript:;">
                                    <span class="ico"><i class="fas fa-chevron-right"></i></span>
                                    <span class="tit">내 드라이브</span>
                                </a>
                                <div class="depth2">
                                    <ul class="inner"></ul>
                                </div>
                            </li>
                            <li class="my_favorite">
                                <a href="javascript:;">
                                    <span class="ico"><i class="far fa-star"></i></span>
                                    <span class="tit">즐겨찾기</span>
                                </a>
                            </li>
                            <li class="my_recent">
                                <a href="javascript:;">
                                    <span class="ico"><i class="far fa-clock"></i></span>
                                    <span class="tit">최근 파일</span>
                                </a>
                            </li>
                        </ul> -->
                        <div class="wips_service">
                            <a href="javascript:;" class="btn_service">
                                <span class="ico"><i class="fas fa-plus-circle"></i></span>
                                <span class="tit">WIPS 검색 서비스</span>
                            </a>
                            <div class="txt_box">
                                <p class="ser_possible">WIPS 온라인 서비스의<br />저장폴더를 연결할 수 있습니다.</p>
                                <p class="ser_impossible">더 이상 서비스를 추가할 수 없습니다. 1개 서비스 당 1개의 계정을 연결할 수 있습니다.</p>
                                <p class="ser_none" style="display: none;">해당 기능 이용이 제한됩니다.</p>
                            </div>
                        </div>
                        <div class="service_menu" id="wipson"></div>
                        <div class="service_menu" id="wintelips"></div>
                    </div>
                </div>
                <div class="content">
                    <div class="file_path">
                        <ul>
                        	<li><a href="javascript:;">MY드라이브</a></li>
                            <!-- <li class="path_depth1" data-path=""><a href="javascript:;">MY드라이브</a></li>
                            <li class="path_depth2"><a href="javascript:;"></a></li>
                            <li class="path_depth3"><a href="javascript:;"></a></li> -->
                        </ul>
                    </div>
                    <p class="search_result"><span class="search_input"></span> 검색 결과</p>
                    <div class="srv_head">
                        <strong class="srv_tit"></strong><strong style="font-weight: bold; padding-left: 5px">마이폴더</strong>
                        <span class="id"></span>
                        <!-- <span class="refresh" title="새로고침"><i class="fas fa-redo-alt"></i></span> -->
                        <a href="" target="_blank" class="service_link"><span></span> <i class="fas fa-external-link-alt"></i></a>
                    </div>
                    <div class="setting_area">
                        <form class="ctrl_group">
                            <ul>
                                <li class="select_all"><a href="javascript:;">전체 선택</a></li>
                                <li class="mk_folder">
                                    <a class="" href="javascript:;">폴더 만들기</a>
                                    <!-- <p class="folder_txt">하위폴더는 최대 3뎁스까지 만들 수 있습니다.</p> -->
                                </li>
                                <li class="change_file_name"><a href="javascript:;" class="disable">이름/설명 수정</a></li>
                                <li class="move_file"><a href="javascript:;" class="disable">이동</a></li>
                                <li class="copy_file"><a href="javascript:;" class="disable">복사</a></li>
                                <li class="del_file"><a href="javascript:;" class="disable">삭제</a></li>
                                <li class="download_flie"><a href="javascript:;" class="disable">다운로드</a></li>
                                <li class="share_link"><a href="javascript:;" class="disable">공유</a></li>
                                <li class="copy_link"><a href="javascript:;" class="disable">링크 복사</a></li>
                                <li class="upload_file_li">
                                    <input type="file" class="inputfile" id="file" data-multiple-caption="{count} 파일 선택" multiple />
                                    <label class="btn_submit" for="file">파일 업로드</label>
                                </li>
                            </ul>
                        </form>
                        <div class="view_group">
                            <div class="sort_group">
                                <button class="sel_area"><span id="group_target">최근 생성일순</span><i class="fas fa-sort-down"></i></button>
                                <ul>
                                    <li class="btn_recent"><a href="javascript:;" data-sort="tpdtdesc">최근 생성일순</a></li>
                                    <li class="btn_old"><a href="javascript:;" data-sort="tpdtasc">오래된 생성일순</a></li>
                                    <li class="btn_nameA"><a href="javascript:;" data-sort="tiasc">이름순(ㄱ, A)</a></li>
                                    <li class="btn_nameZ"><a href="javascript:;" data-sort="tidesc">이름순(ㅎ, Z)</a></li>
                                    <!-- <li class="btn_type_folder"><a href="javascript:;" data-sort="tptidesc">유형순(폴더>파일)</a></li> -->
                                    <!-- <li class="btn_type_file"><a href="javascript:;" data-sort="stdesc">유형순(파일>폴더)</a></li> -->
                                </ul>
                            </div>
                            <!-- <div class="build_sort">
                                <button class="sel_area"><span>최근 수정일</span><i class="fas fa-sort-down"></i></button>
                                <ul>
                                    <li class="btn_recent"><a href="javascript:;" data-sort="dtasc">최근 수정일</a></li>
                                    <li class="btn_old"><a href="javascript:;" data-sort="dtdesc">오래된 수정일</a></li>
                                    <li class="btn_nameA"><a href="javascript:;" data-sort="tiasc">이름순(ㄱ, A)</a></li>
                                    <li class="btn_nameZ"><a href="javascript:;" data-sort="tidesc">이름순(ㅎ, Z)</a></li>
                                    <li class="btn_type_folder"><a href="javascript:;" data-sort="stasc">유형순(폴더>파일)</a></li>
                                    <li class="btn_type_file"><a href="javascript:;" data-sort="stdesc">유형순(파일>폴더)</a></li>
                                </ul>
                            </div> -->
                            <div class="recent_sort">
                                <button class="sel_area"><span>최근 수정일</span><i class="fas fa-sort-down"></i></button>
                            </div>
                            <div class="btn_view">
                                <button class="view_list on" title="리스트 보기"><i class="fas fa-th-list"></i></button>
                                <button class="view_table" title="바둑판 보기"><i class="fas fa-th"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="srv_setting">
                    	<div class="folder_tit">
                    		<span class="folder_nm"></span>
                    		<span class="list_length"><em></em> 건</span>
                    	</div>
                    	<div class="srv_btn_wrap">
                        	<button class="btn_move_drive">MY드라이브로 저장</button>
                        	<button class="btn_dw_excel">엑셀 파일 다운로드</button>
                        </div>
                    </div>

                    <div id="list" class="box">
                        <div class="build_noti">
                            <p>필터링 데이터는 MY드라이브로 저장할 수 없습니다.</p>
                            <a href="javascript:;" class="btn_never_see">다시 보지 않기</a>
                            <a href="javascript:;" class="btn_close"><i class="fas fa-times"></i></a>
                        </div>
                        <div class="no_data">
                            <!-- <p>
                                파일을 끌어다 놓거나 <br />
                                파일을 업로드 하세요
                            </p> -->
                            <p>파일이 없습니다.</p>
                        </div>
                        <div class="no_favorite">
                            <p>즐겨찾기 항목이 없습니다.</p>
                        </div>
                        <p class="msg_no">검색 결과가 없습니다.</p>
                        <form class="drag_upload" method="POST" enctype="multipart/form-data">
                            <div id="loading">
                                <div class="spinner">
                                    <div class="bounce1"></div>
                                    <div class="bounce2"></div>
                                    <div class="bounce3"></div>
                                </div>
                            </div>
                            <input type="file" name="files[]" id="file1" class="drag_file" data-multiple-caption="{count} 파일 선택" multiple />
                            <!-- <div id="selector"></div> -->
                            <div class="list_head">
                                <ul>
                                    <li class="chk_box">
                                        <span>
                                        	<input type="checkbox" name="" id="listAllChk" />
                                        	<label for="listAllChk"><em></em></label>
                                        </span>
                                    </li>
                                    <li class="name_box" title="이름 순 정렬">
                                        <span>이름 <i class="fas fa-sort-down ico_sort"></i></span>
                                    </li>
                                    <li class="type_box" title="유형 순 정렬">
                                        <span>유형 <i class="fas fa-sort-down ico_sort"></i></span>
                                    </li>
                                    <li class="size_box" title="크기 순 정렬">
                                        <span>크기 <i class="fas fa-sort-down ico_sort"></i></span>
                                    </li>
                                    <li class="owner_box" title="소유자 순 정렬">
                                        <span>소유자 <i class="fas fa-sort-down ico_sort"></i></span>
                                    </li>
                                    <li class="date_box" title="생성일 순 정렬">
                                        <span class="date_box_name">최근 생성일 <i class="fas fa-sort-down ico_sort"></i></span>
                                    </li>
                                </ul>
                            </div>
                            <ul class="data_list" id="data_list"></ul>
                        </form>
                        <button class="btn_form_top">
                            <i class="fas fa-chevron-up"></i>
                        </button>
                        <div class="drag_cont">
                            <i class="fas fa-cloud-upload-alt"></i>
                            <p>파일을 업로드 하려면 여기에 놓으세요</p>
                        </div>
                        <div id="progress_wrap">
                            <div id="progress">
                                <span id="progressbar"></span>
                            </div>
                            <p class="range">파일 업로드 중입니다 <span></span></p>
                        </div>
                        <div id="download_wrap">
                            <div id="download">
                                <span id="dw_progressbar"></span>
                            </div>
                            <p class="range">다운로드 중입니다</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 대기 프로그레스바 -->
            <div id="download_progress">
            	<span id="pbar"></span>
            	<p></p>
            </div>
            <div id="upload_progress">
            	<span></span>
            	<p>업로드 준비 중입니다. 잠시만 기다려주세요.</p>
            </div>
            <!-- 대기 프로그레스바 -->
            <footer id="footer">
                <ul class="footer_menu">
                	<!-- 
                    <li><a href="javascript:;" class="disable">이용약관</a></li>
                    <li><a href="javascript:;" class="disable privacy">개인정보처리방침</a></li>
                    <li><a href="javascript:;" class="disable">고객센터</a></li>
                    <li><a href="http://www.wipscorp.com/" target="_blank">회사소개</a></li>
                    -->
                    <li><a href="#" onclick="goService(); return false;">이용약관</a></li>
                    <li><a href="#" onclick="goPrivacy(); return false;" style="font-weight:bold">개인정보처리방침</a></li>
                    <li><a href="#" onclick="goSupport(); return false;">고객센터</a></li>
                </ul>
                <span class="copyright">© <span class="footer_year" id="copyright"></span><a href="https://www.wipscorp.com" target="_blank" id="copySent"> WIPS Co.,Ltd.</a></span>
                <p class="footerSelect">
					<select name="select" class="selectbox" onChange="goBuildFamily(options[selectedIndex].value)">
						<option hidden="" disabled="disabled" selected="selected" value="">Family Site</option>
						<option value="wips">(주)윕스</option>
						<option value="build">Build</option>
						<option value="bi">Build BI</option>
						<option value="catalog">Build Catalog</option>
						<option id="disabled" disabled>Build Analytics</option>
						<option value="ipazon">지식재산관리서비스 IPAZON</option>
					</select>
				</p>
            </footer>
            <div id="dimd"></div>
            <div class="popup default_popup">
                <div class="popup_head">
                    <b class="tit"></b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <p></p>
                </div>
                <div class="btn_group">
                    <button class="btn_confirm"></button>
                    <button class="btn_cancle"></button>
                </div>
            </div>
            <div class="popup remove_popup">
                <div class="popup_head">
                    <b class="tit">삭제</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <p>삭제하시면 복구되지 않습니다. 정말 삭제 하시겠습니까?</p>
                </div>
                <div class="btn_group">
                    <button class="btn_confirm">삭제</button>
                    <button class="btn_cancle">취소</button>
                </div>
            </div>
            <div class="popup service_confirm">
                <div class="popup_head">
                    <b class="tit">WIPS서비스 연결</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <p>
                        <span class="service_name"></span>
                        <span class="service_txt"></span>
                    </p>
                </div>
                <div class="btn_group">
                    <button class="btn_confirm">확인</button>
                </div>
            </div>
            <div class="popup service_popup">
                <div class="popup_head">
                    <b class="tit">WIPS 서비스 연결</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <div class="select_area">
                        <select>
                            <option value="none" selected>서비스를 선택하세요</option>
                            <!-- <option value="Build">Build</option> -->
                            <option value="WO">WIPS ON</option>
                            <option value="WT">WINTELIPS</option>
                        </select>
                        <p class="err service_err">연결할 서비스를 선택해주세요.</p>
                    </div>
                    <div class="terms_area">
                        <div class="terms_txt">
                            <strong>개인정보 수집동의</strong>
                            <p>
                                서비스 연결을 위해 메타 스토리지의 회원번호, 이메일 계정 정보를 수집하며, 수집된 정보는 연결 해제시 삭제됩니다. 메타 스토리지 연동을 위한 필요한 최소 개인정보이므로
                                동의를 해주셔야 서비스를 이용하실 수 있습니다.
                            </p>
                        </div>
                        <div class="chk_box">
                            <input type="checkbox" id="agree" />
                            <label for="agree">(필수) 개인정보 수집 동의</label>
                        </div>
                        <p class="err chk_err">개인정보 수집에 동의하셔야 합니다.</p>
                    </div>
                    <div class="input_area">
                        <form action="">
                            <div class="user_id">
                                <input type="text" required placeholder="연결할 서비스 아이디" />
                            </div>
                            <div class="user_pw">
                                <input type="password" autocomplete="on" required placeholder="연결할 서비스 비밀번호" />
                            </div>
                        </form>
                        <p class="err info_err">아이디/비밀번호가 일치하지 않습니다.</p>
                        <p class="err null_info err_id">아이디를 입력해주세요.</p>
                        <p class="err null_info err_pw">비밀번호를 입력해주세요.</p>
                        <!-- <p class="err not-user">비밀번호가 변경되었거나 이용권한이 종료되어 연결이 불가합니다.<br> WIPS 서비스 연결을 다시 시도해주세요.</p> -->
                    </div>
                </div>
                <div class="btn_group">
                    <button class="btn_confirm">연결하기</button>
                </div>
            </div>
            <div class="popup upload_popup">
                <div class="popup_head">
                    <b class="tit">파일 업로드</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <div class="excel_name">
                        <p>파일 이름을 입력해주세요</p>
                        <input id="excel_name" type="text" placeholder="저장할 파일 이름" required />
                    </div>
                    <p>위치를 선택해 주세요.</p>
                    <div class="root">
                        <!-- append -->
                    </div>
                </div>
                <div class="btn_group">
                    <button class="btn_confirm">업로드</button>
                    <button class="btn_cancle">취소</button>
                </div>
            </div>
            <div class="popup input_popup">
                <div class="popup_head">
                    <b class="tit"></b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <p class="exp"></p>
                    <div class="user_input" >
                        <input type="text" required />
                        <div class="add_folder_err">
	                        <p class="name">이름을 입력해주세요.</p>
	                        <p class="over">이름은 최대 100자까지 가능합니다.</p>
	                        <p class="overlap">같은 파일명이 존재합니다.</p>
	                        <p class="another">이름에 /, ＼, :, *, ?, “, <, >, |는 입력할 수 없습니다.</p>
	                    </div>
                    </div>
                    
                    <div class="user_txtarea">
                    	<p>설명</p>
                    	<textarea id="changeTxtArea"></textarea>
                    </div>
                </div>
                <div class="btn_group">
                    <button class="btn_confirm"></button>
                    <button class="btn_cancle">취소</button>
                </div>
            </div>
            <div class="popup tbl_popup">
                <p></p>
                <div class="popup_tbl"></div>
                <div class="btn_group">
                    <button class="btn_cancle">닫기</button>
                </div>
            </div>
            <div class="popup view_popup">
                <p></p>
                <div class="popup_image">
                    <img src="" alt="" />
                </div>
                <div class="btn_group">
                    <button class="btn_confirm">다운로드</button>
                    <button class="btn_cancle">닫기</button>
                </div>
            </div>
            <div class="popup info_popup">
                <div class="popup_head">
                    <b class="tit">상세정보</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <!-- <p>출원번호 리스트</p> -->
                    <div class="info_box">
                        <ul class="my_folder_info_li">
                            <li>이름 : <span class="this_name">-</span></li>
                            <li>유형 : <span class="this_type">-</span></li>
                            <li>크기 : <span class="this_size">-</span></li>
                            <li>생성일 : <span class="this_date_origin">-</span></li>
                            <li>최근 수정일 : <span class="this_date">-</span></li>
                            <li>내가 공유해준 사용자 : <span class="my_share_user">-</span></li>
                            <li>설명 : <span class="this_desc">-</span></li>
                        </ul>
                    </div>
                </div>
                <div class="btn_group">
                    <button class="btn_cancle">닫기</button>
                </div>
            </div>
            <div class="popup info_popup_shr">
                <div class="popup_head">
                    <b class="tit">상세정보</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <div class="info_box">
                        <ul class="my_folder_info_li">
                            <li>이름 : <span class="this_name">-</span></li>
                            <li>유형 : <span class="this_type">-</span></li>
                            <li>크기 : <span class="this_size">-</span></li>
                            <li>생성일 : <span class="this_date_origin">-</span></li>
                            <li>최근 수정일 : <span class="this_date">-</span></li>
                            <li>공유일 : <span class="share_date">-</span></li>
                            <li>소유자 : <span class="share_master">-</span></li>
                            <li>설명 : <span class="this_desc">-</span></li>
                        </ul>
                    </div>
                </div>
                <div class="btn_group">
                    <button class="btn_cancle">닫기</button>
                </div>
            </div>
            <div class="popup overlap_popup">
                <div class="popup_head">
                    <b class="tit">확인창</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <p>
                        "<span class="origin"></span>" 이 이미 존재합니다.<br />
                        "<span class="change"></span>" 으로 변경하시겠습니까?
                    </p>
                </div>
                <div class="btn_group">
                    <button class="btn_confirm">변경</button>
                    <button class="btn_cancle">취소</button>
                </div>
            </div>
            <div class="popup depth3_popup">
                <div class="popup_head">
                    <b class="tit">확인창</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <p>하위 폴더가 3뎁스을 초과합니다. <br />이동할 수 없습니다.</p>
                </div>
                <div class="btn_group">
                    <button class="btn_confirm">확인</button>
                </div>
            </div>
            <div class="popup srv_set_popup">
                <div class="popup_head">
                    <b class="tit">WIPS 서비스 연결 설정</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <ul>
                        <li>연결된 서비스 : <span class="srv_name"></span></li>
                        <li>아이디 : <span class="srv_id"></span></li>
                        <li>연결 날짜 : <span class="srv_time"></span></li>
                    </ul>
                    <div class="chkbox">
                        <input type="checkbox" id="srv_link" />
                        <label for="srv_link">연결 해제</label>
                    </div>
                </div>
                <div class="btn_group">
                    <button class="btn_confirm">적용</button>
                    <button class="btn_cancle">취소</button>
                </div>
            </div>
            <div class="popup length_popup">
                <div class="popup_head">
                    <b class="tit">확인창</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <p>
                        파일이름이 100글자를 초과하였습니다. <br />
                        100글자까지만 변경하여 업로드 하시겠습니까? <br />
                    </p>
                    <p style="padding-top: 10px">변경 될 이름</p>
                    <span class="new_name"></span>
                </div>
                <div class="btn_group">
                    <button class="btn_confirm">업로드</button>
                    <button class="btn_cancle">건너뛰기</button>
                </div>
            </div>
            <div class="popup linkCopy_popup">
                <div class="popup_head">
                    <b class="tit">링크복사</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <div class="link_area">
                    	<input type="text" id="copy_value" >
                    	<button class="btn_copy_link">링크 복사</button>
                    </div>
                </div>
                <div class="btn_group">
                    <button class="btn_cancle">닫기</button>
                </div>
            </div>
            <!-- 공유 팝업 -->
            <div class="popup share_popup">
                <div class="popup_head">
                    <b class="tit">공유</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                    <p>
                    	<i class="fas fa-info-circle"></i>
                    	공유받은 사용자에게 조회 권한만 제공됩니다.
                    </p>
                    <div class="id_area">
                    	<input type="text" placeholder="Build 사용자 아이디를 입력해주세요.">
                    	<button class="btn_id_add">추가</button>
                    </div>
                    <span class="msg"></span>
                    <div class="share_user_list">
                    	<!-- <span class="share_user_id">wips2019084 <button class="btn_user_del">X</button></span> -->
                    </div>
                </div>
                <div class="btn_group">
                	<button class="btn_confirm">적용</button>
                    <button class="btn_cancle">취소</button>
                </div>
            </div>
            <div class="popup not-user-popup" style="z-index:50;">
            	<div class="popup_head">
                    <b class="tit">WIPS 서비스 연결 불가</b>
                    <button class="btn_close" title="닫기"><i class="fas fa-times"></i></button>
                </div>
                <div class="cont">
                	<p><span class="srv-name"></span> 이용권한이 종료되어, 해당 서비스 연결이 불가합니다 <br> WIPS 서비스 연결을 다시 시도해주세요.</p>
                </div>
                <div class="btn_group" style="padding: 20px 0;">
                	<button class="btn_confirm">확인</button>
                </div>
            </div>
            
        </div>
		
	        <script src="./js/lib/all.min.js"></script>
	        <script src="./js/lib/gsap.min.js"></script>
	        <script src="./js/lib/toastr.min.js"></script>
	        <script src="./js/lib/jquery.contextMenu.js"></script>
	        <script src="./js/lib/jstree.min.js"></script>
	        <script src="./js/lib/jquery.idle.js"></script>
	        <script src="./js/lib/jquery.cookie.js"></script>
	        <script src="./js/main.js?v4"></script>
	        <script src="./js/addBuildService.js?v4"></script>
	        <script src="./js/rememberId.js"></script>
	        <script src="./js/lib/deparam.min.js"></script>
	        <script src="./js/lib/jquery.router.js"></script>
	        <script src="https://peterolson.github.io/BigInteger.js/BigInteger.min.js"></script>
        
    </body>
</html>
