<!DOCTYPE html>
<html lang="kr">
<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meta Taekwon</title>

<link rel="icon" href="/img/common/favicon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/common/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/img/common/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/common/favicon-16x16.png">


<style>@layer legacy, theme, base, components, utilities;</style>
<script>
(function () {
	var supported = !!window.CSSLayerBlockRule;
	try { if (localStorage.getItem('cssNoLayer') === '1') supported = false; } catch (e) {}
	try {
		if (supported) {
			// fullcalendar v6: CSS를 style[data-fullcalendar]에 insertRule로 넣는다.
			// 미리 만든 요소를 쓰게 하고, 그 안의 @layer legacy 블록으로 받는다.
			var fc = document.createElement('style');
			fc.setAttribute('data-fullcalendar', '');
			fc.textContent = '@layer legacy{}';
			document.head.appendChild(fc);
			var fcBlock = fc.sheet.cssRules[0];
			fc.sheet.insertRule = function (rule) {
				return fcBlock.insertRule(rule, fcBlock.cssRules.length);
			};

			// video.js: 기본/플레이어 크기 CSS를 style.vjs-styles-*의 textContent로 넣는다.
			// 넣거나 바꿀 때마다 @layer legacy 블록으로 감싼다.
			var wrapVjs = function (el) {
				if (el.nodeName === 'STYLE' && /\bvjs-styles-/.test(el.className)
						&& el.textContent.indexOf('@layer legacy') !== 0) {
					el.textContent = '@layer legacy{' + el.textContent + '}';
				}
			};
			new MutationObserver(function (records) {
				records.forEach(function (r) {
					var t = r.target.nodeType === 1 ? r.target : r.target.parentNode;
					if (t) wrapVjs(t);
					r.addedNodes.forEach(function (n) { if (n.nodeType === 1) wrapVjs(n); });
				});
			}).observe(document.head, { childList: true, subtree: true, characterData: true });
		} else {
			// @layer 미지원 브라우저(Chrome 99 / Safari 15.4 / Firefox 97 미만)는 layer(legacy) import와
			// @layer 블록을 통째로 무시한다. 파서가 넣는 대로 원래 형태(<link>, 일반 <style>)로 되돌리고,
			// 되돌린 CSS가 다 올 때까지 jQuery ready를 붙잡아 둔다(초기화 코드가 CSS 없이 크기를 재지 않도록).
			var IMPORT = /^@import url\("([^"]+)"\) layer\(legacy\);$/, OPEN = '@layer legacy {';
			var pending = [], loading = 0, domReady = false, held = false, released = false;
			var release = function (force) {
				if (released || (!force && (!domReady || loading > 0))) return;
				released = true;
				if (held) jQuery.holdReady(false);
			};
			var restore = function (el) {
				var t = el.textContent, m = t.match(IMPORT);
				if (m) {
					var link = document.createElement('link');
					link.rel = 'stylesheet';
					link.href = m[1];
					loading++;
					link.onload = link.onerror = function () { loading--; release(); };
					el.parentNode.replaceChild(link, el);
				} else if (t.indexOf(OPEN) === 0) {
					el.textContent = t.slice(OPEN.length, t.lastIndexOf('}'));
				}
			};
			// <style>은 뒤에 다음 노드가 붙어야(= </style>까지 파싱돼야) 내용이 완성된 것으로 본다
			var flush = function (all) {
				pending = pending.filter(function (el) {
					if (!all && !el.nextSibling) return true;
					if (el.parentNode) restore(el);
					return false;
				});
			};
			new MutationObserver(function (records) {
				for (var i = 0; i < records.length; i++) {
					for (var j = 0; j < records[i].addedNodes.length; j++) {
						var node = records[i].addedNodes[j];
						if (node.nodeName === 'STYLE') pending.push(node);
						// tw.css(Tailwind/daisyUI)는 레이어가 전제라 구형 브라우저에서는 어차피 적용되지 않는다.
						// 비교 모드(cssNoLayer)에서도 같은 모습이 되도록 뺀다.
						else if (node.nodeName === 'LINK' && /\/resources\/css\/tw\.css/.test(node.getAttribute('href') || '')) node.parentNode.removeChild(node);
					}
				}
				flush(false);
			}).observe(document.documentElement, { childList: true, subtree: true });
			document.addEventListener('DOMContentLoaded', function () {
				flush(true);
				domReady = true;
				release();
				setTimeout(function () { release(true); }, 8000);
			});
			window.__cssHoldReady = function () {
				if (!released && window.jQuery && jQuery.holdReady) {
					held = true;
					jQuery.holdReady(true);
				}
			};
		}
	} catch (e) {
		if (window.console) console.warn('css layer shim', e);
	}
})();
</script>

<!-- jquery -->
<script src="/resources/plugins/jquery/jquery.min.js"></script>
<script>window.__cssHoldReady && window.__cssHoldReady();</script>
<!-- jquery ui -->
<style>@import url("/resources/plugins/jquery-ui/jquery-ui.min.css") layer(legacy);</style>
<script src="/resources/plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- 끌기·정렬(jQuery UI)을 손가락 터치로도 쓸 수 있게: 터치를 마우스 이벤트로 바꿔 전달 -->
<script src="/resources/js/jquery-ui-touch.js?v=75ac09e3cc"></script>

<script src="/resources/plugins/jquery-validation/jquery.validate.js"></script>
<script src="/resources/plugins/jquery-validation/additional-methods.js"></script>

<!-- dataTables -->
<script src="/resources/plugins/datatables/jquery.dataTables.min.js"></script>

<!-- popper -->
<script src="/resources/plugins/popper/umd/popper.js"></script>

<!--<script src="/resources/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>-->
<script src="/resources/plugins/bootstrap/js/bootstrap.min.js"></script>


<!-- bootstrap -->
<style>@import url("/resources/plugins/bootstrap/css/bootstrap.min.css") layer(legacy);</style>
<!-- bootstrap.js 는 위 bootstrap.min.js 와 같은 4.6.1 이라 빼 둔다. 두 번 불러오면 드롭다운 클릭 핸들러가 두 번 돌아
     첫 클릭에 열렸다 바로 닫힌다(상단 알림·내 정보 메뉴) -->
<!--<script src="/resources/plugins/bootstrap/js/bootstrap.js"></script>-->

<!-- color-picker -->
<style>@import url("/resources/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css") layer(legacy);</style>
<script src="/resources/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
<!-- bootstrap slider -->
<style>@import url("/resources/plugins/bootstrap-slider/css/bootstrap-slider.css") layer(legacy);</style>
<script src="/resources/plugins/bootstrap-slider/bootstrap-slider.js"></script>
<!-- bootstrap switch -->
<style>@import url("/resources/plugins/bootstrap-switch/css/bootstrap3/bootstrap-switch.css") layer(legacy);</style>
<script src="/resources/plugins/bootstrap-switch/js/bootstrap-switch.js"></script>


<!-- dual list box -->
<style>@import url("/resources/plugins/bootstrap4-duallistbox/bootstrap-duallistbox.css") layer(legacy);</style>
<script src="/resources/plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.js"></script>

<!-- bs-custom-file-input -->
<script src="/resources/plugins/bs-custom-file-input/bs-custom-file-input.js"></script>
<!-- bs-stepper -->
<style>@import url("/resources/plugins/bs-stepper/css/bs-stepper.css") layer(legacy);</style>
<script src="/resources/plugins/bs-stepper/js/bs-stepper.js"></script>

<!-- chart js -->
<style>@import url("/resources/plugins/chart.js/Chart.css") layer(legacy);</style>
<script src="/resources/plugins/chart.js/Chart.js"></script>
<script src="/resources/plugins/chart.js/chartjs-plugin-datalabels.js"></script>

<!-- codemirror -->
<style>@import url("/resources/plugins/codemirror/codemirror.css") layer(legacy);</style>
<script src="/resources/plugins/codemirror/codemirror.js"></script>

<!-- dataTables autoFill -->
<style>@import url("/resources/plugins/datatables-buttons/css/buttons.bootstrap4.css") layer(legacy);</style>
<style>@import url("/resources/plugins/datatables-bs4/css/dataTables.bootstrap.css") layer(legacy);</style>

<!-- dataTables BS4 -->
<script src="/resources/plugins/datatables-buttons/js/dataTables.buttons.js"></script>
<script src="/resources/plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
<script src="/resources/plugins/datatables-buttons/js/buttons.bootstrap4.js"></script>

<!-- FixedColumns 확장 -->
<style>@import url("https://cdn.datatables.net/fixedcolumns/4.0.1/css/fixedColumns.dataTables.min.css") layer(legacy);</style>
<script src="https://cdn.datatables.net/fixedcolumns/4.0.1/js/dataTables.fixedColumns.min.js"></script>

<!-- font awesome-free -->
<style>@import url("/resources/plugins/fontawesome-free/css/all.min.css") layer(legacy);</style>

<!-- moment -->
<script src="/resources/plugins/moment/moment-with-locales.js"></script>
<script src="/resources/plugins/moment/moment.min.js"></script>

<!-- tempus dominus -->
<style>@import url("/resources/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css") layer(legacy);</style>
<script src="/resources/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>

<!-- icheck -->
<style>@import url("/resources/plugins/icheck-bootstrap/icheck-bootstrap.min.css") layer(legacy);</style>
<!-- jqvmap -->
<style>@import url("/resources/plugins/jqvmap/jqvmap.min.css") layer(legacy);</style>
<script src="/resources/plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="/resources/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>

<!-- daterangepicker -->
<style>@import url("/resources/plugins/daterangepicker/daterangepicker.css") layer(legacy);</style>
<script src="/resources/plugins/daterangepicker/daterangepicker.js"></script>

<!-- full calendar  -->
<style>@import url("/resources/plugins/fullcalendar/main.css") layer(legacy);</style>
<script src="/resources/plugins/fullcalendar/main.js"></script>
<script src="/resources/plugins/fullcalendar/locales-all.js"></script>

<!-- spark line -->
<script src="/resources/plugins/sparklines/sparkline.js"></script>

<!-- knob -->
<script src="/resources/plugins/jquery-knob/jquery.knob.min.js"></script>

<script src="/resources/plugins/postcode/postcode.v2.js"></script>
<!-- summernote -->
<style>@import url("/resources/plugins/summernote/summernote.css") layer(legacy);</style>
<script src="/resources/plugins/summernote/summernote.js"></script>
<style>@import url("/resources/plugins/summernote/summernote-bs4.css") layer(legacy);</style>
<script src="/resources/plugins/summernote/summernote-bs4.js"></script>

<!-- overlay scrollbar  -->
<style>@import url("/resources/plugins/overlayScrollbars/css/OverlayScrollbars.min.css") layer(legacy);</style>
<!--<script src="/resources/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>-->

<style>@import url("/resources/css/adminlte.css") layer(legacy);</style>
<!-- common.css 는 자주 바뀌어 파일 해시(v=)를 붙인다(운영은 정적 파일을 하루 캐시) -->
<style>@import url("/resources/css/common.css?v=e607c7c43f") layer(legacy);</style>
<script src="/resources/js/adminlte.js"></script>
<script src="/resources/js/common.js"></script>

<!--link rel="stylesheet" href="/resources/css/index.css" -->

<!-- CryptoJS3.1.2 -->
<script src="/vendor/CryptoJS-3.1.2/rollups/aes.js"></script>
<script src="/vendor/CryptoJS-3.1.2/rollups/sha256.js"></script>

<!-- selector2 -->
<style>@import url("/resources/plugins/select2/css/select2.min.css") layer(legacy);</style>
<script src="/resources/plugins/select2/js/select2.full.min.js?v=0.2"></script>

<!-- videojs -->
<style>@import url("https://vjs.zencdn.net/7.20.3/video-js.min.css") layer(legacy);</style>
<script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>

<!-- Tailwind CSS v4 + daisyUI 5 (tw: 접두어). 소스: src/main/frontend/tw.css, 빌드: npm run build:css
     내용이 전부 theme/base/components/utilities 레이어 안에 있으므로 <link>로 그대로 불러온다. -->
<link rel="stylesheet" href="/resources/css/tw.css?v=c1324604aa">

<!-- common -->
<script src="/js/common/cm.ajaxUtil.js"></script>
<script src="/js/common/cm.jsonUtil.js"></script>
<script src="/js/common/cm.formUtil.js"></script>
<script src="/js/common/cm.stringUtil.js"></script>

<script>
	var _pid = "sitemap.xml";
	var _sid = "db2eba7d-7a3f-4ead-bb2a-7834a880aa6e";
	var _utilAjax = new cm_ajaxUtil();
	var _utilJson = new cm_jsonUtil();
	var _utilForm = new cm_formUtil();
	var _utilString = new cm_stringUtil();
	
	
	function logoutprocess () {
		var data = {};
		var ret = _utilAjax.sendSyncRet("/account/logout", _utilJson.make(_pid,data));
		if (ret.result == "OK") {
			location.replace("/");
		} else {
			alert(ret.message);
		}
	}
	function adminFileDownLoad(obj) {
		var fnkey = $(obj).data("fnkey");
		window.open("/download/admin/"+fnkey,"_blank");
	}
	function toTmesService() {
		
		const form = document.createElement("form");
		const tokenInput = document.createElement('input'); 
		form.method = 'post'; 
		form.action = "https://www.aitkd.net/sso/consume";
		
		tokenInput.type = 'hidden'; 
		tokenInput.name = 'token'; 
		tokenInput.value = ""; 
		
		form.appendChild(tokenInput); 
		document.body.appendChild(form);
		 
		form.submit();
		
	}
</script>



</head>

<head>
	<!--script src="/js/content/account/login.js"></script-->
	<style>@import url("/css/content/account/login.css") layer(legacy);</style>
    <style>@import url("/resources/css/index.css") layer(legacy);</style>
</head>

<body>
    <div class="container-fluid overflow-hidden">
        <div class="row">
            <div class="bg-primary col-7 layout-pc" style="height: 100vh;">
                <div class="d-flex justify-content-around flex-column">
                    <div class="col-12">
                        <div class="img-wrap logo-img-wrap mt-4 tal">
                            <img src="/resources/img/common/logo_white.png" alt="logo_white" class="logo-img">
                        </div>
                    </div>
                    <div class="col-12 my-5 text-center">
                        <img src="/resources/img/contents/login/login_img.png" alt="" class="img-fluid">
                    </div>
                </div>
            </div>
            <div
                class="col-lg-5 col-md-12 position-relative d-flex align-items-center justify-content-center mo-h-full">
                <div class="doughnut bg-secondary position-absolute"></div>
                <div class="circle bg-secondary position-absolute"></div>
                <div class="square bg-secondary position-absolute"></div>
                <div class="col-12 row flex-column align-items-center justify-content-center loginForm">
                    <h1 class="title m-0 fw-bold mb-5 text-center">LOGIN</h1>
                    <div class="input-row mb-2 col-lg-8 col-sm-12">
                        <input type="text" class="form-control" name="mbid" placeholder="ID">
                    </div>
                    <div class="input-row mb-2 col-lg-8 col-sm-12">
                        <input type="password" class="form-control" name="mbpwd" placeholder="Password">
                    </div>
                    <div class="check-wrap col-lg-8 col-sm-12 mb-2">
                        <div class="icheck-primary">
                            <input type="checkbox" value="Y" id="rememberId">
                            <label for="rememberId">Remember</label>
                        </div>
                    </div>
                    <div class="btn-wrap col-lg-8 col-sm-12 mb-2">
                        <button class="btn btn-lg btn-primary btn-radius col-12" onclick="loginprocess()">Login</button>
                    </div>
                    <div class="d-flex col-lg-8 col-sm-12">
                        <a href="javascript:void(0);" class="btn col-4" style="font-size: 0.8rem;">Find ID</a>
                        <a href="javascript:void(0);" class="btn col-4" style="font-size: 0.8rem;">Find Password</a>
                        <a href="/registMemType" class="btn col-4" style="font-size: 0.8rem;">Join</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

<script>
	

// 아이디 저장: 체크한 채 로그인에 성공하면 이 브라우저에 아이디만 저장한다(비밀번호는 저장하지 않음).
// 체크를 풀고 로그인하면 지운다
var SAVED_ID_KEY = "login.savedId";
function readSavedId() {
	try { return localStorage.getItem(SAVED_ID_KEY) || ""; } catch (e) { return ""; }
}
function writeSavedId(id) {
	try {
		if (id) localStorage.setItem(SAVED_ID_KEY, id);
		else localStorage.removeItem(SAVED_ID_KEY);
	} catch (e) {}
}

$(document).ready(function(){
	var savedId = readSavedId();
	if (savedId) {
		$(".form-control[name=mbid]").val(savedId);
		$("#rememberId").prop("checked", true);
		$(".form-control[name=mbpwd]").trigger("focus");
	}
	$(".form-control[name=mbid] , .form-control[name=mbpwd]").on("keypress",function(e){
		if (e.keyCode ==13) loginprocess();
	});
});

function loginprocess () {
	$("button.submit").attr("disabled",true);
	var data_tmp = _utilForm.getFormData(".loginForm");
	var data={};
	data.comcd = _utilString.makeCryptoJSEncrypt(_sid,data_tmp.comcd);
	data.mbid = _utilString.makeCryptoJSEncrypt(_sid,data_tmp.mbid);
	data.mbpwd = _utilString.makeCryptoJSEncrypt(_sid,data_tmp.mbpwd);
	
	var ret = _utilAjax.sendSyncRet("/account/login", _utilJson.make(_pid,data));
	
	if (ret.result == "OK") {
		writeSavedId($("#rememberId").is(":checked") ? $.trim(data_tmp.mbid) : "");
		if (_pid=="login") _pid = "";
		location.replace("/"+_pid);
			
	} else if (ret == null || ret == undefined) {
//		alert("로그인 실패하였습니다.");
		alert(ret.message);
	} else {
		alert(ret.message);
	}
	$("button.submit").attr("disabled",false);
}
	
</script>


</body>

</html>