<!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">

<!-- jquery -->
<script src="/resources/plugins/jquery/jquery.min.js"></script>
<!-- jquery ui -->
<link rel="stylesheet" href="/resources/plugins/jquery-ui/jquery-ui.min.css">
<script src="/resources/plugins/jquery-ui/jquery-ui.min.js"></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 -->
<link rel="stylesheet" href="/resources/plugins/bootstrap/css/bootstrap.min.css">
<script src="/resources/plugins/bootstrap/js/bootstrap.js"></script>

<!-- color-picker -->
<link rel="stylesheet" href="/resources/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css">
<script src="/resources/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
<!-- bootstrap slider -->
<link rel="stylesheet" href="/resources/plugins/bootstrap-slider/css/bootstrap-slider.css">
<script src="/resources/plugins/bootstrap-slider/bootstrap-slider.js"></script>
<!-- bootstrap switch -->
<link rel="stylesheet" href="/resources/plugins/bootstrap-switch/css/bootstrap3/bootstrap-switch.css">
<script src="/resources/plugins/bootstrap-switch/js/bootstrap-switch.js"></script>


<!-- dual list box -->
<link rel="stylesheet" href="/resources/plugins/bootstrap4-duallistbox/bootstrap-duallistbox.css">
<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 -->
<link rel="stylesheet" href="/resources/plugins/bs-stepper/css/bs-stepper.css">
<script src="/resources/plugins/bs-stepper/js/bs-stepper.js"></script>

<!-- chart js -->
<link rel="stylesheet" href="/resources/plugins/chart.js/Chart.css">
<script src="/resources/plugins/chart.js/Chart.js"></script>
<script src="/resources/plugins/chart.js/chartjs-plugin-datalabels.js"></script>

<!-- codemirror -->
<link rel="stylesheet" href="/resources/plugins/codemirror/codemirror.css">
<script src="/resources/plugins/codemirror/codemirror.js"></script>

<!-- dataTables autoFill -->
<link rel="stylesheet" href="/resources/plugins/datatables-buttons/css/buttons.bootstrap4.css">
<link rel="stylesheet" href="/resources/plugins/datatables-bs4/css/dataTables.bootstrap.css">

<!-- 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 확장 -->
<link rel="stylesheet" href="https://cdn.datatables.net/fixedcolumns/4.0.1/css/fixedColumns.dataTables.min.css">
<script src="https://cdn.datatables.net/fixedcolumns/4.0.1/js/dataTables.fixedColumns.min.js"></script>

<!-- font awesome-free -->
<link rel="stylesheet" href="/resources/plugins/fontawesome-free/css/all.min.css">

<!-- moment -->
<script src="/resources/plugins/moment/moment-with-locales.js"></script>
<script src="/resources/plugins/moment/moment.min.js"></script>

<!-- tempus dominus -->
<link rel="stylesheet" href="/resources/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
<script src="/resources/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>

<!-- icheck -->
<link rel="stylesheet" href="/resources/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
<!-- jqvmap -->
<link rel="stylesheet" href="/resources/plugins/jqvmap/jqvmap.min.css">
<script src="/resources/plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="/resources/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>

<!-- daterangepicker -->
<link rel="stylesheet" href="/resources/plugins/daterangepicker/daterangepicker.css">
<script src="/resources/plugins/daterangepicker/daterangepicker.js"></script>

<!-- full calendar  -->
<link rel="stylesheet" href="/resources/plugins/fullcalendar/main.css">
<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 -->
<link rel="stylesheet" href="/resources/plugins/summernote/summernote.css">
<script src="/resources/plugins/summernote/summernote.js"></script>
<link rel="stylesheet" href="/resources/plugins/summernote/summernote-bs4.css">
<script src="/resources/plugins/summernote/summernote-bs4.js"></script>

<!-- overlay scrollbar  -->
<link rel="stylesheet" href="/resources/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
<!--<script src="/resources/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>-->

<link rel="stylesheet" href="/resources/css/adminlte.css">
<link rel="stylesheet" href="/resources/css/common.css">
<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 -->
<link rel="stylesheet" href="/resources/plugins/select2/css/select2.min.css">
<script src="/resources/plugins/select2/js/select2.full.min.js?v=0.2"></script>

<!-- videojs -->
<link href="https://vjs.zencdn.net/7.20.3/video-js.min.css"rel="stylesheet"/>
<script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>

<!-- 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 = "988c9b98-f8af-406e-b7df-d9e5a705ed53";
	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-->
	<link rel="stylesheet" href="/css/content/account/login.css">
    <link rel="stylesheet" href="/resources/css/index.css">
</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>
	

$(document).ready(function(){
	$(".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") {
		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>